html{width:100%;height:100%;}


body{
width:760px;
margin:0 auto;
background: url('/static/img/bg.jpg') repeat-x #fff;
font-size: .8em;
line-height: 14pt;
font-family:sans-serif;
color:#9a9999;
}

h1{
	font-size: 1.85em;
	color: #0568a6;
}


h3{
	font-size: 1.25em;
	font-weight:bold;
	color:red;
}
	
a.link1:link{font-size:1.5em;text-decoration:none;color:#969696;}
a.link1:visited{text-decoration:none;color:#969696;}
a.link1:active{text-decoration:none;color:#969696;}
a.link1:hover{text-decoration:underline;color:#696969;}

img{border:0;}



#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #ced7fd;
}



.titleTop{
	font-size:1em;
	text-decoration:underline;
	font-weight:bolder;
	color:#0568a6;
}

a.footer{
color:#333;
font-size:.9em;
text-decoration:none;
}

a.footer:hover{
	color:#5e5e5e;
	text-decoration:underline;
}



/* BENEFITS DEMO */
.borderBlue{border:1px solid Navy; border-collapse:collapse;}
th{border:1px solid Navy;font-weight:normal; font-family:arial;padding:5px;}
.backgroundBlue{background-color:Navy;}
.benefit{width:100%;}
.centerTxt{text-align:center;padding:10px;}
h10{font-family:verdana;font-size:2em;}
.bg{background-color:#dbdbdc;width:200px;font-size:12px;font-weight:bold;padding:4px;}
.whiteTxt{color:white;}
.totalTxt{color:Navy;font-weight:bold;font-size:14px;padding:5px;}
.boldHeading{font-weight:bolder;color:Navy;padding:4px;}
table.disclaimer th{border:none;width:100%;text-align:left;}
table.disclaimer{margin-left:0px;margin-top:30px;}
.value{text-align:right;width:150px;}

/* applicants demo */
.job-table{width:685px;border:1px solid #c1c1c1;padding:10px; margin-left:30px; margin-bottom:20px;}
.job-title{background-color:#e8e8e8;font-family:Verdana, Arial, Seriff;padding:3px;border:1px solid #767676;color:#b81b3a;}
.job-label{color:#3d3d3d;text-align:right;padding-right:10px;}
#detail{text-align:left;padding-top:10px;}
.job-desc{border:1px solid #e8e8e8;padding:10px;font-size:.9em;background-color:#ffffd9;}
.apply{padding:10px;text-align:right;}
a.job-link{text-decoration:none;color:white;background-color:#007db5;padding:8px;}
.dotted{width:660px;height:1px;background-color:#767676;}
.jobs-filter-btns {clear:both;padding-left:136px;padding-bottom:10px;padding-top:5px; text-align:left;}

/* welcome */
#welcome-pic{width:380px;height:127px;border:1px solid #000;margin:10px;}
#welcome-content{width:380px;padding:0 10px;font-size:.9em;color:#2a2a2a;}
#forms, #steps{float:left;}
#steps{width:110px;border:1px solid #c1c1c1;padding:8px;}
.active-step{text-decoration:none;color:#c33751;font-weight:bold;}
.active-step:hover{text-decoration:underline;color:#c33751;font-weight:bold;}
.inactive-step{text-decoration:none;color:#007cb5;}
.step{padding:5px 0;}
#continue{text-align:right;}
#forms form th { border:none; text-align:right; vertical-align:top; padding-top:0px;}
#forms form ul { list-style-type:none; margin:0; padding:0;}
#forms form .continue { float:right; }

.employee-ss a:link {color: #002aff; text-decoration:none;}
.employee-ss a:hover {color: #002aff; text-decoration:underline;}
.employee-ss a:visited {color: #002aff; text-decoration:none;}
.employee-ss img {border:0px;}
.employee-ss h1 { font-size: 18px; color: #c33751; font-weight:bold; margin:0 0 5px 0;}
.employee-ss h2 { font-size: 16px; color: #ff0000; font-weight:normal;}
.employee-ss h3 { font-size: 12px; color: #3e809d; font-weight:bold; margin:0 0 5px 0;}
.employee-ss h4 { font-size: 14px; color: #3e809d; font-weight:bold; margin:0 0 5px 0;}
.employee-ss p { margin:5px 0; padding:0; line-height:16px; font-size:12px;}

.employee-ss .clear {clear: both;}
.employee-ss .float-r { float:right;}
.employee-ss .float-l { float:left;}
.employee-ss .padding-r15 { padding-right:15px;}
.employee-ss .padding-r25 { padding-right:25px;}
.employee-ss .margin-l-20 { margin-left:20px;}
.employee-ss .sel-bl { color:#007cb5 !important;}
.employee-ss .sel-bl-d { color:#3e809d !important;}
.employee-ss .sel-red-l { color:#c33751 !important;}
.employee-ss .sel-grey { color:#c0c0c0 !important;}
.employee-ss .text-al-center { text-align:center;}
.employee-ss .brd-bottom-b { border-bottom:1px solid #333 !important;}

.employee-ss.wrapper{ display:block; width:660px; margin:0 auto; color:#333; margin-bottom:20px; margin-top:20px; border:1px solid #c0c0c0;}

.employee-ss .navi {width:100%; height:27px; margin-bottom:20px; font-size:14px; background:url(../img/navi-bg.png) repeat-x;}
.employee-ss .navi td { vertical-align:middle;}
.employee-ss .navi a, .employee-ss .navi a:visited {color: #3f0505; text-decoration:none;}
.employee-ss .navi a:hover {color: #3f0505; text-decoration:underline;}

.employee-ss .content { width:97%; margin: 0 auto; font-size:12px;}
.employee-ss .system-msg { padding:5px; margin:5px 0; background:#f5dfe3; color:#c33751; text-align:center;}
.employee-ss .block { background:#ffffed; border:1px solid #bebebe; padding:5px; margin:0 0 15px 0; clear:both;}
.employee-ss .block-header { background:#bd2828; padding:5px; margin:0; font-size:14px; color:#fff;}
.employee-ss .block-blank { background:#fff; margin:0 15px 15px 0;}
.employee-ss  a.button,.employee-ss  a.button:visited {color: #fff; text-decoration:none; padding:3px; background:#228dbf; font-size:11px;}
.employee-ss a.button:hover {color: #fff; text-decoration:none; padding:3px; background:#bd2828; font-size:11px;}
.employee-ss .tbl { width:100%; margin:0 0 15px 0; clear:both;}
.employee-ss .tbl td { vertical-align:top;}
.employee-ss .tbl-data { width:100%; margin:0 0 15px 0; clear:both;}
.employee-ss .tbl-data td { vertical-align:top; padding:5px;}
.employee-ss .tbl-data th { vertical-align:top; padding:5px; text-align:left; color:#c33751; font-weight:bold;border:none;}
.employee-ss .tbl-data .odd { background:#e5f7fd;}
.employee-ss .tbl-data .pending { color:#ffc000; font-weight:bold; text-transform:uppercase;}
.employee-ss .tbl-data .denied { color:#c33751; font-weight:bold; text-transform:uppercase;}
.employee-ss .tbl-data .approved { color:#45b649; font-weight:bold; text-transform:uppercase;}
