/* screen.css */

@import url("article.css");

body {
   margin: 0 10px 10px 10px;
   padding: 0 0 150px 0;
   background: #ffffcc;
}

body, p, td, th, input {
   font-family: Verdana, Tahoma, sans-serif;
   font-size: 13px;
}
body {font-size: 13px;}


h1, h2, h3, h4, h5, h6,
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 {
   font-family: Trebuchet MS, Arial, sans-serif;
   }
h1, span.h1 {font-size: 180%;}
h2, span.h2 {font-size: 160%;}
h3, span.h3 {font-size: 140%;}
h4, span.h4 {font-size: 120%;}
h5, span.h5 {font-size: 100%;}
h6, span.h6 {font-size: 90%;}

span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 {
    display: block;
	font-weight: bold;
	}
a:link {color: #039;}
a:visited {color: #039;}
a:hover {color: #063;}
a:active {color: #000;}

.accel {text-decoration: underline;}

#contain {
   min-width: 610px;
   padding-top: 10px;
/*
   max-width: 103em;
   margin: 0 auto;
   */
   background: transparent url("../graphics/fade.gif") top left repeat-x;
   }

#header {
   background: #660033 url("../graphics/bg_header2.gif") top right repeat-y;
   position: relative;
   height: 75px;
   padding: 3px 10px 0 10px;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 72px;
   padding: 15px 0;
   }
html>body #header {
   height: 72px;
   padding: 15px 0;
   }

#header h1 {
   margin: 0;
   /* position: absolute;
   top: 3px;
   left: 10px; 
   margin: 0;
   font-size: 2px ! important;
   background: url("") no-repeat;
   height: 8px;
   z-index: 100; /* above the UL */
   */
   }
#header h1 a {
   display: block;
   width: 300px;
   height: 72px;
   margin-left: 10px;
   background: transparent url("../graphics/wbslogo2.gif") no-repeat;
   /* undo the text-indent for print.css */
   text-indent: -700em;
   text-decoration: none;
   }
#lblSearch {font-weight: bold; text-decoration: underline;}
#header ul#mNav {
		width: auto;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0 15px 0 0;
		list-style: none;
		background: url("") no-repeat bottom right;
		z-index: 90; /* below the H1 */
	}
	#mNav li {
		float: right;
		background: transparent url("../graphics/header_tab.gif") 100% -200px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 2px 0 0;
		/* border-bottom: 1px solid #515358; */
	}
	#mNav li a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		background: transparent url("../graphics/header_tab.gif") 0% -200px no-repeat;
		font-weight: bold;
		color: #336600;
		text-decoration: none;
	}
	#mNav li:hover a {
	    background: transparent url("../graphics/header_tab.gif") 0% 0 no-repeat;
		}
	#mNav li:hover {
	    background: transparent url("../graphics/header_tab.gif") 100% 0 no-repeat;
		}
	#mNav li.active a {background-position: 0% -400px;}
	#mNav li.active {background-position: 100% -400px;}

	
#menu_support {}
#menu_services {}
#menu_jobs {}
#menu_about {}

#menu_support.active {background-position: 100% -400px;}
#menu_services.active {background-position: 100% -400px;}
#menu_jobs.active {background-position: 100% -400px;}
#menu_about.active {background-position: 100% -400px;}

#menu_support.active a {background-position: 0% -400px;}
#menu_services.active a {background-position: 0% -400px;}
#menu_jobs.active a {background-position: 0% -400px;}
#menu_about.active a {background-position: 0% -400px;}
		
#header div.special {
		position: absolute;
		top: 3px;
		right: 0;
		padding: 0 20px 0 0;
		background: url("") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
div.special h2 {
    margin: 0;
	padding: 0 3px 0 3px;
	color: #fff;
	font-size: 120%;
	border-bottom: 2px dashed #fff;
	}
.specialPhone {display: none;}   

#nav {}
#side_lt {
   position: absolute;
   left: 10px;
   top: 112px;
   width: 200px;
   padding-bottom: 6px;
   border: 0;
   border-bottom: 3px solid #cc9;
   background: #FFFFCC;
   }
#side_lt ul.nav {
   list-style: none;
   margin: 0 0 10px 0;
   padding: 0;
   background-color: #FFFFCC;
   font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;
   }

