/* Branding overrides */

a {
   color: #007AC1;}

a:hover {
    color:#00B8F1;}

h3 {    
   color:#333;}

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

.shaded {
	background: #f5f5f5;}
    
.contrast, .contrastBg {
    background-color: #F5F1DC;
    border: 0;}
    
.featured {
    margin-bottom: 20px;}

.featured .contrast {
    background: #fff;
    border-bottom: 1px solid #EEE3D0;}    

.recruitersGray, .recruitersAlt {
	background: #E6F2F9;
	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 input {
    float:left;
    padding:0 10px 0 0;
    background: url("../images/button.png") repeat-x scroll right 0 #00B6F0;
}
    
#jbeShort .submitLong {
	line-height: 27px;
}
#jbeShort .submitLong input {
	margin-right: 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;}
    
    .button a:hover {
        color: #fff;}
	
	.formWrapper .button a, .boxwrapper-inner .button a {
	    background-color: #E1E6ED;}

	.enhanced .formWrapper .button a, .enhanced .boxwrapper-inner .button a {
	    background-color: Transparent;}

form p.submit span, .layout4 form p.submit span.button {
    background: url(../images/button.png) no-repeat left center;
    padding-left:10px;
	overflow:hidden;}
	    
form p.submit span input {    
	background: #f2f2f2 url(../images/button.png) no-repeat right center;}	    
	
form p.submit input {
	float: left;
	padding: 0;
	padding-right: 10px;}	

#header {
    background: transparent url(../images/header-bg.gif) no-repeat center bottom;}
    
#home #header {
    background: transparent none;}    

#logo {
    height:51px;
    margin: 125px 0 0 -15px;
    width:218px;}

#nav {
    width: 940px;
	font-size:1em}

#nav li {
    border-right:1px solid #B3C1D8;}    

#nav li.editorial {
    float: right;
		}

#nav li {font-size:0.9em}

#nav ul li.editorial {	}

#nav li.editorial a {
    color: #007AC1;
	zoom:1;
	padding-bottom:5px;}

#nav a {
   color:#007AC1;}
   
#nav a.active {
    color: #333;}   

#loginStatus, 
#loginStatus span.pipe {
    color:#737373;}

#recruiters {
    color:#30121E;
    border: 0 none;
    width: 195px;
    padding: 15px 4px 10px 12px;
    background: #fff url(../images/bg-recs.gif) no-repeat right bottom;}

#recruiters .recContent {
    float: left;
    margin-left: 16px;
    display: inline;
    width: 116px;}

#recruiters ul {
    color: #fff;
    margin: 6px 0;}
    
#recruiters p {
    margin-top: 20px;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    width: 60px;}    

#recruiters strong {
    display: block;
    line-height: 29px;
    font-size: 29px;}

#recruiters .buttonAlt {
    border: 0 none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    padding: 0;
    text-align: center;
    width: 116px;
    background:url(../images/button-rzBig.png) no-repeat center bottom transparent;}
    
#recruiters .buttonAlt a {
    color: #fff;
    background-image: none;}    
    
#loginStatus a {
    color: #007AC1;}    

#home h1 {
    color: #e6e9ed;}

#home h2 {
    color:#333;}

#home h3 {
    color:#333;}

#home #homeTitle {
    padding-bottom: 20px;}

#home #panel form {
    background: #EEE3D0;
    padding-bottom: 0;}
    
#home #panel li {
    line-height: 2.2;}    
    
#home #panel fieldset {
    padding: 15px 10px;}    

#home .featured h3 {
    color: #565656;
    border-top: 1px solid #C7C2A8;
    padding-top: 5px;}

#home #searchContent .wrapper {
    background: none;}

#home #searchContent {
    padding: 15px 0 10px;}    

#home #panel div.field {
    width: 305px;}
    
#home #panel p.submit {
    width: 75px;}
    
#home #panel label {
    width: 140px;}    
    
#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: #EEE3D0 url(../images/button-SearchHome.gif) no-repeat right top;
    height: 31px;
    width: 70px;
    padding: 0px 5px 0 0;}

#home #panel input.text {
    padding: 6px 4px;
    width: 155px;}
    
#home #panel div.advSearchLink {
    font-weight: bold;}    

#footer ul, #footer h3 {
    color: #565656;}
    
#footer a {    
   color: #007AC1;}    
   
#footer p {
    color:#333;
    font-size: 85%;
    font-weight: bold;}   

#footer .topSearches a {
    color:#007AC1;}   

#home #tertiary .block {
    text-align: center;}    

#tertiary div.adsBlock, #jobdetails div.adsBlock {
    background-color: transparent;}

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

