@charset "UTF-8";
/* CSS Document - Personnel Plus Inc */
/* Global Reset */
* {padding:0;margin:0}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, button { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px}
img {border:0} 
form{margin:0;padding:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:bold}
h1, h2, h3, h4, h5, h6 {font-size:100%;text-align:left}
q:before, q:after {content:&quot}
td, p, table, h1, h2, label, fieldset, label, a, div, .title, .smallTxt, .smallerTxt, .botTitle {text-align:left}
body {background:#C9D0D6;background:url('/include/style/images/bgBodySheet.png') repeat;height:100%;text-align:center}
ul, li {margin-bottom:1px;list-style:none;list-style-type:none}
input{color:#003466;border:1px solid #97A4B3;padding:.2em .2em .1em;margin-bottom:.5em;height:1.5em}
label {float:left;text-align:right;margin-right:0.5em;display:inline;padding-top:0.5em}
h2 {font-size:24px;margin:10px}
a:link, a:visited, a:hover, a {font-style:normal;line-height:normal;font-weight:normal;color:#000000;text-decoration:none}
a:hover {color:#3399ff}
fieldset {border:1px solid #6392E7;width:633px}
input, textarea, select {color:#000;font-size:12px;background:#FFFBF0;border:1px solid #97A4B3}

/* Colors */
.navyblue {color:#003366}
.maroon {color:#BD1429}

/* Headings */
h1, h2, h3, h4, h5, h6 {font-weight:bold}
h1 {font-size:200%}
h2 {font-size:140%}
h3 {font-size:130%}
h4 {font-size:115%}
h5 {font-size:100%}
h6 {font-size:80%}

/* Links */
a{text-decoration:none;font-weight:bold}
a:link, a:active, a:visited{color:#039}
a:hover{color:#C00}

/* Tables */
table {font:inherit;font-size:100%;color:inherit;border-collapse:collapse;border-spacing:0;border:none}

/* Div's */
#wrap{width:800px;margin:0 auto;padding:0;text-align:left;background-color:#FFFFFF}
#header{background-color:#039;color:#FFF;height:125px;padding:5px;padding-top:8px}
#main{background:inherit;position:relative;min-height:500px;_height:500px}

#header, #header a, #topnav a{color:#FFFFFF;font-weight:normal}

/* Classes */
.clear{width:100%;height:1px;margin:0 0 -1px;clear:both}
.left{float:left}
.right{float:right}
.advert{display:block}
.relative{position:relative}

.hide {display:none}
.show {display:block}

.signIn {margin-top:10px}
.formErrMsg {color:#FF0000;clear:left}
.formHelpContext {color:#0066CC;font-style:italic}
.required {color:#ff0000;padding:0 5px 0 0}
.hideThis { visibility:hidden}
/* Font */
.alignL {text-align:left}
.alignR {text-align:right}
.alignC {text-align:center}
.alignJ {text-align:justify}
.valignT {vertical-align:top}
.valignM {vertical-align:middle}
.valignB {vertical-align:bottom}
.weightN {font-weight:normal}
.weightB {font-weight:bold}
.tiny {font-size:80%}
.smaller {font-size:90%}
.bigger {font-size:110%}

/* Background */
.bgWhite{background:#FFF}
.bgBlue{background:#039}
.bgLtBlue{background:#D5E8FB}
.bgDkBlue{background:#040C5C}
.bgNavBlue{background:#6698CB}
.bgGrey{background:#E5E5E5}
.bgDkGrey{background:#666}
.bgRed{background:#C00}
.bgPeach{background:#FC9}
.bgPurple{background:#96C}
.bgGreen{background:#090}
.bgOrange{background:#F60} /* Alternative #FF9800 */
.bgBlack{background:#000}
.bgYellow{background:#FFC}

/* Font Color */
.txtWhite{color:#FFF}
.txtBlue{color:#039}
.txtLtBlue{color:#D5E8FB}
.txtDkBlue{color:#040C5C}
.txtNavBlue{color:#6698CB}
.txtGrey{color:#E5E5E5}
.txtDkGrey{color:#666}
.txtRed{color:#C00}
.txtPeach{color:#FC9}
.txtPurple{color:#96C}
.txtGreen{color:#090}
.txtOrange{color:#F60} /* Alternative #FF9800 */
.txtBlack{color:#000}

/* Links */
.msg a, .msg a:hover, .msg a:link, .msg a:visited, .msg img {color:#ffff33;text-decoration:none;border:none}
.msg a:hover {color:#3399ff}

/* Border */
.bordered {border:1px solid #97A4B3}
.borWhite{border:1px solid #FFF}
.borBlue{border:1px solid #039}
.borLtBlue{border:1px solid #D5E8FB}
.borDkBlue{border:1px solid #040C5C}
.borNavBlue{border:1px solid #6698CB}
.borGrey{border:1px solid #E5E5E5}
.borDkGrey{border:1px solid #666}
.borRed{border:1px solid #C00}
.borPeach{border:1px solid #FC9}
.borPurple{border:1px solid #96C}
.borGreen{border:1px solid #090}
.borOrange{border:1px solid #F60} /* Alternative #FF9800 */
.borBlack{border:1px solid #000}

/* Dimensions */
/* Widths */
.w25{width:25px}
.w35{width:35%}
.w50{width:50px}
.w75{width:75px}
.w100{width:100px}
.w125{width:125px}
.w150{width:150px}
.w175{width:175px}
.w200{width:200px}
.w235{width:235px}
.w225{width:225px}
.w250{width:250px}
.w270{width:270px}
.w275{width:275px}
.w300{width:300px}
.w325{width:325px}
.w350{width:350px}
.w375{width:375px}
.w400{width:400px}
.w550{width:550px}
.w600{width:6000px}
.w780{width:780px}
.w49{width:49%}
.w40{width:40%}
.w60{width:60%}
.oneHalf{width:30em}
.theWhole{width:78em}

/* Heights */
.h15{height:15px}
.h20{height:20px}
.h25{height:25px}
.h50{height:50px}
.h75{height:75px}
.h100{height:100px}
.h125{height:125px}
.h150{height:150px}
.h175{height:175px}
.h200{height:200px}
.h225{height:225px}
.h250{height:250px}
.h275{height:275px}
.h300{height:300px}
.h325{height:325px}
.h350{height:350px}
.h375{height:375px}
.h400{height:400px}

/* Padding */
.noPad{padding:0}
.pad2{padding:0.2em}
.pad3{padding:0.3em}
.pad5{padding:0.5em}
.pad10{padding:1em}
.padTB5{padding:0.5em 0}
.padTB10{padding:1em 0}
.padTB15{padding:1.5em 0}
.padB15{padding:0 0 1.5em}
.padRL5{padding:0 0.5em}
.padRL10{padding:0 1em}
.padRL15{padding:0 1.5em}
.padR1{padding-right:1em}

.centered {text-align:center}

/* Margin */
.noMar{margin:0}
.mar2{margin:0.2em}
.mar3{margin:0.3em}
.mar5{margin:0.5em}
.mar10{margin:1em}
.marL10{margin-left:1em}
.marR10{margin-right:1em}
.marLR10{margin-left:1em;margin-right:1em}
.marLRB10{margin-left:1em;margin-right:1em;margin-bottom:1em}
.marTB5{margin:0.5em 0}
.marTB10{margin:1em 0}
.marTB15{margin:1.5em 0}
.marRL5{margin:0 0.5em}
.marRL10{margin:0 1em}
.marRL15{margin:0 1.5em}
.marB10{margin:0 0 1em}
.marR10{margin:0 1em 0 0}
.marB15{margin:0 0 1.5em}

/* Boxes and Layout */
div.module { margin-bottom:0.5em}

.clearfix:after { content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
h1, h2, h3 { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
h1, h2, h3 { padding:0.8em;margin-bottom:0.5em;background:url('/include/style/images/subhead.jpg') repeat-y left;color:#fff;font-family:Arial, Helvetica, sans-serif}
h4, h5, h6 { margin:0;padding:0;border:0;outline:0;font-weight:bold;font-style:inherit;height:1.4em;font-family:inherit;vertical-align:baseline}
h4, h5, h6 { padding:0.4em 0.2em 0.2em;margin-bottom:0.8em;background:url('/include/style/images/subhead.jpg') repeat-y left;color:#fff;font-family:Arial, Helvetica, sans-serif}

div.b div div,
div.tb div div, 
div.bb div div{ height:5px;margin:0 4px;font-size:0;overflow:hidden }
div.mb { padding:0.1em 0.5em}
div.tb div div, 
div.bb div div{ background:#FFF none}
div.mb { background:#FFF none;border:solid #A8A8A8;border-width:0 1px}
div.tb div div { border-top:solid 1px #A8A8A8}
div.bb div div { border-bottom:solid 1px #A8A8A8}
div.b,
div.b div,
div.tb div, 
div.tb, 
div.bb, 
div.bb div { background:transparent url('/include/style/images/cornersSheet.png') no-repeat left top;overflow:hidden}
div.tb div { background-position:right top}
div.bb { background-position:left -7px}
div.bb div { background-position:right -7px}
div.b { background-position:left -56px}
div.b div { background-position:right -56px}
div.b div div { background:transparent url('/include/style/images/bgSheet.png') repeat-x left -792px}
div.bb {margin-bottom:.5em}

a.squarebutton{
background:transparent url('/include/style/images/square-blue-left.gif') no-repeat top left;
display:block;
float:right;
font:normal 11px Verdana,Arial,Helvetica,sans-serif;
line-height:15px;/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height:23px;/* Height of button background height */
padding-left:9px;/* Width of left menu image */
text-decoration:none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color:#494949;/*button text color*/
}

a.squarebutton span{
background:transparent url('/include/style/images/square-blue-right.gif') no-repeat top right;
display:block;
padding:4px 9px 4px 0;/*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position:bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position:bottom right;
color:black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow:hidden;/*See:http://www.quirksmode.org/css/clearing.html */
width:100%}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {list-style:none;margin:0;padding:0}

ul.dropdown {position:relative;z-index:597;float:left}

ul.dropdown li {float:left;line-height:1.3em;vertical-align:middle;zoom:1}

ul.dropdown li.hover,
ul.dropdown li:hover {position:relative;z-index:599;cursor:default}

ul.dropdown ul {visibility:hidden;position:absolute;top:100%;right:0;z-index:598;width:100%}

ul.dropdown ul li {float:none}

ul.dropdown ul ul {top:1px;left:99%}

ul.dropdown li:hover > ul {visibility:visible}

.navPageRecords {float:left;clear:both;margin:1.6em auto;width:100%;text-align:center;border:2px solid #EFF5FA;padding:1em 0 1em 0;border-left:none;border-right:none}
.navPageRecords a {font-weight:none}
.navPageRecords a:hover {text-decoration:none}