/* Branding overrides */

body {
	font-family: Arial, sans-serif;
	color: #595959;}
	
a, body#rz #content a {
   color: #2B4078;}

h1, h2, h3, h4 {
   font-family:Arial,sans-serif;
   color: #33384D;
   text-transform: uppercase;}

h1 {
   font-size: 17px;}
   
h2, h3, h4 {
    font-size: 13px;}   

p {	color: #333;}

.topBreak {
    border-top:1px solid #D2D2D2;}

.shaded {
	background: #F0EEEB;}
    
.contrast, .contrastBg {
	background-color: #FAF5D9;
	border: medium none;
	float:none;
}

ul.normal li {
	list-style-image:url(../images/bullet.gif);
}
.button, .buttonAlt, form p.submit span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;    
    border: 1px solid #DBA300;
    overflow: hidden;
    display: block;
    line-height: 24px;
	background: #DBBA00 none;
    padding: 0;
    /*padding: 0 0 0 20px;*/    
}

.layout3 form p.submit span {
    float: right;}

.button a, 
.buttonAlt a, 
form p.submit span input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	background: #DBBA00 none;
    line-height: 28px;
    height: 28px;
    float: left;
    font-size: 15px;
    display: block;
    padding: 0 20px 0 0;}

body#rz p.submit span {
    height: 27px;
    zoom: 1;}    

body#rz p.submit input {
    border: 0;    
    line-height: 1.1em;
    background-image: none;}
    
.headerList .button {
    overflow: hidden;}

.button a {
	background: #DBBA00 none repeat scroll 0 0;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 10px;}

.buttonAlt a {
	background-image: none;}
	    
form p.submit span input {    
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: bold;}	    
	
/* Global structure styles */	

#header,
body#home #header {
    background:transparent url(../images/header-bg.gif) no-repeat center bottom;
	height:160px;}

#home #panel {
    width: 550px;}

#home #panel .radial input.size2a {
    width: 102px;}
    
#home #panel div.advSearchLink.radial a {
    background:transparent url(../images/arrow-blue.gif) no-repeat left center;
    padding-left: 15px;}    

#logo {
    display: block;
    float: none;
    height: 108px;
    left: 0;
    margin: 0;
    position: relative;
    top: 2px;
    width:259px;}
    
#loginStatus {
    right: 145px;}    
    
#loginStatus, #loginStatus p {
    color: #B7E2FF;}    

#loginStatus span.pipe {
    color: #B7E2FF;}

#nav {
    top: 130px;
    width: 960px;
    background: #33384D;}

#nav li {
    border-right: 1px solid #7E818F;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;}

#nav a.active {
    color: #E2C833;}
    
#nav li.editorial {
   float:right;
    font-size:79%;
    line-height:12px;
    text-align: right;
	margin-top:1px}    

#nav li.editorial a {
    color:#9Cf;
    display:block;
    width:130px;}    

#primary ul.browselist {
	width: 200px;
	margin-right: 10px;}

#primary ul.browselist a {
    color: #000;}

#primary ul.browselist.even {
	margin-right: 0;
}
#primary ul.browselist.break {
	display: inline;
	float:left;
	width:200px;
	margin:10px 0 20px;}

#recruiters.button, #recruiters.buttonAlt {
    background: #33384D none;
    padding: 0 0 0 15px;}

#recruiters.button a,
#recruiters.buttonAlt a {    
    background: #33384D none;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 4px 20px 4px 0;}

#tertiary div.adsBlock, #jobdetails div.adsBlock  {
    background-color: #F0EEEB;}
    
#tertiary, #tertiary .block {
    width: 160px;}    
    
#tertiary .ad {
    text-align: center;}    

/* Home */

#home h1 {
    color: #CCEAFF;
    line-height: 33px;}

#home h2 {
    font-size: 13px;}

#home #panel form {
    margin-bottom: 0;    
    border-bottom: 0;}
    
#home #panel fieldset {
    background-color: #D2CFC5;
    border-bottom: 1px solid #999792;
    padding: 12px 10px;
    margin-bottom: 10px;}    

#home #panel p.submit {
    width: 94px;}    
    
#home #panel input.text {
    padding: 6px 4px;}    

#home #panel .radial input.text {
    width: 118px}
  
#home #panel fieldset div.radial {
    width: 125px;
    margin: 0;
    padding: 6px 10px 6px 0;}  
    
#home #panel fieldset div.long, 
#home #panel .radialSearch {
    width: 284px;}
    
#home #panel form p.submit span,
#home #panel form p.submit input {
    width: 92px;
    padding: 0;}    
    