div.formWrapper {
	background: #f2f2f2;}

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

#lister #secondary .boxwrapper {
    background: #F5F1DC;}

.pagination p {
    color:#666;}    
    
.gridBoxPaging {
    background: #B1B1B1;
    border-top: 0;
    color:#fff;}
    
.pagination li a.page:hover, .pagination li .active {
    background: #D4D4D4;
    color: #fff;}        
    
.pagination li a.page:hover span, .pagination li .active span {
    color: #fff !important;}    
    
.pagination .moreLess,
.pagination .moreLess span, .pagination .moreLess a {
    padding-left: 0;}   
    
.gridBoxPaging li a.active {
    background: transparent;
    color: #fff;
    border-right:1px solid #ccc;    
    font-weight: bold;}     

.gridBoxPaging li a {
    color: #fff;}
    
.recruiteraz .pagination {
    border-top: 1px solid #ccc;}    

.azDetails a:hover {
    text-decoration:none;
    color: #333;}

.azDetails a strong {
   color: #007AC1;}

#lister ul.tabs {
    border-bottom: 2px solid #007AC1;
    height: 34px;
    overflow: visible;
    width: 254px !important;
    width: 257px;}

	ul.tabs a {
		background-color: #007AC1;
		display: block;
		line-height: 1em;
		margin-top: 12px;
		padding: 4px 15px 5px;
		color: #fff;}
		
	ul.tabs a.active {
		padding: 6px 15px 7px;
		border-top: 2px solid #007AC1;
		border-right: 2px solid #007AC1;
		border-left: 2px solid #007AC1;
		border-bottom: 2px solid #F5F1DC;
		top: 3px !important;
		top: 4px;
		color: #333;
		background-color: #F5F1DC;}

    ul.tabs a:hover {
        color: #fff;}

    ul.tabs a.active:hover {
        color: #333;}

ul.facetSelection li p:hover span, ul.facetSelection li p:hover a {
    background-color: #007AC1;}

ul.facetSelection li p span {
    background:#007AC1;
    color: #fff;
    display:block;
    float:left;
    border: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding:3px 6px;
    width:158px;}
    
ul.facetSelection li p:hover span, ul.facetSelection li p:hover a {
    background-color:#007AC1;
    border: 0;}

ul.facetSelection li a, ul.facetSelection li a:hover {
    background:#007AC1 none repeat scroll 0 0 !important;
    border: 0;
    color:#FFFFFF;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;    
    text-decoration:none;}  


/* 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: #F2F2F2;}

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

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;}    

.pagination a.rss {
    background-position:5px -224px;}
    
.emailAlert {
    background:url("../images/icons.png") no-repeat scroll left -530px transparent;}

/* Login / Create an Account / Account confirmation ------------------------- */

.box376 .shaded, .box376-other .shaded, div.upsellboxes li {    
	background: #F2F2F2;
	border: 0;}
	
/* Recruiter A-Z ------------------------ */

.recruiteraz .shaded {
	background: #F2F2F2;}
	
/* Employer Details ------------------------ */

#empdetails .shaded {    
	background: url(../images/gradients.gif) repeat-y -1120px top;}	
	
/* -------- 3.6 Enhancements ------ */

#home #footer ul.bottom {
    border-top: 0;
    padding: 10px 0;
    border-bottom: 0;
    border-top: 1px solid #bababa;}
    
#footer ul.bottom li a {
    border-right:1px solid #c7c7c7;
    display: block;
    float: left;
    color: #007AC1;
    line-height: 1.2em;
    padding:0 5px;}    

.wrapper-enhanced 
{
    border: 1px solid #e2e2e2;}

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

body.layout4 form p.submit input {
    float: left;}
    
/* -------- 3.9 Enhancements ------ */

.highlight {
    background-color: #FBF7EC;}

#lister .contrastBg, #empdetails .contrastBg, .article .contrastBg {
    border-top: 1px solid #CCC;}
    
#jbeShort p.submit input {
    line-height:25px;
    padding:0 15px 2px 8px;}    

#leaderboard-ad .wrapper {
    width: 960px;}
    
#home #panel ul {
    width: 32%;
}
#home #panel ul.even {
    width: 35%;
}
#home #panel ul.last {
    width: 32%;
}
/* UAT feedback */

#footer ul.bottom li a {
    border-right: 0;
    border-left: 1px solid #5A5A5A;}

#home #footer ul.bottom li:first-child a {
    border: 0;
    padding-left:0;} 
       
.layout4 #content li {
    padding: 0 5px
}
.layout4 #content ul.articleList {
    clear: both;
}
ul.articleList h2 {
    font-size: 1.2em;
}
body.article h1 {
    padding-bottom: 13px;
    border-bottom: solid 1px #ccc
}