/* Branding overrides */

body {color:#333;
      padding-top: 0;
      margin-top: 0;
      }
a {
   color: #194070;}

h3 {    
   color:#111;}

.wrapper, #content {width:960px}


.topBreak {
    border-top:1px solid #CCC;}
    
.contrast, .contrastBg {
    background-color: #D3E5F2;
    border: none;
}
.recruitersGray, .recruitersAlt {
	background: url(../images/gradients.gif) repeat-y left top;
	border-top: 0;}
		    
#header {
    height: 176px;
	background:url(../images/header.jpg) no-repeat center top}

#logo {
    position: relative;
    display: block;
    width: 193px;
    height: 65px;
    z-index: 2;    
    margin: 60px 0 0 0;}

#nav {
    width: 940px;
	top:150px}

#nav li {
    border-right:1px solid #599BD7;}    

#nav li.editorial {
    float: right;}

#nav li.editorial a {
	padding-bottom:8px;
	display:block
	}
#nav a {
   color:#B3C1D8;}
   
#nav a.active {
    color: #fff;}   

#loginStatus, 
#loginStatus span.pipe {
    color:#B3C1D8;}

#recruiters.button, 
#recruiters.buttonAlt {
    background: url(../images/button-RecTop.png) no-repeat left bottom;    
    height: auto;
    border: none;
    padding: 0 0 10px 20px;}

#rz #header .button {
    background: url(../images/button-RecTop.png) no-repeat left bottom;
    padding: 0 0 10px 20px;}

#recruiters.button a,
#recruiters.buttonAlt a {    
    background: none;
    display: block;
    color: #FFF;
    font-weight: bold;
    padding: 4px 20px 4px 0;}

#home h1 {
    color: #e6e9ed;}

#home h2, #home #panel label {
    color:#111;}

#home #primary {width:300px}
#home #secondary {width:400px;position:relative;bottom:5px} /* rel position - tucking it all in */

.listImages h4 {padding:1.4em;background:#D3E5F2}

#home #panel form {
	padding:0;
	border-bottom:0;
}	
#home #panel form fieldset {
	padding:0 0 15px 0;
	border-bottom:1px solid #B7AEAE;
}
#home .clearing {margin:0 0 20px;}
#home #secondary .clearing {margin:0}
#home #searchContent #panel .clearing,

#home h3 {
    color:#111;}

#home #secondary .recruitingNow .clearing h3 {margin:0}

#home #secondary .recruitingNow .clearing .more-links {line-height:1.8em}

#home .featured h3 {
    color: #111;}

#home #searchContent .wrapper {
    background: none;}

#home #panel {width:620px}

#home #panel div.field {
    width: 395px;}
    
#home #panel p.submit {
    width: 85px;}
    
#home #panel input.text {
    padding: 6px 4px;
    width: 220px;}

#home #panel li {line-height:1.8em}

#home .mpuContent {
	/* enhancement request 3476 */
	z-index: 1000;
	/* END enhancement request 3476 */
}

/* #home .more-links{line-height:normal;margin-top:1.05em} */

/* this is to tuck up and even out the spacing of the headers */
#home li.jbe {padding-top:0;background-position:left 0}

#home .listImages li {padding:0 0 2px 0}
#home .listImages h4 {margin: 0 0 0 103px;
-moz-border-radius:6px;-webkit-border-radius:6px;
}


#home .featured {float:none;margin-top:0}
ul.featuredJobs li img {display:none}
ul.featuredJobs li p a {color:#a2bc22}
ul.featuredJobs li p.horiz {color:#FFF}
ul.featuredJobs li.contrast {background:transparent url(../images/feat-arrow-bg.png) no-repeat left top}
.featured .contrast {margin-bottom:2px}
.featured .contrast div {width: 235px;}

ul.recruitingNow {list-style:none;margin-top:10px}

ul.blue li {
background:transparent url(../images/bullet-arrow.gif) no-repeat scroll left 4px;
padding-left:25px;
}

#widget .recruitersAlt {background:transparent url(../images/widget-bg.gif) no-repeat left top;padding-left:20px}
#widget .recruitersAlt h3 {margin:10px 0 0 0}
.recruitersAlt .widget {line-height:3em;padding-left:40px; zoom: 1;}

#home #recruiter-box-holder {float:right; color: #fff;}
#home #recruiter-box-holder {width:310px}
#home #recruiter-box {padding:20px;}
#home #recruiter-box a {
	font-size: 1.35em;
	font-weight: bold;
	padding: .1em 0 0 .9em;
	display: block;
	background: url(../images/arrowGreen.gif) no-repeat left top;
	width: 112px;
	height: 31px;
	}
#home #recruiter-box img {
	position:absolute;
	bottom: 20px;
	right: 20px
	}
#home #recruiter-box-holder {background:transparent url(../images/rec-box-bg-top.gif) no-repeat left top }
#home #recruiter-box {background:transparent url(../images/rec-box-bg-bottom.gif) no-repeat left bottom }

#home #recruiter-box h3 {color:#FFF;font-size:2.0em;line-height:100%;margin:0 0 10px 0}
#home #recruiter-box ul {margin-bottom: 15px}
#home #recruiter-box li {background:transparent url(../images/bullet-arrow-green.gif) no-repeat left 3px;padding-left:22px;color:#FFF}

#home #recruiter-box #rec-box-go {background: transparent url(../images/cards.gif) no-repeat right top;height:42px}

