/* Branding overrides */

a {
   color: #236CB1;}

h3 {    
   color:#FF5E00;}

.topBreak {
    border-top:1px solid #E4E4E4;}

.shaded {
	background: url(../images/gradients.gif) repeat-y -1050px top;}
    
.contrast, .contrastBg {
    background-color: #F4F8FA;
    border: 0;}

.recruitersGray, .recruitersAlt {
	background: url(../images/gradients.gif) repeat-y left top;
	border-top: 0;}

.button, 
.buttonAlt, 
form p.submit span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
    display: block;
    height: 27px;
}

.button a, 
.buttonAlt a, 
form p.submit span input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 27px;}
    
form p.submit span {
    padding-left: 10px;}    

.button {
    background: url(../images/button.png) no-repeat left center;
    padding-left: 10px;}

.button a {
	background: #fff url(../images/button.png) no-repeat right center;
	display:block;
    height:27px;
    float: left;
    padding-right:10px;}
	
	.formWrapper .button a, .boxwrapper-inner .button a {
	    background-color: #E1E6ED;}

	.enhanced .formWrapper .button a, .enhanced .boxwrapper-inner .button a {
	    background-color: Transparent;}


.buttonAlt {
    background: url(../images/button-rz.png) no-repeat left center;}

.buttonAlt a {
	background: #fff url(../images/button-rz.png) no-repeat right center;}

form p.submit span {
    background: url(../images/button.png) no-repeat left center;
	overflow:hidden;}
	    
form p.submit span input {    
	background: #DDE3EC url(../images/button.png) no-repeat right center;}	    
	
body.layout3 form p.submit input {
	float: left; }	


form p.submit input {
	float: left;
	padding: 0;
	padding-right: 10px;}	

#header {
    height: 137px;}

#logo {
    width: 283px;
    height: 81px;
    margin: 6px 0 0 -15px;}

#nav {
    width: 940px;}

#nav li {
    border-right:1px solid #B3C1D8;}    

#nav li.editorial {
    float: right;}

#nav li.editorial a {
    color: #fff;
	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.gif) no-repeat left bottom;    
    height: auto;
    padding: 0 0 0 20px;}

#rz #header .button {
    background: url(../images/button-RecTop.gif) no-repeat left bottom;
    padding: 0 0 0 20px;}

#recruiters.button a,
#recruiters.buttonAlt a {    
    background: #003362 url(../images/button-RecTop.gif) no-repeat right bottom;
    display: block;
    color: #001E4B;
    font-weight: bold;
    padding: 4px 20px 4px 0;}

#home h1 {
    color: #e6e9ed;}

#home h2, #home #panel label {
    color:#565656;}

#home #panel form {
padding:0;
border-top:1px solid #CCC;
border-bottom:1px #FFF solid;
}

#home #panel form fieldset {
padding:20px 0 15px 0;
border-top:1px solid #FFF;
border-bottom:1px solid #CCC;
}

#home .clearing {margin:0 0 20px;}

#home h3 {
    color:#FF5E00;}

#home .featured h3 {
    color: #565656;}

#home #searchContent .wrapper {
    background: none;}

#home #searchContent {
    padding: 15px 0 10px;}    

#home #panel div.field {
    width: 325px;}
    
#home #panel p.submit {
    width: 85px;}
    
#home #panel form p.submit span {
    background: url(../images/button-SearchHome.gif) no-repeat left top;
    height: 34px;    
    padding: 0 0 0 5px;}

#home #panel form p.submit span input {
    background: #DDE3EC url(../images/button-SearchHome.gif) no-repeat right top;
    height: 31px;
    padding: 0px 5px 0 0;}

#home #panel input.text {
    padding: 6px 4px;
    width: 160px;}

#footer ul, #footer h3 {
    color: #565656;}
    
#footer a {    
   color: #236CB1;}    
   
#footer p, #footer .topSearches a {
    color:#565656;}   

#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 {
	background: #E1E6ED url(../images/gradients.gif) repeat-y -975px top;}

