/********** LOG IN **********/

.LoginLabel
{
    color: Gray;   
}

.LoginBody .field-validation-error span
{
    font-size:small !important;
}

.Login-validation-summary-errors .validation-summary-errors
{
    text-align: left;
    padding-left: 10px;
    padding-top: 12px;
    padding-bottom: 5px;
    font-size: small !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);

    background: #fe9090; /* Old browsers */
    background: -moz-linear-gradient(top,  #fe9090 0%, #febbbb 0%, #fcf7f7 0%, #fcf7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9090), color-stop(0%,#febbbb), color-stop(0%,#fcf7f7), color-stop(100%,#fcf7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fe9090 0%,#febbbb 0%,#fcf7f7 0%,#fcf7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fe9090 0%,#febbbb 0%,#fcf7f7 0%,#fcf7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fe9090 0%,#febbbb 0%,#fcf7f7 0%,#fcf7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fe9090 0%,#febbbb 0%,#fcf7f7 0%,#fcf7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9090', endColorstr='#fcf7f7',GradientType=0 ); /* IE6-9 */

    border: 1px solid #FCF2F2;
}


/********** FieldSet & Legend **********/
.fieldsetOneColumn 
{
    width: 99.95%; 
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    border: 0;
    color: #4F4F4F !important;
    background-color: #F0F7FF;
       
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;  
    
    margin: 60px auto 0;
    padding: 20px;
}

 .fieldsetOneColumn legend {
   text-align: right;
    background-color: #F7FAFF;
    padding: 5px;
    /*position: absolute;*/
    margin: -10px 0px 0px 20px;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    /*margin-top: -43px;*/
    text-shadow: 0 1px 1px #fff;
}

.fieldsetOneColumn .FieldsetBodyTable
{
    border: solid 1px #A4C4D6;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px; 
    padding: 25px 10px 10px 10px;
}

.fieldsetOneColumn .FieldsetBodyTable td
{
    vertical-align: top;   
}


.fieldsetRecordAttendance 
{
    width: 99.95%; 
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    border: 0;
    color: #4F4F4F !important;
    background-color: #F2F6F9;
       
    -webkit-border-radius: 9px 9px 0 0;
    -moz-border-radius: 9px 9px 0 0;
    border-radius: 9px 9px 0 0;  
    
    margin: 60px auto 0;
    padding: 20px;
}

.fieldsetRecordAttendance legend {
    text-align: right;
    background-color: #F7FAFF;
    padding: 5px;
    /*position: absolute;*/
    margin: -10px 0px 0px 20px;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    
    text-shadow: 0 1px 1px #fff;
}

.fieldsetRecordAttendance .FieldsetBodyTable
{
    /*border: solid 1px #AAAAAA;*/
    -webkit-border-radius: 6px 6px 0px 0px; 
    -moz-border-radius: 6px 6px 0px 0px; 
    border-radius: 6px 6px 0px 0px; 
    padding: 25px 10px 10px 10px;
}

.fieldsetRecordAttendance .FieldsetBodyTable td
{
    vertical-align: top;   
}



/********** Record Attendance Option **********/
.RecordAttendanceOptionOneColumnTable
{
    background-color: #F0F7FF;
    border: 1px solid #A4C4D6;
}

.RecordAttendanceOptionOneTwoTableCell
{
    background-color: #F0F7FF;
    border: 1px solid #A4C4D6;
    padding-top: 5px;
    padding-bottom: 5px;
}

.TableRoundLeft
{
    -webkit-border-radius: 9px 0px 0px 9px;
    -moz-border-radius: 9px 0px 0px 9px;
    border-radius: 9px 0px 0px 9px;
    
    border-right: 0px;
    
    height:100%;
}

.TableRoundRight
{
    -webkit-border-radius: 0px 9px 9px 0px;
    -moz-border-radius: 0px 9px 9px 0px;
    border-radius: 0px 9px 9px 0px;
    
    border-left: 0px;
     
    height:100%;
}

.RecordAttendanceOption-TableHeading
{
    background-image: url(../Content/images/blue_bg2.png);
    background-repeat: repeat-x;
    border: 1px solid #C2D0D9;
    padding: 10px 0 10px 10px; 
    color: #2F3E46;
    font-weight: bold;
}

.RecordAttendanceOption-TableHeadingMobile
{
    background-image: url(../Content/images/Header_BG.png);
    background-repeat: repeat-x;
    border: 1px solid #C2D0D9;
    padding-left: 5px;
    line-height: 1.9em;   
    color: #2F3E46;
}

.RecordAttendanceOption-tdSortButton 
{
    padding: 8px 0 0 8px;   
}

.RecordAttendanceOption-SortButton 
{
    display: inline-block;
}

.ui-li {
    border-width: 1px 1px 1px !important;
}
.ui-content .ui-listview
{
	margin: 0px !important;
}
.ui-controlgroup, fieldset.ui-controlgroup {
    margin: 0px !important;
    padding: 0;
}
.RecordAttendanceOption-SecondSpan
{
    display: block; 
    color: #6D7075;   
}

.RecordAttendanceOption-SecondSpan .TotalAttendees
{
    color: #000; 
}

.ui-checkbox .ui-icon,
.ui-radio .ui-icon {
    top: 1.3em !important;
}

.ui-checkbox, .ui-radio
{
	margin: 0.0em 0 0 !important;
}

/*comment after checking*/
.ui-input-datebox 
{
    border: 1px solid #BBBBBB !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    background-color: #fff !important;
    
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
}

