/******************************* CRM Sidebar *********************/
#crmsidebar {
	width: 150px;
	font-size: 10px;
	color: #222;
/* 
	background-color: #ADC9F7; 
	background-color: #DDD;
*/
	vertical-align: top;
	border-right: 1px solid #91A7B4;
/*
	border-left: 2px solid #333;
*/
	padding: 5px;
	text-align:left;
}

#crmmainbody {
	padding: 15px 10px;
	vertical-align: top;
	font-size: 11px;
}

.inputfield
{
	background-color: InfoBackground;
}

.doccol
{
	padding-left: 10px;
}

/******************************* CRM Sidebar *********************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

td {font-size: 11px; font-family: Arial; text-decoration: none;}
.loadingpanel
{
	margin-top: 50px;
	padding-top: 50px;
}

.button
{
	font-size: 10px; 
	border: 1px outset;
}

	
.printonly
{
	display:none;
}

.datacalendar{
	font-size: 9px;
}

form {
	margin: 0;
	padding: 0;
}

.RadGridEditText
{
	white-space:nowrap;
	width:20px;
}

#logobar {
	background-color: white; /* #069; */
	width: 100%;
	border-bottom: 5px solid #333;
}
#logobar td {
	padding: 0px;
}

#navmenu
{
	width:100%;
}
#navmenu td
{
padding:0px;
}
.newsidebar
{
	vertical-align: top;
	width: 175px;
	border-right: 1px solid #333;
	border-left: 2px solid #333;
	background-color: #ADC9F7;
}

/*
.newsidebar {
	width: 155px;
	font-size: 10px;
	color: #222;
	/* background-color: #ADC9F7; 
	background-color: #DDD;
	vertical-align: top;
	border-right: 1px solid #333;
	border-left: 2px solid #333;
	padding-top: 10px;
}
*/

#sidebar {
	width: 155px;
	font-size: 10px;
	color: #222;
	/* background-color: #ADC9F7; */
	background-color: #DDD;
	vertical-align: top;
	border-right: 2px solid #333;
	border-left: 2px solid #333;
	padding-top: 10px;
	text-align:left;
	
}
ul.nav {
	margin: 0px 0px 10px;
	border-top: 1px solid #069;
	padding: 0px;
}
ul.nav li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
ul.nav li a {
	display: block;
	width: 145px;
	text-decoration: none;
	padding: 3px 5px;
	border-left: 10px solid #069;
	border-bottom: 1px solid #069;
	color: black;
	background-color: #9BC;
	margin: 0px;
}
.nav li a:hover {
	border-left-color: #FF0;
	background-color: #069;
	color: white;
}
ul.nav li a#on {
	background-color: #CCC;
}
ul.nav li a#on:hover {
	background-color: #CCC;
	border-color: #069;
	color: black;
}

#mainbody {
	padding: 15px 10px;
	vertical-align: top;
	font-size: 11px;
}
#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 1px;
	border-top: 1px solid #333;
	width:100%;
}

h3
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 14px;
	color: #000;
	text-align: left;
	padding-bottom: 2px;

	border-bottom: 1px solid black;
}

h3 a {
	text-decoration: none;
}

h3 a:hover {
	text-decoration: none;
	color: red;
}

#mainbody h2 {
	padding: 0px;
	/*margin: 5 0 0 0px;*/
	font-family: Verdana;
	font-size: 14px;
	border-bottom: 1px solid #8a8a8a;
	letter-spacing: 2;
	font-weight: bold;
}

#mainbody h2 a{
	font-size: 10px;
	font-family: Verdana;
}

#mainbody h5 
{
	padding: 0px;
	/*margin: 5 0 0 0px;*/
	font-family: Verdana;
	font-size: 11px;
	border-bottom: 1px solid #8a8a8a;
	letter-spacing: 2;
	font-weight: bold;
}

/*
	background-color: #eee;
	font-size: 18px;
	border-bottom: 2px solid #ccc;
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr='#ffeeeeee',endcolorstr='#ffffffff');
  width:50%;
	margin-bottom: 3px;
*/

