/* United Personnel Services */
/* Copyright 2007 Ashton Services, Inc. */
/* SSD -- 2007 */
/* Mar 2009 mods by LT */

/* Page Body and Default Styles */

body {

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: normal;
}


p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 1em 0px;
}

a {
	color: #5A7994;
	text-decoration: none;
}

h1 {
	margin: 0px 0px 7px 0px;
	font: bold 18pt Arial, Helvetica, sans-serif;
	padding: 0px;
}

h2 {
	margin: 0px 0px 7px 0px;
	font: bold 16pt Arial, Helvetica, sans-serif;
	padding: 0px;
}

h3 {
	margin: 0px 0px 7px 0px;
	font: bold 14pt Arial, Helvetica, sans-serif;
	padding: 0px;
}



/* Structural Divs */



#page {
	background-color: #FFFFFF;
	border: none;
	padding: 0px;
	width: 775px;
	margin-right: auto;
	margin-left: auto;
}



/* Header Styles */

#top-header {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 775px;
	height: 131px;
	background-image: url(/img/top.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#top-nav {
	margin: 0px;
	padding-left: 0px;
    padding-top: 0px;
	width: 775px;
    height: 39px;
}



#active a
{
	padding: 0.25em 0.5em 0.25em 0.75em;
	background: #ffffff;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #303020;
	font-weight: bold;
}

#active a:link
{
	color: #000000;
}

#active a:visited
{
	color: #000000;
}

#active a:hover
{
	color: #000000;
}


/* Content Area Styles */

#page-content {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	clear: both;
	background-repeat: repeat-y;
	background-position: left top;
}

#home-page-content {
	background-color: #ffffff;
	clear: both;
	background-image: url(/img/content_bg.gif);
	width: 775px;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	min-height: 490px;
	float: left;
}

#home-search {
	width: 280px;
	float: right;
}

#inside-search {
	width: 220px;
	float: right;
	margin: 20px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#inside-search form {
margin: 0;
}


#home-content-data {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	float:left;
	margin: 0px;
	width: 465px;
}

#content-data {
	background: #ffffff repeat-y none;
	height: 100%;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-left-style: solid;
	border-left-color: #A8A8A8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 210px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#content-data a {
	color: #5A7994;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 1em 0px;
	text-decoration: underline;
}


#content-data h1 {

	margin: 0px 0px 8px 0px;
	color: #5A7994;
	font: bold 18pt Arial, Helvetica, sans-serif;
	padding: 0px;
}

#content-data h2 {
	margin: 0px 0px 8px 0px;
	color: #5A7994;
	font: bold 16pt Arial, Helvetica, sans-serif;
	padding: 0px;
}

#content-data h3 {
	margin: 0px 0px 8px 0px;
	color: #5A7994;
	font: bold 14pt Arial, Helvetica, sans-serif;
	padding: 0px;
}


#content-data a:link, #content-data a:visited {
	text-decoration: none;
}

#content-data a:hover, #content-data a:active {
	text-decoration: underline;
}


/* Sidebar Styles */
#content-sidebar {
	width: 206px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-right-color: #9a9a9a;
	border-style: solid;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	min-height: 400px;
	/* Set to default later */
       /* background-image: url(/img/LeftNav1.jpg); */
        background-repeat: no-repeat;
	background-position: left top;
}

body.client_services #page-content {
	background-image: url(/img/LeftNav_cover.jpg);
}

body.job_seekers #page-content {
	background-image: url(/img/LeftNav_cover.jpg);
}

body.field_staff #page-content {
	background-image: url(/img/LeftNav_ladiesdesk.jpg);
}

body.about_us #page-content {
	background-image: url(/img/LeftNav_staff.jpg);
}

body.contact_us #page-content {
	background-image: url(/img/LeftNav_hardhatladydesk.jpg);
}

body.thank_you #page-content {
	background-image: url(/img/LeftNav_staff.jpg);
}

body.search_results #page-content {
	background-image: url(/img/LeftNav_techlady.jpg);
}

/* Hack for IE */
* html #content-sidebar {
    height: 550px;
}
/* End IE Hack */



/* SubNav */



#sidebar-subnav {
	width: 200px;
	margin: 200px 0px 0px 0px;
	padding: 0px;
	min-height: 300px;
}



#sidebar-subnav ul {
	position:relative;
	width:auto;
	clear: both;
	padding:2px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:-5px;
}

/* 2009 HomePage - changes to left sidebar*/

#sidebar-subnav2009 {
	width: 185px;
	margin: 195px 0px 0px 12px;
	padding: 0px;
	min-height: 300px;
}


#sidebar-subnav2009 h1 {
	margin: 0px 0px 2px 0px;
	color: #5A7994;
	font: bold 18pt Arial, Helvetica, sans-serif;
	padding: 0px;
}

