/* css for basic items ------------------------------------------------------------------------------------------ */
html, body	{
 	width:100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 760px;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	background: url(../images/bg.gif) center;
 	}
img {
	margin: 0;
    padding: 0;
	}
a, a:visited {
	/*color: #9ba280;*/
	color:#0a95b5;
	text-decoration: none;
	}
a:hover, a:active {
	color: #9ba280;
	text-decoration: underline;
	}
ul {
    padding: 0 0 12px 16px;
    margin: 0;
    }
ul li {
    padding: 0 0 12px 0;
    margin: 0;
    }
p {
	padding: 0px 0 12px 0;
	margin: 0;
	}
blockquote {
	padding: 8px 24px 8px 19px;
	margin: 0;
	}
h1 {
	padding: 0px 0 12px 0;
	margin: 0;
	font-size: 11px;
	color: #005596;
	}
h2 {
	padding: 0px 0 12px 0;
	margin: 0;
	font-size: 12px;
	color: #005596;
	}
h3 {
	padding: 0px 0 12px 0;
	margin: 0;
	font-size: 11px;
	color: #9ba280;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	}
sup {
	font-size: 9px;
	line-height: 4px;
	}

/* css for site structure --------------------------------------------------------------------------------------- */
#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
 	}
#container {
	margin: 0 auto 20px auto;
	width: 760px;
    }
#inner {
	position: relative;
	width: 760px;
	}    


/* css for header items ----------------------------------------------------------------------------------------- */
#header {
	position: relative;
	padding: 0;
	margin: 28px 0 4px 0;
	width: 760px;
	height: 129px;
    }
#header ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#header ul li {
	padding: 0;
	margin: 0;
	float: left;
	}
#header ul li#login {
	padding: 20px 0 0 25px;
	margin: 0 0 0 4px;
	width: 225px;
	height: 109px;
	float: left;
	background: url(../images/bg-login.gif) no-repeat;
	font-size: 9px;
	line-height: 13px;
	color: #fff;
	font-weight: bold;
	}
#header ul li#login p {
	padding: 0 0 4px 0;
	}


.login {
	padding: 0;
	margin: 0;
	width: 100px;
	height: 15px;
	border: 1px solid #333;
	}

/* css for main navigation items -------------------------------------------------------------------------------- */
#navMain_SRT {
	margin: 0 0 3px 0;
	width: 760px;
	height: 34px;
	color: #ffffff;
	z-index: 60;
	
	
    }
#navMain_SRT ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#navMain_SRT ul li {
	padding: 0;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 9px;
	float: left;
	}
	
#navMain_SRT ul li a{
	color: white;
	font-weight: bold;
	text-decoration: none;
	}
	
#navMain_SRT ul li a:hover{
	color: #005596;
	font-weight: bold;
	}
	
		
#leftnavMain_SRT
{
	background-image: url("../images/topnav-left-srt.gif");
	height:34px;
	width:11px;
	float:left;
}
#centernavMain_SRT
{
	background-image: url("../images/topnav-center-srt.gif");
	height:34px;
	width:738px;
    background-repeat: repeat-x;
	float:left;
}
#rightnavMain_SRT
{
	background-image: url("../images/topnav-right-srt.gif");
	height:34px;
	width:11px;
	float:left;
}


#navMain_SVAPT {
	margin: 0 0 3px 0;
	width: 760px;
	height: 34px;
	color: #ffffff;
	z-index: 60;
	
	
    }
#navMain_SVAPT ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#navMain_SVAPT ul li {
	padding: 0;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 9px;
	float: left;
	}
	
#navMain_SVAPT ul li a{
	color: white;
	font-weight: bold;
	text-decoration: none;
	}
	
#navMain_SVAPT ul li a:hover{
	text-decoration: underline;
	font-weight: bold;
	}

