/* General Classes */

BODY
{
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	font-size: 10pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: medium none;
	color: black;
	padding-top: 0px;
	border-bottom: medium none;
	font-family: Arial;
	background-color: #F4F4F4;
}

.ApplicationHeader1
{
	background: url('bg-header-parentlink.png') repeat-x left top;
	height: 59px;
	background-position: bottom;
	background-color: #ffffff;
}
.ApplicationHeader2
{
	background: url('bg-top-body.png') repeat-x left top;
}

DIV.Content0
{
	background-color: #FFF;
	text-align: left;
}

DIV.Content
{
	width: 98%;
	margin: 0px auto 0px auto;
	padding: 3px;
}

DIV.ContentRoot
{
	width: 98%;
	margin: auto;
	padding: 3px;
}

DIV.PageHeader
{
	background-color: #FFF;
	margin: 0px;
}

DIV.PageFooter
{
	margin: 0px;
	text-align: center;
	font-size: 11px;
	color: #999;
	padding: 0px;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	background: url('FooterBar.jpg') repeat-x;
}
.FooterEZ
{
	background-position: url('FooterBar.jpg') repeat-x;
	font-size: 13px;
	font-weight: bold;
	color: #f48503;
	padding-top: 12px;
	padding-bottom: 12px;
	font-style: italic;
}
.FooterChildTrack
{
	background-position: url('FooterBar.jpg') repeat-x;
	font-size: 13px;
	font-weight: bold;
	color: #1a3b6b;
	padding-top: 12px;
	padding-bottom: 12px;
	font-style: italic;
}

*html .TechSupport
{
	background-color: #5F7C95;
	color: #FFF;
	height: 7px;
	font-size: 9pt;
	float: left;
	border: 1px solid #5F7C95;
}

.TechSupport
{
	background-color: #5F7C95;
	color: #FFF;
	padding: 2px;
	font-size: 9pt;
	float: left;
}



.TechsupportImg
{
	float: left;
	width: 25px;
}

*html .TechsupportImg
{
	float: left;
	width: 25px;
	padding-top: 1px;
}

.CustomerHeading, .CustomerHeadingSmall
{
	font-family: Arial;
	font-weight: bold;
	font-size: 18pt;
	color: #737373;
}

.CustomerHeadingSmall
{
	font-size: 12pt;
}

.PageHeading
{
	font-size: 14pt;
	font-weight: bold;
	height: 24px;
	color: #0D3863;
}

.PageSmallHeading
{
	font-size: 10pt;
	font-weight: bold;
	height: 10px;
	color: #0D3863;
}


.SubPageHeading
{
	font-size: 12pt !important;
	font-family: Arial !important;
	color: #cd5e0c !important;
}

.SubPageHeading_LightGreen
{	    
	background-color: #C8E5C7 !important;
    height: 30px;
} 
  
.GrayFont{
    font-size: 9pt !important;
    font-family: Arial !important;
    font-weight: bold !important;
    color: #663300 !important;
    padding-left: 5px;
}

TD.PageLabel
{
	background: url('PageLabel.png') repeat-x;
	border: solid 1px #99BFF0;
	height: 24px;
	font-size: 10pt;
	font-weight: bold;
	color: #000;
}

.PageTable
{
	width: 100%;
	border: 0px;
	padding: 0;
	margin: 0;
	text-align: left;
}

.FullWidth
{
	width: 100%;
}
.BorderTop
{
	border-top: 1px solid #828282;
}
.BorderRight
{
	border-right: 1px solid #828282;
}

.BorderBottom
{
	border-bottom: 1px solid #828282;
}

.BorderLeft
{
	border-left: 1px solid #828282;
}


/* Headers TableTexts Footer Classes */


.Header, .HeaderSmall, .SectionHeader
{
	font-weight: bold;
	color: #333333;
	font-family: Arial;
	background: #E8F2FD;
	border-bottom: #B8DAFB 1px solid;
	border-left: #B8DAFB 1px solid;
	border-top: #B8DAFB 1px solid;
	border-right: #B8DAFB 1px solid;
	height: 22px;
}
.Header
{
	font-size: 11pt;
}

.HeaderSmall, .SectionHeader
{
	font-size: 9pt;
}


.Error
{
	font-weight: bold;
	color: red;
	font-size: 9pt;
	font-family: Arial;
	background-color: #F4F4F4;
}

.Mandatory
{
	font-weight: 500;
	font-size: 9pt;
	color: red;
	font-family: Arial;
}

.HelpNote
{
	font-weight: normal;
	font-size: 9pt;
	color: #AA812B;
	font-family: Arial;
	background-color: white;
	text-align: left;
}



/* Other Classes: Same for all color skins */
A
{
	cursor: hand;
	color: #000000;
}

.Label_Error
{
	font-weight: normal;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
}
.Label_Error
{
	color: #7e1411 !important;
	font-size: 9pt;
	background: url('../../Images/Icon-ServerError.png') no-repeat 6px 4px;
	padding: 10px 5px 10px 40px;
	background-color: #ffd7d7;
	border: 1px solid #df8f8f;
	display: block;
}

*html .Label_Error
{
	color: #7e1411 !important;
	font-size: 9pt;
	background: url('../../Images/Icon-ServerError.png') no-repeat 3px 10px;
	padding: 10px 5px 10px 35px;
	background-color: #ffd7d7;
	border: 1px solid #df8f8f;
	display: block;
}
.Label_Message
{
	color: #1b5701;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url('../../Images/icon-SuccessMssg.png') no-repeat 3px 5px;
	padding: 10px 5px 10px 30px;
	background-color: #c1f7b9;
	border: 1px solid #a7daa1;
	display: block;
}

.ResetPassword_Label_Message
{
	width: 500px;
	/*font-size: 9pt;*/
	/*font-family: Arial, Helvetica, sans-serif;*/    
	background: url('../../Images/icon-tick_v2.png') no-repeat 3px 41px;
	padding: 25px 5px 10px 35px;		
	display: block;
    font-size: 25px;
    font-weight: 500;  
    font-family: 'Roboto','sans-serif';
}

*html .Label_Message
{
	color: #1b5701;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url('../../Images/icon-SuccessMssg.png') no-repeat 3px 5px;
	padding: 10px 5px 10px 30px;
	background-color: #c1f7b9;
	border: 1px solid #a7daa1;
	display: block;
}


.Text_Error
{
	color: #7e1411 !important;
	font-size: 9pt;
	background: url('../../Images/Icon-ServerError.png') no-repeat 9px 12px;
	padding: 10px 5px 10px 46px;
	background-color: #ffd7d7;
	border: 1px solid #df8f8f;
	margin: 20px 0 5px 0;
	display: block;
}

.Text_Error ul
{
	list-style-position: inside;
	list-style-image: url('../../Images/icon-doublearrow.png');
	margin: 0;
	padding: 0;
}

*html .Text_Error
{
	color: #7e1411 !important;
	font-size: 9pt;
	background: url('../../Images/Icon-ServerError.png') no-repeat 9px 12px;
	padding: 10px 5px 10px 46px;
	background-color: #ffd7d7;
	border: 1px solid #df8f8f;
	margin: 5px 0 5px 0;
	display: block;
}

.Text_Error
{
	font-weight: Normal;
	color: #7e1411 !important;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
	font-size: 9pt;
}

.Label_Blue
{
	color: blue;
	font-size: 9pt;
}
.Label_Bold, .Label_Bold_DetailHeader
{
	font-weight: bold;
	color: black;
	font-family: Arial, Tahoma;
	vertical-align: middle;
	text-align: left;
}
.Label_Bold
{
	font-size: 9pt;
}
.Label_Clock
{
	font-weight: bolder;
	color: black;
	font-family: Arial, Tahoma;
	vertical-align: middle;
	text-align: left;
	font-size: 16pt;
}

.Label_Bold_DetailHeader
{
	font-size: 11pt;
}
.LabelWhite
{
	color: #FFF;
	font-size: 10pt;
}