#sidebar-subnav2009 h2 {
	margin: 0px 0px 2px 0px;
	color: #5A7994;
	font: bold 16pt Arial, Helvetica, sans-serif;
	padding: 0px;
}

#sidebar-subnav2009 h3 {
	margin: 0px 0px 2px 0px;
	color: #5A7994;
	font: bold 14pt Arial, Helvetica, sans-serif;
	padding: 0px;
}


#sidebar-subnav2009 a {
	color: #5A7994;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 1em 0px;
	text-decoration: none;
}

#sidebar-subnav2009 ul {
	margin: -20px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
}

#sidebar-subnav2009 ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
}

#sidebar-header {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font: small Arial, Helvetica, sans-serif;
}
#sidebar-header h1 {
	color: #5F0023;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14pt;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}


#sidebar-footer {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font: small Arial, Helvetica, sans-serif;
}
#sidebar-footer h1 {
	color: #000000;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14pt;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

#sidebar-footer h2 {
	color: #000000;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12pt;
	margin-top: 10px;
	margin-left: 8px;
}

#sidebar-footer h3 {
	color: #000000;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10pt;
	margin-top: 10px;
	margin-left: 8px;
}

#sidebar-footer p {
	color: #000000;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	margin-left: 8px;
}


#sidebar-subnav {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

/* Level 1 Subnav */


/* Active Page in the current navigation */
#page #sidebar-subnav li a.active { color: #333333; }

#sidebar-subnav li {
	padding: 0 0 5px 0;
	margin: 0px 0px 0px 5px;
	list-style: none;
	font-size: 9pt;
	margin-bottom: 7px;
}

#sidebar-subnav li a {
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	color: #5A7994;
}
#sidebar-subnav li a:active { color: #333333; }
#sidebar-subnav li a:visited { color: #5A7994; }
#sidebar-subnav li a:hover { color: #333333; text-decoration:none; }

/* Level 2 Subnav */

#sidebar-subnav ul li ul li {
	margin: 0px 0px 0px 10px;
	list-style: none;
	font-size: 8pt;
	list-style-type: disc;
}

#sidebar-subnav ul li ul li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	color: #5A7994;
}

/* Level 3 Subnav */

#sidebar-subnav ul li ul li ul li {
	margin: 0px 0px 0px 15px;
	font-size: 7pt;
	list-style-type: square;
}

#sidebar-subnav ul li ul li ul li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 7pt;
	color: #5A7994;
}



/* Footer Styles */

#page-footer {
	width: 765px;
	height: 37px;
        margin: 0px;
	padding: 0px;
	clear: both;
	background-image: url(/img/footer2007-3.jpg);
	background-position: top;
	background-repeat: none;
	

}



#footer-data {
	font: x-small Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
	margin: 0px;
	padding: 4px;
}

	

/* Functions  for use in the Preview*/



#Functions {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #000;
	font: 10px Arial, Helvetica, sans-serif;
}



#Functions ul, #Functions li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}



#Functions a:link, #Functions a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #003366;
	border-bottom: 4px solid #999999;
	padding-bottom: 2px;
}



#Functions a:hover, #Functions a:active {
	border-bottom: 4px solid #000;
	padding-bottom: 2px;
	background: transparent;
	color: #0066CC;
}

.fbox {
	background-color: #DDDDDD;
	padding: 0px;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.fbox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #016766;
	margin: 0px;
	padding: 10px 0px 5px;
	font-weight: normal;
}
.fbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 10px 0px 10px 35px;
}

.fbox img {
	float: left;
	margin: 0px;
	padding: 10px 5px 5px 10px;
}

.fbox2 {
	padding: 0px;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(/img/fbox2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.fbox2 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #016766;
	margin: 0px 50px 0px 0px;
	padding: 5px 0px;
	font-weight: normal;
	text-align: right;
}
.fbox2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px;
	padding: 10px 0px 10px 35px;
}

.fbox2 img {
	float: left;
	margin: 0px;
	padding: 10px 5px 5px 10px;
}

.customer blockquote {
        width: 200px;
        text-align: center;
        margin: 0;
        padding: 0;
        font-family: georgia, serif;
        font-size: 125%;
        letter-spacing: -1px;
        line-height: 1em;
        color: #000;
        background: url(/img/fi_top.gif) no-repeat top left;
}

.customer #quote {
        margin: 0;
        color: #333;
        line-height: 18px;
        font-size: 110%;
        padding: 20px 20px 10px 20px;
        background: url(/img/fi_bottom.gif) no-repeat right bottom;
}

.customer #author {
        margin: 0;
        padding: 0 0 10px 0;
        color: #666;
        font-size: 90%;
}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.tooltip a {
	color: #000000 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10pt !important;
	font-weight: bold !important;
	margin: 0px;
	padding: 0px 0px 0px 0px;
        text-decoration: none;
}