/* Lister ------------------------- */

#lister #secondary .boxwrapper {
	background: url(../images/gradients.gif) repeat-y -400px top;}

ul.tabs a {
    background-color:#236CB1;
    color: #fff;}

ul.tabs li.first a.active {
    background-color: #E1E6ED;}

ul.tabs a.active {
    background-color: #DEE4EC;
    border-color:#CCCCCC #CCCCCC #DEE4EC;}    
    
ul.facetSelection li p:hover span, 
ul.facetSelection li p:hover a,
ul.facetSelection li a,
ul.facetSelection li p span {
    background-color:#236CB1;
    color: #fff;}

ul.facetSelection li a { text-transform: uppercase;}

h3.collapsable {    
    color:#FF5E00;}
    
/* Job Detail etc ------------------------------------------------------------ */

body.layout3 .primary div.formWrapper, 
body.layout3 #primary form {
    background-color: transparent;}    
    
/* Account and profile pages --------------------------------------------------*/    

.layout4 div.formWrapper,
.layout4 .shaded {
	background: #D4DCE8;}

body#profile.layout4 div.fieldWrapper {
    width:630px;}

body#profile input.size5, body#profile textarea.size5, body#profile select.size5, body#profile .check-scroller.size5 {
    width: 475px;}

body#profile.layout4 .checkbox-selection {
    width:480px;}

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;
	border: 0;}
	
/* Recruiter A-Z ------------------------ */

.recruiteraz .shaded {
	background: url(../images/gradients.gif) repeat-y -740px top;}
	
/* Employer Details ------------------------ */

#empdetails .shaded {    
	background: url(../images/gradients.gif) repeat-y -1120px top;}	
	
/* Recruiter Portal ------------------------ */	
	
body#rz #header {
    background: transparent url(../images/header-bg.jpg) no-repeat scroll center bottom;
    height: 137px;}    
    
body#rz #recruiters .button {
    background: url(../images/button-RecTop.gif) no-repeat left bottom;    
    padding: 0 0 0 20px;}

body#rz #recruiters .button a {    
    background: #003362 url(../images/button-RecTop.gif) no-repeat right bottom;
    display: block;
    color: #001E4B;
    font-weight: bold;
    padding: 4px 20px 4px 0;}

body#rz .content-wrapper2 {
    background:#D4DCE8 url(../images/gradients.gif) repeat-y scroll -1050px top;}    
    
body#rz .content-wrapper2 .secondary {
    background:#fff url(../images/rs-screenshots.gif) no-repeat scroll 0 0;}

body#rz h3 {
    color: #333;}

body#rz .topBreak {
    border-top: 1px solid #ccc;}
    
body#rz #footer li a {
    border-color: #565656;}

body#rz #footer a {    
    color: #236CB1;}    
    
body#rz .content-wrapper2 .buttonAlt {
    padding-left: 15px;
    height: 51px;
    background: #DDE3EB url(../images/button-rzBig.png) no-repeat left center;}

body#rz .content-wrapper2 .buttonAlt a {
    width: 140px;
    height: 41px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 15px;
    background: #DDE3EB url(../images/button-rzBig.png) no-repeat right center;}
    
body#rz form p.submit span {
    background: url(../images/button-rz.png) no-repeat left center;
    padding-right: 0;}

body#rz form p.submit span input {
    background: #fff url(../images/button-rz.png) no-repeat right center;
    border: 0;}
    
    body#rz form.recZone p.submit span input {
        background-color: #D4DCE8;}
    
body#rz .primary .buttonAlt span {
    line-height: 1;}
    
body#rz #content a {
    color:#236CB1;}

#footer ul.bottom li a {color:#236CB1}



/* -------- 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: 1.2em;
    padding:0 5px;}    

/* ----------IE fixes ------------- */

#recruiters {width: 85px;}

/* 
Removed as this made top tab go wonky
#rz #recruiters {width: 95px;} */

body.layout4 form p.submit input {
    float: left;}
