/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAIN FORM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
*{
 box-sizing: border-box;
}

@font-face { font-family: 'Francois One'; font-style: normal; font-weight: 400; src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(//themes.googleusercontent.com/static/fonts/francoisone/v6/bYbkq2nU2TSx4SwFbz5sCHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }
@font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 700; src: local('Merriweather Bold'), local('Merriweather-Bold'), url(//themes.googleusercontent.com/static/fonts/merriweather/v4/ZvcMqxEwPfh2qDWBPxn6nnl4twXkwp3_u9ZoePkT564.woff) format('woff'); }
@font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: local('Merriweather'), url(//themes.googleusercontent.com/static/fonts/merriweather/v4/RFda8w1V0eDZheqfcyQ4EHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }





body
{

 font-weight:normal; /* Main font size */
	margin:0;
	padding:0;
	text-align: center;
 
 
font-family: "Tahoma", Geneva, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;

 
}

#mainForm
{
    margin: 0 auto;         /* Firefox needs this */
    text-align:left;
    width: 900px;

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CSS - Alphabetic order
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/************************************************************************************
 * AjaxControlToolkit Popup Calendar
 ************************************************************************************/
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:240px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:240px;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 TD {font-size:8pt;padding:0;}
.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(Images/arrow-left.gif);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(Images/arrow-right.gif);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.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_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;}

A:link, A:visited, A:active, A:hover 
{ 
    color: Blue;
    text-decoration: underline;
}
A:hover 
{
    cursor: pointer;
}

.bodyTextRed                /* Use this class to display error messages next to form fields */
{
	color: #ff0000;
	font-size: 14pt;
	font-weight: 700;
	vertical-align:middle;
}

.button1, .button2
{
	background: url('images/button1.jpg');
	background-position:left;
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 8pt;
    font-weight: bold;
	height: 25px;
    text-decoration: none;
	width: 80px;
	text-align:center;
}

.button2
{
	background: url('images/button2.jpg');
	width: 100px;
	text-align:center;
}

.buttonAlign
{
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;    
}

.center_bg
{
 
    text-align: center;
}

.center_bg td
{
 
   vertical-align:top;
}
 
#ctl00_Image1,#ctl00_HyperLink1{
 position:relative;
 top:65px;
}

.ContentPane
{
    vertical-align:top;
    width: 880px;
    width: auto;
    min-width:600px;
    text-align: left;
    border-color: #87cefa;
    border-left: solid 1px;
    border-right: solid 1px;
    padding: 0px 10px 20px 10px;
    margin: 0 auto;
}

#contentPanel
{
    vertical-align:top;
}

.dbaHeader
{
    padding-left: 20px;
    padding-bottom: 10px;    
}

#footer
{
 background: #1e3a62 url("images/capitol_bg.png") no-repeat 50% 40px;
padding: 30px 0 30px;
color: #fff;

padding: 30px 0 10px 0;
min-height: 20em;
border-top: #5f9bbc 6px solid;
min-width: 100% !important;
border-bottom: 2px solid #083149;
display: block;
}



#footer .container{
 width: 900px;
 margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
 

}
.nowrap {
    white-space: nowrap;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


#footer #site-info ul {
    width: 80%;
    margin: 0 auto;
    border-top: 1px solid #2f486b;
    padding-top: 10px;
    text-align: center;
}
#footer .list-unstyled {
    padding-left: 0;
    list-style: none;
}


#footer h2 {
 font-family: "Francois One", Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: 1.1;
text-align:left;
    font-size: 20px;
    color: #fff;
    padding: 0 0 8px;
    border-bottom: 1px dotted #627691;
    text-shadow: 1px 1px 0px #333;
}

#footer #site-info {
    position: relative;
    margin: 10px 0;
}
#footer ul{
 font-size: 12px;
line-height: 1.5em;
margin-left: 0;
padding-left: 0;
list-style: none;

 margin-top: 0;
margin-bottom: 10px;
text-align:left;

}
#footer a{
 color:#fff;
text-decoration:none;
}

#footer .row{
 margin-left: -15px;
margin-right: -15px;

}

#footer .clearfix::before,#footer .clearfix::after{
 content: " ";
display: table;
clear: both;
}

#footer .col-md-3 {
    width: 25%;
    float: left;
    position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;

}
#footer #Div2 p {
    margin: 0;
    padding: 0;
    width: 40%;
    float: left;
    font-size: 12px;
    line-height: 1.5em;
}

#footer #Div2 .state {
    display: block;
    background: transparent url("images/mogov_logo_footer.png") center no-repeat;
    height: 84px;
    margin: 0 auto;
    color:transparent;
   
}



#footer #Div2 p.mogov {
    width: 20%;
}
#footer #Div2 .gov {
    display: block;
    height: 56px;
    text-align: center;
    float: right;
}