.LabelWhiteTextInPanel
{
	font-family: Arial,Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
.Label_AutoPay_Title
{
	font-weight:bold;
	font-size: 10.5pt;
	font-family: Arial;
	vertical-align: middle;
	text-align: left;
	color: Black;
}
.Label_AutoPay
{
	font-weight: normal;
	font-size: 10pt;
	font-family: Arial;
	vertical-align: middle;
	text-align: left;
	color: Black;
}
.Label_AutoPay_Red
{
	font-weight: normal;
	font-size: 10pt;
	font-family: Arial;
	vertical-align: middle;
	text-align: left;
	color: Red;
}
.Text_Message
{
	font-weight: normal;
	font-size: 9pt;
	font-family: Arial, Tahoma;
	vertical-align: middle;
	text-align: left;
	color: Black;
}

.Textbox
{
	font-size: 10pt;
	font-family: Arial, Verdana, Sans-serif;
	font-style: normal;
	background-color: white;
	color: black;
	border: solid 1px #adc3de;
}
.CheckBoxList
{
	font: normal 9pt Arial, Verdana, Sans-serif;
	color: black;
	background-color: transparent;
}

.CalenderCheckBox
{
	font-size: 8pt;
	font-family: Arial, Verdana, Sans-serif;
	font-style: normal;
	color: black;
	background-color: transparent;
}

.TemplateLabel
{
	color: Navy;
}

.TableBlueDetail
{
	width: 100%;
	background-color: #FEFEFE;
}

.TableRowGrayDetail
{
	background-color: #FEFEFE;
	padding: 1;
	border-spacing: 1;
}


.UserControlBorder
{
	border-width: 2;
	border-color: #D6DBEF;
	background-color: White;
}

.PanelBorder
{
	border-color: Navy;
	border-style: solid;
	border-width: 1px;
}
.PanelHeader
{
	background-color: #4682b4;
	background-repeat: no-repeat;
	height: 15px;
	text-align: center;
	margin-right: 0px;
	margin-top: 0px;
	position: relative;
	width: 100%;
}


.Normal, .DropDownList, .RadioButtonList, .RadioButton
{
	font-size: 12px;
	font-family: Arial, Verdana, Sans-serif;
	font-style: normal;
	color: black;
}


.DisabledRadioButton
{
	font-size: 10pt;
	font-family: Arial, Verdana, Sans-serif;
	font-style: normal;
	background-color: Transparent;
	color: Black;
}

.DateInput
{
	font-size: 20pt;
	font-family: Arial, Verdana, Sans-serif;
	color: black;
}

.GridActionColumn
{
	background-color: #FFE3B0;
}
.TDSeparator
{
	color: Orange;
	vertical-align: bottom;
}

.SearchLabel
{
	font-weight: normal;
	font-size: 8pt;
	font-size: small;
	color: White; /*#000000;*/
	font-family: Arial, Verdana;
}

.TableWidth
{
	width: 100%;
	height: 10px;
}

.ProgramtdWidth
{
	width: 50%;
}

.TableWidthSub
{
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.PaddingStyle1
{
	padding-left: 10px;
	padding-top: 2px;
}

.DatePickerWidth
{
	width: 100px;
}
.ExtensionTextBox
{
	width: 50px;
}


.ThHeight1
{
	height: 40px;
}

.TDWidth_33, .TDWidth_25, .TDWidth_42
{
	vertical-align: top;
	text-align: left;
}
.TDWidth_33
{
	width: 33%;
}

.TDWidth_25
{
	width: 25%;
}

.TDWidth_42
{
	width: 42%;
}

.SiteMapPathText
{
	font-size: 11px;
	color: #666666;
	font-family: Arial, Tahoma;
}


/* FROM style.css */
.BodyPopup
{
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

#contentarea
{
	padding: 0px;
}


.TableHeader
{
	font-weight: bold;
	border-right: 0pt;
	border-top: 0pt;
	font-size: 9pt;
	border-left: 0pt;
	color: #191970;
	border-bottom: 0pt;
	font-family: Arial, Verdana;
	background-color: #DEB887;
}

.TableHeader
{
	font-size: 9pt !important;
	font-family: Arial !important;
	font-weight: bold !important;
}

.UDFTableText
{
	font-size: 11pt !important;
	font-family: Arial !important;
	color: #000000;
	background-color: Transparent;
}

.TableText, .TableTextAlternate, .TableTextBold, .TableTextItalic
{
	font-size: 9pt !important;
	font-family: Arial !important;
	color: #000000;
}

.TableText
{
	background-color: Transparent;
}
.TableTextDisable
{
	color: #858585;
}
DIV.TableWhite
{
	background-color: White;
}

.TableTextAlternate
{
	background-color: #F4F4F4;
}

.TableTextBold
{
	font-weight: normal;
	color: #191970;
	font-family: Arial, Verdana;
	background-color: Transparent;
}

.TableTextItalic
{
	font-style: italic;
}


.TableBackground
{
	border-right: #999 1px solid;
	border-top: none;
	border-left: #999 1px solid;
	border-bottom: #FFD07F 1px solid;
	background-color: #F4EDE1;
}

.SearchText, .SearchLabel
{
	font-size: 10pt;
	color: Black;
}

.CalendarWeekend, .CalenderOtherMonthDate, .ScheduleCalDayHeader
{
	font: 8pt Tahoma;
	color: Gray;
}

.CalenderTitle
{
	font: normal 9pt Tahoma;
	height: 18px;
	width: 100%;
	background: #c0c0c0; /*#e3efff;	*/
    border: solid 0px;
}

.Adhoc-CalenderTitle
{
	font:  bold 12pt Arial;
    color : #FFFFFF;
	height: 25px; 
	width: 100%;
	background: #5A90CC; /*#e3efff;	*/	    
    align-content:center;
}

.nextprevbutton{
     font:  bold 10pt Arial ;
     padding-right:20px;
     background-color: #015289;
     Height:25px; 
     background-image:url("../../Images/btn_prev.png");
     background-repeat:no-repeat;
}

.nextprevbutton a{
     text-decoration: none;
}

.SelectedDatesGrid {
    font:  bold 10pt Arial;
    color : #FFFFFF;
	height: 21px; 
	width: 100%;
	background: #5C8FCE; 
    align-content:center;
    padding: 1px 0px  0px 0px;
}

.CalenderSpecialHoliday
{
	font: 9pt Tahoma;
	color: Orange;
}
.CalenderScheduledHoliday
{
	font: 9pt Tahoma;
	color: Red;
}
.CalenderServicePeriodMissing
{
	font: 9pt Tahoma;
	color: Blue;
}

.CalenderDateSelect
{
	background: #fbe694;
	border: solid 1px #fbe694;
}


/* FOR QUICK HELP */

.QuickHelpBox
{
	margin: 0em 0;
	padding: 0.4em 3em 0.5em 1em;
	background: #F0F7FD no-repeat 10px 1.9px url(info.png);
	color: #000;
	font-family: Arial;
	font-size: 9pt;
	width: 100%;
	color: #000;
}

.QuickHelpBoxDetail
{
	min-height: 30px;
	padding: 0 0 0 66px;
	background: no-repeat -1184px -1447px url(info.png);
	width: 94%;
}

.QuickHelpBox a
{
	color: #f60;
}
            .reg_Program {
                background-color: #4A6F8C !important;
                color: #FFF !important;
                background: url('../../Images/bg-Site.png') 0px 0px #4A6F8C;
                font-size: 14px;
                font-weight: bold;
                padding-left: 5px;
                vertical-align: middle;
                height: 24px;
           
            }

/* FROM tab.css */

TABLE.PageMainTable
{
	width: 98%;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
}

.MenuBackground
{
	background: transparent url(bg-menu.png) repeat-x;
}

.RequiredBlock
{
	background-color: #CC0000;
	padding-right: 0px;
	width: 3px;
	height: 21px;
	position: absolute;
}

.FieldCaption
{
	font-size: 9pt !important;
	font-family: Arial !important;
	font-weight: normal; /*color:#191970; Original*/
	/*color: black; For New Design*/
	background-color: Transparent;
	text-align: left;
}
.FieldCheckBox
{
	font-size: 9pt !important;
	font-family: Arial !important;
	font-weight: normal;
	color: black;
	text-align: left;
	background-color: Transparent;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 0 0 -2px;
}
/*Base Classes for New GUI*/
.TableLightBG
{
	width: 100%;
	text-align: left;
}

.TableLightBG th
{
	background-color: #FFFFFF;
	height: 40px;
	color: #663300;
	font-size: 9pt !important;
	vertical-align: bottom;
}

.TableLightBG td
{
	background-color: #F3F3F3;
}

.TableDarkBG
{
	width: 100%;
	text-align: left;
	}

.TableDarkBG th
{
	background-color: #FFFFFF;
	height: 40px;
	color: #663300;
	font-size: 9pt !important;
	vertical-align: bottom;
}

.TableDarkBG td
{
	background-color: #E5E5E5; /*height:30px;*/
}

.SearchBar
{
	background-color: #F7DBB6;
	border: 1px solid #FFB24F;
}


.TableTopHeaderRow
{
	background-color: #F7DBB6;
	height: 30px;
}

.TableTopHeaderRow td
{
	padding: 1 0 0 5px;
}

.TableOrangeHeaderRow
{
	background-color: #F7DBB6;
	height: 30px;
}

.TableOrangeHeaderRow td
{
	padding: 0 0 0 5px;
}

.TableCellHeader
{
	font-weight: bold;
	height: 30px;
	color: #cd5e0c;
	font-size: 11pt !important;
}
.InfoTableText, .InfoTableTextBold
{
	font-size: 9pt !important;
	font-family: Arial !important;
	color: #003366;
}
.InfoTableTextBold
{
	font-weight: bold;
}

.Table th
{
	background-color: #FFFFFF;
	height: 20px;
	color: #663300;
	font-size: 12pt !important;
	vertical-align: bottom;
}

.TableLightBGUDF
{
	width: 100%;
	text-align: left;
}

.TableLightBGUDF th
{
	background-color: #FFFFFF;
	height: 40px;
	color: #663300;
	font-size: 9pt !important;
	vertical-align: bottom;
}

.TableLightBGUDF td
{
	background-color: #F3F3F3;
	color:Blue;
}
.TableDarkBGUDF
{
	width: 100%;
	text-align: left;
	}

.TableDarkBGUDF th
{
	background-color: #FFFFFF;
	height: 40px;
	color: #663300;
	font-size: 9pt !important;
	vertical-align: bottom;
}

.TableDarkBGUDF td
{
	background-color: #E5E5E5; /*height:30px;*/
	color: Blue !important;
}





/* (--END--)Parent Vertical Menu */

.loginformtxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
.loginformnormaltxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	font-weight: bold;
	text-decoration: none;
}
.loginformtxt2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
.loginformtxt2 a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #f7971c;
	text-decoration: underline;
	text-align: right;
}
.loginformtxt2 a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #f7971c;
	text-decoration: underline;
	text-align: right;
}
.loginformtxt2 a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #f7971c;
	text-decoration: underline;
	text-align: right;
}
.loginformtxt2 a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #f7971c;
	text-decoration: none;
	text-align: right;
}
.txtboxlogin
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 4px;
	height: 20px;
	width: 300px;
	border: 5px solid #f1f1f1;
	text-align: left;
	vertical-align: middle;
	color: #999;
}

/* Used in Parent Home : My Account (To Be Deleted) */
.PraentHomeInfo tr th
{
	background-color: #FFFFFF;
	height: 25px !important;
	color: #663300;
	font-size: 9pt !important;
	vertical-align: middle;
}

/* Tool tip used in "Email Content" and "Notes" */
.ToolTipContent
{
	padding: 6px !important;
}

/* Photo Upload */
.ruFakeInput
{
	height: 22px !important;
}

.DataListBoder
{
	border: 1px solid lightsteelblue;
}

.DataListZeroBorder
{
	border: 0px !important;
}

.FieldCaption img
{
	border: none;
	margin: 0 2px 0 0;
}
TD.GridActionColumn input
{
	background-color: #edd4a5;
	padding: 2px;
	margin: 0px;
	cursor: pointer;
}

TD.GridActionColumn input:hover
{
	background-color: #ffffff;
	padding: 2px;
	margin: 0px;
	cursor: pointer;
}

TD.GridActionColumn input:disabled
{
	background-color: #edd4a5;
	cursor: default;
	padding: 2px;
	height: 16px;
	width: 16px;
}
TD.GridActionColumn input:disabled:hover
{
	background-color: #edd4a5;
	cursor: default;
	padding: 2px;
	height: 16px;
	width: 16px;
}
.disabletxt
{
	color: #b1b1b1 !important;
	font-family: Arial !important;
	font-size: 9pt !important;
	cursor: default;
	text-decoration: none !important;
}

.disablelink
{
	color: gray !important;
	font-family: Arial !important;
	font-size: 9pt !important;
	cursor: default;
	text-decoration: none !important;
}