#side_lt ul.nav li a span {display: none;}
#side_lt ul.nav ul {margin: 0; padding: 0;}
#side_lt ul.nav ul li {
    list-style: square url("../graphics/icon_list.gif");
	margin-left: 20px;
	padding: 0;
	}

#side_lt ul.nav ul a {
   display: block;
   margin: 0;
   padding: 0;
   border-top: 1px solid #ffffcc;
   border-right: 2px solid #ffffcc;
   border-bottom: 2px solid #ffffcc;
   border-left: 1px solid #ffffcc;
   text-indent: 3px;
   text-decoration: none;
   font-size: 120%;
   font-weight: bold;
   }
   
#side_lt ul.nav ul a:hover {
   border-top: 1px solid #990033;
   border-right: 2px solid #660033;
   border-bottom: 2px solid #660033;
   border-left: 1px solid #990033;
   background-color: #fff;
   }

#side_lt ul.nav a.staffing {
    display: block;
	width: 200px;
	height: 23px;
	background: transparent url("../graphics/link_staffing.gif") top left no-repeat;
	}
#side_lt ul.nav a.staffing:hover {
	background: transparent url("../graphics/link_staffing.gif") 0 -23px no-repeat;
	}
#side_lt ul.nav a.services {
    display: block;
	width: 200px;
	height: 23px;
	background: transparent url("../graphics/link_services.gif") top left no-repeat;
	}
#side_lt ul.nav a.services:hover {
	background: transparent url("../graphics/link_services.gif") 0 -23px no-repeat;
	}
#side_lt ul.nav a.offices {
    display: block;
	width: 200px;
	height: 23px;
	background: transparent url("../graphics/link_offices.gif") top left no-repeat;
	}
#side_lt ul.nav a.offices:hover {
	background: transparent url("../graphics/link_offices.gif") 0 -23px no-repeat;
	}
#side_lt ul.nav a.contact {
    display: block;
	width: 200px;
	height: 36px;
	background: transparent url("../graphics/link_contact.gif") top left no-repeat;
	}
#side_lt ul.nav a.contact:hover {
	background: transparent url("../graphics/link_contact.gif") 0 -36px no-repeat;
	}

#side_lt ul.nav ul {
   list-style: square url("");
   margin: 0 0 0 0;
   padding: 0 0 0 1.6em;
   }
#side_lt ul.nav ul li {margin: 0; padding: 0;}

#side_lt h3 {
   border-bottom: 2px solid #666;
   }
#side_lt h3 a {
   text-decoration: none;
   }

#side_rt {
   position: absolute;
   right: 10px;
   top: 112px;
   width: 200px;
   border: 0;
   border-bottom: 3px solid #cc9;
   padding: 0 10px 0 0px;
   background-color: #FFFFCC;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 190px;
		}
html>#side_rt {width: 190px;}
  
* html #content { height: 32em; } /* for ie only */
#content {
   		position: relative;
		min-width: 180px;
		min-height: 32em;
		margin-left: 199px;
   		margin-right: 199px;
		padding: 10px 10px 20px 10px;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
   		margin-right: 201px;
		}		
body>#content {
        height: 0;
        height: auto;
   		margin-left: 201px;
   		margin-right: 201px;
		}
#content h1 {
    margin: 3px 0 0 3px;
	padding: 3px 0 13px 0;
	background: transparent url("../graphics/heading_underline.gif") bottom left no-repeat;
	}
/* different content - start */
#services #content {}

/* different content - end */

/* headings - start */
#heading {
    margin: 0 0 3px 0;
	border-bottom: 1px dashed #cc9;
	}
#services #heading {
    margin: 0 0 3px 0;
	border-bottom: 1px dashed #cc9;
	}
/* headings - end */
#footer {
 position: relative;
 clear: both;
 width: 100%;
 padding: 5px 0 0 0;
 text-align: center;
 background: transparent url("../graphics/wbslogo_footer2.png") top right no-repeat;
 }
#footer a img {border: 0;}
#footer h6 {
   margin: 0;
   padding: 3px;
   }
#footer ul {
   margin: 0;
   padding: 0 0 3px 0;
   border-top: 1px solid #cc9;
   }
#footer ul li {
   display: inline;
   font-size: 90%;
   }
#footer li a {padding: 0 3px 0 3px; text-decoration: none;}
#footer #phone { font-weight: bold;}