#leftnavMain_SVAPT
{
	background-image: url("../images/topnav-left-svapt.gif");
	height:34px;
	width:9px;
	float:left;
}
#centernavMain_SVAPT
{
	background-image: url("../images/topnav-center-svapt.gif");
	height:34px;
	width:742px;
    background-repeat: repeat-x;
	float:left;
}
#rightnavMain_SVAPT
{
	background-image: url("../images/topnav-right-svapt.gif");
	height:34px;
	width:9px;
	float:left;
}



/* css for sub header items ------------------------------------------------------------------------------------- */
#breadCrumbs-srt {
	position: relative;
	padding: 15px 0 0 20px;
	width: 740px;
	height: 20px;
	background: url(../images/bg-breadcrumbs-srt.gif) no-repeat;
 	font-size: 10px;
	color: #fff;
    }
#breadCrumbs-srt a, #breadCrumbs-srt a:visited {
	color: #b3b9a2;
	}
#breadCrumbs-srt a:active, #breadCrumbs-srt a:hover {
	color: #b3b9a2;
	text-decoration: underline;
	}
#breadCrumbs-srt ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#breadCrumbs-srt ul li {
	padding: 0;
	margin: 0;
	float: left;
	}
#breadCrumbs-srt ul li.right {
	padding: 0 20px 0 0;
	float: right;
	text-align: right;
	}
	
	
#breadCrumbs-svapt {
	position: relative;
	padding: 15px 0 0 20px;
	width: 740px;
	height: 20px;
	background: url(../images/bg-breadcrumbs-svapt.gif) no-repeat;
 	font-size: 10px;
	color: #fff;
    }
#breadCrumbs-svapt a, #breadCrumbs-svapt a:visited {
	color: white;
	}
#breadCrumbs-svapt a:active, #breadCrumbs-svapt a:hover {
	color: white;
	text-decoration: underline;
	}
#breadCrumbs-svapt ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#breadCrumbs-svapt ul li {
	padding: 0;
	margin: 0;
	float: left;
	}
#breadCrumbs-svapt ul li.right {
	padding: 0 20px 0 0;
	float: right;
	text-align: right;
	}
	
	
	
#subHeader {
	position: relative;
	margin: 0 0 4px 0;
	width: 760px;
	height: 40px;
	z-index: 10;
    }
	
#subHeader h2 {
	position: relative;
	top: -30px;
	left: 20px;
	font-size: 22px;
	color: white;
    }
	
#subHeaderText {
	position: absolute;
	top: 13px;
	left: 230px;
	z-index: 20;
    }


/* css for main content ----------------------------------------------------------------------------------------- */
#content-top-curve {
	position: relative;
	width: 760px;
	height: 15px;
	line-height: 1px;
	clear: both;
	background: url(../images/bg-content-top.gif) no-repeat top;
	}
#content {
	position: relative;
	width: 760px;
	clear: both;
	overflow: hidden;
	background: url(../images/bg-content.gif);
	}
#content-bottom-curve {
	position: relative;
	width: 760px;
	height: 7px;
	line-height: 1px;
	clear: both;
	background: url(../images/bg-content-bottom.gif) no-repeat top;
	}


#home-content {
	position: relative;
	width: 760px;
	clear: both;
	overflow: hidden;
	background: none;
	}
#home-left {
	position: relative;
	width: 506px;
	height: 484px;
	float: left;
	font-size: 1px;
    }
#home-left p {
	font-size: 16px;
	line-height: normal;
	padding-left:20px;
	padding-right:20px;
	color:white;
	position:relative; 
	top: -464px;
	}
	
#home-left p.blue {
	
	color:#005596;
	font-weight: bold;
	
	}
	
#home-right {
	position: relative;
	padding: 62px 30px 0 30px;
	margin: 0 0 0 3px;
	width: 190px;
	height: 422px;
	float: left;
	background: url(../images/bg-home-left.gif);
	font-size: 12px;
	line-height: 16px;
	color: #fff;
    }