#home #panel ul {
    width:35%;}    
    
#home #panel ul.even {
    width:36%;}    
    
#home #panel li {
    color: #2B4078;}    

#home #panel ul.last {			    
	    padding: 0;
	    width: 27%;}

#home .featured h3 {
    margin: 10px 0 0 0;
    padding: 10px 0 15px;
    border-top: 1px solid #999792}
   
#home .featured .contrast {
    background-color: #fff;}    

#home .featured .contrast {
    border-bottom: 1px solid #D2CFC5;
    min-height: 40px;
    height:auto !important;
    height: 40px;}

#home .more-links {
    line-height: 2.85em;}

.recruitersAlt {
    background-color: #EFEFF1;}

#home .upsells .jbe,
#home .upsells .account,
#home .upsells .profile,
#home .recruitersAlt .widget {
	background-image: url(../images/icons.gif);
	background-repeat: no-repeat;}

#home .shortlist {
	background-position: 0 -172px;}
	
#home .profile {
	background-position: left -71px;}

#home .account {
	background-position: left -160px;}
	
#home .widget {
	background-position: 0 -264px;
	border: none;
	padding-left: 40px;
	text-transform: uppercase;
	margin-bottom: 0;}

.jbe h4,
.shortlist h4,
.upload h4,
.widget h4 {
	font-size: 12px;
	font-weight: bold;
	color: #6D6957;}

.upsells li strong {
    font-size: 13px;
    text-transform: uppercase;}

/* Footer */

#footer a, #footer .topSearches a {    
   color: #fff;}    

#home #footer ul.bottom {
    border-top: 1px solid #666A7A;}

#home #footer ul.bottom a {
    border-color: #666A7A;}

#footer h3 {
    text-transform: capitalize;}

#footer .topSearches {    
   font-size: 12px;}    

#footer p.copyright {
    color: #666A7A;
    font-size: 11px;
	overflow:hidden;
	padding:10px 0 20px;}

#footer p.copyright a {
color: #666A7A;
}
	
#leaderboard-ad {
    background:transparent url(../images/ad-bg.gif) repeat-y center top;}

ul.bullets li {
	margin-left: 20px;
	list-style-type: disc;
	padding: 3px 0;
}

.widget-block {
	margin-top: 0 !important;
	margin-bottom: 40px !important;}
	

/* Forms -------------------------- */

div.formWrapper {
	background: #f2f1ed;}

/* Lister ------------------------- */

#lister #secondary .boxwrapper {
	background: #F0EEEB;}
	
.pagination {
    background-color: #E3F3FF;}	

.jobsList .recruiterDetails li {
    color: #000;}
    
.jobsList li h4 {
    text-transform: none;}    
    
#advSearch {
    width: 215px;}    
    
.pagination .moreLess {
    padding: 10px 2px;}
    
.pagination ul {
    padding: 8px 10px 9px 0;}        
    
.pagination li a, .pagination li .active {}    
    
body#lister fieldset.checkboxes label.indent2 {
    float: left;
    width: 105px;
    margin-left: 0;}    

h3.collapsable,
body.layout4 div.formWrapper h2 {
	border-top-width: 1px;
}
h3.collapsable span a {
	padding-left: 0;
	padding-right: 0;
}
ul.tabs {
	width:257px;}
	
ul.tabs a {
    background-color: #D2CFC5;
	text-transform: uppercase; 
	font-size: 12px;
	font-weight: bold;
    color: #333;
    border-bottom: 1px solid #cfcbc4;}

ul.tabs li.first a.active {
    /*background-color: #E1E6ED;*/
    top: 2px;}

ul.tabs a.active {
    background-color: #F0EEEB;
    border-color: #CCC #CCC #F0EEEB;
    font-size: 13px;
    padding: 5px 15px 6px;}    
    
ul.facetSelection li p:hover span, 
ul.facetSelection li p:hover a,
ul.facetSelection li a,
ul.facetSelection li p span {
    background-color:#FAF5D9;
    color: #333333;}
    

ul.facetSelection li a { text-transform: uppercase;}
ul.facetSelection li a:hover {	
	background: #777571 !important;
	color: #fff !important;}

h3.collapsable {    
    color:#000;
    width: 195px;}
    
h3.first {
	border: none;}
    
ul.expandList li {
	margin: 2px 0;
}

.gridBoxPaging,
.gridBoxPaging a {
	background-color: #B5E0FF;
	border-top: 0;
	color: #333;
}
	
/* Job Detail etc ------------------------------------------------------------ */

body.layout3 .primary div.formWrapper, 
body.layout3 #primary form {
    background-color: transparent;}    
    
/* Careers advice ------------------------------------------------------------ */

body.article .primary,
body.article .secondary {
	margin-top: 0;
}
/* Account and profile pages --------------------------------------------------*/    

.layout4 div.formWrapper,
.layout4 .shaded {
	/*background: #D4DCE8;*/
}

body#profile.layout4 div.fieldWrapper {
    width:675px;}

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:#F2F1ED;}    	
    
ul.subnav li {
    background-color:#DAD6CE;}    

ul.subnav li a {
    color:#000;}    
    
/* Login / Create an Account / Account confirmation ------------------------- */

.box376 .shaded, .box376-other .shaded, div.upsellboxes li {    
	background: #F0EEEB;
	border: 0;
}
#login .box376 p.checkbox {
	margin-left: 100px;
	margin-top: -10px;
}
#login .box376 .submit span {
	margin-right: 120px;
	display: inline;
	width: 78px;}
	
#login .box376-other .submit span {
    overflow: hidden;}	

/* Job Details ------------------------ */
#jobdetails .button a {
	text-align:center;
	width: 100px;}