div.validators {font-size: 70%;}
div.validators a:link,
div.validators a:visited {color: #CCCC99;}
div.validators a:hover {color: #99CC99;}

#search {
    margin-top: 3px;
	padding: 3px;
	border: 1px solid #999;
	background: #eee;
	-moz-border-radius: 3px;
	-moz-opacity: 0.9;
	}
#lblSearch {
    text-decoration: none;
	}

/* office start */
#office_jump {
    margin: 0 0 6px 0;
	padding: 0;
	border-bottom: 3px solid #cccc99;
	text-align: right;
	}
#office_jump li {
    display: inline;
	padding: 0 6px 0 23px;
	background: transparent url("../graphics/icon_house.gif") center left no-repeat;
	}
#office_jump a {padding: 0 3px 0 3px; font-weight: bold; text-decoration: none;}
#office_jump a:hover {background-color: #cccc99;}

div.office {
    clear: both;
	margin: 20px 0 6px 0;
	border-top: 3px solid #999966;
	background: #E5E5AC;
	}
div.office h2 {margin: 0; padding: 0 0 0 1em; background: #cccc99;}
div.office img.oImage {
    float: left;
	margin: 0 10px 10px 0;
	}
div.office ul.address {
	float: left;
	list-style: none;
	margin: 0;
	padding: 6px;
	border: 1px solid #333;
	background: #cccc99;
	}
ul.address li {}
ul.address .head {display: block; font-weight: bold;}
ul.address .s {display: block;}
ul.address .city {display: inline;}
ul.address .state {display: inline;}
ul.address .zip {display: inline;}
ul.address .country {display: block;}

div.office ul.contact {
    clear: both;
	list-style: none;
	margin: 0 3px 0 3px;
	padding: 6px;
	border: 1px solid #aaa;
	}
	
div.office ul.contact li.email a {
    font: 113% "Lucida Console", "Lucida Sans Typewriter", "Lucida Sans Unicode";
	text-decoration: none;
	}
div.office h4 {clear: both; margin: 0 0 0 20px; padding: 0;}

dl.contacts {
    clear: both;
	list-style: none;
	margin: 0 0 0 20px;
	height: auto;
	}
dl.contacts dt {margin: 0 0 0 160px;}
dl.contacts dt.uPic {
    clear: left;
	float: left;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #333;
	min-height: 150px;
	width: 160px;
	voice-family: "\"}\""; /* Tantek hack */
	voice-family: inherit;
	width: 150px;
	}
dl.contacts>dt.uPic {width: 150px;}
dl.contacts dd {margin: 0 0 0 160px;}
dl.contacts dd.name {
	padding: 5px;
	border-top: 1px solid #333;
	}
dd.name a {font-weight: bold; text-decoration: none;}
dl.contacts dd.name span.title {
    padding: 0 6px 0 6px;
	font-style: italic;
	font-weight: bold;
	}
dl.contacts dd.profile {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	min-height: 130px;
	background: #EDCCDB;
	}
dd.profile a {text-decoration: none;}


/* office end */


/* job seekers */
.job_seeker {
   padding: 10px;
   border: 1px dashed #963;
   }
.job_seeker h2 {
   margin: 0;
   }

/* testimonials */
h3.testim {margin: 3px 0 0 0;}
p.testim {
   margin: 0;
   padding: 3px 3px 10px 3px;
   font-family: "Lucida Console", "Lucida Sans Unicode", Verdana, Arial, sans-serif
   font-size: 85%;
   background: #cccc99 url("../graphics/cccc99_crv_br.gif") bottom right no-repeat;
   }
p.testim a {
   color: #333;
   text-decoration: none;
   }
p.testim a:visited {color: #000;}
p.testim a:hover {color: #666;}

p.testim span {
   font-style: italic;
   }
div.testim {
    padding: 6px;
	}
div.testim h3 {
    border-bottom: 2px solid #cccc99;
	text-align: right;
	}
div.testim span.cname {
    font-style: italic;
	}
	
   
/* tips */
h3.tip {margin: 3px 0 0 0;}
p.tip {
    margin: 0;
	margin-bottom: 2em;
	padding: 3px 3px 10px 3px;
	font-size: 85%;
	background: #cccc99 url("../graphics/cccc99_crv_br.gif") bottom right no-repeat;
	}
p.tip span {padding-right: 6px; font-weight: bold;}
p.tip a {text-decoration: none;}

a.tip, a.tipx {
    display: block;
	margin: 0;
	padding: 3px;
	text-decoration: none;
	}
a.tipx {background: #CCFF66;}
a.tip span.h2,
a.tipx span.h2 {
    display: block;
	margin: 0;
	font-size: 125%;
	font-weight: bold;
	}
a.tip span.p,
a.tipx span.p {
    display: block;
	margin: 0;
	padding-left: 2em;
	}

div.tip,
div.tipx {
    margin: 0;
	padding: 3px;
	}
div.tip h2 {border-bottom: 3px solid #CCCC99;}
div.tip p {margin: 0; padding: 1em;}

#search_tip {
	text-align: right;
	margin: 0;
	padding: 3px;
	border-bottom: 1px solid #cccc99;
	}
ul#jobs {
 position: relative;
 margin: 0;
 padding: 0;
 }
#jobs li { display: inline; margin-left: 0; padding: 0;}
#jobs li a:link,
#jobs li a:visited {
 display: block;
 margin: 3px 10px 3px 10px;
 padding: 3px 8px 3px 15px;
 border: 1px solid #ffffcc;
 background: transparent url(../graphics/list_icon_job.gif) 3px 3px no-repeat;
 text-decoration: none;
 }
#jobs li a:hover,
#jobs li a:active {
 border: 1px solid #cccc99;
 background: #ccff99 url(../graphics/list_icon_job.gif) 3px 3px no-repeat;
 }
#jobs li a span {
 clear: both;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 110%;
 font-weight: bold;
 }
 