#home-right p {
	padding: 0 0 18px 0;
	}
	

/* css for content left ----------------------------------------------------------------------------------------- */
#content-left {
	position: relative;
	width: 180px;
	float: left;
	font-size: 9px;
    }
#content-left a, #content-left a:visited {
	padding: 4px 10px 4px 18px;
	width: 145px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	display: block;
	text-decoration: none;
	}
#content-left a:active, #content-left a:hover {
	padding: 4px 10px 4px 18px;
	width: 150px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	background: #b4b9a2 url(../images/arrow-roll.gif) no-repeat;
	}
#content-left a#on {
	padding: 4px 10px 4px 28px;
	width: 140px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #999;
	background: url(../images/arrow.gif) no-repeat;
	text-decoration: none;
	}
#content-left a#sub, #content-left a#sub:visited {
	padding: 4px 10px 4px 28px;
	width: 140px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	display: block;
	background: none;
	text-decoration: none;
	}
#content-left a#sub:active, #content-left a#sub:hover {
	padding: 4px 10px 4px 28px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	background: #b4b9a2;
	}
#content-left a#subOn {
	padding: 4px 10px 4px 28px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #999;
	background: none;
	text-decoration: none;
	}
#content-left a#home,
#content-left a#home:visited,
#content-left a#home:active {
	padding: 0px 10px 4px 18px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #999;
	background: none;
	text-decoration: none;
	font-size: 11px;
	color: #9ba280;
	}
#content-left a#home:hover {
	text-decoration: underline;
	}


/* css for content center --------------------------------------------------------------------------------------- */
#content-center {
	position: relative;
	padding: 4px 10px 0 16px;
	margin: 0 0 0 3px;
	width: 408px;
	min-height: 383px;
	float: left;
    }


/* css for content right ---------------------------------------------------------------------------------------- */
#content-right {
	position: relative;
	padding: 0px 18px 0 0;
	width: 125px;
	float: left;
    }


/* css for content wide ----------------------------------------------------------------------------------------- */
#content-wide {
	position: relative;
	padding: 0 70px 0 18px;
	margin: 0 0 0 3px;
	width: 489px;
	min-height: 383px;
	float: left;
    }
	
#content-wide p.blue {
	font-size: 14px;
	line-height: normal;
	color:#005596;
	
}


/* css for login content ---------------------------------------------------------------------------------------- */
#content-login {
	position: relative;
	padding: 0 8px 0 8px;
	margin: 0 0 0 3px;
	width: 561px;
	min-height: 383px;
	float: left;
    }
#content-login ul {
	padding: 0;
	margin: 0;
	list-style: none;clear:both;
	}
#content-login ul li {
	padding: 10px 0 0 10px;
	min-height: 22px;
	float: left;
	}
#content-login .login-top {
	padding: 10px 0 0 10px;
	width: 551px;
	height: 22px;
	background: url(../images/bg-info-top.gif) no-repeat;
	color: #fff;
	font-weight: bold;
	clear: both;
	}
#content-login .login-top ul li.left {
	padding: 0 0 0 0;
	width: 300px;
	float: left;
	}
#content-login .login-top ul li.right {
	padding: 0 10px 0 0;
	width: 221px;
	float: right;
	text-align: right;
	font-weight: normal;
	}
#content-login .login-bottom {
	padding: 8px 0 5px 10px;
	margin: 0 0 12px 0;
	width: 551px;
	height: 17px;
	background: #ddd url(../images/bg-info-bottom.gif) no-repeat bottom;
	clear: both;
	}

/* css for reset password */
#content-login ul li.login-reset1 {
	width: 181px;
	font-weight: normal;
	}
#content-login ul li.login-reset2 {
	padding: 5px 0 5px 0;
	width: 360px;
	}

/* css for login 2 columns */
#content-login ul li.login-col1 {
	width: 161px;
	}
#content-login ul li.login-col2 {
	padding: 5px 0 5px 0;
	width: 380px;
	}