.help {
	font-size: 10px;
}

.help h4{
	text-align:left;
	border-bottom: 1px solid #888;
	padding: 0px 5px 1px 3px;
 	color: #888;
	vertical-align: bottom;
	font-size: 10px;
}
.tblleftstyling
{
	padding:2px 2px 2px 2px;
	background-color:#F3F8FC;
	}
.tblrightstyling
{
	padding:2px 2px 2px 2px;
}


.tbllist {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 10px;
}
.tbllist caption {
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin: 0;
}
.tbllist th {
	text-align:left;
	border-bottom: 1px solid #888;
	padding: 0px 5px 1px 3px;
 	color: #888;
	vertical-align: bottom;
}

.aspdatagrid{
	text-align:left;

	padding: 0px 5px 1px 3px;
	vertical-align: bottom;
	font-weight: bold;
}

.aspdatagrid td
{
	border-bottom: 1px solid black;
}

.tbllist td {
	padding: 3px 5px;
}

.tbllist td.cen{
	text-align: center;
}

.fmin {
	font: normal 12px "Courier New";
}

#rightnav 
{
	font-family: Verdana;
	font-size: 12px;
	color: #222;
	background-color: #F3F8FC;
	padding: 15px;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	width: 150px;
	vertical-align: top;
}

#rightnav th{
	border: 1px solid #739FC4; 
	background-color: #739FC4;
}

#rightnav table{
	border: 1px solid #739FC4; 
}

#rightnav a {
	text-decoration: none;
}

#rightnav a:hover {
	text-decoration: none;
	color: red;
}

#mainbody h4.alerts {
	background-color: #eee;
	font-size: 12px;
	border-bottom: 2px solid #ccc;
	/*filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr='#ffeeeeee',endcolorstr='#ffffffff');*/
  width:100%;
	margin-bottom: 3px;
	color: red;
}

.infolist {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 12px;
	width: 65%;
}
.infolist caption {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin: 0;
}
.infolist th {
	text-align:left;
	border-bottom: 1px solid #888;
	padding: 0px 5px 1px 3px;
 	color: #888;
	vertical-align: bottom;
}

.infolist tr.sectionheader{
	height: 5px;
}

.infolist td{
	padding: 3px 5px;
}

.questionhdr
{   
	FONT:		bold 8pt Tahoma;
    COLOR:		#FFFFFF;
    TEXT-DECORATION:	none;
    BACKGROUND-COLOR:	#739FC4;
    BORDER:		1px solid #9AA8B4;
}

.answerhdr{
    border-left:		1px solid #9AA8B4;
    border-right:		1px solid #9AA8B4;
    border-bottom:		1px solid #9AA8B4;
    text-decoration:	none;
}

.categoryhdr
{
	FONT:		bold 8pt Tahoma;
    COLOR: #000000;
    TEXT-DECORATION:	none;
}

.faqlist{
	margin-top: 10px;
	margin-left: 10px;
	font-size: 11px;
	margin-right: 10px;
}

.faqlist td{
	padding: 3px 5px;	
}

.faqlist a{
	text-decoration: none;
	color: black;
}

.faqlist a:hover{
	text-decoration: none;
	color: red;
}

.alert{
	color: red;
}

.infolist a{
	text-decoration: none;
	color: black;
}

.infolist a:hover{
	text-decoration: none;
	color: red;
}


/*****  General Announcements *****/

.announce {
	margin-top: 10px;
	font-size: 10px;
}

.announce th {
	text-align:left;
	border-bottom: 1px solid #888;
	padding: 0px 5px 1px 3px;
 	color: #888;
	vertical-align: bottom;
}

.announce tr{
	border-bottom: 1px solid #DDD;
}

.announce td {
	padding: 3px 5px;
	border-bottom: 1px solid #DDD;
}

.multiselectbtn{
	width: 100px;
	height: 19px;
	border: 1px outset #999;
	font-size: 11px;
	text-align: inherit;
	color: black;
	margin: 0px;
	padding: 0px;
}