#footer #Div2 .agency {
    display: block;
    height: 56px;
    text-align: center;
    float: left;
}

#footer #site-info ul li {
    display: inline;
    padding: 0 10px;
    line-height: 1em;
}



#footerAdmin
{
	background-color: #000099;
    padding-top: 5px;
    padding-left: 10px;
	height: 40px;
}

.footerLabel
{
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
}

.formCheckBox
{
	font-size: 8pt;
}

.formDate
{
	font-size: 8pt;
	width: 80px;
}

.formField, .formFieldSmall, .formFieldMedium, .formField220, .formField300, .formFieldReadOnly, 
    .formFieldReadOnly300, .formFieldAuto
{
	border-color: #000000;
	border-style: solid;
	border-width:1px;
	background-color: #FFFFFF;
	font-size: 8pt;
	width:160px;
}

.formFieldAuto
{
    width: auto;
}

.formFieldMedium
{
	width:100px;
}

.formFieldSmall
{
	width:50px;
}

.formField220
{
	width:220px;
}

.formField300
{
	width:300px;
}

.formFieldReadOnly, .formFieldReadOnlyBlock, .formFieldReadOnly100, .formFieldReadOnly300
{
    background-color: #CCCCCC;
    border: none;
    font-family: Arial;
    font-size: 8pt;
    padding: 1px;       /* Allows for the border around the formField */
}

.formFieldReadOnlyBlock
{
    display: block;
}

.formFieldReadOnly100
{
    display: inline-block;
    width: 100px;
}

.formFieldReadOnly300
{
    display: inline-block;
    width: 300px;
}

.formLabel, .formLabelSmall, .formLabelMedium, .formLabel300
{
    display: block;
    padding-right: 3px;
    text-align: right;
    width: 160px;
}

.formLabelMedium
{
    width: 100px;
}

.formLabelSmall
{
    width: 46px;
}

.formLabel300
{
    width: 300px;
}

A.formLink
{ 
    font-size: 8pt;
    color: Blue;
    text-decoration: underline;
}

A.formLink:hover 
{
    cursor: pointer;
}

.formPanel, .formPanelSmall
{
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    width: 880px;
}

.formPanelSmall
{
    width: 400px;
    margin-left: 200px;
}

.formPanelHeader
{
    font-size: 10pt;
    font-weight: bold;
    line-height: 25px;
    padding-left: 2px;
}

.gridAddLink
{
    padding-bottom: 10px;    
}

.gridAddLinkSmall
{
    padding-left: 200px;
    padding-bottom: 10px;    
}

.gridAltRow
{
    background-color: #c6cbd1;
    text-align: left;
    vertical-align: top;
}

.gridAltRow td, .gridRow td
{
    border-color: #000000;
    border-style: solid; 
	border-width: 0.03em;
}

.gridHeader
{
    background-color: #1D587F;
    font-size: 9pt;
    text-align: center;
    color: #FFFFFF;
}

.gridHeader th 
{ 
    border-style: solid; 
    border-color: #000000;
	border-width: 0.03em;
}

.gridHeader a
{
    color: #FFFFFF;
}

.gridLink
{
    padding: 3px;
}

.gridPager, .gridPager td
{    
    font-weight: bold;
    text-align: center;
}

.gridPager a
{
    font-weight: normal;
}

.gridRow
{
    text-align: left;
    vertical-align: top;
}

.gridView, .gridViewEvents, .gridViewSmall
{
    color: #000000;
	border-style: solid;
	border-color: #000000;
	border-width: 0.03em;
    background-color: #FFFFFF;
    width:880px;
}

.gridViewEvents
{
    margin-left:0px;
    margin-top: 10px;
    margin-bottom: 10px;
    width:300px;
}

.gridViewSmall
{
    width:400px;
    margin-left:200px;
}

.gridView, .gridViewSmall a
{
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
}

.GroupBoxNewHire    
{        
    border: 1px solid #ddd;        
    display: block;
    padding: 10px;
    text-align: left;    
    width: 115px;
}

#header
{
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
}

#headerData, #headerAdmin
{
    text-align: center;
}

.headerLabel, .headerLabelData
{
    color: #FFFFFF;
    font-size: 18pt;
    font-style: italic;
    font-weight: bold;
}

.headerLabelData
{
    text-align:center;
}