.RecordAttendanceOption-tdDateBox .ui-btn-up-c {
	border: 1px solid 		#145072 /*{b-bup-border}*/!important;
	background: 			#2567ab /*{b-bup-background-color}*/!important;
	font-weight: bold !important;
	color: 					#fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/!important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5 /*{b-bup-background-start}*/), to(#396b9e /*{b-bup-background-end}*/))!important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/)!important; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/)!important; /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/)!important; /* IE10 */
	background-image:      -o-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/)!important; /* Opera 11.10+ */
	background-image:         linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/)!important;
}

.RecordAttendanceOption-tdDateBox .ui-btn-hover-c {
	border: 1px solid 		#00516e /*{b-bhover-border}*/!important;
	background: 			#4b88b6 /*{b-bhover-background-color}*/!important;
	font-weight: bold !important;
	color: 					#fff /*{b-bhover-color}*/!important;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/!important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#72b0d4 /*{b-bhover-background-start}*/), to(#4b88b6 /*{b-bhover-background-end}*/))!important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/)!important; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/)!important; /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/)!important; /* IE10 */
	background-image:      -o-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/)!important; /* Opera 11.10+ */
	background-image:         linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/)!important;
}

.SessionList {} /* For JQuery */
.divSessionList {} /* For JQuery */
.liActivityList {} /* For JQuery */

.Label_Message
{
	color: #1b5701;
	font-family: Arial, Helvetica, sans-serif;
	background: url('../Content/Images/icon-SuccessMssg.png') no-repeat 3px 8px;
	padding: 10px 5px 10px 38px;
	background-color: #c1f7b9;
	border: 1px solid #a7daa1;
	margin: 5px 0 5px 0;
	display: block;	
}

/********** ENTER ATTENDANCE **********/

.bodyColor-NoRealTime 
{
    background-color: #fffcd7 !important;	
}

.AttendancePageHeading 
{
    background-color: #FFFFFF; 
    padding: 10px 0 5px 0;
    color: #1D3F61;
    margin-top: 45px;
}

.RecordAttendance-Heading
{
    color: #F48502;
}


.ui-body-error {
    background: none repeat scroll 0 0 #FEB1B1 !important;
    text-shadow: none !important;
}

.RecordAttendance-TimeOfferedCode .ui-controlgroup-controls {
    width: 100% !important;  
}

