@media screen, print
{

/* Deal with all standard font first - for easier cascade */
SELECT, TEXTAREA, INPUT, TD, .SectionText, BODY, P, P.ERS, DIV, .WindowBackground, .SectionTitle, 
.SearchResults, INPUT.ReadOnly, SELECT.ReadOnly, OPTION.ReadOnly, .CautionComments
{
	color: black;
	font-family: Arial, sans-serif;
	font-size: inherit;
}

/* Now deal with custom properites */
BODY
{
	background: #808080;
}
P
{
	background: none transparent scroll repeat 0% 0%;
}
P.ERS
{
	background: none transparent scroll repeat 0% 0%;
	color: white;
	font-weight: bold;
}

P.SM
{
	background: none transparent scroll repeat 0% 0%;
	color: #808080;
	font-weight: bold;
}

TH
{
	 font-weight: normal;
}

DIV
{
	background: none transparent scroll repeat 0% 0%;
}
A:link
{
	background: none transparent scroll repeat 0% 0%;
	color: #0000ff;
}
A:visited
{
	background: none transparent scroll repeat 0% 0%;
	color: #800080;
}
.TitleBar
{
	background-color: #000080;
	background-image: none;
	background-repeat: repeat;
	color: black;
	text-align: left;
	vertical-align: baseline;
}
.WindowBackground
{
	background-color: silver;
	background-image: none;
	background-repeat: repeat;
	vertical-align: baseline;
}
.SectionTitle
{
	background: #99cccc;
	font-size: large;
	font-weight: bold;
	vertical-align: baseline;
}
.SearchResults
{
	background: WhiteSmoke;
	vertical-align: baseline;
}
.SearchResultsGrid
{
	background: WhiteSmoke;
	vertical-align: baseline;
}
.btn75
{
	min-width: 75px;
}
.btn100
{
	min-width: 100px;
}
.btn150
{
	min-width: 150px;
}
.btn175
{
	min-width: 175px;
}
.btn200
{
	min-width: 200px;
}
INPUT.ReadOnly, SELECT.ReadOnly, OPTION.ReadOnly
{
	background-color: silver;
	border: medium none;
	font-weight: bold;
}
.EmployerUpdated
{
	background-color: yellow;
}
.Heading
{
	font-weight: bolder;
}
.RedValidator
{
	color: red;
	font-weight: bold;
	font-family: Arial,'Times New Roman' , 'MS Sans Serif' , sans-serif;
	cursor: help;
	font-size: larger;
}
TD.Validator
{
	font-size: larger;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}
.CautionComments
{
	text-align: center;
}

.Red
{
	color: red;
	font-family: Arial , sans-serif;
	font-size: small;
}

.BulletedList
{
	list-style-type: disc;
}

.validationsummary
{
	font-family: Arial , sans-serif;
	color: red;
	cursor: help;
	font-size: small;
}

.BigText
{
	background: none transparent scroll repeat 0% 0%;
	color: black;
	font-family:  Arial , sans-serif;
	font-size: large;
}

.MaintainButton
{
	width: 75px;
}
.SearchButton
{
	width: 75px;
}
.MaintainEditBox
{
	width: 270px;
}
.MaintainEditBoxNarrow
{
	width: 100px;
}

.MandatoryStatement
{
	color: navy;
}

.GreyReadOnly
{
	font-size: small;
	color: gray;
	font-family: Arial , sans-serif;
}
.GreyReadOnlyLabelTextBoxNoTab
{
	font-size: small;
	background-color: transparent;
	color: gray;
	border-top-style: none;
	font-family:  Arial , sans-serif;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.GreyReadOnlyLabelTextBoxOnTab
{
	font-size: small;
	color: gray;
	border-top-style: none;
	font-family: Arial , sans-serif;
	border-right-style: none;
	border-left-style: none;
	background-color: #E3E8F2;
	border-bottom-style: none;
}
DIV.NeedHelp
{
	text-align:right;
	margin-top: 0.5em;
	margin-right: 1em;
	font-weight: bolder;
}

.StandOut
{
	color: Blue;
	font-weight: bolder;
	font-size: larger;
}

abbr, acronym
{
 border-bottom:1px dotted #000;
 font-variant:normal;
 cursor:help;
}

table.JNB
{
	width: 100%;
	padding: 2px;	
}

table.TitleBar
{
	border-collapse:collapse;
}

table.Header
{
	text-align:center;
	padding-bottom: 10px;
}

table.License
{
	width: 80%;
}

div.Container
{
	clear: both;
	width: 100%;
}

div.Col
{
	vertical-align: top;
	position: relative; 
	float: left; 
}

.Left
{
	text-align:Left;
}

.Right
{
	text-align:Right;
}

.Centered
{
	text-align:center;
}

table.Border
{
    border-width: 2px;
    border-style: ridge;
}

.RadioButtonList td, .CheckBoxList td
{
	padding-right: 15px;
	white-space:nowrap;
}

.RadioButtonList label, .CheckBoxList label
{
	display: inline;
	float: none;
}

/* Tabs */
.ajax__myTab .ajax__tab_header {padding-left:1px; font-family:verdana,tahoma,helvetica;font-size:90%;font-weight:bold;color:#ffffff;border-bottom:solid 1px #999999;width:100%;}
.ajax__myTab .ajax__tab_outer {background-color:#99AAD2;margin-right:0px;
                                text-align:center;border:solid 1px white;border-right:solid 1px gray;border-bottom:none;padding:3px;white-space:normal;
                                border-bottom:solid 1px #999999;}
.ajax__myTab .ajax__tab_inner {background-color:#99AAD2; }
.ajax__myTab .ajax__tab_tab {padding:0px;margin:0;}
.ajax__myTab .ajax__tab_hover .ajax__tab_outer {background-color:#3D5489}
.ajax__myTab .ajax__tab_hover .ajax__tab_inner {background-color:#3D5489;color:#ffffff;}
.ajax__myTab .ajax__tab_hover .ajax__tab_tab {}
.ajax__myTab .ajax__tab_active .ajax__tab_outer {background-color:#E3E8F2;border:solid 1px #ffffff;border-bottom: solid 2px #E3E8F2;border-right:solid 1px gray;}
.ajax__myTab .ajax__tab_active .ajax__tab_inner {background-color:#E3E8F2;color:#000000;border-bottom:none;}
.ajax__myTab .ajax__tab_active .ajax__tab_tab {border-bottom:none;color: #000000;}
.ajax__myTab .ajax__tab_body {border:2px outset #ffffff;border-top:0px none transparent;padding:8px;background-color:#E3E8F2;}
.ajax__tab_default .ajax__tab_header { min-height: 30px; } 
.ajax__tab_default .ajax__tab_outer {display: inline-block; min-height: 30px; width: 15%; vertical-align: bottom;} 
.ajax__tab_default .ajax__tab_inner {vertical-align: bottom;} 
.ajax__myTab .ajax__tab_header a {color:#ffffff; text-decoration: none; width:100%; height: 100%; padding-bottom: 6px; vertical-align: middle;}
/*.ajax__tab_default .ajax__tab_tab {display: inline-block;}*/
}

@media screen
{
	.NavigationOnly
	{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
	}
}	

@media print
{
	.NavigationOnly
	{
		display: none;
	}

}

.phone::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

/* Center the loader */
#loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

#overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #000;
    z-index: 9999999;
    opacity: .5;
    cursor: wait;
}

.ajax__calendar_container {padding:4px;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {padding:0px;margin:0px;font-size:11px;}
.ajax__calendar_container TD {padding:0px;margin:0px;font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=zRgs2pxLhZeNW5IvtWcZEaGyOo2CSC5IgmDLkjPChDBUKO5LGSnhrpPtq79xq8RMGIXj_u3QreKEll85SOepD7M-ncQVFpxrV-7475FUgsb2pNy2mjS4wRDcg2Mc6bTYLPPk_w2&t=635732422751865752);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=JEX2QBE9uqQ7MlBxG7t1SrsARvCywoTOlUD16o85SGkBy5K7ZXLdqGtuwVlcHgszl4S2nmXo2m3Guep1UPQFcroNk0etL7wBxlwE-OKRsmjMMJGNcLzCHI9fhraszDpVym2YPA2&t=635732422751865752);}
.ajax__calendar_title {cursor:pointer;font-weight:bold; margin-left:15px; margin-right:15px;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_today .ajax__calendar_day {border-color:#0066cc;}
.ajax__calendar .ajax__calendar_today .ajax__calendar_month {border-color:#0066cc;}
.ajax__calendar .ajax__calendar_today .ajax__calendar_year {border-color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* styles for invalid dates as defined by startDate and endDate*/
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff; color:#646464; text-decoration:line-through; cursor:default;}
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_month {background-color:#ffffff;border-color:#ffffff; color:#646464; text-decoration:line-through; cursor:default;}
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff; color:#646464; text-decoration:line-through; cursor:default;}
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_today  {visibility:hidden; cursor:default;}