.logo_pad
{

 
 background: #3a5170;
    background: -moz-linear-gradient(top, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a5170), color-stop(24%, #3a5170), color-stop(100%, #1e3a62));
    background: -webkit-linear-gradient(top, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
    background: -o-linear-gradient(top, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
    background: -ms-linear-gradient(top, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
    background: linear-gradient(to bottom, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
}

 
 
}

#logo-zone 
{
    float: left;
    top: 0px;
    left: 10px;
    height: 100px;
    width: 500px;
    background-color: transparent;
    text-align: center;
    /* border: 1px solid Yellow;      Used for testing */
}

#identityBar
{
	background-image: url('images/dss_bootstrap_headerlogo2025.png');
	background-repeat:no-repeat;
	background-position:left;
	height: 100px;
	width: 500px;
top: 0px;
left: 0;

}

#identityBarData
{
	background-image: url('images/dss_bootstrap_headerlogo2025.png');
	background-repeat:no-repeat;
 position:absolute;
 
	width: 900px;
	margin: 0 auto;
 display:block;
}

#identityBarAdmin
{
	background-color: #1F60A9;
	height: 100px;
}

#Div2
{
    color: #E6E6E6;
}

#login
{
    padding-left:10px;
}

#loginHeader
{
	color: #FFFFFF;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
}

#loginHeader a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#loginHeader a:hover
{
    text-decoration: underline;
}

table.LoginControl
{
    border-color:#000000;
    border-style:solid;
    border-width:1px;
}

table.LoginControl tr.Header
{
	background-color: #1D587F;
	color: #FFFFFF;
	height: 15px;
}

table.LoginControl td.Button
{
	text-align: right;
}

.mainMenu td{width:0 !important;}
.mainMenu a
{
	color: #FFFFFF;
	display:block;
	font-size: 8pt;
	font-weight: bold;
	line-height: 50px;
	padding: 0px 10px 0px 10px;	
	text-align:center;
	text-decoration: none;
 border-right: 1px solid #4c7e99;
border-left: 1px solid #66a8cc;
margin:0;

}

.mainMenu a:hover
{
    color: #FFFFFF;
}

.menu_bg
{
 
 
 background-color: #b2def5;
background: url("images/diag_pat_trans.png"), -webkit-linear-gradient(top, #b2def5 0%, #69add3 4%, #4d88a8 100%);
background: url("images/diag_pat_trans.png"), -moz-linear-gradient(top, #b2def5 0%, #69add3 4%, #4d88a8 100%);
background: url("images/diag_pat_trans.png"), -o-linear-gradient(top, #b2def5 0%, #69add3 4%, #4d88a8 100%);
background: url("images/diag_pat_trans.png"), -ms-linear-gradient(top, #b2def5 0%, #69add3 4%, #4d88a8 100%);
background: url("images/diag_pat_trans.png"), linear-gradient(top, #b2def5 0%, #69add3 4%, #4d88a8 100%);

 
 
}

#menuBar
{
  border-color: #2f415a;
	text-align:left;
	width: 900px;
	margin: 0 auto;
 padding-right: 15px;
padding-left: 15px;






}


#menuBar a{
 color: #fff;
     text-shadow: 1px 1px 1px #444444;
 font-size:12pt;
 font-weight:100;
line-height: 20px;
 padding-top: 12px;
    padding-bottom: 12px;
    font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
    background-color: transparent;
    text-align: center;
    transition: all ease 0.2s;
 

}

 
 

#menuBar a:hover{
color: #fff;
background-color: #4a7993;
 

}



.noticeLink a
{
    font-size: 12pt;
}

a.panelLink:active, a.panelLink:link, a.panelLink:visited, a.panelLink:hover 
{
    font-size: 10pt; 
    font-weight: bold; 
}

.panel
{
    text-align: center;
    width: 880px;
}

.panelRO
{
    border: 1px solid #000000;
    margin-bottom: 10px;
    width: 880px;
}

.subMenuItem a
{
    background-color: #2880A5;
	color: #FFFFFF;
	display:block;
	font-size: 8pt;
	font-weight: bold;
	line-height: 25px;
	padding-left: 3px;
	padding-right: 3px;
	text-align:left;
	text-decoration: none;
}

.subMenuItem a:hover
{
    background-color: #1F60A9;
}

.tablePanelRO, .tablePanelROBorder, .tablePanelROBox
{
    border: none;
    font-weight: normal;
    width: 880px;
}

.tablePanelROBorder
{
    border: 1px solid #000000;
}

.tablePanelROBox td
{
    border: 1px solid #000000;
    padding: 3px;
}

.tablePanelUI
{
    border: none;
    font-weight: normal;
    width: 880px;
}

.upperCase
{
    text-transform:uppercase;
}

#userBar
{
    padding-bottom: 10px;
}

.userBar
{
	width: 880px;
	padding: 0;
}

.lblAboveUserBar
{
    display: block;
    font-size: 10pt;
    margin: 5px;
    width: 100%;
}

.OnLineReporting
{
    text-align: center;
}

.OnLineReporting li
{
    padding-bottom: 10px;
}

.OnLineReporting li a
{
    font-size: 1.0em;
}

.QuickLinks
{
    text-align: center;
    width: 230px;
}

.QuickLinks li
{
    padding-bottom: 10px;
}

.QuickLinks li a
{
    font-size: 1.0em;
}

/**********************************
    Footer Styles
**********************************/


#finder 
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(images/foot_mogov.png) no-repeat scroll 0 0;
    height:auto;
    margin:10px auto 0;
    position:relative;
    width:900px;
}

#finder ul 
{
    height:70px;
    margin-left:140px;
    padding-top:30px;
}

.hide 
{
    height:0;
    overflow:hidden;
    position:absolute;
    width:0;
}

#finder a.mogov 
{
    display:block;
    height:70px;
    left:0;
    position:absolute;
    top:0;
    width:140px;
}

#finder a 
{
    border:0 none;
    color:#FFFFFF;
    font-size:11px;
}

#finder ul li 
{
    border-color:#7E8595;
    border-left:1px solid #7E8595;
    float:left;
    line-height:1;
    list-style: none;
    padding:0 10px;
}

/**********************************
REGISTRATION CSS - JMT 8-2-2010
**********************************/

.registrationLeftLabelDiv
{
	position:relative;
	float:left;
	width:215px;
}

.registrationLeftTextBoxDiv
{
	position:relative;
	float:left;
	width:390px;
	display:table-cell
	
	
}

.divRegistrationIDControls
{
	position: static;
	width:610px;
	 
}
.addressControls
{
	width: 56%;
	height: 125px;
	float:left;
	position:relative;
}
.addressContactControls
{
	width: 44%;
	height: 125px;
	float: left;
	position:relative;
	

}
.addressLeftLabelDiv
{
	position:relative;
	float:left;
	width:162px;
	
}

.addressContactLeftLabelDiv
{
	position:relative;
	float:left;
	width:110px;
	
}

.addressContactLeftTextBoxDiv
{
	position:relative;
	float:left;
	width:180px;
}

.addressAddressLeftTextBoxDiv
{
	position:relative;
	float:left;
	width:255px;
}

.divAddressRows
{
	/*argin-top:2px;*/
	height:25px;
	position:inherit;
	display:inline-block;
}

.divAddressRepeaterItem
{
	width:100%;
	margin:auto;
	/*border-bottom-style:inset;
	border-bottom-color:Gray;
	border-bottom-width:thin;*/
	position:relative;
	display:inline-block;
	
}


.employerAddressRepeaterDiv
{
	border-width:medium;
	border-color:Blue;
	border-right-style:ridge;
	position:relative;
}

.divCenterContent
{
	width:95%;
	margin:auto;
}

.divRows
{
	height:25px;
	position:relative;
	width:100%;

}

.registrationTextBox
{
	width:250px;
}

.registrationDropDown
{
	width:252px;
}

/**********************
END REGISTRATION AND ADDRESS
**********************/



/***********************
Employer Maint
***********************/
.divLeftPanel
{
	width: 485px;
	height: 125px;
	float:left;
	position:relative;
	display:inline-block;
}
.divRightPanel
{
	width: 500px;
	height: 125px;
	float: left;
	position:relative;
	display:inline-block;

}
.divLabels
{
	position:relative;
	float:left;
	width:27%;
	margin-top:5px;
	text-align:right;
	padding-right:5px;
	
}

.divTextItems
{
	position:inherit;
	float:left;
	width:70%;
	display:inline-block;
}

.formLabelEmpMaint
{
	width:75px;
}

.oneThirdPanel
{
	min-width: 33%;
}

.twoThirdsPanel
{
	min-width: 66%;
}

.panelBottomPad
{
    padding-top: 5px;
    padding-bottom: 15px;
}

.ChangeEmployer
{
    color: Blue;
}

.MyProfileItalic
{
    font-style: italic;
}





#ctl00_LoginView1_hypLogin, 
#ctl00_ContentPanel_lnkRegister{
 text-decoration:none;
  color: #fff;
     text-shadow: 1px 1px 1px #444444;
 font-size:12pt;
 font-weight:normal;
line-height: 20px;
padding:5px 10px;
border-radius:5px;
 
    background-color: #3F577B;
    text-align: center;
    transition: all ease 0.2s;
 
 
}


#ctl00_LoginView1_hypLogin:hover, 
#ctl00_ContentPanel_lnkRegister:hover{
   background-color: #5793B4;
   text-decoration:none;
}


a[href^="#ctl00_ctlMenuBar_mnuTop_SkipLink"] {padding:0 !important;}


/**************************
Registration Wizards CSS
**************************/
.wizHeader
{
	background-color:#1D587F;
	font-size:large;
	font-weight:bold;
	border-bottom-color:black;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-top-color:black;
	border-top-style:solid;
	border-top-width:thin;
	border-left-style:none;
	border-right-style:none;
	font-family:Arial Narrow;
	text-align:center;
	vertical-align:middle;
	color:white;
	width:100%;

}