#displayAllJobs a {
    position: relative;
	display: block;
	width: 216px;
	height: 38px;
	border-bottom: 2px solid #FFFFCC;
	background: transparent url("../graphics/displayalljobs.gif") center center no-repeat;
	}
#displayAllJobs a:hover {
    border-bottom: 2px solid #999999;
	}
#displayAllJobs a span {display: none;}

.cpages {list-style: none; margin: 3px 0 3px 0; padding: 10px; border: 2px solid #cc9;}
.cpages li {list-style: square url(../graphics/list_cpages.gif); margin-left: 20px; border-bottom: 1px dashed #cc9;}
.cpages li a:link,
.cpages li a:visited {display: block; font-family: Trebuchet MS, Arial, sans-serif; font-size: 120%;}

.cpages li a:hover {background: #cc9;}

.sm {font-size: 75%;}
a img.noB {border: 0;}

.x {background-color: #ddd;}

.clearer {
    clear: both;
	line-height: 1px;
	font-size: 1px;
	background-color: transparent;
	}
.err, .error {
    padding: 20px 0 20px 60px;
    min-height: 50px;
	border: 2px solid red;
	color: red;
	background: #FFCCCC url("../graphics/error.gif") center left no-repeat;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	}
.req {color: red;}

#job_featured {
 margin: 13px;
 padding: 13px;
 border: 1px solid #999;
 background-color: #336699;
 
 }
#job_featured h3 {
 margin: 0;
 padding: 3px;
 text-align: right;
 background-color: #6699cc;
 }
#job_featured h4 {
 margin: 0;
 padding: 3px;
 background-color: #6699cc;
 font-size: 150%;
 }
#job_featured dl {
 position: relative;
 margin: 0;
 padding: 0;
 }
#job_featured dl dt {
 position: relative;
 clear: none;
 float: left;
 margin: 0;
 padding: 3px;
 width: 150px;
 color: #666;
 font-weight: bold;
 background-color: #99cc66;
 }
#job_featured dl dd {
 position: relative;
 clear: right;
 margin: 0 0 0 150px;
 padding: 3px;
 font-weight: bold;
 background-color: #99cc66;
 }
#job_featured dl dt.x,
#job_featured dl dd.x {
 background-color: #ccff99;
 }
 
#jreen {
 position: absolute;
 bottom: 0;
 left: 0;
 }
html>body #jreen {
 position: absolute;
 top: 5;
 left: 0;
 }
#jreen a {
 display: block;
 width: 48px;
 height: 74px;
 background: transparent url(../graphics/logo_jreen_bulby.png) no-repeat;
 }
#jreen a:hover {
 background-position: 0 -74px;
 }
#jreen a span { display: none; }