TABLE.BorderTransparent
{
	border: 0px !important;
	border-style: none;
}
.BorderTransparent td
{
	border-style: none;
	border: 0px !important;
}

.ParentPageHeaderText
{
	color: #0D3863;
	font-size: 14pt;
	font-weight: bold;
	font-family: Arial;
}
.ParentPageTable
{
	border: 0px solid #D6EBFE;
}
.ParentPageLink
{
	color: #053D76;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	vertical-align: middle;
}
.ParentHomePageHeading
{
	background: url(bg_pI_block.gif) repeat-x !important;
}
.BoldRedCaption
{
	font-size: 9pt !important;
	font-family: Arial !important;
	font-weight: normal;
	font-weight: bold;
	color: Red;
	background-color: Transparent;
}

.SmallerHelpNote
{
	font-weight: normal;
	font-size: 8pt;
	color: #894F08;
	font-family: Arial;
	background-color: Transparent;
}

#pwstrength
{
	height: 10px !important;
	display: block !important;
	float: left !important;
}
#pwmatch
{
	height: 10px !important;
	display: block !important;
	float: left !important;
}
.strength0
{
	width: 0px;
	background: #ff0000;
}
.strength1
{
	width: 20px;
	background: #ff0000;
}
.strength2
{
	width: 40px;
	background: #FF3333;
}
.strength3
{
	width: 60px;
	background: #FF6633;
}
.strength4
{
	background: #FF6633;
	width: 80px;
}
.strength5
{
	background: #339933;
	width: 120px;
}
.strength6
{
	background: #339933;
	width: 120px;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.rgAdvPart
{
	display: none;
}

.DateStyle, .RightDateStyle, .CenterTimeStyle
{
	border: none;
	font-size: 12pt !important;
	font-family: Arial !important;
	font-weight: bold;
	color: #cd5e0c !important;
	background-color: Transparent;
	padding-right: 30px;
	text-align: left;
}
.RightDateStyle
{
	text-align: right;
}
.CenterTimeStyle
{
	font-size: 18pt !important;
	font-family: Arial !important;
	color: #080F57 !important;
	text-align: center;
}


.DateStyle, .CenterDateStyle, .CenterLocalTimeStyle
{
    border: none;
    font-size: 12pt;
    font-family: Arial !important;
    font-weight: bold;
    color: #cd5e0c !important;
    background-color: Transparent;
    text-align: left;
}
.CenterDateStyle
{
    text-align: center;
}
.CenterLocalTimeStyle
{
    font-size: 18pt;
    font-family: Arial !important;
    color: #080F57 !important;
    text-align: center;
}

.t-overlay 
{
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 499;
   

   background-color: black; 
   -moz-opacity: 0.8; 
   opacity:.80; 
   filter: alpha(opacity=80);
}

.AttendanceDivPopup
{
	background-color:#FBF9FA;
	z-index: 500;	
	padding: 40px;
	text-align: center;
}

.AttendanceDivPopup .AttendanceDivPopupHeader1
{
	padding-bottom: 40px;
	font-size: 18pt;
	font-weight: bold;
}

.AttendanceDivPopup .AttendanceDivPopupHeader2
{
	color: #cd5e0c;
	font-size: 16pt;
	font-weight: bold;
}

.AttendanceDivPopup .AttendanceDivPopupHeader3
{
	padding-top: 30px;
	font-weight: bold;			
}

.AttendanceDivPopup .AttendanceDivPopupHeader3 .Message1
{
	display: block;
	font-size: 10pt;
	color: Gray;
}

.AttendanceDivPopup .AttendanceDivPopupHeader3 .Message2
{
	font-size: 12pt;	
	color: #cd5e0c;
}

.AttendanceDivPopup .AttendanceDivButton
{
	display:inline-block;
	text-align: center;
	height: 100%;
	
}


*html .rtbMid
{
	padding: 0px 3px 3px 0 !important;
}


*html .RadToolBar .rtbSplBtn .rtbVOriented
{
	padding-right: 25px;
	position: relative;
	padding-top: 5px !important;
}

*html .RadToolBar_Office2007_Horizontal li.rtbSeparator
{
	border-left: 1px solid #80ACE6 !important;
	border-right: 1px solid #FFFFFF !important;
}

/* For Prev and Next LinkButton */
.PrevLinkButton
{
	background: url(../../images/Calender-prev.png) left center no-repeat;
	padding: 0em 0.5em;
	font-family: Arial, Tahoma;
	color: #104C82;
	font-weight: bold;
	font-size: 10pt;
}
.PrevDisabledLinkButton
{
	background: url(../../images/Calender-prev-disabled.png) left center no-repeat;
	padding: 0em 0.5em;
	font-family: Arial, Tahoma;
	color: #104C82;
	font-weight: bold;
	font-size: 10pt;
}
.NextLinkButton
{
	background: url(../../images/Calender-next.png) left center no-repeat;
	padding: 0em 0.5em;
	font-family: Arial, Tahoma;
	color: #104C82;
	font-weight: bold;
	font-size: 10pt;
}
.NextDisabledLinkButton
{
	background: url(../../images/Calender-next-disabled.png) left center no-repeat;
	padding: 0em 0.5em;
	font-family: Arial, Tahoma;
	color: #104C82;
	font-weight: bold;
	font-size: 10pt;
}


.ImageButtonCursorHand
{
	cursor: hand;
}

.FieldLinkButton
{
	font-size: 9pt !important;
	font-family: Arial !important;
	font-weight: normal;
}

.FieldLinkButtonWithDoc
{
	background: url(../../images/icon-uploadedDoc.png) left center no-repeat;
	padding-left: 20px;
	color: #104C82;
	font-weight: bold;
}

.FieldLinkButtonWithoutDoc
{
	background: url(../../images/icon-RequireDoc.png) left center no-repeat;
	color: #104C82;
	padding-left: 20px;
}
.FieldLinkButtonWithDeleteIcon
{
	background: url(../../images/Delete.gif) left center no-repeat;
	color: #104C82;
	padding-left: 20px;
}
.FieldLinkButtonWithUploadIcon
{
	background: url(../../images/iconl_uploadTemplate.png) left center no-repeat;
	color: #104C82;
	padding-left: 20px;
}
.FieldLinkButtonWithChangeIcon
{
	background: url(../../images/Change-Logo.png) left center no-repeat;
	color: #104C82;
	padding-left: 20px;
}
.FieldLinkButtonWithViewIcon
{
	background: url(../../images/View.gif) left center no-repeat;
	color: #104C82;
	padding-left: 20px;
}
.AlertHigh
{
	font-family: Arial, Helvetica, sans-serif;
	background: url('../../Images/Icon-HighWarning.png') no-repeat 9px 12px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	border: 1px solid #ac1414;
	font-weight: bold;
	background-color: #da1c1c;
}
.AlertMedium
{
	font-family: Arial, Helvetica, sans-serif;
	background: url('../../Images/Icon-NormalWarning.png') no-repeat 5px 12px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #0d002a;
	background-color: #f2ef91;
	border: 1px solid #e3cd77;
	padding:10px 10px 10px 35px;
}
.AlertMedium_Arial
{
	background: url('../../Images/Icon-NormalWarning.png') no-repeat 5px 12px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #0d002a;
	background-color: #f2ef91;
	border: 1px solid #e3cd77;
	padding:10px 10px 10px 35px;
}
.AlertLow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	background-color: #8a8a8a;
}

.AlertIncomplete
{
	font-family: Arial, Helvetica, sans-serif;
	background: url('../../Images/Icon-NormalWarning_Orange.png') no-repeat 5px 12px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #0d002a;
	background-color: #f1f0af;
	border: 1px solid #e3cd77;
	padding:10px 10px 10px 35px;
}


.WarningHeader
{
	background: url('warningHeader.png') repeat-x left top;
	height: 30px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 15px;
	text-shadow: #000000 1px 1px 1px;
}
.WarningMessage
{
	font-family: Arial;
	font-size: 10pt;
}
.WarningMessageSmall
{
	font-family: Arial;
	font-size: 8pt;
	color: White;
	text-shadow: #000000 1px 1px 1px;
}

.Warning_Clock
{
	font-weight: bolder;
	color: White;
	font-family: Arial, Tahoma;
	vertical-align: middle;
	text-align: left;
	font-size: 17pt;
	text-shadow: #000000 1px 1px 1px;
}

.BigHelpNote
{
	font-weight: bold;
	font-size: 11pt;
	color: #AA812B;
	font-family: Arial;
	background-color: white;
}


.TableTextOver
{
	background-color: #EEEFBF !important;
}

.ErrorPageHeaderText
{
	color: #FF0000;
	font-size: 14pt;
	font-weight: bold;
	font-family: Arial;
}

.ReadOnly
{
	background-color: #e4e4e4 !important;
	border-color: #929292 !important;
	color: #000000 !important;
	cursor: default;
}

.ReadOnly_FieldDatePicker
{
	background-color: #e4e4e4 !important;
	border-color: #929292 !important;
	color: #000000 !important;
	cursor: default;
}



.DropReadOnly
{
	background-color: #e4e4e4 !important;
}

.DropReadOnly table td input
{
	background-color: #e4e4e4 !important;
}

.OnMouseOut
{
	border: 1px solid lightsteelblue !important;
	padding: 2px 1px 3px;
	background: none repeat scroll 0 0 #FFFFFF !important;
	font: 12px "segoe ui" ,arial,sans-serif;
}

.OnMouseOutDisabled
{
	border: 1px solid lightsteelblue !important;
	padding: 2px 1px 3px;
	background: none repeat scroll 0 0 #FFFFFF;
	font: 12px "segoe ui" ,arial,sans-serif;
}


.EmailNote
{
	font-size: 9pt;
	background: url('../../Images/email_error.png') no-repeat 9px 12px;
	padding: 10px 5px 10px 46px;
	background-color: #FFF6BF;
	border-top: 1px solid #F0D989;
	border-bottom: 1px solid #F0D989;
	margin: 5px 0 5px 0;
	display: block;
}

*html .EmailNote
{
	font-size: 9pt;
	background: url('../../Images/email_error.png') no-repeat 9px 12px;
	padding: 10px 5px 10px 46px;
	background-color: #FFF6BF;
	border-top: 1px solid #F0D989;
	border-bottom: 1px solid #F0D989;
	margin: 5px 0 5px 0;
	display: block;
}

.EmailNote
{
	font-weight: normal;
	font-family: Arial, Tahoma;
	vertical-align: middle;
	text-align: left;
	font-size: 9pt;
}

