﻿body
{
	color:#32566D;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	text-align:justify;

}
/* Scheduler classes */
* 
{
	margin: 0;
	padding: 0;
}
.ValidatorRed
{
	color: red;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
}



.start
{
	background: url(img/body_bg.jpg) repeat-x left bottom;
	min-width: 995px;
}
.head_wrap
{
	background: url(img/hed_bg.jpg) repeat-x;
	float: left;
	height: 152px;
	width: 100%;
}
.header 
{
	height: 127px;
}
.header .FirmLogo
{
	float: right;
	margin: -15px 20px 0px 0px;
}
.select-client
{
	width: 100%;
	height: 38px;	
	background: url(img/SelectClient_bg.png) repeat-x top left;
}
.select-client .select-content
{
	width: 290px;
	height: 34px;
	color: #32566d;
	background: url(img/SelectClient_content.png) no-repeat top left;
	margin: 0px auto;
	padding: 4px 0px 0px 15px;
}
/* Start - MonoX Simple Menu */
.MonoXSimpleMenu 
{
	font: 11px arial, helvetica, sans-serif;
	width: 100%;
	background-color: Transparent;
	float: left;
	z-index: 3000;
}
.MonoXSimpleMenu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.MonoXSimpleMenu a 
{
	font: 11px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
	color: White;
	text-decoration: none;
}

.MonoXSimpleMenu li:hover
{
	list-style: none;
	background: url(img/nav_active.gif) no-repeat center bottom;
	height: 25px;		
	color: #ffb85d;	
	position: relative;
}

.MonoXSimpleMenu li 
{	
	background: none;
	white-space:nowrap;
	z-index: 3000;
	_width: 1px;	
	height: 25px;	
}
.MonoXSimpleMenu ul ul
{
	background-color: #2f5b78;
	position: absolute;	
	margin-top: 7px;	
	z-index: 3000;
}
.MonoXSimpleMenu ul ul ul
{
	top: -1px;
	left: 100%;
}


.MonoXSimpleMenu ul li:hover .level0
{
	display:block;
}

.MonoXSimpleMenu .level0 li 
{
	font: 11px arial, helvetica, sans-serif;
	_color: White;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	width:185px;
	background-color: #2f5b78;
	background-image: none;
	margin: 0px;
	padding: 0px;
}

/* IE 6 Browser */
* html .MonoXSimpleMenu .level0 li 
{
	font: 11px arial, helvetica, sans-serif;
	_color: White;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	width:150px;
	background-color: #2f5b78;
	background-image: none;
	margin: 0px;
	padding: 0px;
	z-index: 5000;
}
/* IE 6 Browser */

.MonoXSimpleMenu .level0 li a 
{
	height: 15px;
	padding-top: 5px;
	padding-left: 10px;
	color:White;
	background: none;
	background-color: #2f5b78;
}
.MonoXSimpleMenu .level0 li a:hover
{
	color: #ffb85d;
	background: none;
	background-color: #2f5b78;
}
.MonoXSimpleMenu .level0,
.MonoXSimpleMenu .level1
{
    display:none;
}
.MonoXSimpleMenu ul.level0 li:hover .level1
{
	display:block;
}

/* End - MonoX Simple Menu */		
	
	
.content_wrap 
{
	background: url(img/content_bg.jpg) repeat-x bottom;
    float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom:20px;
}

.content_facility_wrap 
{
	background: url(img/facility_sub_header_bg.jpg) repeat-x left 2px;
	float: left;
	width: 99%;
	padding-bottom:20px;
	padding-top: 2px;
	/*background-color: #FFFFFF;*/
	padding-left: 10px;
	padding-right: 0px;
}		

.content_default 
{
	width: 1022px;
	margin-right: auto;
	margin-left: auto;
}
	
.content 
{
	float:left;
	width:100%;
	margin: 0px;
	padding: 0px;
}	

.content .schedulerLeft
{
	width:235px;
	vertical-align:top;
}

.content .schedulerRight
{
	vertical-align:top;
}
	
.content_left 
{
	width: 275px;
	float:left;
	padding-top: 10px;
}

.content_left_facility 
{
	width: 235px;
	float:left;
	padding-top: 10px;
}	

.login_box,
.contact_box,
.info_box 
{
	padding-bottom:8px;
	float:left;
}

.login_content 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#2B648B;
	background: url(img/login_content.jpg ) no-repeat left bottom;
	float: left;
	width: 232px;
	padding: 10px 10px 15px 10px;
	margin: 0px;
}	