body#jobdetails h1 {
    border: 0 none;}	
	
/* Recruiter A-Z ------------------------ */

.recruiteraz .shaded {
	background: #F0EEEB;}
	
.recruiteraz #secondary .shaded h2 {
	margin-bottom: 0;}
	
.recruiteraz #refine-by {
	color: #333;
}

.recruiteraz .atozSelector .active {
	background: #FAF5D9;
	color: #000;
	padding: 2px 9px;
	font-weight: normal;
	float: left;
	display: inline;}

.recruiteraz .pagination {
    background: #E3F3FF;}

.recruiteraz h1 {
	padding-bottom:17px !important;
}
.atozSelector li {
	margin-right: 0;
}
.recruiteraz .atozSelector {
	padding-bottom: 20px;
}
.recruiteraz .atozSelector a {
	float: left;
	display: inline;
	padding: 2px 8px;}
	
.azDetails a strong {
	color: #2B4078;}
	
.azDetails a {
    border-top: 1px solid #E6E6E6;}	

.atozSelector li.last {
    width: 42px;}

	
/* Employer Details ------------------------ */

#empdetails .shaded {    
	background: #F0EEEB;}	
	
/* Recruiter Portal ------------------------ */	

body#rz #content p.button {
    height: auto;}
    
body.layout1 h1 {
    border-bottom: 0 none;}    
    
body#rz #tertiary {
    margin-top: 0;}    

body#rz #tertiary h3 {
    padding-top: 0;}    
	
body#rz #content p.button a {
	color: #fff;
	text-align: center;
	font-weight: bold;
	display: inline;
	margin: 10px 0 20px;
	font-size: 15px;
	line-height: 18px;
	height: auto;
	padding: 8px 15px;
}
body#rz #content p.button a span {
	display: block;
	font-weight: normal;
	font-size: 12px;
}
body#rz #header {
	background:transparent url(../images/header-bg.gif) repeat-y scroll center bottom;
	height:160px;
}
body#rz #recruiters {
	color:#FFFFFF;
	right: 0;
	width: auto;	
	float: right;
	background-color: transparent;
	border: 0;}
	
body#rz .content-wrapper2 {
    background: #F0EEEB none;}

body#rz .content-wrapper2 .secondary {
	background:#F5F5F6 url(../images/rs-screenshots.gif) no-repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #fff;}
	
body#rz #recruiters.button a {
	float:right;
	text-align:center;
	color: #fff;
	padding-left: 20px;
	display:block;
	height: auto;}
	
body#rz .content-wrapper2 .buttonAlt {
    background-position:left -104px;
    font-size:13px;
    font-weight:bold;
    height:50px;
    text-align:center;
    text-transform:uppercase;
    width:185px;}	
	
body#rz #content .buttonAlt a {
    padding: 5px 10px;
    line-height: 1.5;}
	
.emailAlert {
    background:transparent url(../images/icon-email.gif) no-repeat left center;
    padding-left: 25px;}
    
a.rss {
    background:transparent url(../images/icon-rss.gif) no-repeat left center;
    padding-left: 25px;}    
    
.smallprint {
    font-size:0.9em;
    font-weight:normal;
    text-transform:none;}    

/* ----------IE fixes ------------- */

#nav .primary-nav .active a,
#nav .first a, #nav a {
	zoom: 1;}

body.layout4 form p.submit span input {
    float: left;}