.FeeNote
{
	font-size: 9pt;
	background: url('../../Images/exception.png') no-repeat 9px 12px;
	padding: 10px 5px 10px 46px;
	background-color: #FFF6BF;
	border-top: 1px solid #F0D989;
	border-bottom: 1px solid #F0D989;
	margin: 5px 0 5px 0;
	display: block;
	color: Red;
}

*html .FeeNote
{
	font-size: 9pt;
	background: url('../../Images/exception.png') no-repeat 9px 12px;
	padding: 10px 5px 10px 46px;
	background-color: #FFF6BF;
	border-top: 1px solid #F0D989;
	border-bottom: 1px solid #F0D989;
	margin: 5px 0 5px 0;
	display: block;
	color: Red;
}

.AutoPay_Desclaimer
{
	font-size: 9pt;
	padding: 10px 0px 10px 10px;
	background-color: #FFF6BF;
	border-top: 1px solid #F0D989;
	border-bottom: 1px solid #F0D989;
	border-left: 1px solid #F0D989;
	border-right: 1px solid #F0D989;
	margin: 5px 0 5px 0;
	display: block;
}

.AutoPay_Desclaimer
{
	font-weight: normal;
	font-family: Arial, Tahoma;
	vertical-align: middle;
	text-align: left;
	font-size: 9pt;
}

.AutoPay_Terms
{
	border-width: .1em;
	border-style: solid;
	border-color: black;
	padding-left: 5px;
	background-color: #E5E5E5;
	padding-top: 5px;
	padding-bottom: 10px;
}




.Text_Message_Info
{
	color: #2c4a8b;
	font-size: 9pt;
	background: url('../../Images/Icon-InformationMssg.png') no-repeat 9px 4px;
	padding: 10px 5px 10px 38px;
	background-color: #e7f3ff;
	border: 1px solid #7ba6d6;
	margin: 5px 0 5px 0;
	display: block;
}

.Text_Agreed_Info
{
	color: #2c4a8b;
	font-size: 9pt;	
	padding: 10px 5px 10px 38px;
	background-color: #e7f3ff;
	border: 1px solid #7ba6d6;
	margin: 5px 0 5px 0;
	display: block;
}

*html .Text_Message_Info
{
	color: #2c4a8b;
	font-size: 9pt;
	background: url('../../Images/Icon-InformationMssg.png') no-repeat 9px 7px;
	padding: 10px 5px 10px 38px;
	background-color: #e7f3ff;
	border: 1px solid #7ba6d6;
	margin: 5px 0 5px 0;
	display: block;
}

.Text_Message_Info
{
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
	font-size: 9pt;
}

.chkBoxList td
{
	width: 33%; /* or percent value: 25% */
	color: black;
	font: 9pt Arial,Verdana,Sans-serif;
}








ul.steps
{
	list-style-type: none;
	width: 500px;
}

ul.steps li
{
	/*used em just to experiment with different font sizes and resolutions, but it is more accurate to use pixels */
	position: relative;
	float: left;
	color: #fff;
	background: #F89C1F;
	min-height: 20px;
	height: 1.5em;
	min-width: 250px;
	width: 250px;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 1em;
	text-align: center;
	overflow: hidden;
}

ul.steps li span
{
	color: #FFF;
	margin: 0 5px 0 10px;
}

ul.steps li.empty
{
	background-position: left -15px;
}
ul.steps li.start
{
	color: #fff;
	background-position: left -515px;
}
ul.steps li.next
{
	background: #DDDDDD;
	background-position: left -115px;
}
ul.steps li.current
{
	color: #fff;
	background-position: left -215px;
}

ul.steps li.prevDone
{
	color: #fff;
	background-position: left -415px;
}

ul.steps li.lastDone, ul.steps li.Done
{
	color: #fff;
	background-position: left -315px;
}


.clear
{
	clear: both;
}


.TabHeader
{
	background: url('gradient.png') repeat-x left 1px;
}

.ValidationMark
{
	float: left;
	margin-right: -2px;
	margin-top: -2px;
}
.invoicemsg td
{
	height: auto;
	padding: 10px;
	background-color: #DCE6F4;
	font-size: 12px;
}

.ACBlueHeader
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2b5273;
	height: 31px;
}
.ACMainWhiteHeadline
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.ACMainLightBlueHeadline
{
	font-family: Arial, Helvetica, sans-serif;
	color: #dfecfa;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.ACIndsideTableBorder
{
	border: solid 1px #cdd6e3;
	vertical-align: top;
}
.ACBGSubHead
{
	background-image: url('../../Images/bg-ACSubhead.png');
	background-repeat: repeat-x;
	background-color: #dce6f4;
	border-bottom: solid 1px #cdd6e3;
	height: 25px;
	color: #cd5e0c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: middle;
}
.ACBGSubHeadChild
{
	background-image: url('../../Images/bg-ACSubhead.png');
	background-repeat: repeat-x;
	background-color: #dce6f4;
	border-bottom: solid 0px #cdd6e3;
	height: 25px;
	color: #cd5e0c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: middle;
	border-top: solid 1px #cdd6e3;
	border-left: solid 1px #cdd6e3;
	border-right: solid 1px #cdd6e3;
}
.ChildName
{
	height: 21px;
	padding-left: 5px;
	vertical-align: middle;
    width:250px;
    font-weight: bold !important;
    font-size: 16px !important;
    text-decoration: none !important;
    color: #CD5E0C;
        
}
.ACBGSubHeadBlue
{
	background-image: url('../../Images/bg-ACSubhead.png');
	background-repeat: repeat-x;
	background-color: #dce6f4;
	border-bottom: solid 0px #cdd6e3;
	height: 25px;
	color: #2b5272;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: middle;
}
.ACPicBorder
{
	border: solid 1px #d3d3d6;
}
.ACDNormalText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}
.ACGridNormalText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #30394e;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}
.ACBlueBoldText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0d3863;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 27px;
	padding-left: 5px;
}
.ACButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2b5273;
	text-decoration: none;
}
.ACButton a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2b5273;
	text-decoration: none;
}
.ACButton a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2b5273;
	text-decoration: none;
}
.ACButton a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2b5273;
	text-decoration: none;
}
.ACButton a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

.ACEmergencyContact
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0d3863;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	line-height: 27px;
	padding-left: 5px;
	background-image: url('../../Images/icon-EmergencyContact.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}
.ACEmergencyContact a:link
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0d3863;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	line-height: 27px;
	padding-left: 5px;
}
.ACEmergencyContact a:active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0d3863;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	line-height: 27px;
	padding-left: 5px;
}
.ACEmergencyContact a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0d3863;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	line-height: 27px;
	padding-left: 5px;
}
.ACEmergencyContact a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 27px;
	padding-left: 5px;
}
.ACActivityName
{
	background-color: #ebebeb;
	border-top: 1px solid white;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}
.ACChildProgramheader
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 27px;
	padding-left: 5px;
}
.ACChildProgramName
{
	font-family: Arial, Helvetica, sans-serif;
	color: #2b5272;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	line-height: 27px;
	padding-left: 5px;
	padding-left: 4px;
}
.tooltipBG
{
	background-color: #fffec5;
	border: 1px solid #ffd990;
	padding: 5px;
}
.tooltipHead
{
	border-bottom: 2px solid #e7e7c3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 5px;
	color: #031424;
}
.ToolTipsName
{
	color: #cd5e0c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.ToolTipsActivity
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0d3863;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	line-height: 20px;
	padding-left: 0px;
	padding-left: 0px;
}
.ToolTipsContact
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
.ACBGSubHeadLabel
{

	height:25px;
	color:#cd5e0c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	padding-left:5px;
	vertical-align:middle;
    height: 25px;
    color: #cd5e0c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    vertical-align: middle;

}
.SubHeadLabelInsurance
{

	height:25px;
	color:#cd5e0c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
    height: 25px;
}

.TableCellHeader1
{
	font-weight: bold;
	height: 30px;
	color: #ffffff;
	font-size: 11pt !important;
}
.HelpNotes
{
	font-weight: normal;
	font-size: 9pt;
	color: #3e3e3e;
	font-family: Arial;
	text-align: left;
	vertical-align: top;
}
.box
{
	background-color: #f0f0f0;
	width: auto;
	min-height: 100px;
	min-width: 100px;
	height: auto;
	margin: 0 auto 15px auto;
	padding: 2px;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	display: inline-block !important;
}

.flexiblebox
{
	background-color: #f0f0f0;
	width: auto;
	height: auto;
	margin: 0 auto 15px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	display: inline-block !important;
}

*html .flexiblebox
{
	margin: 0px;
}


.DockContainer
{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
}

.Dock
{
	background-color: #E8F2FD;
	border-bottom: 1px solid buttonshadow;
	height: 25px;
	padding: 3px;
	position: relative;
}

.Dock .Label_Error
{
	position: relative;
}


.CalAll
{
	width: 98%;
	height: auto;
	margin: 1%;
	min-width: 100px;
}
.topCurve
{
	height: 7px;
	background: url(../../Images/topRT.jpg) right no-repeat #75b6db;
	overflow: hidden;
}
.topLeft
{
	width: 97%;
	height: 7px;
	background: url(../../Images/topLT.jpg) no-repeat;
	overflow: hidden;
}
.title
{
	height: 41px;
	background: url(../../Images/header.jpg) repeat-x;
	border-left: 1px solid #408ccd;
	border-right: 1px solid #408ccd;
}
.title p
{
	width: 41px;
	height: 39px;
	background: url(../../Images/date_bg.png) no-repeat center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #040000;
	text-align: center;
	line-height: 39px;
	padding: 0;
	margin: 0;
	margin-left: 2%;
}
.contentArea
{
	background: #d1ecfe;
	border-left: 1px solid #408ccd;
	border-right: 1px solid #408ccd;
	padding: 1% 0.3% 1% 2%;
}
.totalArea
{
	height: 7px;
	background: url(../../Images/border.jpg) top repeat-x;
	overflow: hidden;
}
.botCurve
{
	height: 7px;
	background: url(../../Images/botRT.jpg) right no-repeat;
	overflow: hidden;
}
.botLeft
{
	height: 7px;
	background: url(../../Images/botLT.jpg) no-repeat;
	overflow: hidden;
}