.multiselect{
	margin-top: 10px;
	margin-left: 20px;
	font-size: 10px;
	border: 1px solid black;
}

.multiselect th {
	text-align:left;
	border-bottom: 1px solid #888;
	padding: 0px 5px 5px 3px;
	padding: 
 	color: #888;
	vertical-align: bottom;
}

.multiselect td {
	padding: 3px 5px;
}


fieldset legend {
	padding: 3px;
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 2;
	font-weight: bold;
}

fieldset{
    padding: 5px;
    border: 1px solid #91A7B4;
}

/************************* label start **********************/
.label
{
	font-weight: bold;
	vertical-align: bottom;
	padding-right: 5px;
	width: 125px;
}
.stafflabel
{
	font-weight:bold;
	vertical-align:bottom;
	padding-right:5px;
	width:125px;
	color:Black;
}

.labelcol
{
	width: 75px;
}

.labelshort
{
	font-weight: bold;
	vertical-align: bottom;
	padding-right: 5px;
	width: 75px;
}

.labellong
{
	font-weight: bold;
	vertical-align: bottom;
	padding-right: 5px;
	width: 200px;
}
/************************* label end **********************/

/******************************** textbox start ************************/
.textbox
{
	font-family: Verdana,Arial;
	font-size: 7.5pt;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0;
	text-align: justify;
	font-style: normal;
	border: 1px solid #A2B9DB;
	width: 125px;
}


.textboxshort
{
	font-family: Verdana,Arial;
	font-size: 7.5pt;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0;
	text-align: justify;
	font-style: normal;
	border: 1px solid #A2B9DB;
	width: 75px;
}

.textboxlong
{
	font-family: Verdana,Arial;
	font-size: 7.5pt;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0;
	text-align: justify;
	font-style: normal;
	border: 1px solid #A2B9DB;
	width: 200px;
}

/******************************** textbox end ************************/

/******************************** dropdownlist start ************************/
.dropdownlist
{
	border: 1px outset #ADC9F7;
	width: 205px;
	font-size: 9pt;
	padding-left: 3px;
}

.dropdownlistshort
{
	border: 1px outset #ADC9F7;
	width: 140px;
	font-size: 9pt;
	padding-left: 3px;
}

.dropdownlistlong
{
	border: 1px outset #ADC9F7;
	width: 400px;
	font-size: 9pt;
	padding-left: 3px;
}

/******************************** dropdownlist end ************************/
/*
.recentactivityheader
{
	font-weight: bold;
	color: Red;	
}
*/
/******************************** button start ****************************/
.buttona{
	width: 75px;
	height: 19px;
	border: 1px outset #999;
	font-size: 11px;
	background-color: #eed;
	color: black;
	margin: 0 5px;
}

.buttonshort{
	width: 50px;
	height: 19px;
	border: 1px outset #999;
	font-size: 11px;
	background-color: #eed;
	color: black;
	margin: 0 5px;
}

.buttonlong{
	width: 400px;
	height: 19px;
	border: 1px outset #999;
	font-size: 11px;
	background-color: #eed;
	color: black;
	margin: 0 5px;
}

/******************************** button end ****************************/


/************** just for rad tree view node********************/
.schedulerRed{
	color: red;
}

.schedulerRedSelected{
	color: #cc0000;
	background-color: #ffbaba;
}

.available
{
	color:Black;
}

.unavailable
{
	color:Red;
}
.vacpending
{
	color:Orange;
}
.vacscheduled
{
	color: Blue;
}
/************** end rad tree view node *************************/
/*
GRABS FROM MENU.CSS*/
.loginbtn{
	width: 75px;
	height: 19px;
	border: 1px outset #999;
	font-size: 11px;
	text-align: inherit;
	background-color: #eed;
	color: black;
}


.instructions {
/*	color:           #737373; */
	color: Black;
	font-size:        11px;
	font-family:      Arial;
	background-color: #f7f7f7;
	padding:          2px 2px 2px 2px; 
	vertical-align: middle;
	font-weight: bold;
	}