#content-login ul li.login-col2a {
	padding: 5px 0 5px 0;
	width: 20px;
	}
#content-login ul li.login-col2b {
	padding: 5px 0 5px 0;
	width: 360px;
	}

/* css for my information */
#content-login ul li.myinfo1 {
	padding: 0 0 3px 10px;
	width: 81px;
	}
#content-login ul li.myinfo2 {
	padding: 0 0 3px 10px;
	width: 460px;
	}
#content-login ul li.myinfo-name {
	padding: 5px 0 0 10px;
	width: 115px;
	min-height: 16px;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-sex {
	padding: 5px 0 0 10px;
	width: 30px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-relationship {
	padding: 5px 0 0 10px;
	width: 80px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-birthdate {
	padding: 5px 0 0 10px;
	width: 80px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-effectivedate {
	padding: 5px 0 0 10px;
	width: 90px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-terminationdate {
	padding: 5px 0 0 10px;
	width: 99px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}

/* css for update information */
#content-login ul li.update-firstname {
	width: 165px;
	}
#content-login ul li.update-lastname {
	width: 160px;
	}
#content-login ul li.update-middleinitial {
	width: 105px;
	}
#content-login ul li.update-birthdate {
	width: 91px;
	}

/* css for my work history */
#content-login ul li.history-ending-srt {
	width: 120px;
	}
#content-login ul li.history-received-srt {
	width: 100px;
	}
#content-login ul li.history-employer-srt {
	width: 200px;
	}
#content-login ul li.history-hours-srt {
	width: 101px;
	}
	
#content-login ul li.history-ending-svapt {
	width: 100px;
	min-height: 33px;
	}
#content-login ul li.history-received-svapt {
	width: 80px;
	min-height: 33px;
	}
#content-login ul li.history-employer-svapt {
	width: 180px;
	min-height: 33px;
	}
#content-login ul li.history-hours-svapt {
	width: 81px;
	min-height: 33px;
	}
#content-login ul li.history-wages-svapt {
	width: 70px;
	min-height: 33px;
	}

/* css for my pension */
#content-login ul li.pension-history-srt {
	padding: 5px 0 0 10px;
	width: 68px;
	min-height: 16px;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-year-srt {
	padding: 5px 0 0 10px;
	width: 64px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-hours-srt {
	padding: 5px 0 0 10px;
	width: 100px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-credits-srt {
	padding: 5px 0 0 10px;
	width: 65px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-future-srt {
	padding: 5px 0 0 10px;
	width: 100px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-benefit-srt {
	padding: 5px 0 0 10px;
	width: 97px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
	
	
	
#content-login ul li.pension-history-svapt {
	padding: 5px 0 0 10px;
	width: 58px;
	min-height: 16px;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-year-svapt {
	padding: 5px 0 0 10px;
	width: 65px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-hours-svapt {
	padding: 5px 0 0 10px;
	width: 100px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-credits-svapt {
	padding: 5px 0 0 10px;
	width: 70px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}

#content-login ul li.pension-benefit-svapt {
	padding: 5px 0 0 10px;
	width: 101px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-wages-svapt {
	padding: 5px 0 0 10px;
	width: 100px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}

/* css for misc login items */
#content-login ul li.bg-gray {
	background: #ddd;
	}
#content-login ul li.double {
	height: 35px;
	}
#content-login .listNav {
	padding: 5px 0 5px 0;
	width: 551px;
	text-align: right;
	clear: both;
	}
#content-login .textboxlarge {
	padding: 0;
	margin: 0;
	width: 371px;
	height: 17px;
	border: 1px solid #005596;
	}
#content-login .textboxmedium {
	padding: 0;
	margin: 0;
	width: 157px;
	height: 17px;
	border: 1px solid #005596;
	}
#content-login .textboxlargereset {
	padding: 0;
	margin: 0;
	width: 351px;
	height: 17px;
	border: 1px solid #005596;
	}
#content-login .selectmedium {
	padding: 0;
	margin: 0;
	width: 157px;
	height: 19px;
	font-size: 12px;
	border: 1px solid #005596;
	}