.tooltip p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
        text-align: center !important;
}

#featured {
	background-image: url(/img/featured_bg.gif);
	background-repeat:no-repeat;
	height: 357px;
	width: 220px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#featured h1 {
	background-image: url(/img/featured_h1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	height: 25px;
}
#featured p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#category-header {
	color: #5A7994;
	padding: 7px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14pt;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
        border-bottom: 1px solid #999999;
        clear: right;
}

#category-header2009 {
	color: #ff0000;
        margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-bottom: 5px solid #999999;
}

#category-header2009-1 {
	color: #ff0000;
        margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-bottom: 0px solid #999999;
}

/*APPLICATION FORM STYLES*/

/* ----------------- misc -------------- */

/*.fieldset br.clear
{
	clear: both;
}*/

/* ---------------- fieldset ---------- */

.fieldset
{
	overflow: hidden;
	height: 1%;
	background: #f5f5f5;
	border: 1px solid #aaa;
	padding: 1em;
	margin: 20px 0px;
	width: 550px;
	width: 48.9em;
	width: 46.9em;
	font-size: 11px;
}

/* ------------------ fields ---------- */

.row
{
	overflow: hidden;
	height: 1%;
	margin: .5em 0em;
}

.field
{
	position: relative;
	float: left;
	padding-right: 1em;
	font-size: 11px;
}

/* Fields are sized by em, to handle size changes accordingly.
 *
 * Example formula for 35% is:
 *
 * (47em * 0.35) - (1em right margin) - (.5 * 2 padding on sides) = 14.45em */

.field-10 input.text, .field-10 label, .field-10 select, .field-10 .autoresize { width: 2.7em; }
.field-15 input.text, .field-15 label, .field-15 select, .field-15 .autoresize { width: 5.05em; }
.field-20 input.text, .field-20 label, .field-20 select, .field-20 .autoresize { width: 7.40em; }
.field-25 input.text, .field-25 label, .field-25 select, .field-25 .autoresize { width: 9.75em; }
.field-30 input.text, .field-30 label, .field-30 select, .field-30 .autoresize { width: 12.10em; }
.field-35 input.text, .field-35 label, .field-35 select, .field-35 .autoresize { width: 14.45em; }
.field-40 input.text, .field-40 label, .field-40 select, .field-40 .autoresize { width: 16.80em; }
.field-45 input.text, .field-45 label, .field-45 select, .field-45 .autoresize { width: 19.15em; }
.field-50 input.text, .field-50 label, .field-50 select, .field-50 .autoresize { width: 21.50em; }
.field-55 input.text, .field-55 label, .field-55 select, .field-55 .autoresize { width: 23.85em; }
.field-60 input.text, .field-60 label, .field-60 select, .field-60 .autoresize { width: 26.20em; }
.field-65 input.text, .field-65 label, .field-65 select, .field-65 .autoresize { width: 28.55em; }
.field-70 input.text, .field-70 label, .field-70 select, .field-70 .autoresize { width: 30.90em; }
.field-75 input.text, .field-75 label, .field-75 select, .field-75 .autoresize { width: 33.25em; }
.field-80 input.text, .field-80 label, .field-80 select, .field-80 .autoresize { width: 35.60em; }
.field-85 input.text, .field-85 label, .field-85 select, .field-85 .autoresize { width: 37.95em; }
.field-90 input.text, .field-90 label, .field-90 select, .field-90 .autoresize { width: 40.30em; }
.field-95 input.text, .field-95 label, .field-95 select, .field-95 .autoresize { width: 42.65em; }
.field-100 input.text, .field-100 label, .field-100 select, .field-100 .autoresize { width: 45em; }


.field-end { padding-right: 0em; }

.field input.text, .field textarea, .field input.text-noresize, .field input.file
{
	border: 1px solid #bbb;
	padding: .2em .4em;
	font-size: 11px;
	margin: 0px;
}

.field select
{
	font-size: 11px;
	margin: 0px;
}

.field label
{
	/*text-transform: uppercase;*/
	font-size: 11px;
	font-style: italic;
	display: block;
	font-family: sans-serif;
}

.required label
{
	padding-left: 11px;
	background-image: url('/images/require.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	white-space: nowrap;
}

.field label.forcheckbox, .field label.inline
{
	display: inline;
	padding-right: 2px;
	padding-left: 0px;
	text-transform: none;
	background: none;
	font-weight: normal;
	font-style: normal;
}

.skills label.inline
{
   color: #000000;
}

.skills label
{
   margin-top: 12px;
   color: #777;
}

/*.required input.text, .required textarea, .required input.text-noresize
{
	border: 1px solid #FFAA23;
	background: #FFF8AB;
}*/