.totalTopgrey
{
	height: 7px;
	background: url(../../Images/totalTop.jpg) top repeat-x;
	overflow: hidden;
}
.topCurvegrey
{
	height: 7px;
	background: url(../../Images/topRTgrey.jpg) right no-repeat;
	overflow: hidden;
}
.topLeftgrey
{
	width: 97%;
	height: 7px;
	background: url(../../Images/topLTgrey.jpg) no-repeat;
	overflow: hidden;
}
.titlegrey
{
	height: 41px;
	background: url(../../Images/headergrey.jpg) repeat-x;
	border-left: 1px solid #A1C8E2;
	border-right: 1px solid #A1C8E2;
}
.titlegrey p
{
	width: 41px;
	height: 39px;
	background: url(../../Images/date_bg.png) no-repeat center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4B88B1;
	text-align: center;
	line-height: 39px;
	padding: 0;
	margin: 0;
	margin-left: 2%;
}
.contentAreagrey
{
	background: #e6effc;
	border-left: 1px solid #A1C8E2;
	border-right: 1px solid #A1C8E2;
	padding: 3%;
}
.totalAreagrey
{
	height: 7px;
	background: url(../../Images/bordergrey.jpg) top repeat-x;
	overflow: hidden;
}
.botCurvegrey
{
	height: 7px;
	background: url(../../Images/botRTgrey.jpg) right no-repeat;
	overflow: hidden;
}
.botLeftgrey
{
	height: 7px;
	background: url(../../Images/botLTgrey.jpg) no-repeat;
	overflow: hidden;
}




.topCurvered
{
	height: 7px;
	background: url(../../Images/topRTred.jpg) right no-repeat #dd3a15;
	overflow: hidden;
}
.topLeftred
{
	width: 97%;
	height: 7px;
	background: url(../../Images/topLTred.jpg) no-repeat;
	overflow: hidden;
}
.titlered
{
	height: 41px;
	background: url(../../Images/headerred.jpg) repeat-x;
	border-left: 1px solid #cd2e29;
	border-right: 1px solid #cd2e29;
}
.titlered p
{
	width: 41px;
	height: 39px;
	background: url(../../Images/date_bg.png) no-repeat center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #c9310d;
	text-align: center;
	line-height: 39px;
	padding: 0;
	margin: 0;
	margin-left: 2%;
}
.contentAreared
{
	background: #ece8ea;
	border-left: 1px solid #cd2e29;
	border-right: 1px solid #cd2e29;
	padding: 1%;
	max-width: 150px;
	color: #595959;
}
.totalAreared
{
	height: 7px;
	background: url(../../Images/borderred.jpg) top repeat-x;
	overflow: hidden;
}
.botCurvered
{
	height: 7px;
	background: url(../../Images/botRTred.jpg) right no-repeat;
	overflow: hidden;
}
.botLeftred
{
	height: 7px;
	background: url(../../Images/botLTred.jpg) no-repeat;
	overflow: hidden;
}

.nameArea
{
	height: 30px;
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #414040;
	margin-top: 5px;
}
.fieldarea
{
	height: 30px;
	line-height: 30px;
}
.fieldarea input, .fieldarea select
{
	background: url(../../Images/bg_input.jpg) #f2f2f2 bottom repeat-x;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-indent: 5px;
	border: 1px solid #c5c5c5;
}
.gradeLeft
{
	width: 6px;
	height: 25px;
	background: url(../../Images/grade_left.jpg) right no-repeat;
}
.graderight
{
	width: 6px;
	height: 25px;
	background: url(../../Images/grade_right.jpg) left no-repeat;
}
.gradeCenter
{
	background: #f2f2f2;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	font-size: 12px;
	line-height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 5px;
}



.Enrolled label
{
	color: Green !important;
	font-weight: bold;
}


.totalTopyellow
{
	height: 7px;
	background: url(../../Images/totalTopyellow.jpg) top repeat-x;
	overflow: hidden;
}
.topCurveyellow
{
	height: 7px;
	background: url(../../Images/topRTyellow.jpg) right no-repeat;
	overflow: hidden;
}
.topLeftyellow
{
	width: 97%;
	height: 7px;
	background: url(../../Images/topLTyellow.jpg) no-repeat;
	overflow: hidden;
}
.titleyellow
{
	height: 41px;
	background: url(../../Images/headeryellow.jpg) repeat-x;
	border-left: 1px solid #f5c677;
	border-right: 1px solid #f5c677;
}
.titleyellow p
{
	width: 41px;
	height: 39px;
	background: url(../../Images/date_bg.png) no-repeat center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f19005;
	text-align: center;
	line-height: 39px;
	padding: 0;
	margin: 0;
	margin-left: 2%;
}
.contentAreayellow
{
	background: #fff;
	border-left: 1px solid #f5c677;
	border-right: 1px solid #f5c677;
	padding: 3%;
}
.totalAreayellow
{
	height: 7px;
	background: url(../../Images/borderyellow.jpg) top repeat-x;
	overflow: hidden;
}
.botCurveyellow
{
	height: 7px;
	background: url(../../Images/botRTyellow.jpg) right no-repeat;
	overflow: hidden;
}
.botLeftyellow
{
	height: 7px;
	background: url(../../Images/botLTyellow.jpg) no-repeat;
	overflow: hidden;
}
.regularActivityHeader
{
	width: 100%;
	height: 32px; /*background: url(../../images/tab_bg.jpg) repeat-x;*/
	background: url(../../images/tb_bg_active.png) repeat-x;
	background-color: #EAEAEA; /* border-right: 1px solid #688caf;     border-left: 1px solid #688caf;*/
	border: 1px solid #688CB0;
}
.regularActivityHeader ul
{
	width: 100%;
	height: 32px;
	border-top: 1px solid #688caf;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline; /*background: #f00;         background: url(../../images/tab_bg.jpg) repeat-x;*/
}
.regularActivityHeader ul li
{
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0px !important;
}
.tabTitlebg, .tabActive
{
	width: 32.4%;
	height: 32px; /*background: url(../../images/tab_bg.jpg) repeat-x;*/
	background-color: #EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #9F9F9F;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
}
.tabActive
{
	width: 30.5%;
	color: #fff;
	background: url(../../images/tb_bg_active.png) repeat-x;
	height: 32px;
}
.tabactiveRight
{
	width: 17px;
	height: 32px;
	background: url(../../images/tb_active_arrow.png) left top no-repeat #EAEAEA;
}
.tabbgRight
{
	width: 17px;
	height: 32px;
	background: url(../../images/tb_inactive_arrow.png) left top no-repeat #EAEAEA;
}
.tabactiveLeft
{
	width: 15px;
	height: 32px;
	background: url(../../images/tb_inactive_active_arrow.png) left top no-repeat #EAEAEA;
}



.Label_Info
{
	color: #D16B07;
	font-size: 9pt;
	background: url('../../Images/info.gif') no-repeat 7px 9px #FFF6BF;
	padding: 10px 5px 10px 30px;
	border-top: 1px solid #F0D989;
	border-bottom: 1px solid #F0D989;
	text-align: left;
	margin: 3px;
	font-weight: bold;
}

.Label_Warning
{
	color: #AA0104;
	font-size: 9pt;
	background: url('../../Images/icon_infoSmall.png') no-repeat 7px 9px #FED9C7;
	padding: 10px 5px 10px 30px;
	border-top: 1px solid #F0BAA2;
	border-bottom: 1px solid #F0BAA2;
	text-align: left;
	margin: 3px;
	font-weight: bold;
}

.Label_Success
{
	color: green;
	font-size: 9pt;
	background: url('../../Images/icon-SuccessMssg.png') no-repeat 3px 5px;
	padding: 10px 5px 10px 30px;
	background-color: #FFF6BF;
	border-top: 1px solid #F0D989;
	border-bottom: 1px solid #F0D989;
	text-align: left;
	margin: 3px;
	font-weight: bold;
}

.Label_Exception
{
	color: red;
	font-size: 9pt;
	background: url('../../Images/icon-ErrorMssg.png') no-repeat 6px 4px;
	padding: 10px 5px 10px 40px;
	background-color: #FFF6BF;
	border-top: 1px solid #F0D989 !important;
	border-bottom: 1px solid #F0D989 !important;
	text-align: left;
	margin: 3px;
	font-weight: bold;
}


.t_Orange
{
	border: 1px solid #D6C9B8;
	width: 100%;
}

.t_Orange th
{
	background: url(../../Images/BG-OrangeSubHead-1.png) repeat #F7DBB6;
	height: 20px;
	border-bottom: 1px solid #D6C9B8;
}

.t_Orange td
{
	background-color: #F3F3F3;
	height: 26px;
	padding: 5px 5px;
}
.RadGrid_Office2007 td.rgPagerCell
{
	border-bottom-color: #5D8CC9 !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
}

.t_Blue
{
	border: 1px solid #688caf;
	width: 100%;
    height:100% !important;
}

.t_Blue th
{
	background-color: #c7d4f4;
	background: url(../../Images/bg-telerikheader.png)repeat-x;
	height: 25px;
	border-bottom: 1px solid #688caf;
	color: #123A5E;
	font-size: 9pt;
}

.t_Blue td
{
	background-color: #F3F3F3;
	padding: 5px 5px;
}

/* Option Screen CSS Start */
.TDOptionHeading
{
	color: #445C74;
    font-weight: bold;
    font-family: Arial;
    background-color: #D0E0F0;
    width: 15%;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

.TDOptionHeadingMandatory
{
	color: #445C74;
    font-weight: bold;
    font-family: Arial;
    background-color: #F5BCA9;
    width: 15%;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

.TDOptions
{
    font-family: Arial;
    background-color: #F3F3F3;
    padding: 0px;
    vertical-align: text-top;
}

.TDOptionsMultipleColumn TD
{
	border-right: 1px solid #BCBCBC; 
	vertical-align: text-top;
}

.TDOptionsWithoutBorder
{
	border: none !important; 
}
/* Option Screen CSS END */

.UDReportMenuItem
{
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background-color: #08355f;
	vertical-align: middle;
	border-style: none;
	width: 100%;
	background-image: none !important;
}

.UDReportMenuItem a.rmLink
{
	font-size: 10pt;
	font-weight: bold;
	color: black;
	background-color: #08355f;
	vertical-align: middle;
	border-style: none;
	width: 100%;
	background-image: none !important;
}

/*Tab Css*/

        
ul.WizardTab
{
    display: table;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #688CB0;
    background: url(../../images/tb_bg_active.png) repeat-x left top #d4d4d4;
    margin: 0;
    padding: 0;
    height: 32px;
    line-height:32px;
}

.WizardTab li
{
    display: table-cell;
    list-style-type:none;
    margin:0;
    padding:0;
}

*html .WizardTab li
{
    display: inline;
}

.WizardTab li span
{
	display: block;
	min-width: 100px;
	text-indent: 33px;
	margin-right: 10px;
	height:30px;
}



/*.WizardTab
{
	border: 1px solid #688CB0;
	height: 32px;
	background: url(../../images/tb_bg_active.png) repeat-x #d4d4d4;
	display: block;
	line-height: 32px;
	margin: 0;
	padding: 0;
}
.WizardTab li
{
	display: block;
	float: left;
}
.WizardTab li span
{
	display: block;
	min-width: 100px;
	text-indent: 33px;
	margin-right: 10px;
}*/

.tbActive
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	text-align: left;
	color: #FFF;
}

/*.tbActive span
{
    margin-left: 5%;
}*/

.tb_Active_InActive
{
	background: url("../../images/tb_active_arrow.png") no-repeat scroll left top #d4d4d4;
}
.tb_InActive_InActive
{
	background: url("../../images/tb_inactive_arrow.png") no-repeat scroll left top #d4d4d4;
}
.tb_InActive_Active
{
	background: url("../../images/tb_inactive_active_arrow.png") no-repeat scroll left top;
}
.tbInActive
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	text-align: left;
	background-color: #d4d4d4;
	color: #9F9F9F;
}