.pagination-foot {border-top:1px #CCC solid}

#leaderboard-ad {
	background:none;
	height:auto;
	top:47px;
	z-index: 1;
}
#leaderboard-ad .ad {
	margin: 0 -20px 0 0;
	width: 768px;
	float: right;}

#leaderboard-ad .banner {
	width: 768px;}

/* enhancement request 3476 */
#leaderboard-ad .ad table {padding:0; margin:0;}
#leaderboard-ad .ad table td {padding:0; margin:0;}
/* END enhancement request 3476 */
	
#BabCorner { display: none;}

#footer .copyright {
	position: relative;}

#footer .copyright img {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	}
#footer .copyright span {display: block; font-size: .85em;}
#footer ul, #footer h3 {
    color: #FFF;}
    
#footer a {    
   color: #D3E5F2;}    
   
#footer p, #footer .topSearches a {
    color:#FFF;}   

#footer p.copyright { padding: 0 0 1em 0;}

#tertiary {
    width: 160px;}

#tertiary .block {
    width: 160px;}
    
#home #tertiary .block {
    text-align: center;}    

#tertiary div.adsBlock, #jobdetails div.adsBlock {
    background-color: transparent;}

/* Forms -------------------------- */

div.formWrapper {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #D3E5F2;}

/* Lister ------------------------- */

#lister #secondary .boxwrapper {
    background: #ECEDEE;}

ul.tabs {border-bottom:0}

ul.tabs a.active {border:0}

ul.tabs li {background:url(../images/searchtab-grey-active-left.gif) no-repeat left top;}

ul.tabs li.tabs, ul.tabs li.tabsBrowse {
    background:url(../images/searchtab-grey-left.gif) no-repeat left top;
    position:relative;
    top: 6px;}

ul.tabs a {
    background:url(../images/searchtab-grey-right.gif) no-repeat right top;
    color: #fff;
    margin-top:0px;}


ul.tabs li a.active {
	background:url(../images/searchtab-grey-active-right.gif) no-repeat right top;
	top:0;
}

ul.tabs li.first a.active {
	background:url(../images/searchtab-grey-active-right.gif) no-repeat right top;
}

ul.facetSelection li p:hover span, 
ul.facetSelection li p:hover a,
ul.facetSelection li a,
ul.facetSelection li p span {
    background-color:#D3E5F2;
    color: #111;}

ul.facetSelection li a { text-transform: uppercase;}

h3.collapsable {    
    color:#111;}
  		
	#layout2 ul.gridBoxes li.col {width:40%} /* width for IE6 - or else it displays them on top of each other */
	
/* Job Detail etc ------------------------------------------------------------ */

body.layout3 .primary div.formWrapper, 
body.layout3 #primary form {
    background-color: transparent;}    
    
body.layout3 .content-wrapper .shaded {border-top:0}



/* Account and profile pages --------------------------------------------------*/    

.layout4 div.formWrapper,
.layout4 .shaded {
	background: #D3E5F2;}

body.layout4 div.formWrapper div.checkbox label {
    font-size:95%;}	
    
ul.subnav li.active {
    background-color:#D4DCE8;}    	
    
ul.subnav li {
    background-color:#236CB1;}    

ul.subnav li a {
    color:#FFFFFF;}    
    
/* Login / Create an Account / Account confirmation ------------------------- */

.box376 .shaded, .box376-other .shaded, div.upsellboxes li {    
/*	background: url(../images/gradients.gif) repeat-y left top */ background:#D3E5F2;
	border: 0;}
	
/* Recruiter A-Z ------------------------ */

.recruiteraz .shaded {
	background: #D3E5F2;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;}
	
/* Employer Details ------------------------ */

#empdetails .shaded {    
	background: url(../images/gradients.gif) repeat-y -1120px top;}	
	
#footer ul.bottom li a {color:#FFF}

.layout6 div.formWrapper {
    background: #D4DCE8;
    }          
#jobdetails .primary ul.horiz a {
    font-weight: bold;}   
    
/* -------- 3.6 Enhancements ------ */

#home #footer ul.bottom {
    border-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #c7c7c7;}
    
#footer ul.bottom li a {
    border-right:1px solid #c7c7c7;
    display: block;
    float: left;
    line-height: auto;
    padding:0 5px;}    

#footer ul.bottom li.mobileLink a {
    padding-right: 5px;}

/* ----------IE fixes ------------- */
#recruiters {width: 113px;}
/* end */
    
/* -------- 3.9 Enhancements ------ */

#loginStatus {
	right:145px;
	top: .4em;
}
#home #panel form p.submit input {
	width:85px;
	height:32px;
	margin-top:1px;
	padding:0 0 3px;
}
form p.submit input, span.button {
	background: #5097cd none;
}
#lister .contrastBg, #empdetails .contrastBg, .article .contrastBg {
	border-top:1px solid #7bafd6;
}
ul.facetSelection li a:hover {
	background: #5097cd !important;
}
.box-innerSmall {
	padding:7px 10px;
}
.error .icon {
	background:url("../images/icons.png") no-repeat scroll left -422px transparent;
}
#myaccount #accountDetails .boxwrapper-inner p strong {
	float:left;
}
#profile select.size5 {
	width:100%;
}
.warn .icon {
	background:url("../images/icons.png") no-repeat scroll left -358px transparent;
}