.login_content .failure
{
	color:Red;
	clear:both;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
	
.login_content SPAN
{
	padding-left:5px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
		
.login_content INPUT.special
{
	width:129px;
	height:16px;
	border:1px solid #BBBBBD;
	padding-top: 3px;
	padding-left: 5px;
	text-align: left;
	margin-top: 10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#2B648B;
}
.login_content .remember
{
	padding: 5px;
	float: left !important;
}

.login_content A:link,
.login_content A:visited,
.login_content A:active,
.login_content A:hover
{
	width: 220px;
	float:left;
	padding-top:15px;
	padding-right:10px;
	color:#1C5983;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 3px;
}
A.TestLink:link,
A.TestLink:visited,
A.TestLink:active
{
	float:left;
	color:#1C5983;
	text-decoration: none;	
}	
A.TestLink:hover
{
	float:left;
	color:#e48408;
	text-decoration: none;	
}		
.login_content A.special:link,
.login_content A.special:visited,
.login_content A.special:active,
.login_content A.special:hover
{
	color:#D48C1A;
}

.login_hed,	
.contact_hed,
.info_hed 
{
    background-image: url(img/login_head.jpg);
	float: left;
	height: 23px;
	width: 242px;
	padding-top: 7px;
	padding-left: 10px;
}

.login_hed H1,
.contact_hed H1,
.info_hed H1
{
	color:#2B648B;
	margin: 0px;
	padding: 0px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.contact_content 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#2B648B;
	background: url(img/contact_content.jpg ) no-repeat left bottom;
	float: left;
	width: 232px;
	padding: 10px 10px 15px 10px;
	margin: 0px;
}	
	
.contact_content P.special
{
	color:#DE8B08;
	text-decoration: underline;
	font-weight: bold;
}
	
.info_content 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#2B648B;
	background: url(img/info_content.jpg ) no-repeat left bottom;
	float: left;
	width: 232px;
	padding: 10px 10px 15px 10px;
	margin: 0px;
	text-align:justify;
}	
	
.info_content SPAN.special
{
	color:#DE8B08;
	text-decoration: none;
	font-weight: bold;
}	
	
.info_content A:link,
.info_content A:visited,
.info_content A:active,
.info_content A:hover
{
	color:#DE8B08;
	text-decoration: none;
	font-weight: bold;
}	

.contact_content A:link,
.contact_content A:visited,
.contact_content A:active,
.contact_content A:hover
{
	color:#DE8B08;
	text-decoration: none;
	font-weight: bold;
}
	
.content_right_default 
{
	color:#32566D;
	width: 650px;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align:justify;
}

.content_right_default H1
{
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#3E7496;
	background: url(img/content_h1_bg.jpg) no-repeat left bottom;
	width: 500px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.content_right_default SPAN
{
	color:#32566D;
}	

.content_right_default P
{
	padding-bottom:20px;
}
.left-box,
.right-box
{
	width: 430px;
	height: 210px;
	background: url(img/login-box.png) no-repeat;
	float: left;
	margin: 40px 10px 20px 31px;
	padding: 20px;
}
.right-box
{
	background: url(img/contact-box.png) no-repeat;
	margin: 40px 31px 20px 10px;
}
.left-box A:link,
.left-box A:active,
.left-box A:visited,
.left-box A:hover,
.right-box A:link,
.right-box A:active,
.right-box A:visited,
.right-box A:hover,
.bottom-box A:link,
.bottom-box A:active,
.bottom-box A:visited,
.bottom-box A:hover
{
	color: #DE8B08;
	font-weight: bold;
}
.left-box H1,
.right-box H1
{
	font-size: 22px;
	color: #2b648b;
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	border-bottom: solid 1px #eeeeee;
}
.left-box DL DD
{
	margin-bottom: 7px;
	overflow: hidden;
}
.left-box LABEL
{
	display: block;
	margin-bottom: 2px;
}
.left-box INPUT[type="text"],
.left-box INPUT[type="password"]
{
	width: 230px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 6px;
	border: 1px solid #BBBBBD;
	font: 11px Arial,Helvetica,sans-serif;
}
.left-box .checkbox INPUT[type="checkbox"]
{
	display: inline;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}
.left-box .checkbox LABEL
{
	display: inline;
	vertical-align: middle;
}
.left-box .validation
{
	color: Red;
}
.bottom-box
{
	width: 960px;
	margin: 0px auto;
	overflow: hidden;
	clear: both;
	font-size: 11px;
	line-height: 16px;
}
.footer 
{
	background-image: url(img/footer_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	height: 68px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 25px 0px 0px 0px;
	line-height: 20px;
	margin: 0px -3px 0px 0px;
}	

.footer A:link,
.footer A:visited,
.footer A:active
{
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}	
	
.footer A:hover
{
  color:#FFB85D;
}
.facility_sub_header 
{
    font:11px Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	color:#ffffff;
	height: 32px;
}
.facility_sub_header .left
{
	width: 25px;
	height: 32px;
	background-image: url(img/facility_sub_header_left.jpg);
	background-repeat: no-repeat;
}	
.facility_sub_header .middle
{
	min-width: 950px;
	max-width: 950px;
	width: 945px;
	height: 32px;
	padding-top: 7px;
	background-image: url(img/facility_sub_header_mid.jpg);
	background-repeat: repeat-x;
}
.facility_sub_header .right
{
	width: 25px;
	height: 32px;
	background-image: url(img/facility_sub_header_right.jpg);
	background-repeat: no-repeat;	
}
.facility_sub_header H1 
{
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#E4932A;
	float: left;
}
	
.facility_sub_header SPAN 
{
	padding-top:4px;
	padding-left:50px;
	display: block;
	float: left;
}
	
.facility_sub_header IMG 
{
	float:left;
	padding-left:5px;
	padding-top:2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.facility_sub_header SELECT
{
	color:#32566D;
	width:123px;
	height:19px;
	margin-left: 5px;
	font:11px Arial, Helvetica, sans-serif;
	float: left;
}
	
.facility_sub_header UL
{
	float: right;
	padding-right: 20px;
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.facility_sub_header UL LI
{
	display: inline;
}

.facility_sub_header UL LI A
{
	color:#ffffff;
	display: inline;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 25px;
	height: 50px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.facility_sub_header UL LI A:hover,
.facility_sub_header UL LI A.active
{
	color:#ffb85d;
	background-image: url(img/facility_sub_header_nav_hover.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;  
}

.filter_box,
.extra_options,
.vacationInfoBox 
{
	background-color: #EFF3F6;
	border: 2px solid #C2D3E2;
	float: left;
	width: 202px;
	padding: 10px;
	font:11px Arial, Helvetica, sans-serif;
	color: #2B648B;
	margin-bottom: 15px;
}
.extra_options .PrintIcon
{
	background-image: url(img/Print_icon.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px 0px 0px 25px;
	margin: 5px 0px 5px 0px;
	clear: both;
	height: 15px;
}
.extra_options .DownlaodIcon
{
	background-image: url(img/Export_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0px 0px 25px;
	margin: 5px 0px 5px 0px;
	clear: both;
	height: 16px;
}
.extra_options .ToolIcon
{
	background-image: url(img/Tool_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0px 0px 25px;
	margin: 5px 0px 5px 0px;
	clear: both;
	height: 16px;
}

.extra_options .ExportIcon
{
	background-image: url(img/export.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0px 0px 25px;
	margin: 5px 0px 5px 0px;
	clear: both;
	height: 16px;
}

.filter_box span
{
	padding-left:5px;
}

.filter_box H1,
.data_selector_box H1,
.extra_options H1,
.vacationInfoBox H1
{
	width:199px;
	padding-bottom:10px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E48408;
	border-bottom:1px solid #D0D1D2;
	margin-bottom: 10px;
	z-index: 5000;
}

.filter_box SELECT
{
	color:#32566D;
	width:178px;
	height:19px;
	font:11px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 10px;
}
	
.filter_box SELECT.option
{
	color:#32566D;
	width:178px;
	height:76px;
	font:11px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 5px;
}
	
.filter_box INPUT.go,
.data_selector_box INPUT.go 
{
	background-image: url(img/go_button.jpg);
	height: 20px;
	width: 27px;
	border:0px;
	cursor: pointer;
	padding: 0px;
	margin: 0px 0px 10px 0px;
    display: block;
	clear: right;
}
	
.data_selector_box INPUT.go
{
	margin-top:3px;
}

.data_selector_box 
{
	background-color: #EFF3F6;
	border: 2px solid #C2D3E2;
	float: left;
	width: 202px;
	padding: 10px;
	margin-bottom: 15px;
	font:11px Arial, Helvetica, sans-serif;
	color: #2B648B;
}
.PendingRequests
{
	background-color: #EFF3F6;
	border: 1px solid #C2D3E2;
	float: left;
	width: 224px;
	padding: 0px;
	margin-bottom: 15px;
	font:11px Arial, Helvetica, sans-serif;
	color: #2B648B;
}
.PendingRequests .Table
{
	width: 100%;
	border: 1px solid #c2d3e2;
}
.PendingRequests .Td
{
	border: 1px solid #dce8f3;
	padding: 3px;
}

.PendingRequests .TrSel
{	
	color: #000;
	background-color: #e6eff7;
}
.PendingRequests .TdMonth
{
	width: 61%;
	border: 1px solid #dce8f3;
	padding: 3px;
}
.PendingRequests .TdRest
{
	width: 13%;
	border: 1px solid #dce8f3;
	padding: 3px;
}
.data_selector_box A:link,
.data_selector_box A:visited,
.data_selector_box A:hover,
.data_selector_box A:active 
{
	font:11px Arial, Helvetica, sans-serif;
	color: #2B648B;
	text-decoration:none;
}

.data_selector_box TD.sub A:link,
.data_selector_box TD.sub A:visited,
.data_selector_box TD.sub A:hover,
.data_selector_box TD.sub A:active 
{
	color: #A0BACD;
}

.data_selector_box SELECT
{
	color:#32566D;
	width:79px;
	height:19px;
	font:11px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 10px;
	float:left;
}
	
.data_selector_box SELECT.date
{
	color:#32566D;
	width:39px;
	height:19px;
	font:11px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 10px;
	float:left;
}

.data_selector_box SELECT.year
{
	color:#32566D;
	width:51px;
	height:19px;
	font:11px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 10px;
	float:left;
}
	
.data_selector_box TABLE
{
	border-top:1px solid #195885;
	border-right:1px solid #195885;
	width: 196px;
}
	
.data_selector_box TD
{
	font:11px Arial, Helvetica, sans-serif;
	color:#2B648B;
	border-left:1px solid #195885;
	border-bottom:1px solid #195885;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.data_selector_box TD.day,
.data_selector_box TD.sub 
{
	padding: 3px;
	width: 28px;	
}	

.data_selector_box TABLE.title TD
{
	background:#2B648B;
	height: 17px;
	color:White;
	width:100%;
}
	
.data_selector_box TH.days
{
	background:#A0BACD;
	height: 17px;
}
.l
{
    margin: 0;
    padding: 0;
	font:9px Verdana, Arial, sans-serif;
	text-overflow: ellipsis !important;
	overflow:hidden !important;
	white-space:nowrap !important;	
	float: left;
	clear: both;
	max-width: 80px !important;
	min-width: 100% !important;
	width: 80px !important;
}
.lr
{
    margin: 0;
    padding: 0;
	font:9px Verdana, Arial, sans-serif;
	text-overflow: ellipsis !important;
	overflow:hidden !important;
	white-space:nowrap !important;	
	float: left;
	clear: both;
	max-width: 80px !important;
	min-width: 100% !important;
	width: 80px !important;
}

/* Menu style fix */
.tbar_new
{
	position:absolute;
	z-index:10;/*any value*/
	overflow:visible !important;/*must have*/
	width:33em;/*must have for any value*/
}
.tbar_new IFRAME
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

.tbar
{
	overflow:visible !important;
}

.tbar .rdSideBorders
{
	overflow:visible !important;
}

.tbar .rdContent
{
	overflow:visible !important;
}
/* End menu style fix */

/* Request legend style */

.requestLegend 
{
	width:100%;
	margin: 5px 0px 5px 0px;
	text-align:center;		
}

.requestLegend TABLE
{
	border-top: 2px solid #C2D3E2;
	border-bottom: 2px solid #C2D3E2;
	border-left: 2px solid #C2D3E2;
	font: 11px Arial, Helvetica, sans-serif;
	margin:auto;		
}

.requestLegend .title
{
	background-color: #EFF3F6;
	color:#e48408;
	font-weight:bold;	
	padding: 5px 20px 5px 20px;
}

.requestLegend TD
{
	text-align:center;
	vertical-align:middle;
	border-right: 2px solid #C2D3E2;
	padding-left:10px;
	padding-right:10px;
}

/* End request legend style */

/* Status reoreder list style*/

.listHolder
{
	width:350px;
	height:400px;
	overflow-x:hidden;
	overflow-y:scroll;
	border: solid 1px black;
	background-color:White;
}

.listHolder TABLE,
.listHolder TR
{
	width:350px;
}

.listHolder TD
{
	width:1px;
}

.reorderItem
{
	width:1px;
	overflow:visible;
}

.reoderItemSelected
{
	width:100%;
	background-color:Blue;
	color:White;
}
/* End status reoreder list style*/

/* End scheduler classes */

/* Start Client Details */
.ClientDetailsMain
{
		
	padding: 20px;
}
.ClientDetailsMain .ClientDetailsGroup
{
	background-color: #eff3f6;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #c2d3e2;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #32566d;
	font-size: 12px;
}
.ClientDetailsMain .Label
{
	float: left;
	width: 30%;
}
.ClientDetailsMain .LabelLong
{
	float: left;
	width: 60%;
}
.ClientDetailsMain .TextBox
{
	float: left;
	width: 69%;
}
.ClientDetailsMain .TextBoxSmall
{
	float: left;
	width: 48%;
}
.ClientDetailsMain .GroupLine
{
	background: url(img/GroupLine.jpg) repeat-x;	
}
.ClientDetailsMain .BigFont
{
	font-size: 18px;
	color: #3e7496;
	font-style: italic;
}

/* End Client Details */


.RestrictionEditor
{
	width: 600px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.RestrictionEditor .RestrictionPeriodEditorGroup
{
	background-color: #fff;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #7f9db9;
	color: #32566d;
	font-size: 12px;

}
.Test
{
	float: right;
}
.RestrictionEditor .Label
{
	float: left;
	width: 49%;
}
.RestrictionEditor .LabelLong
{
	float: left;
	width: 80%;
}
.RestrictionEditor .TextBox
{
	float: left;
	width: 50%;
}
.RestrictionEditor .CheckBox
{
	clear: right;
}
.RestrictionEditor .TextBoxSmall
{
	float: left;
	width: 48%;
}
.RestrictionEditor .BigFont
{
	font-size: 22px;
	font-weight: bold;
	color: #3e7496;
	font-style: italic;
	padding: 0px 0px 10px 0px;
	margin-top: 0px;	
	float: left;
}
/* Start Vacation Period Editor*/
.VacationPeriodEditor
{
	width: 100% !important;
	margin-top: 0px;
	margin-bottom: 0px;
}
.VacationPeriodEditor .VacationPeriodEditorGroup
{
	background-color: #fff;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #7f9db9;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #32566d;
	font-size: 12px;
}
.VacationPeriodEditor .Label
{
	float: left;
	width: 40%;
}
.VacationPeriodEditor .LabelLong
{
	float: left;
	width: 80%;
}
.VacationPeriodEditor .TextBox
{
	float: left;
	width: 59%;
}
.VacationPeriodEditor .CheckBox
{
	clear: right;
}
.VacationPeriodEditor .TextBoxSmall
{
	float: left;
	width: 48%;
}
.VacationPeriodEditor .BigFont
{
	font-size: 22px;
	font-weight: bold;
	color: #3e7496;
	font-style: italic;
	padding: 0px 0px 10px 0px;
	margin-top: 5px;
	border-bottom: solid 1px #7f9db9;
}

/* End Vacation Period Editor */

/* Start AS2CheckboxList Control */

.as2-checkListBox
{
	background-color: #fff;
	margin-top: 7px;
	width: 200px;
	height: 100px;
	overflow: auto;
	font-size: 10;
	border: solid 1px #7f9db9;
}
.as2-checkListBox label
{
	padding-left: 4px;
}
/* End AS2CheckboxList Control */

/* Start Report */

.ReportContainer
{
	width: 580px;	
	font: 12px arial, helvetica, sans-serif;
	background-color: #eff3f6;
	color: #32566d;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-style: solid;
	border-color: #c2d3e2;
	border-width: 1px;
	padding: 10px;		
}

.ReportGenerateButton
{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fffbe9,endColorStr=#d8d5c4) progid:DXImageTransform.Microsoft.Glow(color=black,strength=1) progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#555555,strength=2);
	border-left: 0px;
	padding-bottom: 0px;
	margin: 1px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: Verdana;
	color: #555555;
	font-size: 8pt;
	cursor: hand;
	padding-top: 0px;
	width: 120px;
}

.ReportGenerateButtonTd
{
	cursor: hand;
	padding-top: 16px;
	vertical-align: middle;
}

.ReportTr
{
	text-align: left;
	width: 50%;
	vertical-align: top;
	padding-left: 4px;
	padding-right: 4px;

}

.ReportDDL
{
	font: 11px arial, helvetica, sans-serif;
	width: 100%;
	height: 20px;
}

.ReportList
{
	border-bottom: #7f9db9 1px solid;
	border-left:  #7f9db9 1px solid;
	border-right:  #7f9db9 1px solid;
	border-top:  #7f9db9 1px solid;
	font: 11px arial, helvetica, sans-serif;
	height: 130px;
	width: 100%;
}

.Validation
{
	font: 11px arial, helvetica, sans-serif;
}

.CheckedList
{
	background-color: White;
	border-bottom: black thin solid;
	border-left: black thin solid;
	border-top: black thin solid;
	border-right: black thin solid;
	width: 100%;
}
/* Start Report */



/* Start Vacation Period */
.RadTabStrip .rtsUL
{
	float: none !important;
}
.VecationPeriod
{
	width: 100%;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	
}
/* End Vacation Period */
.ButtonHolder
{
	margin-top: 5px;	
}

/* input forms */
.InputForm
{
	width: 450px;
}

.InputForm label, .leftLabel
{
	float: left;
	width: 30%;
}
.InputForm .Testt label
{
	float: none;
}
.rightLabel
{
	color: black;
	padding-top: 4px;	
	padding-left: 3px;
	cursor: default;
	width:65%;
}
.InputForm div.Holder
{	
	margin-top: 3px;
	margin-bottom: 3px;
	clear: both;
}
.InputForm INPUT[type="text"] {
	vertical-align: middle;
	color: black;
	cursor: default;
	width:65%;
	color: black;
}
.InputForm NPUT[type="checkbox"] {
	vertical-align: middle;
	color: black;
	cursor: default;	
	color: black;
}

.InputForm SELECT, .InputSelect
{
	vertical-align: middle;
	color: black;
	/* if set listboxes are not behaving correctly in ie height: 100px; */
	cursor: default;
	width:65%;
}

.InputForm TEXTAREA {
	vertical-align: middle;
	color: black;
	cursor: default;
	width:65%;
}
.RightButton
{
	float: right;
}

.ErrorMessage
{
	font:11px Verdana, Arial, sans-serif;
	color: Red;
}
/* end input forms */


/* BLOG */
/*----------------------------
					 Posts
----------------------------*/

/* rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(img/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(img/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(img/SavedStar.png);
}

/* Blog input forms */

.CssForm
{	
	font:11px Verdana, Arial, sans-serif;
}
.CssForm p
{
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

.CssForm p label, .leftLabel
{
	float: left;
	width: 20%;
	font:11px Verdana, Arial, sans-serif;
}


.simpleLabel
{
	font:11px Verdana, Arial, sans-serif;
}

.simpleTextBox, .expandingTextBox
{
	border: 1px solid #636363;	
	background-color: White;
	vertical-align: middle;
	font-family: Verdana, MS Sans Serif, Arial;
	color: black;
	cursor: default;
	color: black;
}

.simplaTextBox
{
	font-size: 11px;
}

.expandingTextBox
{
	line-height: 16px;
	font-size: 12px;
}

.expandingTextBoxSmall
{
	line-height: 14px;
	font-size: 10px;
}

.simpleTextBoxInactive, .simpleTextBoxInactiveSmall
{
	border: 1px solid #636363;	
	background-color: #ECEFF5;
	vertical-align: middle;
	font-family: Verdana, MS Sans Serif, Arial;
	color: black;
	cursor: default;
	color: black;
}

.simpleTextBoxInactive
{
	font-size: 12px;
}

.simpleTextBoxInactiveSmall
{
	font-size: 10px;
}

.rightLabel
{
	font-family: Verdana, MS Sans Serif, Arial;
	font-size:11px;
	color: black;
	padding-top: 4px;	
	padding-left: 3px;
	cursor: default;
	width:75%;
}

.CssForm p INPUT {
	border: 1px solid #636363;	
	background-color: White;
	vertical-align: middle;
	font-family: Verdana, MS Sans Serif, Arial;
	font-size:11px;
	color: black;
	padding-top: 4px;	
	padding-left: 3px;
	cursor: default;
	width:75%;
	color: black;
}


.CssForm p SELECT
{
	border: 1px solid #636363;	
	background-color: white;
	vertical-align: middle;
	font-family: Verdana, MS Sans Serif, Arial;
	font-size:11px;
	color: black;
	padding-top: 4px;	
	padding-left: 3px;
	/* if set listboxes are not behaving correctly in ie height: 100px; */
	cursor: default;
	width:75%;
}

.CssForm p TEXTAREA {
	border: 1px solid #636363;	
	background-color: white;
	vertical-align: middle;
	font-family: Verdana, MS Sans Serif, Arial;
	font-size:11px;
	color: black;
	padding-top: 4px;	
	padding-left: 3px;
	cursor: default;
	width:75%;
	height:100px;
}

.CssForm .radeditor
{
	width: 75%;
	display: inline;
	
}
/*
.CssFormButton
{
	width: 85px;
	height: 22px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #52534b;
	border: 0px;
	background: transparent url(Img/buttonBg.gif) no-repeat;
	margin:2px;
}

.CssFormButton:hover
{
	width: 85px;
	height: 22px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #52534b;
	border: 0px;
	background: transparent url(Img/buttonBg_hover.gif) no-repeat;
	margin:2px;
}
*/
div.post, .mceContentBody {
	border: 1px solid silver;
	padding: 3px 10px;
	margin-bottom: 20px;
	background-color: white;
	line-height: 17px;
}

div.post h1, .mceContentBody h1 {
	margin: 5px 0 0 0;
}

div.post .author {
	color: #666666;
	font-size: 10px;
	float: left;
	text-transform: capitalize;
}

div.post .pubDate {
	color: #666666;
	font-size: 10px;
	float: right;
}

div.post .text {
	margin-top: 30px;
}

div.post .text h2 {
	margin-bottom: -10px;
}

div.post .text h3 {
	font-size: 11px;
	margin-bottom: -10px;
	padding: 0;
}

div.post .footer {
	text-align: right;
	border-top: 1px dashed silver;
	padding-top: 4px;
	padding-bottom: 2px;
}

div.post .bottom {
	margin-bottom: 45px;
}

div.post .bottom .rating
{
	font-size: 11px;
}

div.post .categories {
	margin-bottom: 5px;
	float: right;
}

div.post .tags {
	float: left;
	margin-bottom: 5px;
}

div.post .text a[href^="http:"] {
	background: url(../../pics/remote.gif) right top no-repeat;
	padding-right: 10px;
  white-space: nowrap;
}


/*----------------------------
			Social bookmarks
----------------------------*/

.bookmarks {
	float: left;
}

/*----------------------------
					Comments
----------------------------*/

.comment {
	border: 1px solid silver;
	background-color: white;
	padding: 3px 10px;
	margin-bottom: 10px;
}

.comment .date {
	font-size: 10px;
	color: #666666;
	text-align: right;
	margin: 0;
	padding: 3px 0px;
	border-bottom: 1px dashed silver;
}

.comment .author {
	margin: 0;
	padding: 3px 0px;
	border-top: 1px dashed silver;
}

.self {
	border: 1px solid black;
}

.comment .gravatar {
	float: left;
	clear: both;
	margin: 5px 10px 5px 0;
}

.comment .gravatar img {
	height: 80px;
	width: 80px;
}

.comment .content {
	min-height: 85px;
	margin: 5px;
	margin-left: 90px;
}

.comment cite{
	font-family: Monospace;
	font-style: normal;
}

.comment img.flag {
	position: relative;
	top: 2px;
}

.commentForm {
	padding: 5px;
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input {
	width: 300px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
	border:1px solid silver;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}
/* END BLOG */

/* SOCIAL NETWORKING */
.snHeader
{
}

.snFriend {
  width: 55px;
  text-align: center;
  padding-right: 10px;
  float: left;
}

.snFriend img {
  background: #fff;
  padding: 1px;
  border: solid #aaa 1px;
}

.snFriend .txt {
  margin-top: 4px;
  font-size: 90%;
  overflow:hidden; 
  /* word-wrap: break-word; /* Internet Explorer 5.5+ */  
  margin-bottom: 10px;
}

.FriendCenterAlign
{
	height:100%;
	width: 100%;
	margin-left: 10px;
}

.rtsUL
{
	width:100%;
}
.CommentButton
{
	background-image: url(img/Comment_button.jpg);
	background-repeat: no-repeat;
	width: 66px;
	height: 28px;
	display: block;
	border: none 0px;
	float: right;
	color: #fff;
	clear: both;
	cursor: pointer;
	margin: 3px 3px 0px 0px;		
}
/* What's on your mind - Start */
.WhatsMind
{
	margin: 5px 0px 0px 0px;	
}
.WhatsMind textarea
{
 	font-size: 14px;
	color: #666666;
	font-family: Arial;	
	border: 1px solid #9aa9c8;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	width: 98%;
}
.blueBox
{
	display:block;
}
.blueBox *
{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#dadee9;
}
.blueBox1
{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #dadee9;
	border-right:1px solid #dadee9;
	background:#dadee9;
}
.blueBox2
{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #dadee9;
	border-right:1px solid #dadee9;
	background:#dadee9;
}
.blueBox3
{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #dadee9;
	border-right:1px solid #dadee9;
}
.blueBox4
{
	border-left:1px solid #dadee9;
	border-right:1px solid #dadee9;
}
.blueBox5
{
	border-left:1px solid #dadee9;
	border-right:1px solid #dadee9;
}
.blueBoxfg
{
	background:#dadee9;
	padding: 5px 10px 5px 10px;	
}
.wallNote
{	
	width: 100%;
}
.wallNote .snMainNote
{
	width: 100%;
	margin: 5px 0px 15px 5px;
		
}
.wallNote .gravatar 
{
	margin: 0px;
	border: 1px solid #9aa9c8;
	padding: 2px;
	margin: 3px;
}
.wallNote .gravatar IMG
{
	height: 60px;
	width: 60px;	
}
.wallNote .snMainNote TEXTAREA
{
	width: 97%;
	font-size: 12px;
	color: #666666;
	font-family: Arial;	
	border: 1px solid #9aa9c8;
	padding: 5px;
	margin: 0px 0px 5px 0px;
		
}
.wallNote .snMainNote .blueBoxfg .uploadAction
{
	background-image: url(img/WallUpload_icon.jpg);
	background-position: right;
	background-repeat: no-repeat;
	width: 24px;
	height: 16px;
	display: block;	
	padding-right: 43px;
	margin: 0px 0px 0px 5px;
	float: left;	
}
/* What's on your mind - End */

.snNote {
	background-color: white;
	padding: 1px 5px 1px 5px;
	margin: 0px;
	clear: both;	
	text-align: left;	
}
.snNote .date {
	font-size: 12px;
	color: #919191;
	margin: 0px 0px 0px 70px;
	padding: 3px 0px;
}
.snNote .author {
	margin: 0;
	padding: 3px 0px;
	font-size: 14px;
}

.snNote .gravatar {
	float: left;
	clear: both;
	margin: 5px 10px 5px 0;
	border: 1px solid #9aa9c8;
	padding: 2px;
}
.snNote .gravatar img {
	height: 60px;
	width: 60px;
}

.snNoteComment .contentComment {	
	margin: 5px 15px 5px 70px;	
}
.snNoteComment 
{			
	width: 90%;
	clear: both;	
	margin: 1px 0px 1px 70px;		
}
.snNoteComment .TopLeft
{
	background-image: url(img/Comments_TopLeft.jpg);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;	
}
.snNoteComment .TopCenter
{
	background-image: url(img/Comments_TopCenter.jpg);
	background-repeat: repeat-x;
	height: 6px;		
}
.snNoteComment .TopRight
{
	background-image: url(img/Comments_TopRight.jpg);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}
.snNoteComment .BottomLeft
{
	background-image: url(img/Comments_BottomLeft.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ebeef4;
	width: 6px;
}
.snNoteComment .BottomCenter
{
	background-image: url(img/Comments_BottomCenter.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ebeef4;
}
.snNoteComment .BottomRight
{	
	background-image: url(img/Comments_BottomRight.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ebeef4;
	width: 6px;
}
.snNoteComment .date {
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 5px 55px;
	padding: 3px 0px;
	color: #919191;
}
.snNoteComment .author 
{
	font-size: 12px;
	margin: 0;
	padding: 3px 0px;
}
.snNoteComment .gravatar {
	float: left;
	clear: both;
	margin: 0px 10px 5px 0px;
	background-color: #fff;
	border: 1px solid #9aa9c8;
	padding: 2px;
}
.snNoteComment .gravatar img {
	height: 40px;
	width: 40px;
}
.snNote .content 
{
	font-size: 13px;
	margin: 5px 15px 5px 90px;
}
.wallCommentBox
{
	background-color: #dadee9;
	padding: 10px;
	margin: 2px 0px 0px 70px;
}
.wallCommentBox TEXTAREA
{	
	width: 98%;
	font-size: 12px;
	color: #666666;
	font-family: Arial;	
	border: 1px solid #9aa9c8;
	padding: 5px;
	margin: 0px 0px 5px 0px;
}

.SNbutton{
	color: #5a5959;
	background: url(img/SN_button.png) no-repeat;	
	height: 25px;
	width: 100px;
	display: block;
	padding: 0px;
	margin: 5px 2px 5px 2px;
	text-align: center;	
	float: left;
	cursor: pointer;
	border: none 0px;
}
.SNbutton:hover
{
	color: #000;
	background: url(img/SN_button_hover.png) no-repeat;	
	height: 25px;
	width: 100px;
	display: block;
	margin: 5px 2px 5px 2px;
	text-align: center;
	float: left;
}
.PeopleSearch
{
	padding: 1px;
	background-color: #fff;
	border: solid 1px #666;
}
.PeopleSearch INPUT
{
	margin: -1px;
	height: 16px;
	border: none 0px;
	background-color: #fff;		
}

.friendListHeader
{
	background-image: url(img/Friend_icon.png);
}

/* END SOCIAL NETWORKING */



/* Popup screen styling - used mainly with Rad Window controls*/
.popupBox
{
	width: 100%;	
	height: 561px;
	color: #666;
}
.popupBox .descriptionContent
{
	background-image: url(img/Popup_top_bg.jpg);
	background-repeat: repeat-x;
	padding: 12px 12px 12px 12px;
	height: 66px;
}
.popupBox .descriptionContent h2
{
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;	
	padding: 2px 0px 2px 30px;
	color: #007694;
}
.popupBox .blue-button
{
	background-image: url(img/Popup_button.jpg);
	background-repeat: no-repeat;
	width: 65px;
	height: 16px;
	color: #e2e2e2;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 3px 0px 0px 0px;
	float: right;
	margin: 0px 1px 0px 1px;
	font-size: 10px;
}
.popupBox .blue-button:hover
{
	background-image: url(img/Popup_button_hover.jpg);
	background-repeat: no-repeat;
	width: 65px;
	height: 16px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 3px 0px 0px 0px;
	float: right;
	margin: 0px 1px 0px 1px;
	font-size: 10px;
}
.popupBox .messageContent
{
	background-color: #f1f5f8;
	height: 397px;
	overflow-x: hidden;	
	overflow-y: auto;	
	padding: 12px 20px 12px 12px;
}
.popupBox .messageContent .separator
{	
	border-bottom: solid 1px #c9c8c8;
	padding-bottom: 12px;
	margin-bottom: 12px;
	clear: both;
}
.popupBox .messageContent .leftLabel
{
	float: left;
	width: 30%;
	font:11px Verdana, Arial, sans-serif;
}
.popupBox .messageContent .rightLabel
{
	font-family: Verdana, MS Sans Serif, Arial;
	font-size:11px;
	font-weight: bold;
	color: #007694;
	padding-top: 4px;	
	padding-left: 3px;
	cursor: default;
	width:65%;
}
.popupBox .messageContent INPUT[type="text"]
{
	border: solid 1px #afc5d5;	
	color: #007694;
	padding: 2px;
	margin: 0px;
	float: left;	
}
.popupBox .actionContent
{
	background-image: url(img/Popup_bottom_bg.jpg);
	background-repeat: repeat-x;
	height: 38px;	
	padding: 12px 0px 0px 12px;
}

/* Popup screen styling end */

/* Status rule - start */
.StatusRule
{
	text-align: left;
}
.StatusRule .Separator
{
	border-top: solid 1px #b2bdcc;
	border-bottom: solid 1px #fff;
	border-left: none;
	border-right: none;		
	padding: 0px;
	margin: 2px 0px;
	float: none;
	clear: both;
}
.StatusRule .StatusTitle
{
	padding: 5px;
	background-color: #d6dfea;
	border: solid 1px #7f9db9;
	text-align: center;
	color: #e48408;
}
.StatusRule .AddButton
{
	background-image: url(img/StatusAdd.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: right;
}
.StatusRule .DaySelect
{
	color: #e48b08;
	text-decoration: underline;	
}
.StatusRule .DaySelect:hover
{
	color: #32566d;
	text-decoration: none;	
}
.StatusRule .Navigation
{		
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background-color: #eff3f6;
	border-left: solid 1px #7f9db9;
	border-right: solid 1px #7f9db9;
	border-bottom	: solid 1px #7f9db9;
}
.StatusRule .ToolTip
{	
	padding: 5px;
}
.StatusRule .StatusPager
{
	position: absolute;
	padding: 10px 5px 10px 5px;
	font-family: "Segoe UI", Arial, Sans-serif;
	float: left;	
	clear: both;
}

.StatusRule .provider-assignment
{
	padding: 10px 5px 10px 5px;
	font-family: "Segoe UI", Arial, Sans-serif;
}

.StatusRule ul.StatusPager,
.StatusRule ul.provider-assignment 
{
	font-family:"Segoe UI",Arial,Verdana;
	list-style: none;
	float: left;
	clear: both;
	margin: 0px !important;
	padding: 0px !important;
}
.StatusRule ul.StatusPager li,
 .StatusRule ul.provider-assignment li
{
	float: left;
	margin: 0px;
	padding: 0px;
}
.StatusRule ul.StatusPager li a,
.StatusRule ul.provider-assignment li a 
{
	float: left;
	text-decoration: none;
	color: #000;	
	padding: 1px 5px 0px 0px;
	/*margin-right: 2px;*/
}
.StatusRule ul.StatusPager li a span,
.StatusRule ul.provider-assignment li a span 
{	
	float: left;
	padding-right: 5px;
	display: block;
	margin-top: -1px;
	height: 24px;
}
.StatusRule ul.StatusPager li a:hover,
.StatusRule ul.provider-assignment li a:hover
{
	color: #000;
	background: url(img/PagerHover.png) no-repeat top right;
}
.StatusRule ul.StatusPager li a:hover span,
.StatusRule ul.provider-assignment li a:hover span
{
	background: url(img/PagerHover.png) no-repeat top left;
}
.StatusRule ul.StatusPager li a.Current,
.StatusRule ul.provider-assignment li a.Current  
{
	color: #000;
	background: url(img/PagerCurrent.png) no-repeat top right;
}
.StatusRule ul.StatusPager li a.Current span,
.StatusRule ul.provider-assignment li a.Current span
{
	background: url(img/PagerCurrent.png) no-repeat top left;
}
.status-rule-drop-down
{
	font-size: 12px; 
	font-family: Segoe UI ,Arial,sans-serif;
}
select.status-rule-drop-down 
{
	position: relative;
	/*top: -2px;*/
}
select.status-rule-drop-down option
{
	vertical-align: bottom;
}
/* Status rule - end */


/* Weekly totals- start */
.WeeklyTotals
{
	width: 98%;
	float: left;
	clear: both;
	background-color: #c4ced5;
	padding: 4px;
	margin: 2px 0px;
	font:9px Verdana, Arial, sans-serif;
	color: #000;
}
.WeeklyTotals .HeaderBar
{			
	width: 98%;	
	padding: 6px 10px 8px 10px;
	float: left;
	font-weight: bold;	
	color: #000;
	font-size: 11px;
	display: inline;
	clear: both;
}
.WeeklyTotals .HeaderBar .Visible
{
	background-image: url(img/ExpandVisible.png);
	width: 16px;
	height: 9px;
	float: left;
	margin: 3px 5px 0px 0px;
}
.WeeklyTotals .HeaderBar .Hidden
{
	background-image: url(img/ExpandHidden.png);
	width: 16px;
	height: 9px;
	float: left;
	margin: 2px 5px 0px 0px;
}	
.WeeklyTotals TABLE
{
	clear: both;
	width: 100%;
	border-bottom: solid 2px #fff;
	border-left: solid 2px #fff;
}
.WeeklyTotals TH
{		
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	text-align: center;
	padding: 6px;
}
.WeeklyTotals TD
{		
	background-color: #e1e7eb;
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	padding: 6px;
}
.WeeklyTotals .Days
{	
	background-color: #c4ced5;
	text-align: center;
	font-weight: bold;
	color: #32566D;
	font-size: 11px;
}
.WeeklyTotals .Title
{	
	background-color: #d6dee4;
	text-align: center;
	font-weight: bold;	
	color: #32566D;
	font-size: 11px;
}
.WeeklyTotals .TotalTitle
{	
	background-color: #c4ced5;
	text-align: left;	
	color: #32566D;
}
.WeeklyTotals .Total
{	
	background-color: #c4ced5;
	text-align: center;
	font-weight: bold;
}
.WeeklyTotals .TotalsTitle
{	
	background-color: #adbbc4;
	text-align: left;
	font-weight: bold;	
	color: #32566D;
	font-size: 11px;
}
.WeeklyTotals .Totals
{	
	background-color: #adbbc4;
	text-align: center;
	color: #32566D;
	font-weight: bold;
	font-size: 11px;
}
/* Weekly totals - end */
.info
{	
	margin: 0px 2px;
	cursor: pointer;
}
/* Change password - Start */
.ChangePassword
{	
	background-color: #e0e7ec;
	border: solid 1px #c2d3e2;
	padding: 5px;	
	clear: both;
}
/* Change password - End */
.hr
{
	border-top: 1px solid #c1cbd9;
	border-bottom: 1px solid #f1f4f8;
	border-left: 0px none;
	border-right: 0px none;
	padding: 0px;
	margin: 10px 0px;
}
/* Custom Field - Start */
.CustomField .Editor
{
	float:left;
}
.CustomField .Editor .EditorHeader
{	
	padding: 5px;
}
.CustomField FIELDSET
{
	background-color: #fff;
	border: solid 1px #b4c4e6;
	padding: 10px;
	clear: both;
}
.CustomField LEGEND
{
	color: #32566d;
	background-color: #b4c4e6;	
	padding: 0px 5px;	
}
.CustomField .CustomLabels
{
	float: left;
	width: 25%;
	clear: both;	
}
.CustomField .FieldTd
{
	background-color: #e3e7f0;
	border: solid 4px #f0f3fa;
	padding: 0px;
	margin: 0px;
}
.CustomField .DeleteButton
{
	width: 24px;
	height: 24px;
	background: url(img/delete.png) no-repeat;
	border: none 0px;
	margin: 3px 3px 0px 0px;
	cursor: pointer;
}
.CustomField .AddButton
{
	width: 24px;
	height: 24px;
	background: url(img/StatusAdd.png) no-repeat;
	border: none 0px;
	margin: 3px 3px 0px 0px;
	cursor: pointer;
}
.CustomField .EditButton
{
	width: 24px;
	height: 24px;
	background: url(img/page_edit.png) no-repeat;
	border: none 0px;
	margin: 3px 3px 0px 0px;
	cursor: pointer;
}
.CustomField .Pager
{
	background-color: #eff7fc;
	padding: 5px;
	float: left;
}
/* Custom Field - End */

/* Custom Field Input - Start */

.CustomFieldInput
{
	padding: 5px;
}

.CustomFieldInput .CustomLabels
{
	float: left;
	width: 30%;
	clear: both;	
}
/* Custom Field Input - End */

.scheduleFieldsBox
{
	background-color: #EFF3F6;
	border: 2px solid #C2D3E2;
	float: left;
	width: 420px;
	height: 440px;
	padding: 10px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #2B648B;
}

.scheduleFieldsBox H1
{
	width:410px;
	padding-bottom:10px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E48408;
	border-bottom:1px solid #D0D1D2;
	margin-bottom: 10px;
	z-index: 5000;
}
.tdSxheduleBox
{
	vertical-align: top;
	padding: 5px;
}

/* Export start */
.sortDirection
{
	float: left;
	background-image: url(img/SortDown.png);
	width:16px;
	height:16px;
}

.sortDirectionDescending
{
	background-image: url(img/SortUp.png) !important;
}

.sortField
{
	float: left;
}

.sortListBox .rlbCheck
{
	float: left !important;
}
/* Export end */
.ReportAdmin
{
	background-color: #f0f3fa;
	border: solid 1px #b4c4e6;
	padding: 0px 10px;
	margin-left: 10px;	
}
.ReportAdmin TH
{	
	border-bottom: solid 1px #b4c4e6;
	padding: 5px;	
	color: #2b648b;
}
.ReportAdmin TD
{
	padding: 4px;	
}
/* User Save Filter*/
.FilterDataitem
{
	font-family: Segoe UI;
	font-size: 12px;
	color: #777;
	text-decoration: none;
	font-weight: bold;
	float: left;
	width: 100%;
	padding: 5px 5px 5px 0px;
	margin: 0px 3px;
}
.FilterDataitem:hover
{
	font-family: Segoe UI;
	font-size: 12px;
	color: #32566D;
	font-weight: bold;
}
.FilterDataTr
{
	margin: 0px;
	padding: 2px 0px 2px 0px;
}
.FilterDataTr:hover
{
	background-color: #E7F2F5;
}
.SaveFilterLink
{
	color: #32566D;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
}
.SaveFilterLink:hover
{
	color: #E87400;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
}
/* Custom control Fields */
.HidePanel
{
	display: none;
}
.ControlPanelFrame
{
	border: 2px solid #AFBBC5;
	margin: 0px 4px 0px 4px;
	padding: 4px 2px 4px 2px;
}
.ControlGroupHeader
{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #E4932A;
	text-decoration: none;
}
.ControlGroupHeader:hover
{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #E4932A;
	text-decoration: none;
}
/* Custom control Fields */
/* AutoScheduler */
.StatusListBoxFrame
{
	padding: 5px;
	margin: 0px 5px 30px 5px;
	background-color: #EFF3F6;
	border: 2px solid #C2D3E2;
	color: #2B648B;
	width: 510px;
}

.autoscheduler-settings
{
	margin: 5px;
	background-color: #EFF3F6;
	border: 2px solid #C2D3E2;
	width: 900px;
	color: #2B648B;
}

.autoscheduler-settings TH
{
	background-color: #EFF3F6;
	border: 1px solid #C2D3E2;
	height: 40px;
	max-width: 107px !important;
	min-width: 107px !important;
	width: 107px !important;
}

.autoscheduler-settings TD
{
	font: 12px arial, helvetica, sans-serif;
	padding: 4px 2px 4px 2px;
	border: 1px solid #C2D3E2;
	background-color: #FFFFFF;
	vertical-align: top;
}

.autoscheduler-settings H1
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #E48408;
}

.autoscheduler-settings P
{
	font: 11px Verdana, Helvetica, sans-serif;
	color: #2B648B;
	font-weight: bold;
}

.AutoSchedulerDropDown
{
	font: 12px arial, helvetica, sans-serif;
	width: 200px;
	height: 20px;
}
.UserStatusTable
{
	
}
.UserStatusTable TD
{
	border: none 0px;
}
.UserPercentageFrame
{
	margin: 2px 0px 2px 0px;
	text-align: left;
}
.UserPercentageRow
{
	padding: 2px;
	text-align: left;
}
.AlternateUserPerRow
{
	background-color: #D7E2EC;
}
.ProviderRulesTitle
{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #E48408;
}
/* AutoScheduler */
.AllStatuses
{
	border-style: none;
	padding: 0px 2px 2px 2px;
	margin: 0px 0px 10px 0px;
	background-color: #1C3E57;
	color: #FFFFFF;
	cursor: hand;
	font: 11px Verdana, Helvetica, sans-serif;
	height: 18px;
	text-align: left;
	vertical-align: middle;
}
.BreakLine
{
	border-top-color: #C2D3E2;
	border-right-color: #C2D3E2;
	border-bottom-color: #C2D3E2;
	border-left-color: #C2D3E2;
	border-style: solid;
	border-width: 1px;
}
/* CustomFieldEditPopup */
.CustomFieldEdit
{
	padding: 2px;
	margin: 2px;
	width: 100%;
}
.CustomFieldEdit TR
{
	text-align: left;
}
.CustomFieldEdit TD
{
	padding: 2px;
}
.CustomFieldEdit .LeftTd
{
	width: 30%;
}
.CustomFieldEdit .ControlWidth
{
	width: 140px;
}
.ButtonSortOrder
{
	padding: 4px 2px 4px 2px;
	border: 1px solid #0066CC;
	background-color: #E0E6F3;
	color: #0066CC;
	font: 12px "Segoe UI" , Arial, sans-serif;
	cursor: pointer;
}

.error-message-page
{
	width: 920px;
	margin: 30px auto;
	border: 1px solid #C5D9EB;
	padding: 0px;
	text-align: left;
	background-color: #fff;
}
.error-message-page TD
{
	padding: 20px;
}
.error-message-page .title-error
{	
	font-size: 24px;
	font-weight: bold;
	color:#32566D;	
	border-bottom: solid 1px #C5D9EB;
	padding-bottom: 10px;
}
.status-daily-resources-text-box
{
	background:none repeat scroll 0 0 #FFFFFF;
	border-color:#8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;
	border-style:solid;
	border-width:1px;
	color:#000000;
	font:12px "segoe ui",arial,sans-serif;
	padding:2px 1px 3px;
}
.status-rule
{
	vertical-align: top !important;
}
.status-rule span
{
	vertical-align: bottom !important;
}
.status-rule .RadComboBox
{
	vertical-align: top !important;
}
.status-rule .RadInput
{
	vertical-align: top !important;
}
/* Ajax loader */
.autoscheduler-loader-box
{
	position: absolute; 
	top: -518px; 
	left: 0px; 
	width: 100%; 
	height: 518px;
    vertical-align: middle; 
    text-align: center; 
    background-color: White;
    opacity: 0.5;
    filter: alpha(opacity=50)
}
.autoscheduler-loader-box img
{
	position: relative;
	top: 200px;
}
/* Progres Bar */
.progress-bar-container
{
	position: relative;
	float: left;
	width: 340px !important;
}
table.progress-bar
{
	width: 100%;	
}
.progress-bar .left-corner
{
	width: 10px;
	height: 20px;
	background: url(img/ProgressBar/progress_blue-left-corner.png) no-repeat;
}
.progress-bar .left-corner-none
{
	width: 10px;
	height: 20px;
	background: url(img/ProgressBar/progress_blue-left-none-corner.png) no-repeat;
}
.progress-bar .middle-green
{
	background-color: White;
	height: 20px;
	background: url(img/ProgressBar/progress_middle_blue.png) repeat-x;
}
.progress-bar .middle-green-none
{
	background-color: White;
	height: 20px;
	background: url(img/ProgressBar/progress_middle_blue_none.png) repeat-x;
}
.progress-bar .right-corner
{
	width: 10px;
	height: 20px;
	background: url(img/ProgressBar/progress_blue-right-corner.png) no-repeat;
}
.progress-bar .right-corner-none
{
	width: 10px;
	height: 20px;
	background: url(img/ProgressBar/progress_blue-right-none-corner.png) no-repeat;
}
.progress-bar .start
{
	width: 0%;
	height: 6px;
	text-align: left;
	color: #373f42;
	font-weight: bold;
	padding: 0px;
	background: url(img/ProgressBar/arrow-left.png) top right no-repeat;
	min-width: 0px !important;
}
.progress-bar .end
{
	width: 0%;
	height: 6px;
	text-align: right;
	color: #373f42;
	font-weight: bold;
	padding: 0px;
	background: url(img/ProgressBar/arrow-right.png) top left no-repeat;
}	
.progress-bar-container .percentage
{
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	float: left; 
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	width: 21px;
}
.progress-bar .refresh
{
	padding-left: 5px;
	width: 21px
}
/* Providers Admin */
.show-all-providers
{
	padding: 0px 8px;
}
.show-all-providers input
{
	margin-left: 6px;
	vertical-align: middle;
}

/* History */
.history-details
{
	padding-left: 30px;
}

.history-details-hidden
{
	display: none;
}

.history-expand
{
	margin: 3px 2px 0px 0px;
	float:left;
	width: 16px;
	height: 9px;
	background: url(img/ExpandHidden.png);
}

.history-collapse
{
	background: url(img/ExpandVisible.png);
}
/* End History */
/**** Input Form Start ****/
.input-form
{
	
}
.input-form DL
{
	margin: 0px;
	padding: 0px;
}
.input-form DL DD
{
	margin: 6px 0px;
	padding: 0px;
	overflow: hidden;
	vertical-align: top;
}
.input-form .img
{
	padding: 3px;
	background-color: #fff;
	border: solid 1px #C1C1C1 !important;
}
.input-form LABEL
{	
	display: inline-block;
	margin-bottom: 3px;
	vertical-align: top;
}
.input-form .label
{	
	width: 20%;
	display: inline-block;
	margin-bottom: 3px;
	vertical-align: top;
}
.input-form .label-width
{	
	width: 100%;
	display: inline-block;
	margin-bottom: 3px;
	vertical-align: top;
}
.input-form INPUT[type="text"],
.input-form INPUT[type="password"],
.input-form .short-textbox
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	width: 98%;
	padding: 5px 0px;
	display: inline-block;
	border: solid 1px #cbd3d9;
}
.input-form .RadComboBox_AutoCompleteBox
{
	width: 98%;
	border: solid 1px #CBD3D9;
	padding: 4px 0px;
}
.input-form .short-textbox
{
	width: 50% !important;		
}
.input-form TEXTAREA
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	width: 98%;
	display: inline-block;
	border: solid 1px #cbd3d9;
}
.input-form SELECT
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	width: 98%;
	display: inline-block;
	border: solid 1px #cbd3d9;
}
.RadListBox_Web20 .rlbGroup
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	color: #666 !important;	
	display: inline-block !important;
	border: solid 1px #cbd3d9 !important;
}
.input-form INPUT[type="checkbox"]
{
	float: left;
}
.input-form .check-box-list
{
	width: 98%;
	border: solid 1px #cbd3d9;
	padding: 5px;
}
.input-form .small-links
{
	font-size: 11px;
	margin-top: 3px;
	text-align: right;
	padding-right: 12px;
}
.input-form .button-holder
{
	text-align: right;
	padding: 5px 12px 0px 0px;
	overflow: hidden;
}
/**** Input Form End ****/
.new-message
{	
	border: solid 1px #D5DCE1;
	position: relative;
	margin-top: -2px;
	z-index: 1;
	padding: 20px;
	overflow: hidden;
}
/**** Styled Button Start ****/
.styled-button ul
{
	padding: 0px;
	margin: 10px 0;
	list-style: none;
	float: left;
}
.styled-button ul li
{
	background: none;	
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0px 2px;
	padding: 0px;
}
.styled-button ul li a
{
	text-decoration: none;
	float:left;
	color: #2c4d6c;
	cursor: pointer;
	background: url(img/styled-button.jpg) no-repeat top right;
	font-size: 11px;
}
.styled-button ul li a span
{
	margin: 0 10px 0 0px;
	padding: 5px 4px 0px 14px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: url(img/styled-button.jpg) no-repeat top left;
	height: 21px;
}
.styled-button ul.button li a.current,
.styled-button ul.button  li a:hover
{
	background: url(img/styled-button.jpg) no-repeat top right;
}
.styled-button ul.button li a.current span,
.styled-button ul.button li a:hover span
{
	background: url(img/styled-button.jpg) no-repeat top left;
}
/**** Styled Button End ****/
.rad-box-item-color 
{
	color: Gray !important;
}
.rad-box-item-color span
{
	color: Gray !important;
}

/**** Week calls autoscheduler setting ****/
.week-calls-add-icon
{
	background-image: url(img/StatusAdd.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	height: 16px;
	float: left;
	margin-left: 5px;
	text-decoration: none;
}

/**** Trillium report ****/
.trillium-report-column-settings .rlbTemplateContainer .rlbTemplateTable .rlbGroupCell .rlbGroupContainer .rlbGroup .rlbList LI
{
	position: relative;
}

.trillium-report-column-settings .rlbTemplateContainer .rlbTemplateTable .rlbGroupCell .rlbGroupContainer .rlbGroup .rlbList .rlbTemplate 
{
	display: inline !important;
}

.trillium-report-column-settings .rlbTemplateContainer .rlbTemplateTable .rlbGroupCell .rlbGroupContainer .rlbGroup .rlbList .column-size
{
	position: absolute;
	top: 0px;
	right: 0px;
}

/**** Supervisor login ****/
.supervisor-login
{
	position: absolute; 
	top: 125px; 
	right: 10px;
	color: White;
}
.supervisor-login A:LINK, .supervisor-login A:HOVER
{
	color: #E4932A;
	font-size: 12px;
}

.status-edit-facility-change
{
	display: none;
	color: Red;
}