.DailyRecordAttendance-GridItemRow
{
	border: 1px solid 		#E0DEDE /*{c-body-border}*/;
    padding: 0.5em 0 0.5em 0.5em;
	color: 					#4F4F4F /*{c-body-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	
	background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.RecordAttendance-GridItemRow
{
    white-space: nowrap;
	border: 1px solid 		#E0DEDE /*{c-body-border}*/;
    padding: 0.5em 0 0.5em 0.5em;
	color: 					#4F4F4F /*{c-body-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.ChildList-GridItemRow {
   
    border: 1px solid #E0DEDE /*{c-body-border}*/;
    padding: 0.5em 0 0.5em 0.5em;
    color: #1CAA31; /*{c-body-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.ChildList-GridItemRow_Old {
   
    border: 1px solid #E0DEDE /*{c-body-border}*/;
    padding: 0.5em 0 0.5em 0.5em;
    color: #4F4F4F; /*{c-body-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.RecordAttendance-GridItemRow-NoRealTime
{
    white-space: nowrap;
	border: 1px solid 		#E0DEDE /*{c-body-border}*/;
    padding: 0.5em 0 0.5em 0.5em;
	color: 					#4F4F4F /*{c-body-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	
    background: #fee1bc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fee1bc 0%, #ffeed7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fee1bc), color-stop(100%,#ffeed7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fee1bc 0%,#ffeed7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fee1bc 0%,#ffeed7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fee1bc 0%,#ffeed7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fee1bc 0%,#ffeed7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee1bc', endColorstr='#ffeed7',GradientType=0 ); /* IE6-9 */
}

.RecordAttendance-SubmitAttendanceGridItemOuterRow
{
    white-space: nowrap;
	border: 1px solid 		#E0DEDE /*{c-body-border}*/;
    /*padding: 0.5em 0 0.5em 0.5em;*/
	color: 					#4F4F4F /*{c-body-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.RecordAttendance-SubmitAttendanceGridItemInnerRow
{
    white-space: nowrap;
	border: 1px solid 		#E0DEDE /*{c-body-border}*/;
    padding: 0.5em 0 0.5em 0.5em;
	color: 					#4F4F4F /*{c-body-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.MobileApplication-GridItemHeaderLight
{
    white-space: nowrap;
	border: 1px solid 		#456f9a /*{b-bar-border}*/;
	color: 					#000 /*{b-bar-color}*/;
	font-weight: bold;
	/*text-shadow: 0*/ /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
	padding: 0.5em 0 0.2em 0.5em;
	min-height: 30px;
	vertical-align:bottom;
	
	background: #b1cbdb; /* Old browsers */
	background: -moz-linear-gradient(top,  #b1cbdb 0%, #a7bfd1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1cbdb), color-stop(100%,#a7bfd1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b1cbdb 0%,#a7bfd1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b1cbdb 0%,#a7bfd1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b1cbdb 0%,#a7bfd1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b1cbdb 0%,#a7bfd1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1cbdb', endColorstr='#a7bfd1',GradientType=0 ); /* IE6-9 */


}
.MobileApplication-GridItemHeaderDark
{
    white-space: nowrap;
	border: 1px solid 		#456f9a /*{b-bar-border}*/;
	color: 					#fff /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
	padding: 0.5em 0 0.2em 0.5em;
	min-height: 30px;
	vertical-align:bottom;
	
	background: #5e87b0; /* Old browsers */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce /*{b-bar-background-start}*/), to(#5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */
}
.RecordAttendance-ActivaTab
{
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 0%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#207cca 0%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 0%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#207cca 0%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #111111;
    height: 43px !important;
}

.RecordAttendance-InActivaTab
{
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    
    height: 43px !important;
}

.RecordAttendance-InActivaTab .ui-btn-up-a
{
    background: none !important;
}

.RecordAttendanceTab .ui-grid-a > :nth-child(n) { margin-right: 0px !important; }

.RecordAttendance-liCheckAll
{
    border: 1px solid #55ABE8;
    
    background: rgb(112,176,224); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(112,176,224,1) 0%, rgba(136,191,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,176,224,1)), color-stop(100%,rgba(136,191,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(112,176,224,1) 0%,rgba(136,191,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(112,176,224,1) 0%,rgba(136,191,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(112,176,224,1) 0%,rgba(136,191,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(112,176,224,1) 0%,rgba(136,191,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b0e0', endColorstr='#88bfe8',GradientType=0 ); /* IE6-9 */

    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #000;
}

.RecordAttendance-CertifiedByViewMode
{
    text-align:left;
    padding-left:10px; 
    padding-top: 10px; 
    padding-bottom: 10px;
    border: 1px solid #FFE155;
    
    background: 			#fff9df /*{e-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
}

.PopupCancelBtn .ui-btn {
    margin: 0px !important;
}

.DailyAttendanceGridHeader .ui-btn {
    margin: 3px 0 3px 5px !important;
}

.BtnSelectedDisable
{
    color:#8E8E90 !important;
    cursor: default !important;
    box-shadow: 0px !important;
    font-family:Arial,Helvetica, Sans-Serif;
    font-weight:bold;
    text-decoration:none;
}

.DivIsSubmittedText 
{
    color: #E85917;
    text-align: center;
    padding: 5px; 
    border: 1px solid #F7B799;
    
    background: 			#fff9df /*{e-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
}

.ui-simpledialog-header
{
    padding: 5px;   
}

.ui-simpledialog-header img
{
    display: inline-block;
    position: relative;
    height: 48px;
    width: 48px;
}

.ui-simpledialog-header h4
{
    display: inline-block;
    position: relative;
    float: right;
    width: 90%;
}

.GradeLevel .ui-checkbox .ui-btn-inner
{
    width: 100% !important;
    padding: 0.5em 5px !important;
}

.DropDown .ui-select 
{
	margin:0 0 0 0 !important;
}
/********** LAST PAGE **********/

.Confirmation-Heading
{
    color: Green;
    display: block;
}

.Confirmation-Body
{
    font-weight: bold;
    color: #666666;
    display: block;
}

/********** ERROR MESSAGE **********/

/*
.validation-summary-errors {
    background: none repeat scroll 0 0 #FEB1B1;
    border: 1px solid #FE9090;
    color: #820101;
    font-size: 14px;
    text-shadow: none;
    padding: 10px 0px 10PX 10PX;
}

.validation-summary-errors p, .validation-summary-errors ul {
    line-height: 1em;
    margin-bottom: 0px;
}
*/

/********** LOG OFF **********/

.ui-icon-TKSAlogoff 
{
    background-image: url(../Content/images/logoff.png) !important;
    background-size: 18px 18px;
}

.ui-icon-TKSAlogoff_White
{
    background-image: url(../Content/images/logoff_White.png) !important;
    background-size: 18px 18px;
}

.ui-icon-TKSAlogoff_Red
{
    background-image: url(../Content/images/logoff_red.png) !important;
    background-size: 17px 17px;
    color:Red !important;
}

/********** FOR SESSION TIMEOUT VALUE REFRESH **********/

.WarningHeader
{
    background: url(../Content/images/warningHeader.png) repeat-x left top;
    height: 30px;
    color: #FFFFFF;
    font-weight: bolder;
    font-family: Arial;
    font-size: 15px;
    padding-left: 10px;
    text-shadow: #000000 1px 1px 1px;
    vertical-align: top;
}

.Warning_Clock
{
    font-weight: bolder;
    color: White;
    font-family: Arial, Tahoma;
    vertical-align: middle;
    text-align: left;
    font-size: 17pt;
    background-color: #444444;
    text-align: center;
    text-shadow: #000000 1px 1px 1px;
}   

.Warning_Clock_Text
{
    color: White;
    font-family: Arial, Tahoma;
    vertical-align: middle;
    text-align: left;
    font-size: 8pt;
    background-color: #444444;
    text-align: center;
    padding: 0 15px 5px 15px;
    text-shadow: #000000 1px 1px 1px;   
}

.WarningMessage
{
	font-family: Arial;
	font-size: 10pt;
	color: #333333;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
}

.PopupHeader
{
    background: 			#C36D37 /*{e-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #C36D37 /*{e-body-background-start}*/), to( #9B450F /*{e-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #C36D37 /*{e-body-background-start}*/, #9B450F /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #C36D37 /*{e-body-background-start}*/, #9B450F /*{e-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #C36D37 /*{e-body-background-start}*/, #9B450F /*{e-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #C36D37 /*{e-body-background-start}*/, #9B450F /*{e-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #C36D37 /*{e-body-background-start}*/, #9B450F /*{e-body-background-end}*/);
	
    height: 30px;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-left: 10px !important;
    text-shadow: #000000 1px 1px 1px !important;
    text-align:left;
    vertical-align: middle;
}

.PopupInfo
{
	font-family: Arial;
	color: #333333;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF !important;
    text-align:left;
    vertical-align: middle;
    padding:10px 0 0 10px;
    display:inline-block;
}

.divWarning{
    z-index : 10000 !important;
    position: fixed!important;
    left : 10% !important;
    top : 15% !important;
    right: 10% !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    background-clip: padding-box;
    border-radius: 6px 6px 6px 6px;
    width : auto;
    border: solid #111111;
}

.CheckOutBy
{
	text-align: center;	
}

.CheckOutBy .ui-controlgroup-label
{
	display: block !important;
	text-align:center !important;
	width: 100% !important;
}

.ui-field-contain, .ui-mobile fieldset.ui-field-contain {
    margin: 0 !important;
}

.ui-field-contain .ui-controlgroup-label {
    margin-bottom: 2px !important;
}

.GuardianNameBtn .ui-controlgroup-controls {
    width: 100% !important;
    text-align:center !important;   
}

.GuardianNameBtn a {
    margin-bottom: 10px !important;
    border-bottom-width: 1px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    

    width:inherit;
}

.GuardianNameBtn .ui-btn {
    text-align:center !important;
}


/* === Logout BUTTON === */

.LogoutButton 
{
	padding: 0px;
	height: 35px;
	line-height: 35px;
}


/* === BACK BUTTON === */
.DailyAttendanceBackBtn 
{
    display: inline-block;
    height: 32px;
	text-align:center; 
	position: absolute;
	top: 0px;
	border: 0px solid black;
}

.DailyAttendanceBackBtn .ui-btn 
{
	margin: 5px 0 2px 0 !important;
}

.BackButton, .BackButton .ui-header
{
	background: transparent url(../Content/images/backButtonSprite.png) 0 0 !important;
	-webkit-box-shadow: none !important; 
	-moz-box-shadow: none !important; 
	box-shadow: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	border: 0px solid !important;
	height: 32px !important;
	vertical-align: bottom;
}

.BackButton .ui-btn-inner {
	background: transparent url(../Content/images/backButtonSprite.png) right 0 no-repeat !important;
	margin: 0 0 0 15px !important;
	padding: 0 10px 0 10px !important;
	height: 32px !important;
	line-height: 32px !important;
	-webkit-box-shadow: none !important; 
	-moz-box-shadow: none !important; 
	box-shadow: none !important;
	border: 0px solid !important;
	border-radius: 0px 6px 6px 0px;
	color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #194B7E;
}

.BackButton .ui-icon {
	display: none !important;
}

/* === DATE BOX === */

.Datebox .ui-input-text
{
	padding: 0 !important;
}

.Datebox .ui-input-datebox {
    display: inline-block !important;
    width: 98% !important;
}




.HeaderBar 
{
	height: 41px;
	text-align:center; 
	padding-bottom: 5px;
}
.HeaderBar .ui-btn, .HeaderBar a
{
	margin:0 !important;
	height: 38px;
}

.t-overlay {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 490;
   

   background-color: black; 
   -moz-opacity: 0.8; 
   opacity:.80; 
   filter: alpha(opacity=80);
}

.TabText
{
	color: #111 !important;	
	font-size:larger !important;
	text-shadow: 0 1px 1px #fff;
}

.TabText .ui-btn-text
{
	font-size:larger !important;
}


/********** Page Scroll - Top link **********/
.scrollup
{
    width: 64px;
    height: 64px;
    position: fixed;
    bottom: 50px;
    right: 30px;
    display: none;
    text-indent: -9999px;
    background: url('../Content/images/icon_top.png') no-repeat;
    z-index: 501;
}


/********** PAYMENT **********/

.divPaymentSearchOption 
{
    background-color: #F2F6F9;
    border: 1px solid #AAAAAA;
    border-radius: 6px 6px 0px 0px;
    padding: 10px;
    color: #4F4F4F;
}

.DivLoadingImage {
	display: block;
	width: auto; 	 
	height: auto;  
	padding: 5px;
	text-align: center;
}

.DivLoadingImage .TKSA-ui-icon
{
    position: relative;
    top: 2px;
    background-color: #000; 
    display: inline-block;
    margin: 0; 
    width: 44px; 
    height: 44px; 
    padding: 1px; 
    -webkit-border-radius: 36px; 
    -moz-border-radius: 36px; 
    border-radius: 36px; 
}

.TKSA-ui-icon-loading {
	background: url('../Content/images/ajax-loader.gif');
	background-size: 46px 46px;
}

.DivLoadingImage h1  
{   
    position: relative;
    left: 20px;
    top: -15px;
    display: inline-block;
    font-size: 16px; 
    margin: 0;
}

.AccountStatus 
{
	background-position:center left;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.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;*/
}

.MandatoryField 
{
	border-left: 3px solid red; 
	padding-left: 4px;
}

.PaymentHeading
{
    display:inline-block; 
    padding-bottom: 7px;
}

.PaymentModelError .validation-summary-errors ul
{
    display: none;   
}

.PaymentServerError
{
    color: Red;   
}

.divCreditCardRow
{
	padding-bottom: 8px;
	margin-right: 10px;
}

.DivRound
{
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;   
}

.TableRound
{
    width:100%;	
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;   
    height:100%;
}

.TableRoundHeader
{
    -webkit-border-radius:  9px 9px 0px 0px;
    -moz-border-radius:  9px 9px 0px 0px;
    border-radius:  9px 9px 0px 0px;   
    padding-left:10px;    
    text-shadow: 1px 1px 1px #FFFFFF !important;
    font-weight:bold;
    text-align:center;
}

.TableRound td
{
    padding: 5px;
}

.PayerInfoTable
{
    background-color:#EAFFDF;
    border:1px solid #618A4A;
}

.PayerInfoTable td
{
    vertical-align: top;   
}

.CardInfoTable
{
    background-color:#FFF5EA;
    border:1px solid #C56600;
}

.PaymentInfoTable
{
    background-color:#F6E9E3;
    border:1px solid #892D04;
}

.PaymentInfoTable td
{
    vertical-align: top;   
}

.PayerInfoHeader
{
    height: 20px;
    white-space: nowrap;
	border-bottom: 1px solid 		#618A4A /*{b-bar-border}*/;
	background: 			#C8F5F1 /*{b-bar-background-color}*/;
	color: 					#000 /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
	
	background: #b8f894; /* Old browsers */
	background: #b8f894; /* Old browsers */
	background: -moz-linear-gradient(top, #b8f894 0%, #b8f896 2%, #b7f693 5%, #a7e585 12%, #a5e383 17%, #9fdc7c 51%, #99d577 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8f894), color-stop(2%,#b8f896), color-stop(5%,#b7f693), color-stop(12%,#a7e585), color-stop(17%,#a5e383), color-stop(51%,#9fdc7c), color-stop(100%,#99d577)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b8f894 0%,#b8f896 2%,#b7f693 5%,#a7e585 12%,#a5e383 17%,#9fdc7c 51%,#99d577 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b8f894 0%,#b8f896 2%,#b7f693 5%,#a7e585 12%,#a5e383 17%,#9fdc7c 51%,#99d577 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b8f894 0%,#b8f896 2%,#b7f693 5%,#a7e585 12%,#a5e383 17%,#9fdc7c 51%,#99d577 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b8f894 0%,#b8f896 2%,#b7f693 5%,#a7e585 12%,#a5e383 17%,#9fdc7c 51%,#99d577 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8f894', endColorstr='#99d577',GradientType=0 ); /* IE6-9 */
}

.CardInfoHeader
{
    height: 20px;
    white-space: nowrap;
	border-bottom: 1px solid 		#C56600 /*{b-bar-border}*/;
	color: 					#000 /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
	
	background: #ff6c00; /* Old browsers */
	background: -moz-linear-gradient(top, #ff6c00 0%, #ffc67c 2%, #ffbe6b 5%, #ffa63b 9%, #ff9e2c 12%, #ff961a 56%, #ff9313 98%, #ff6c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6c00), color-stop(2%,#ffc67c), color-stop(5%,#ffbe6b), color-stop(9%,#ffa63b), color-stop(12%,#ff9e2c), color-stop(56%,#ff961a), color-stop(98%,#ff9313), color-stop(100%,#ff6c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff6c00 0%,#ffc67c 2%,#ffbe6b 5%,#ffa63b 9%,#ff9e2c 12%,#ff961a 56%,#ff9313 98%,#ff6c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff6c00 0%,#ffc67c 2%,#ffbe6b 5%,#ffa63b 9%,#ff9e2c 12%,#ff961a 56%,#ff9313 98%,#ff6c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff6c00 0%,#ffc67c 2%,#ffbe6b 5%,#ffa63b 9%,#ff9e2c 12%,#ff961a 56%,#ff9313 98%,#ff6c00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff6c00 0%,#ffc67c 2%,#ffbe6b 5%,#ffa63b 9%,#ff9e2c 12%,#ff961a 56%,#ff9313 98%,#ff6c00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c00', endColorstr='#ff6c00',GradientType=0 ); /* IE6-9 */
}

.PaymentAmountInfoHeader
{
    height: 20px;
    white-space: nowrap;
	border-bottom: 1px solid 		#892D04 /*{b-bar-border}*/;
	color: 					#000 /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
	
	background: #8b2f07; /* Old browsers */
	background: -moz-linear-gradient(top, #8b2f07 0%, #e7b195 2%, #e3ab8d 5%, #d38f6b 12%, #d18c68 14%, #c9845f 47%, #c07d59 98%, #8a2e05 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b2f07), color-stop(2%,#e7b195), color-stop(5%,#e3ab8d), color-stop(12%,#d38f6b), color-stop(14%,#d18c68), color-stop(47%,#c9845f), color-stop(98%,#c07d59), color-stop(100%,#8a2e05)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8b2f07 0%,#e7b195 2%,#e3ab8d 5%,#d38f6b 12%,#d18c68 14%,#c9845f 47%,#c07d59 98%,#8a2e05 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8b2f07 0%,#e7b195 2%,#e3ab8d 5%,#d38f6b 12%,#d18c68 14%,#c9845f 47%,#c07d59 98%,#8a2e05 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8b2f07 0%,#e7b195 2%,#e3ab8d 5%,#d38f6b 12%,#d18c68 14%,#c9845f 47%,#c07d59 98%,#8a2e05 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8b2f07 0%,#e7b195 2%,#e3ab8d 5%,#d38f6b 12%,#d18c68 14%,#c9845f 47%,#c07d59 98%,#8a2e05 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b2f07', endColorstr='#8a2e05',GradientType=0 ); /* IE6-9 */
}

.dotted 
{
	border: 2px dotted #000; border-style: none none dotted; color: #fff; background-color: #fff; 
}

.TKSA-field-validation-error
{
    color: #FF0000;
    text-shadow: 0 1px 0 #FFFFFF;
}



/********** Attendance Settings **********/

.divSettingsMsg 
{
    background-color: #F8FAFC;
    border: 1px solid #BCBCBC;
    border-radius: 6px 6px 6px 6px;
    padding: 10px;
    color: #4F4F4F;
}

.ShadowCSS
{
    -moz-box-shadow: 0px 0px 6px 			rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 6px 		rgba(0,0,0,.3);
	box-shadow: 0px 0px 6px 				rgba(0,0,0,.3);
}





/********** Submit Attendance **********/

.BluePageHeading
{
    background-image: url(../Content/images/Blue_bg.png);
    background-repeat: repeat-x;
    border: 1px solid #85A3E0;
    padding: 0px 0 0px 10px; 
    color: #2F3E46;
    font-weight: bold;
    line-height: 2.15 !important;
}

.SubPageHeading
{
	font-family: Arial !important;
	color: #8F8F7D !important;
}


.divInfoBox
{
    
    background: url("../Content/Images/Icon-InformationMssg.png") no-repeat 9px 4px;
    color: #5e260e;
	padding: 10px 5px 10px 38px;
	background-color: #fff7ef;
	border: 1px solid #c7794e;
	margin: 5px 0 5px 0;
	display: block;
}



/*Slider*/

.Slider_Item 
{
    min-height: 65px;
}

.Slider_Active
{
    border: 2px solid white !important;   
    box-shadow: 0px 6px 6px rgba(0,0,0,.6);
    cursor: default !important;
    margin-top: -5px !important;
    z-index: 1;
}

.Slider_Active .Slider_Date,
.Slider_Active .Slider_Day,
.Slider_Active .Slider_Status
{
    text-shadow: 0 1px 1px #fff;
}

.Slider_Active .Slider_Status
{
    font: bold 10pt "Segoe UI" !important;
}




/* Slider Disabled */
.ui-disabled .ui-btn-up-d
{
    background: white;
}

.ui-disabled .ui-btn-up-d .Slider_Date
{
    float: left;
    width: 50%;
    text-align: right;
    font: bold 8pt "Segoe UI";
    height: 20px;
}

.ui-disabled .ui-btn-up-d .Slider_Day
{
    float: left;
    width: 50%;
    text-align: left;
    font: bold 9pt "Segoe UI";
    height: 20px;
}


/* Slider Disabled */






/* Slider Submitted */

.Slider_Submitted .ui-btn-up-d
{
    background: #CFEDAF;
}

.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";
    color: #3b541a;
    background: url('../Content/images/slider_tick.png') no-repeat 2px 4px;
}

.Slider_Submitted .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px !important;
    text-align: center;
    color: #3b541a;
    font: bold 9pt "Segoe UI";
    text-shadow: 0 1px 1px #fff;
}


/* Slider Submitted */


/* Slider No Activity */
.Slider_NoActivity
{
    background-color:#E8E7E7; 
    border: 1px solid #A9A8A6;
    padding: 2px 2px 0px 2px;
    opacity: 3 !important;
}

.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 Not Submitted */

.Slider_NotSubmitted .ui-btn-up-d
{
    background: #BDE7F7;
}

.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";
    color: #283863;
    background: url('../Content/images/slider_cross.png') no-repeat 2px 3px;
    text-indent: 15px;
}

.Slider_NotSubmitted .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px !important;
    text-align: center;
    color: #283863;
    font: bold 9pt "Segoe UI";
    text-shadow: 0 1px 1px #fff;
}


/* Slider Not Submitted */




/* Slider No Attendance */

.Slider_NoAttendance .ui-btn-up-d
{
    background: #FFB7B8;
}

.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('../Content/images/slider_exclamation.png') no-repeat 2px 1px;
    color: #591b19;
    text-indent: 8px;
}

.Slider_NoAttendance .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px !important;
    text-align: center;
    color: #591b19;
    font: bold 9pt "Segoe UI";
    text-shadow: 0 1px 1px #fff;
}


/* Slider No Attendance */







/* Slider Missing Checkout */

.Slider_MissingCheckout .ui-btn-up-d
{
    background: #F1F0AF;
}

.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";
    color: #5d3000;
    background: url('../Content/images/slider_alert.png') no-repeat 2px 3px;
    text-indent: 8px;
}

.Slider_MissingCheckout .Slider_Action
{
    display: block;
    height: 22px;
    vertical-align: bottom;
    line-height: 22px !important;
    text-align: center;
    color: #5d3000;
    font: bold 9pt "Segoe UI";
    text-shadow: 0 1px 1px #fff;
}


/* Slider Missing Checkout */


/*Slider*/

.DONotReleaseListStyle
{
    color: 	#000 !important /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
	
	background: #ffcac4 !important; /* Old browsers */
}

.DONotReleaseTextStyle
{
    color: 	Red !important ;
	font-weight: bold;
}

.DONotRelease_Relationship_TextStyle
{
    font-size:smaller;
    display:block;
    color:#3373A5;
    padding-left:18px;
}

.AuthorizedToPickup_Relationship_TextStyle
{
    font-size:smaller;
    display:block;
    color:#3373A5;
    padding-left:18px;
}

.AuthorizedToPickupList .ui-li {
    border-width: .05pt !important;
}

.RecordAttendance-AuthorizedToPickupHeader
{
    text-indent: 10px;
    color: #2C4A8B;
    padding: 5px;
    
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
}

.AuthorizedToPickupList ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec {
    font-size:medium !important;
	font-weight:bold !important;
}


.AlertNoAttendance
{
	font-family: Arial, Helvetica, sans-serif;
	background: url('../Content/Images/Icon-NormalWarning.png') no-repeat 5px 8px;
	text-decoration: none;
	color: #0d002a;
	background-color: #f2ef91;
	border: 1px solid #e3cd77;
	padding:10px 10px 10px 35px;
}

.AlertCompleCheckout
{
	font-family: Arial, Helvetica, sans-serif;
	background: url('../Content/Images/Icon-NormalWarning.png') no-repeat 5px 15px;
	text-decoration: none;
	color: #0d002a;
	background-color: #f2ef91;
	border: 1px solid #e3cd77;
	padding:2px 10px 0px 35px;
}





/********** Children Contact List  **********/

.ChildrenListTDLeft
{
    width: 35%;            
    vertical-align: top;
}
        
.ChildrenListTDRight
{
    border-left: thin solid #AAAAAA;
    vertical-align: top;
}
        
.ChildrenList-content-left
{      
    display: block;
    padding: 0.6em 10px 0 0;
}
        
.ChildrenList-content-right
{           
    display: block;    
}

.ChildrenList-content-left .ui-listview-filter 
{
    margin: -12px -5px 5px -5px;
}

.ChildrenList-content-left-UL
{
  
    outline: #AAAAAA solid 1px;
}

.ScrollView 
{
    overflow: scroll;
}

.NoResult{
    height:25px;
    padding:5px;
    color:gray;
    font-size:10pt;
    font-style:italic;
    padding:10px 5px 0px;
    background:#eee linear-gradient(#f0f0f0, #ddd) repeat scroll 0 0;
}

.imgPhoto {
    padding: 5px;
    border: 1px solid #D6D6D6;
    width: 105px;
    height: 105px;
    text-align:center;
}
.imgPhoto img{
    height: 100%;
    height: -webkit-fill-available;
    width: 100%;
    object-fit: contain;
}

.imgPhotoOther
{
    padding: 5px;
    border: 1px solid #D6D6D6; 
    width: 105px;
    height: 105px;      
    text-align:center;   
} 
   
.imgPhotoOther img{
    height: 100%;
    height: -webkit-fill-available;
    width: 100%;
    object-fit: contain;
} 
    
.ContactListDetails_LeftTD_Header
{
    width : 50px;
    vertical-align: top;
    text-align: center;
}
        
.ContactListDetails_RightTD_Header
{
    vertical-align: top;
    text-align: left;
    text-indent: 15px;
}

.ContactListDetails_RightTD_Header table 
{
    text-indent: 15px;
}
        
.ContactListDetailsTable .SectionHeadTD
{
    background-color: #E6E7E9;
    color: #026E93; 
    text-indent: 10px;
    vertical-align: middle;
}
.ContactListDetailsTable .SectionSubHeadTD
{
    background-color: #F0F1F3;
    color: #000; 
    text-indent: 15px;
    vertical-align: middle;
}

.ContactListDetailsTable .SectionBodyTD
{
    text-indent: 72px;
}

.ContactListDetailsTable .SectionBodyTDLeft
{
    width: 110px;
    text-align: right;
    vertical-align: top;
    
}

.ContactListDetailsTable .SectionBodyTDRight
{
    text-align: left;
    text-indent: 15px;
    vertical-align: top;
}

.ContactListDetailsTable .SectionHeadTD .ImageDiv 
{
    display: inline-block;
    vertical-align: middle;
}

.ContactListDetailsTable .SectionHeadTD .TextDiv 
{
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
}
        
.ContactListDetailsHeaderTable .SpanHeading
{
    color: #026E93;   
    display: block;
}
        
.ContactListDetailsTable .SpanText
{   
    padding-bottom: 7px;
    display: block;
}

.ContactListDetailsHeaderTable .actionButton 
{
    display: inline-block;
    float: right;
}

.ContactListDetailsTable .SpanTickText
{   
    display: block;
    padding-bottom: 7px;
    padding-top: 1px;
}

.ContactListDetailsTable .SpanTickImage
{   
    display: block;
}

.SpanTextLeft
{
    color: #808080;
}

.SpanTextRight
{
    
}

.ContactInformationTDWithPhoto
{
    min-width: 105px;
    width: 105px;
    border-bottom: 2px solid #E6E7E9; 
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ContactInformationTDWithPhotoLast
{
    min-width: 105px;
    width: 105px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ContactInformationLeftTD
{
    border-bottom: 2px solid #E6E7E9; 
    vertical-align: top;
    width: 60%;
}

.ContactInformationLeftTDLast
{
    vertical-align: top;
    width: 60%;
}

.ContactInformationRightTD
{
    border-bottom: 2px solid #E6E7E9; 
    vertical-align: top;
    width: 40%;
}

.ContactInformationRightTDLast
{
    vertical-align: top;
    width: 40%;
}

.ContactInformationTable .SectionBodyTDLeft
{
    width: 99px;
    text-align: right;
    vertical-align: top;
}

.ContactInformationTable .SectionBodyTDRight
{
    text-align: left;
    text-indent: 15px;
    vertical-align: top;
}

.SiblingInformationTDWithPhoto
{
    min-width: 105px;
    width: 105px;
    padding-left: 1px;
    border-bottom: 2px solid #E6E7E9; 
    vertical-align: top;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
}

.SiblingInformationTDWithPhotoLast
{
    min-width: 105px;
    width: 105px;
    padding-left: 1px;
    vertical-align: top;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
}

.SiblingInformationLeftTD
{
    padding-left: 16px;
    border-bottom: 2px solid #E6E7E9; 
    vertical-align: top;
    width: 100%;
}

.SiblingInformationLeftTDLast
{
    padding-left: 16px;
    vertical-align: top;
    width: 100%;
}

.ContactInformationTDTick
{
    width: 25px;
}

.ContactInformationDoNotRelease 
{
    background-color: #FCF2F2; 
    color:#FF565E;
}

.ContactInformationDoNotRelease a
{
    color:#FF565E !important;
}


/********** Adult Contact List  **********/

.AdultListTDLeft
{
    width: 50%;            
    vertical-align: top;
}
        
.AdultListTDRight
{
    border-left: thin solid #AAAAAA;
    vertical-align: top;
}
        

/*Early dismissal*/


/* E
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-x {
	border: 1px solid 		#f7c942 /*{e-bar-border}*/;
	background: 			#fadb4e /*{e-bar-background-color}*/;
	color: 					#333 /*{e-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ 	#fff /*{e-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
}
.ui-bar-x,
.ui-bar-x input,
.ui-bar-x select,
.ui-bar-x textarea,
.ui-bar-x button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-x .ui-link-inherit {
	color: 	#333 /*{e-bar-color}*/;
}

.ui-bar-x a.ui-link {
	color: #2489ce /*{e-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-x a.ui-link:visited {
    color: #2489ce /*{e-bar-link-visited}*/;
}

.ui-bar-e a.ui-link:hover {
	color: #2489ce /*{e-bar-link-hover}*/;
}

.ui-bar-x a.ui-link:active {
	color: #2489ce /*{e-bar-link-active}*/;
}

.ui-body-x,
.ui-overlay-x {
	border: 1px solid 		#f7c942 /*{e-body-border}*/;
	color: 					#222 /*{e-body-color}*/;
	text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ 	#fff /*{e-body-shadow-color}*/;
	background: 			#fff9df /*{e-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFF9DF /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFF9DF /*{e-body-background-start}*/, #FFF9DF /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFF9DF /*{e-body-background-start}*/, #FFF9DF /*{e-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFF9DF /*{e-body-background-start}*/, #FFF9DF /*{e-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFF9DF /*{e-body-background-start}*/, #FFF9DF /*{e-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFF9DF /*{e-body-background-start}*/, #FFF9DF /*{e-body-background-end}*/);
}
.ui-overlay-x {
	background-image: none;
	border-width: 0;
}
.ui-body-x,
.ui-body-x input,
.ui-body-x select,
.ui-body-x textarea,
.ui-body-x button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-x .ui-link-inherit {
	color: 	#222 /*{e-body-color}*/;
}

.ui-body-x .ui-link {
	color: #2489ce /*{e-body-link-color}*/;
	font-weight: bold;
}

.ui-body-x .ui-link:visited {
    color: #2489ce /*{e-body-link-visited}*/;
}

.ui-body-x .ui-link:hover {
	color: #2489ce /*{e-body-link-hover}*/;
}

.ui-body-x .ui-link:active {
	color: #2489ce /*{e-body-link-active}*/;
}

.ui-btn-up-x ui-btn-hover-x {
	border: 1px solid 		#f4c63f /*{e-bup-border}*/;
	background: 			##FFF9DF /*{e-bup-background-color}*/;
	font-weight: bold;	
	text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ 	#fff /*{e-bup-shadow-color}*/;
	
}
.ui-btn-up-x:visited,
.ui-btn-up-x a.ui-link-inherit {
	color: 					#FFF9DF /*{e-bup-color}*/;
}

.ui-btn-hover-x:visited,
.ui-btn-hover-x:hover,
.ui-btn-hover-x a.ui-link-inherit {
	color: 					#333 /*{e-bhover-color}*/;
}
.ui-btn-down-x {
	border: 1px solid 		#f2c43d /*{e-bdown-border}*/;
	background: 			#fceda7 /*{e-bdown-background-color}*/;
	font-weight: bold;
	color: 					#111 /*{e-bdown-color}*/;
	text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ 	#fff /*{e-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFF9DF /*{e-bdown-background-start}*/, #FFF9DF /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFF9DF /*{e-bdown-background-start}*/, #FFF9DF /*{e-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFF9DF /*{e-bdown-background-start}*/, #FFF9DF /*{e-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFF9DF /*{e-bdown-background-start}*/, #FFF9DF /*{e-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FFF9DF /*{e-bdown-background-start}*/, #FFF9DF /*{e-bdown-background-end}*/);
}
.ui-btn-down-x:visited,
.ui-btn-down-x:hover,
.ui-btn-down-x a.ui-link-inherit {
	color: 					#FFF9DF /*{e-bdown-color}*/;
}
.ui-btn-up-x,
.ui-btn-hover-x,
.ui-btn-down-x {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}

.ui-checkbox-b
{
    left:15px; top:36%; width: 16px; height: 16px; margin:0 0 0 0; outline: 0 !important; z-index: 1; 
}
/* Structure */