.tb_Active_End
{
	background: url("../../images/tb_active_arrow.png") no-repeat scroll left top #d4d4d4;
}
.tb_InActive_End
{
	background: url("../../images/tb_inactive_arrow.png") no-repeat scroll left top #d4d4d4;
}

.regularActivityBody
{
	border-left: 1px solid #688CAF;
	border-right: 1px solid #688CAF;
	border-bottom: 1px solid #688CAF;
	padding-top: 2px;
	width:100%;
	display:table;
}



/*Tab Css*/
.Info_Text_Golden
{
    text-align: left;
    background-color: #EEEFBF;
    margin: 5px 0;
    padding: 10px 5px;
    border: 1px solid #CCCCCC;
}


/*Account info on mouse over*/

.AjaxToolTipManager .rtWrapperTopCenter
{
border-bottom: solid 2px #d8d79b !important;
}

.AjaxToolTipManager .rtWrapperTopCenter div.rtTitlebar
{
font-size: 16px;
font-family: Arial;
font-weight: bold;
color: Black !important;
padding: 5px;
}

.AjaxToolTipManager .rtWrapperContent
{
padding: 6px !important;
}



/* Attendance Module Redesign : Check In & Check Out Intermediate Screen */

#header
{
    margin: 20px 55px 10px 55px;
    width: 90%;
    float: left;
    /*padding: 0 0 0 95px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #2b7ebb;
}
#center_content
{
    margin: 0px 55px 0 55px;
    padding: 0px;
    width: 90%;
    height: auto;
    float: left;
}
#center_content_1st_part
{
    padding: 0px;
    margin: 0px;
}
#left_top_corner
{
    background: url(../../Images/left_top_corner.png) no-repeat right top;
    padding: 0px;
    margin: 0px;
    width: 15px;
    height: 14px;
}
#right_top_corner
{
    background: url(../../Images/right_top_corner.png) no-repeat left top;
    padding: 0px;
    margin: 0px;
    width: 15px;
    height: 14px;
}
#center_top
{
    width: 90%;
    height: 14px;
    padding: 0px;
    margin: 0px;
    background-color: #e8f3fb;
}
#middle_center_content
{
    width: 100%;
    height: 130px;
    padding: 0px;
    margin: 0px;
}
#left_center_corner
{
    background: url(../../Images/middle_middle.png) repeat-y right;
    height: 130px;
}
.left_center_corner
{
    background: url(../../Images/middle_middle.png) repeat-y right;
    height: 130px;
}
#right_center_corner
{
    background: url(../../Images/middle_middle.png) repeat-y left;
    height: 130px;
}
.right_center_corner
{
    background: url(../../Images/middle_middle.png) repeat-y left;
    height: 130px;
}
#center_center
{
    background: #e8f3fb;
    margin: 0px;
    padding-left: 15px;
}
.center_center
{
    background: #e8f3fb;
    margin: 0px;
    padding-left: 15px;
}
#left_bottom_corner
{
    background: url(../../Images/left_bottom_corner.png) no-repeat right top;
    padding: 0px;
    margin: 0px;
    width: 15px;
    height: 14px;
}
#right_bottom_corner
{
    background: url(../../Images/right_bottom_corner.png) no-repeat left top;
    padding: 0px;
    margin: 0px;
    width: 15px;
    height: 14px;
}
#center_bottom
{
    width: 90%;
    height: 14px;
    padding: 0px;
    margin: 0px;
    background-color: #e8f3fb;
}
.tablet_img
{
    width: 72px;
    height: 86px;
    padding: 0px;
    margin: 0px;
    background: url(../../Images/Pin_Based.png) no-repeat bottom right;
}
.barcode_img
{
    width: 72px;
    height: 86px;
    padding: 0px;
    margin: 0px;
    background: url(../../Images/Barcode_Based.png) no-repeat bottom right;
}
.papper_img
{
    width: 72px;
    height: 86px;
    padding: 0px;
    margin: 0px;
    background: url(../../Images/Sheet_Based.png);
}
.span_orange_text
{
    color: #f86f00;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    border-bottom: 4px dotted gray;
    display: block;
    vertical-align: bottom;
    margin-right: 27px;
}
.span_orange_text a
{
    color: #f86f00;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}
.span_gray_bold_text
{
    color: #666666;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.span_gray_note
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}
.span_green_text
{
    color: #316300;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    border-bottom: 4px dotted gray;
    display: block;
    vertical-align: bottom;
    margin-right: 27px;
}
.span_green_text a
{
    color: #316300;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}
#gray_dot
{
    color: #8a8a8a;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 25px;
}

.TabBg
{
    background: url('../../Images/Bg-FilterSearch.png') repeat-x left 1px;
}

/*Slider*/

#divSlider
{
    border: 1px solid #DCD9D5;
    padding: 10px 0;
    text-align: center;
}


.Slider_Header
{
    height: 20px;
    line-height: 20px;
    color: #83807B;
    font: bold 9pt "Segoe UI";
    text-align: left;
    text-indent: 5px;
}

#divSlider div.Slider, div.SliderButtons
{
    float: left;
    min-height: 62px;
    min-width: 9%;
    margin: 0 1px;
}


/* Slider No Activity */
.Slider_NoActivity
{
    /*background: url('../../Images/disabled_bg.png') left top repeat-x;*/
    background-color:#E8E7E7; /*F6EFE3*/
    border: 1px solid #A9A8A6;
    padding: 2px 2px 0px 2px;
}

.Slider_NoActivity .Slider_Date
{
    float: left;
    width: 50%;
    text-align: right;
    font: bold 8pt "Segoe UI";
    color: #283863;
    height: 20px;
}

.Slider_NoActivity .Slider_Day
{
    float: left;
    width: 50%;
    text-align: left;
    font: bold 9pt "Segoe UI";
    color: #283863;
    height: 20px;
}


.Slider_NoActivity .Slider_Status
{
    display: block;
    height: 20px;
    text-align: center;
    font: normal 9pt "Segoe UI";
    color:#413E3E;
}

.Slider_NoActivity .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px;
    text-align: center;
}


/* Slider NoActivity */



/* Slider Disabled */
.Slider_Disabled
{
    /*background: url('../../Images/disabled_bg.png') left top repeat-x;*/
    background-color:#F3F3F3;
    border: 1px solid #D2CFCA;
    padding: 2px 2px 0px 2px;
}

.Slider_Disabled .Slider_Date
{
    float: left;
    width: 50%;
    text-align: right;
    font: bold 8pt "Segoe UI";
    color: #283863;
    height: 20px;
}

.Slider_Disabled .Slider_Day
{
    float: left;
    width: 50%;
    text-align: left;
    font: bold 9pt "Segoe UI";
    color: #283863;
    height: 20px;
}


.Slider_Disabled .Slider_Status
{
    display: block;
    height: 20px;
    text-align: center;
    font: normal 9pt "Segoe UI";
    color:Gray;
}

.Slider_Disabled .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px;
    text-align: center;
}


/* Slider Disabled */






/* Slider Submitted */

.Slider_Submitted
{
    /*background: url('../../Images/submitted_bg.png') left top repeat-x;*/
    background-color:#CFEDAF;
    border: 1px solid #95b05b;
    padding: 2px 2px 0px 2px;
    cursor:pointer;
}

.Slider_Submitted .Slider_Date
{
    float: left;
    width: 50%;
    text-align: right;
    font: bold 8pt "Segoe UI";
    color: #3b541a;
    height: 20px;
}

.Slider_Submitted .Slider_Day
{
    float: left;
    width: 50%;
    text-align: left;
    font: bold 9pt "Segoe UI";
    color: #3b541a;
    height: 20px;
}


.Slider_Submitted .Slider_Status
{
    display: block;
    height: 20px;
    text-align: center;
    font: normal 9pt "Segoe UI";
    background: url('../../Images/slider_tick.png') no-repeat 2px 4px;
    color: #3b541a;
}

.Slider_Submitted .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px !important;
    text-align: center;
    font: normal 9pt "Segoe UI";
    background-color: Orange;
    margin: -1px -3px;
    background: url('../../Images/orange_btn_bg.png') repeat-x left top;
    border: 1px solid #d9ae38;
}


/* Slider Submitted */





/* Slider Not Submitted */

.Slider_NotSubmitted
{
    /*background: url('../../Images/notsubmitted_bg.png') left top repeat-x;*/
    background-color:#BDE7F7;
    border: 1px solid #77b5cd;
    padding: 2px 2px 0px 2px;
    cursor:pointer;
}

.Slider_NotSubmitted .Slider_Date
{
    float: left;
    width: 50%;
    text-align: right;
    font: bold 8pt "Segoe UI";
    color: #283863;
    height: 20px;
}

.Slider_NotSubmitted .Slider_Day
{
    float: left;
    width: 50%;
    text-align: left;
    font: bold 9pt "Segoe UI";
    color: #283863;
    height: 20px;
}


.Slider_NotSubmitted .Slider_Status
{
    display: block;
    height: 20px;
    text-align: center;
    font: normal 9pt "Segoe UI";
    background: url('../../Images/slider_cross.png') no-repeat 3px 3px;
    color: #283863;
    text-indent: 15px;
}