#content-login .selectlarge {
	padding: 0;
	margin: 0;
	width: 371px;
	height: 19px;
	font-size: 12px;
	border: 1px solid #005596;
	}


/* css for text and link items ---------------------------------------------------------------------------------- */
.line-left {
	margin: 0px 18px 0px 18px;
	width: 144px;
	font-size: 1px;
	line-height: 1px;
	border-bottom: 1px solid #ddd;
	}
.line-center-padded {
	margin: 0 0 7px 0;
	padding: 7px 0 0 0;
	font-size: 1px;
	line-height: 1px;
	border-top: 1px solid #ddd;
	clear: both;
	}
.line-center {
	margin: 0 0 2px 0;
	padding: 1px 0 0 0;
	font-size: 1px;
	line-height: 1px;
	border-bottom: 1px solid #ddd;
	clear: both;
	}
ul.forms {
	padding: 0 0 0 0;
	margin: -8px 0 4px 0;
	list-style: none;
	}
ul.forms li {
	padding: 2px 0 2px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #ddd;
	}	
ul.forms li a {
	text-decoration: none;
	}
#content-login ul.bullet {
	padding: 0;
	margin: 0 0 12px 18px;
	}
#content-login ul.bullet li {
	padding: 0;
	margin: 0;
	list-style: disc;
	float: none;
	vertical-align: middle;
	line-height: 16px;
	}
#subTitle {
	color: #005596;
	font-weight: bold;
	}
.blue,
a.blue,
a.blue:visited,
a.blue:active,
a.blue:hover {
	color: #005596;
	}	
.lightblue {
	color: #5ab5dd;
	}
.green {
	color: #9ba280;
	}
.white{
 color:white;
}	
	
	
/* css for footer items ----------------------------------------------------------------------------------------- */
#footer_srt {
	position: relative;
	padding: 10px 0 0 20px;
	margin: 4px 0 0 0;
	width: 740px;
	height: 24px;
    clear: both;
 	font-size: 11px;
 	color: #5ab5dd;
    background: url(../images/bg-footer-srt.gif) no-repeat;
    }
#footer_srt a, #footer_srt a:visited {
	color: #ffffff;
	}
#footer_srt a:active, #footer_srt a:hover {
	color: #888888;
	}
	
#footer_svapt {
	position: relative;
	padding: 10px 0 0 20px;
	margin: 4px 0 0 0;
	width: 740px;
	height: 24px;
    clear: both;
 	font-size: 11px;
 	color: white;
    background: url(../images/bg-footer-svapt.gif) no-repeat;
    }
#footer_svapt a, #footer_svapt a:visited {
	color: #ffffff;
	}
#footer_svapt a:active, #footer_svapt a:hover {
	color: #888888;
	}
	
#simplemodal-container a.modalCloseImg {
	background:none;
	display:none;
	
}
#simplemodal-container {
    background: none repeat 0 0 white;   
    z-index: 997;
	border: 2px solid black;
	
}

#login-error-modal  #two-factor-modal{
	color: black;
	padding:  12px ;
	padding-left:13px;
    font-size: 11px;    
    line-height: 15px;
	margin-left:2px;
}

#pcp_screen{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	z-index:1003;
}
#pcp_box
{	
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	z-index: 1004;
	display: none;
}

#pcp_detail
{
	display: none;
	padding:10px;	
}

.green-text {
	color: #89C212;
}

.red-text {
	color: red;
}

.blue-button{
	background-color: #005596;
	border: none;
	color: white;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	border-radius: 12px;
}

.gray-button{
	background-color: #808080;
	border: none;
	color: #D3D3D3;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	border-radius: 12px;
	
}