/* 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:8pt;}
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:center}
q:before, q:after {content:"}
td, p, table, h1, h2, label, fieldset, label, a, div, .title, .smallTxt, .smallerTxt, .botTitle {text-align:left}
body {background:#666666;height:100%;text-align: center;}
ul, li {margin-bottom:1px; list-style:none; list-style-type:none}
input {text-align:left;height:15px;}
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;}
input {background:url('/include/style/images/normalTitleBackground.gif') repeat-x bottom; height:1.4em;padding:0.3em 0.2em 0.1em;}
textarea {background:url('/include/style/images/textareaBackground.gif') repeat-x bottom; height:1.4em;padding:0.3em 0.2em 0.1em;}

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

/* Headings */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:125%;}
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; text-decoration:underline;}

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

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

.cols {width:100%;}
.cols th, .cols td {text-align:left;vertical-align:top;}
.cols th {width:100px;}

.onlineNow {width:80px; height:20px;}

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

.signIn {margin-top:10px}
.formErrMsg {color:#FF0000}
.formHelpContext {color:#0066CC;}
.required {color:#ff0000;padding:0 5px 0 0;}

/* 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:49.25%;}
.theWhole{width:100%;}

/* 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;}
.centered {text-align:center}

/* Margin */
.noMar{margin:0;}
.mar2{margin:0.2em;}
.mar3{margin:0.3em;}
.mar5{margin:0.5em;}
.mar10{margin: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;}

/* List items */
#ylwboxnote ul {list-style-type:circle;color:#333;margin:0;padding:2px 18px;}
#ylwboxnote li {margin:0;padding:5px 0;}

/* 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/bgSheet.png') repeat-x left -800px; color: #036;font-family:Arial, Helvetica, sans-serif}
h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; 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/bgSheet.png') repeat-x left -800px; color: #036;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}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('/include/style/images/square-blue-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 12px Arial; /* Change 12px as desired */
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%;
}