.Slider_NotSubmitted .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px !important;
    text-align: center;
    font: normal 9pt "Segoe UI";
    background-color: Orange;
    margin: -1px -3px;
    background: url('../../Images/orange_btn_bg.png') repeat-x left top;
    border: 1px solid #d9ae38;
}


/* Slider Not Submitted */




/* Slider No Attendance */

.Slider_NoAttendance
{
    /*background: url('../../Images/noattendance_bg.png') left top repeat-x;*/
    background-color:#FFB7B8;
    border: 1px solid #fb9796;
    padding: 2px 2px 0px 2px;
    cursor:pointer;
}

.Slider_NoAttendance .Slider_Date
{
    float: left;
    width: 50%;
    text-align: right;
    font: bold 8pt "Segoe UI";
    color: #591b19;
    height: 20px;
}

.Slider_NoAttendance .Slider_Day
{
    float: left;
    width: 50%;
    text-align: left;
    font: bold 9pt "Segoe UI";
    color: #591b19;
    height: 20px;
}


.Slider_NoAttendance .Slider_Status
{
    display: block;
    height: 20px;
    text-align: center;
    font: normal 9pt "Segoe UI";
    background: url('../../Images/slider_exclamation.png') no-repeat 7px 1px;
    color: #591b19;
    text-indent: 8px;
}

.Slider_NoAttendance .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px !important;
    text-align: center;
    font: normal 9pt "Segoe UI";
    margin: -1px -3px;
    background: url('../../Images/orange_btn_bg.png') repeat-x left top;
    border: 1px solid #d9ae38;
}


/* Slider No Attendance */







/* Slider Missing Checkout */

.Slider_MissingCheckout
{
    /*background: url('../../Images/noattendance_bg.png') left top repeat-x;*/
    background-color:#F1F0AF;
    border: 1px solid #eb9b00;
    padding: 2px 2px 0px 2px;
    cursor:pointer;
}

.Slider_MissingCheckout .Slider_Date
{
    float: left;
    width: 50%;
    text-align: right;
    font: bold 8pt "Segoe UI";
    color:  #5d3000;
    height: 20px;
}

.Slider_MissingCheckout .Slider_Day
{
    float: left;
    width: 50%;
    text-align: left;
    font: bold 9pt "Segoe UI";
    color:  #5d3000;
    height: 20px;
}


.Slider_MissingCheckout .Slider_Status
{
    display: block;
    height: 20px;
    text-align: center;
    font: normal 9pt "Segoe UI";
    background: url('../../Images/slider_alert.png') no-repeat 7px 3px;
    color:  #5d3000;
    text-indent: 8px;
}

.Slider_MissingCheckout .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px !important;
    text-align: center;
    font: normal 9pt "Segoe UI";
    margin: -1px -3px;
    background: url('../../Images/orange_btn_bg.png') repeat-x left top;
    border: 1px solid #d9ae38;
}


/* Slider Missing Checkout */



.Next_Disabled
{
    cursor:default;
}

.Next
{
     cursor:pointer;
}


.Slider_Container
{
    display:inline-block; 
    width:97%; 
    padding-left:2px;
}
/*Slider*/


.TDOptionHeadingUserGuide
{
	color: #003366;
    font-weight: bold;
    font-family: Arial;
    width: 15%;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;    
    padding-left:8px;   
    
    background: #dde8f5; /* Old browsers */
    background: -moz-linear-gradient(top, #dde8f5 0%, #dae6f4 21%, #c9dcf2 71%, #c3d8f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde8f5), color-stop(21%,#dae6f4), color-stop(71%,#c9dcf2), color-stop(100%,#c3d8f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dde8f5 0%,#dae6f4 21%,#c9dcf2 71%,#c3d8f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dde8f5 0%,#dae6f4 21%,#c9dcf2 71%,#c3d8f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dde8f5 0%,#dae6f4 21%,#c9dcf2 71%,#c3d8f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dde8f5 0%,#dae6f4 21%,#c9dcf2 71%,#c3d8f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde8f5', endColorstr='#c3d8f1',GradientType=0 ); /* IE6-9 */     
}

.TDOptionHeadingUserGuide A
{
   color: #003366;
   text-decoration: none;
}

.TDOptionHeadingUserGuideSelected
{
	color: #003366;
    font-weight: bold;
    font-family: Arial;
    width: 15%;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;    
    padding-left:8px;   
    
    background: #ffdf7d; /* Old browsers */
    background: -moz-linear-gradient(top, #ffdf7d 0%, #fecc34 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdf7d), color-stop(100%,#fecc34)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffdf7d 0%,#fecc34 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffdf7d 0%,#fecc34 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffdf7d 0%,#fecc34 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffdf7d 0%,#fecc34 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf7d', endColorstr='#fecc34',GradientType=0 ); /* IE6-9 */
}

.TDOptionHeadingUserGuideSelected A
{
   color: #003366;
   text-decoration: none;
}

.AttachmentFileNameCSS
{
    cursor:pointer;cursor:hand;
    color: Blue;
    text-decoration: underline;
}

.RowBorder
{
    background: url(../../images/line_bg.png) repeat-x;
    display: block;
}

.ViewError_link
{
    background: url('../../Images/icon_infoSmall.png') no-repeat 0px 0px;
    text-indent: 20px;
    height: 16px;
    float: right;
}

.ViewInfo_link
{
    background: url('../../Images/icon-InfoNotRegisterBig.png') no-repeat 0px 0px;
    text-indent: 20px;
    height: 16px;
    float: right;
}

.thHeading
{
    height: 25px !important;
}
.thHeadingcolor
{
    color:#663300; 
    font-weight:bold;
}
.MandatoryBar
{
   margin-top: 13px;
   float: left;
   
}

.RegistrationPeriodHeader
{
  background: none repeat scroll 0 0 #F4F4F4;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: -10px;
 width: 130px;
 height: 20px;
 line-height: 20px;
 font-weight: bold;
}
.RegistrationPeriod
{
 width: 50%;
 border: 1px solid #C9C9C9;
 background-color: #FFF;
}
.RegistrationPeriod div.RegistrationPeriodContent
{
 width: 90%;
 margin: 0 auto;
}


/* DIV POPUP CONFIRMATION*/
.ConfirmationDivPopup
{
    background-color: #FBF9FA;
    z-index: 500;
    text-align: center;
}

.ConfirmationDivPopup .DivHeader
{
	background-color: #DEEDFD;
    border-bottom: 1px solid #7C8C93;
    color: black;
    font: bold 12px "Segoe UI" ,Arial;
    padding: 5px 5px 5px 10px;
    text-align: left;
    height: 20px;
}

.ConfirmationDivPopup .DivBody
{
	padding-top: 20px;
}

.ConfirmationDivPopup .DivFooter
{
	padding: 20px;
}

.ConfirmationDivPopup .DivFooter .DivButton
{
    display: inline;
    cursor: pointer;
}

.AddOnsHeader
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both; 
	display: block; 
	padding-bottom: 25px; 
}

.AddOns
{
	border: 1px solid #F3F3F3;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.AddOns .OddRow
{
	background-color: #F3F3F3;
}

.AddOns .EvenRow
{
}

.AddOns td
{
	min-height: 100px;
	height: 100px;
	vertical-align: top;
}

.AddOns .SpanCheckUncheckImage
{
	clear: both;
	display: block;
	padding: 13px 20px 0 20px;
}

.AddOns .SpanHeader
{
	color: #d46900;
	font-size: 14px;
	font-weight: bold;
	display: block;
	clear: both;
	padding-top: 10px;
}

.AddOns .SpanBody
{
	color: #000;
	font-size: 12px;
	display: block;
	clear: both;
	padding-top: 5px;
}

.AddOns .SpanFooter
{
	color: #000;
	font-size: 12px;
	font-style: italic;
	display: block;
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
}
/* New Change After Upgrading Telerik Q1 2013*/
 html body .riSingle .riTextBox
{      
    padding-left:0px !important;
    padding-right:0px !important;
}

/*html body .riSingle .riTextBox[type="text"]
{
	padding-left:0px !important;
    padding-right:0px !important;/*
}

/* -----------------------------------------*/

/* Holiday Screen CSS Start */
.TDHolidayHeading
{
	color: #002056;
    font-weight: normal;
    font-family: Arial;
    background-color: #D0E0F0;
    width: 15%;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;    
    padding-left:12px;        
}

.TDHoliday
{
    font-family: Arial;
    background-color: #F3F3F3;
    padding: 0px;
    vertical-align: text-top;
}
.tableData
{
	border-collapse:collapse;
	width: 100%;
	
}
.tableData th
{
	background-color: #c7d4f4;
	background: url(../../Images/bg-telerikheader.png)repeat-x;
	height: 25px;
	border-right: 1px solid #688CAF;
	border-bottom: 1px solid #688CAF;
	border-left: 1px solid #688CAF;
	border-top: 1px solid #688CAF;
}

.tableData td
{
	border-left: 1px solid #688CAF;
	border-right: 1px solid #688CAF;
	border-bottom: 1px solid #688CAF;
	border-top: 1px solid #688CAF;
	padding-left:10px;
	height:20px;
    width: 21%;
}


/* Holiday Screen CSS End */

/* UnSupported Browsers Popup CSS Start */
#unsupported_browsers_popup_warning
{
font-family:Segoe UI, Arial, Helvetica, sans-serif;
font-weight:400;
color:#e32511;
font-size:15pt;
text-align:center;
}
#unsupported_browsers_popup_message1
{
font-family:Verdana;
font-weight:700;
color:#898989;
font-size:11px;
text-align:center;
font-style:italic;
}
#unsupported_browsers_popup_childtrack_text
{
font-family:Verdana;
font-weight:700;
color:#000;
font-size:11px;
text-align:center;
font-style:italic;
}
#unsupported_browsers_popup_EZ_text1
{
    font-family:Verdana;
    font-weight:700;
    color:#f19300;
    font-size:11px;
    text-align:center;
    font-style:italic;
}
#unsupported_browsers_popup_message
{
 font-family:Verdana;
    font-weight:700;
    color:#898989;
    font-size:11px;
    text-align:center;
    font-style:italic;
}
#unsupported_browsers_popup_EZ_text
{
font-family:Verdana;
font-weight:700;
color:#f19300;
font-size:11px;
text-align:center;
font-style:italic;
}
#unsupported_browsers_popup_message2
{
font-family:Verdana;
font-weight:700;
color:#4e4e4e;
font-size:11px;
text-align:center;
font-style:italic;
}
#unsupported_browsers_popup_message3
{
font-family:Verdana;
font-weight:700;
color:#4e4e4e;
font-size:11px;
text-align:center;
font-style:italic;
}

/* UnSupported Browsers Popup CSS End */

/* ValidateSubscription Screen CSS Start */
 #divOuterContainer
{
    width: 100%;
    display: block;
    top: 0;
    float: left;
}
#divInnerContainer
{
    display: block;
    margin: -21px auto 5px auto;    
    width: 879px;
}
#tblContent
{
    width: 884px;
}
#divL
{
    float: left;
    margin-top: 10px;
}
#divError
{
   background-color:  #fcf4ad;
   width: 500px;
   height: 50px;
   margin-top: 100px;
   margin-left: 50px;
   border-style: solid;
   border-width: thin;
   border-color: #e05f3f;
   border-radius: 5px 5px 5px 5px;
}
.hLeft
{
    background: url('../../images/bg_h1_L.png' ) left top no-repeat;
    width: 7px;
    height: 83px;
}
.hCenter
{
    background: url('../../images/bg_h1_C.png' ) left top repeat-x;
    width: 786px;
    height: 83px;
}
.hRight
{
    background: url('../../images/bg_h1_R.png' ) right top no-repeat;
    width: 7px;
    height: 83px;
}
.trSSL
{
    background-color: #7197C4;
    height : 88px;
}
.tblSSL
{
    margin-top: 0px; 
    width: 320;
}
.tbltrustlink
{
    margin-top: 0px; 
    width: 320;
}
.cCenter
{
    background: url('../../images/bg_ParentChildImg.jpg' ) left bottom no-repeat #FFF;
    height: 375px;
    border-radius: 10px 10px 0 0;
}
.cShadow
{
    background: url('../../images/c1_S.png' ) left top no-repeat;
    height: 20px;
}
#divContentLeft
{
    float: left;
    width: 395px;
    min-height: 350px; /*background: yellow;*/
}
#divContentRight
{
    float: left;
    width: 395px;
    min-height: 375px; /*background: orange;*/
}
#divContentSeparator
{
    float: left;
    width: 10px;
    min-height: 350px;
    background: url( '../../images/c1_sep.png' ) left top no-repeat;
}
.cLeftHeader
{
    font: bold 23px "Segoe UI";
    color: #c67c12;
    margin: 15px 0px 5px 20px;
}
.cRightHeader
{
    font: bold 23px "Segoe UI";
    color: #166195;
    margin: 15px 0px 5px 20px;
}
.security_box
{
    border: 1px solid #d9f8ca;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 5px;
    -moz-box-shadow: #666 0px 0px 5px;
    box-shadow: #666 0px 0px 5px;
    background: #e0fdd2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e0fdd2), to(#bfe4ac));
    background: -webkit-linear-gradient(#e0fdd2, #bfe4ac);
    background: -moz-linear-gradient(#e0fdd2, #bfe4ac);
    background: -ms-linear-gradient(#e0fdd2, #bfe4ac);
    background: -o-linear-gradient(#e0fdd2, #bfe4ac);
    background: linear-gradient(#e0fdd2, #bfe4ac);
    -pie-background: linear-gradient(#e0fdd2, #bfe4ac);
    behavior: url('../../App_Themes/Parent/PIE.htc');    
}
 html body .riSingle .riTextBox{padding-right:4px !important;}
.riSingle{display:inline !important;}
.footerdiv1{ float:none !important;}
.footerdiv2{visibility:hidden !important;}
 

/* ValidateSubscription Screen CSS End */

.DownloadAttendanceDataBox
{
    border: 1px solid #d9f8ca;
}

.DownloadAttendanceDataSubBox
{
    border: 1px solid #d9f8ca;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 5px;
    -moz-box-shadow: #666 0px 0px 5px;
    box-shadow: #666 0px 0px 5px;
    background: #FFF;
}
.ToolTipTitleBarHeading
{
    color: Black !important;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

hr.style-tooltip {
    background: -moz-linear-gradient(left center , #ccc, #333, #ccc) repeat scroll 0 0 #333;
    border: 0 none;
    height: 1px;
}

.ItalicText
{
    font-weight: normal;
    background-color: Transparent;
    color: black;
    font-family: Arial !important;
    font-style: italic;
    font-size: 9pt !important;
    text-align: left;
}
.Info_Text_Medical
{
    text-align: left;
    background: url('../../Images/medical.png') no-repeat 8px 3px;
    background-color: #EEEFBF;
    margin: 5px 0;
    padding: 4px 26px;
    border: 1px solid #CCCCCC;
    font-weight:normal;
    font-size:11px;
    display:block;    
}
.PopupHead {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.PopupContent {
    margin: 0 auto;
    width: 99%;
    padding-top: 40px !important;
}

/* -----------EmailBlast list screen Design of status Column------------- */
.EmailBlastListScreenDraft {
    background-color: #FFF;
}

.EmailBlastListScreenAborted {
    background-color: #FFF2CC;
}

.EmailBlastListScreenInProgress {
    background-color: #E2EFD9;
}

.EmailBlastListScreenScheduled {
    background-color: #E2EFD9;
}

.EmailBlastListScreenSent {
    background-color: #A8D08D;
}

.EmailBlastListScreenError {
    background-color: #F4B083;
}

.EmailBlastListScreenAwaitingUpdate {
    background-color: #C5E0B3;
}
.CustomMessageError {
    background: url("../../Images/icon-ErrorMssg.png") no-repeat scroll 6px 1px #fff6bf;
    border: 1px solid #f0d989 !important;
    color: red;
    font-size: 9pt;
    margin: 7px 3px 0px 3px;
    padding: 8px 5px 10px 40px;
           }
 .yes_greenbar {
    border: 1px solid #a8e39f;
    padding: 8px 0px 8px 38px;
    font-family: arial;
    font-size: 13px;
    color: #000000;
    background: #e2ffde url('../../images/yes_green.png') 8px 4px no-repeat;
    display:block;
            }

  .Label_ErrorNoRecords
            {
	            color: #7e1411 !important;
	            font-size: 9pt;
	            background: url('../../Images/Icon-ServerError.png') no-repeat 6px 4px;
	            padding: 10px 5px 10px 40px;
	            background-color: #ffd7d7;
	            border: 1px solid #df8f8f;
	            display: none;
            }

  /*CancelPunchPass*/
    .cancel_RowHeight {
            height: 35px;
    }
    .cancel_PaddingLeft {
        padding-left: 5px;
    }
    .cancel_FirstColumnWidth
    {
        width:100px;
    }
    .cancel_ErrorMsg-Text-Color {
        color: red;
    }
    .cancel_LeftColumnText {
        background-color: #E8F2FD;
        height: 25px;
        padding: 3px; 
        text-align: left;
    }
    .cancel_LeftColumnText
    {
        color:#000;
        font-size: 9pt !important;
        font-family: Arial !important;
        font-weight: normal;
        background-color: Transparent;
        text-align: left;
    }
    .cancel_RightColumnText
    {
        color:#000;
        font-size: 10pt !important;
        font-family: Arial !important;
        font-weight: bold;
        background-color: Transparent;
        text-align: left;
    }

    .cancel_Amount
    {
        display:inline-block;
        padding-left:20px;
    }
    .cancel_TopPosition
    {
        padding-left: 10px;
        height: 28px;
    }
    .cancel_PopupHeadDisplay
    {
        display: contents;
    }
    .cancel_btnHeight
    {
        height: 28px;
    }

    /*Pop up for change program period and Activity end dates*/

    .RadDocker
    {
	background-color: #E8F2FD;
	height: 19px;
	padding: 7px;
	border-bottom: 1px solid ButtonShadow;
	text-align: right;
   }

   .RadDocker span
   {
	color:#333333;
   }

          .PageTable {
            font-weight: normal;
            font-size: 12px;
        }

      

        .RadPicker {
            float: left !important;
        }

        .TableLightBG th div {
            font: 13px/16px segoe ui,arial,sans-serif;
            color: #000000;
            width: 575px;
            margin: 0 auto;
        }

        .TableLightBG th {
            height: 0px;
        }

        .TableHeaderInfo {
           
          width: 100%;
         
        }

        .tblHeader {
            border: 1px solid #6F91B4 !important;
            background-color: #E7F3FF;
        }

        .tdtblHeader {
            padding-left: 12px;
            padding-right: 12px;
        }

        .lblHeader {
            font-size: 9pt;
            font-style: normal;
            padding-bottom: 5px;
            padding-top: 2px;
            font-family: arial;
            font-weight: normal;
        }

        .lblHeaderOne {
            font-size: 11pt;
            font-weight: bold;
            font-style: normal;
            padding-top: 6px;
        }

        .tblDatePicker {
            border-top: 1px solid  #c2daf3;
            border-left: 1px solid  #c2daf3;
            border-right: 1px solid  #c2daf3;
            border-bottom: 1px solid  #c2daf3;
            background-color: #f9f9f9;
            padding-left: 6px;
            padding-right:6px;
        }

        .dvpgmperiodopt{

         font-size:13px;
         line-height:1.5;
         margin-top:2px;
         padding-left:6px;
         padding-right:6px;
        }

       .dvdatedetails {
       border-top: 1px solid #c2daf3;
       border-left: 1px solid #c2daf3;
       border-right: 1px solid #c2daf3;
       border-bottom: 1px solid #c2daf3;
       background-color: #f9f9f9;  
       padding-left: 6px;
       padding-right: 6px;
       height: 60px;
        }

        .tblspoptions{
            
             margin-top:10px;
             padding-right:12px;
             padding-left:12px
             
        }

        .dvacknowledgmentnote{
             background-color: #fffcb3;
             border: 1px solid #c2daf3 !important;
             padding-left: 6px;
             padding-right:6px;
             margin-top:10px;
             

        }

        .DeEnrollText {
            font-size: 15px;
            padding-left: 5px;
            color: #cd5e0c;
            font-weight: bold;
        }

        .barAlign {
            width: 98% !important;
            float: left;
        }
      
          .tblusernote {
            border-top: 1px solid  #c2daf3;
            border-left: 1px solid  #c2daf3;
            border-right: 1px solid  #c2daf3;
            border-bottom: 1px solid  #c2daf3;
            background-color: #fffee9;
            padding-left: 6px;
            padding-right:6px;  
            height:80px
          
          }
    

/* ---------------------------------------------------------------------- */
