/*
 * blueprint over-rides
 */
.span-20-border {
	width:708px;
	border: 1px solid #d1d1d1;
}

.span-20-border-dis {
	width:708px;
	border: 1px solid #d1d1d1;
	padding:10px;
}

.span-20-border-pad {
	width:688px;
	border: 1px solid #d1d1d1;
	padding:10px;
}

.span-15-border-pad {
	width:508px;
	border: 1px solid #d1d1d1;
	padding:10px;	
}

.span-15-in-border {
	width:518px;
}

.span-14-in-border {
	width:472px;
}

.span-12-in-border {
	width:400px;
}

.span-3-in-border {
	width:76px;
}

.span-10-in-border {
	width: 328px;
}

.span-5-in-border {
	width: 148px;
}

a:link,
a:visited,
a:active {
	color:#332277;
}

a:hover {
	color:#cc6600;
}

/* hide screen reader links from visual browsers. see:
 * http://www.webaim.org/techniques/css/invisiblecontent
 */
.off-screen {
    position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

.pad {
	padding:10px;
}

.padBottom {
	margin-bottom:10px;
}

.greyBorder {
	border: 1px solid #d1d1d1;
}

body {
	margin:0;
	color:#444;
	background:#70808d url(/img/page_back.jpg) repeat-x left top;
}
  
dd {margin-bottom:.5em;}

/*.column {
	background:#fff;
}
*/
.container {
	padding:0 25px 20px 25px;
	background:#fff;
	min-height:1280px;
}

.header {
	margin:25px 0;
	/* used for positioning strapline */
	position:relative;	
}

.logo {
	margin:0;
}

.logo h1 {
    background: #fff url(/img/oil-recruitment.gif)  no-repeat left top;
	height: 53px;
	margin:0;
}

.main-nav-container {
	/* add 10px to default grid width for right alignment */
	width:720px;
}

.main-nav {
	/* add 10px to default grid width for right alignment */
	width:720px;	
	position:relative;
	background: #fff url(/img/nav-grey-back.gif)  repeat-x right bottom;	
}

.main-nav ul {
	margin:0;
	width:100%;
}

.main-nav li.nav-link {
	display:block;
	float:left;
	list-style-type: none;
	padding:0 30px 0 0;	
	margin:0;
}

li.strapline {
	background: transparent url(/img/strapline.gif)  no-repeat right top;
	height: 21px;
	margin:0;
	list-style-type: none;	
}

.main-nav a:link,
.main-nav a:visited,
.main-nav a:hover,
.main-nav a:active {
	color:#7777aa;
	font-weight:bold;
	font-size:1em;
	letter-spacing: .04em;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:4px solid #d1d1d1;
	display:block;
	float:left;
}

.main-nav a:hover {
	color:#dd8833;
	border-bottom:4px solid #dd8833;	
}

body.home .main-nav a#home-link,
body.candidates .main-nav a#candidates-link,
body.clients .main-nav a#clients-link,
body.aboutus .main-nav a#aboutus-link {
	color: #dd8833;
}

.main-nav ul ul {
	padding:0 2px;
	background:#fff;
	border:none;
	position:absolute;
	top:22px;
	width:170px;
	height:auto;
	z-index:10;
	visibility:hidden;
}

.main-nav ul ul li {
	margin:2px 0;
	background: #f9ecdf url(/img/nav-corner.gif)  no-repeat right bottom;		
	padding:2px 0 2px 10px;
	list-style-type: none;
}

.main-nav ul ul li a:link,
.main-nav ul ul li a:visited,
.main-nav ul ul li a:hover,
.main-nav ul ul li a:active {
	text-decoration: none;
	text-transform:capitalize;
	color:#444;
	font-weight:normal;
	font-size:1em;
	letter-spacing: .04em;
	text-decoration:none;
	border:none;
	display:block;
	float:none;
}

.main-nav ul ul li a:hover {
	color:#dd8833;
}

.call-to-action {
	text-align:right;
	color:#7777aa;
	font-weight:bold;
	/* add 10px to default grid width for right alignment */
	width:720px;
	padding-top:10px;
}

.tel { color:#dd8833; }

.banner img {
	margin-bottom:10px;
}

.sectors-nav-container { }

.greyBack {
	background:#ededed;
}

.blueBack {
	background:#ececf6;
}

.sectors-nav { font-size:12px; }

.sectors-nav ul {
	margin:0;	
}

.sectors-nav li {
	margin:2px 0;
	background: #ececf6 url(/img/nav-corner.gif)  no-repeat right bottom;	
	padding:2px 0 2px 10px;
	list-style-type: disc;
	list-style-position: inside;
}

body.aboutus-introduction .sectors-nav li#introduction-link,
body.aboutus-contact .sectors-nav li#contact-link,
body.aboutus-news .sectors-nav li#news-link,

body.clients-introduction .sectors-nav li#introduction-link,
body.clients-search-and-selection .sectors-nav li#search-and-selection-link,
body.clients-ad-search .sectors-nav li#advertised-search-link,

body.candidates-introduction .sectors-nav li#introduction-link,
body.candidates-get-noticed .sectors-nav li#get-noticed-link,
body.candidates-cv-tips .sectors-nav li#cv-tips-link,
body.candidates-interview-guide .sectors-nav li#interview-guide-link,
body.candidates-register .sectors-nav li#register-link,

body.oil-trading .sectors-nav li#oil-trading-link,
body.shipping-and-operations .sectors-nav li#shipping-and-operations-link,
body.mid-and-back-office .sectors-nav li#mid-and-back-office-link,
body.fuel-sales-and-distribution .sectors-nav li#fuel-sales-and-distribution-link,
body.lubricants-and-chemicals .sectors-nav li#lubricants-and-chemicals-link,
body.energy-consultancy .sectors-nav li#energy-consultancy-link,
body.oil-refining .sectors-nav li#oil-refining-link,
body.gas-and-power .sectors-nav li#gas-and-power-link,
body.upstream .sectors-nav li#upstream-link,


{
	background: #ccccee url(/img/nav-corner.gif)  no-repeat right bottom;
}

.sectors-nav li a:link,
.sectors-nav li a:visited,
.sectors-nav li a:hover,
.sectors-nav li a:active {
	text-decoration: none;
	text-transform:capitalize;
	color:#444;
}

.sectors-nav li a:hover {
	color:#cc6600;
}

.content {
	margin-bottom:10px;
	padding-bottom:60px;
	min-height:100px;
	background:#fff url(/img/white_back.jpg) repeat-x left bottom;
}

body.home .content {
	padding-bottom:30px;
}

h2 {
	color:#cc6600;
	font-size:1.2em;
	text-transform: uppercase;
	margin-bottom:0;
}

body .content h2 {
	height: 15px;
	margin-top:5px;
	padding-top:5px;
}

body.home .content h2 {
    background: #fff url(/img/headings/h1_our_experience.gif)  no-repeat left top;
}

body.aboutus-introduction .content h2 {
    background: #fff url(/img/headings/h1_about.gif)  no-repeat left top;
}

body.aboutus-contact .content h2 {
    background: #fff url(/img/headings/h2_contact.gif)  no-repeat left top;
}

body.aboutus-news .content h2 {
    background: #fff url(/img/headings/h2_news.gif)  no-repeat left top;
}

body.clients-introduction .content h2 {
    background: #fff url(/img/headings/h1_clients.gif)  no-repeat left top;
}

body.clients-ad-search .content h2 {
    background: #fff url(/img/headings/h2_ad-search.gif)  no-repeat left top;
}

body.clients-search-and-selection .content h2 {
    background: #fff url(/img/headings/h2_selection.gif)  no-repeat left top;
}

body.candidates-introduction .content h2 {
    background: #fff url(/img/headings/h1_candidates.gif)  no-repeat left top;
}

body.candidates-get-noticed .content h2 {
    background: #fff url(/img/headings/h2_get-noticed.gif)  no-repeat left top;
}

body.candidates-cv-tips .content h2 {
    background: #fff url(/img/headings/h2_cv-tips.gif)  no-repeat left top;
}

body.candidates-interview-guide .content h2 {
    background: #fff url(/img/headings/h2_interview.gif)  no-repeat left top;
}

body.candidates-register .content h2 {
    background: #fff url(/img/headings/h2_register.gif)  no-repeat left top;
}

body.oil-trading .content h2 {
    background: #fff url(/img/headings/h2_oil-trading.gif)  no-repeat left top;
}

body.shipping-and-operations .content h2 {
    background: #fff url(/img/headings/h2_shipping.gif)  no-repeat left top;
}
body.legal .content h2 {
    background: #fff url(/img/headings/h2_legal.gif)  no-repeat left top;
}
body.mid-and-back-office .content h2 {
    background: #fff url(/img/headings/h2_office.gif)  no-repeat left top;
}

body.fuel-sales-and-distribution .content h2 {
    background: #fff url(/img/headings/h2_fuel.gif)  no-repeat left top;
}

body.lubricants-and-chemicals .content h2 {
    background: #fff url(/img/headings/h2_lubricants.gif)  no-repeat left top;
}

body.energy-consultancy .content h2 {
    background: #fff url(/img/headings/h2_energy.gif)  no-repeat left top;
}

body.oil-refining .content h2 {
    background: #fff url(/img/headings/h2_oil-refining.gif)  no-repeat left top;
}

body.gas-and-power .content h2 {
    background: #fff url(/img/headings/h2_gas-power.gif)  no-repeat left top;
}

body.upstream .content h2 {
    background: #fff url(/img/headings/h2_upstream.gif)  no-repeat left top;
}
body.email-alert h2 {
	height:15px;
	padding-bottom:10px;	
    background: #fff url(/img/headings/h2_email_alerts.gif)  no-repeat left top;
}

body.call-me h2 {
	height:15px;            
	padding-bottom:10px;	
    background: #fff url(/img/headings/h1_call_me.gif)  no-repeat left top;
}

body.feedback h2 {
	height:15px;            
	padding-bottom:10px;	
    background: #fff url(/img/headings/h2_feedback.gif)  no-repeat left top;
}

body.thanks h2 {
	height:15px;
	padding-bottom:10px;	
    background: #fff url(/img/headings/h2_thanks.gif)  no-repeat left top;
}

body.unsubscribe h2 {
	height:15px;
	padding-bottom:10px;	
    background: #fff url(/img/headings/h1_unsubscribe.gif)  no-repeat left top;
}

div.links h2 {
	height:15px;
    background: #EDEDED url(/img/headings/h2_links.gif)  no-repeat left top;
}

#job-search-box,
#email-alert-box {
	padding-top:15px;
}

#job-search-box h2 {
    background: #ececf6 url(/img/headings/h1_job_search.gif)  no-repeat left top;
	height: 18px;
}

#email-alert-box h2 {
    background: #ececf6 url(/img/headings/h2_email_alerts.gif)  no-repeat left top;
	height: 15px;	
}

#sectors-heading h2 {
    background: #EDEDED url(/img/headings/h2_sectors.gif)  no-repeat left top;
	height: 15px;	
}
 
#top5 h2 {
    background: #ececf6 url(/img/headings/h2_latest_jobs.gif)  no-repeat left top;
	height: 15px;
	padding-top:5px;	
}   

p.pullout {
		font-family:Arial,Helvetica,Verdana,sans-serif;
		font-size:13px;
		font-style:normal;
		font-weight:normal;
		line-height:16px;
		color:#888;
}

p.keywords {
		font-family:Arial,Helvetica,Verdana,sans-serif;
		font-size:13px;
		font-style:bold;
		font-weight:bold;
		line-height:18px;
		color:#669;
		padding: 5px;
		border: 1px solid #eee;
}
		
p.facts {
	font-family:Arial,Helvetica,Verdana,sans-serif; 
	font-size:16px; font-style:normal;
	font-weight:normal;
	line-height:17px;
	color:#669; text-align:left;
}  

h3 {
	color:#332277;
	font-size: 1.2em;
	margin-bottom:0.4em;
	padding-top:.5em;
}

.homeContent {
	float:left;
}
.intro {
	/*
	color:#332277;
	font-weight:bold;
	margin:.5em 0;
	*/
}

.statement {
	padding-top:1px;
	color:#7777aa;
	font-size:1.2em;
	line-height:1.2em;
}

.search-footer {
	border:1px solid #d1d1d1;
	background:#ccccee;
}
.search-footer h2 {
	display:inline;
	padding:8px 16px 3px 6px;
	float:left;
	margin:0;
}

#job-search-form fieldset, 
#mini-job-search-form fieldset,
#email-form fieldset {
	border:none;
	margin:0;
	padding:9px 0 0 0;
}

#popup-form legend,
#job-search-form legend,
#job-search-form label,
#mini-job-search-form legend,
#mini-job-search-form label,
#email-form legend,
#email-form label {
	display:none;
}            

#job-search-form .search-select,
#job-search-form .search-text {
	width:160px;
	padding:1px;
	float:left;
	margin:0 15px 0 0;
	color:#444;
}            

#mini-job-search-form .search-select,
#mini-job-search-form .search-text,
#email-form .search-text {
	width:140px;
	padding:1px;
	margin:0 0 10px 0;
	color:#444;	
}

#mini-job-search-form .search-select {
	width:146px;
	color:#444;	
}

body.form-page {
	background:#fff;
	width:95%;
	margin:30px auto 10px auto;
	text-align:left;	
}

#popup-form fieldset {
	background:#fff url(/img/white_back.jpg) repeat-x left bottom;
	min-height:200px;
}

body.candidates-register #popup-form fieldset {
	background:#fff;
	border:none;
}   

#popup-form .form-text {

	padding:1px;
	margin:0 0 10px 0;
	color:#444;
	background:#fff;
}
#popup-form label {
	display:block;
	text-transform: capitalize;
}                 

.buttons {
	text-align:right;
	padding-right:5px;
}

div.pagination {
	text-align:right;
	padding-bottom:10px;
}

body.search div.content table {
	width:100%;
}

.back-to-results-nav {
	text-align:right; padding-top:10px	
}
.back-to-results-nav a {
	text-decoration:none;
}

.consultant-info {
	text-align:left; 
	padding-bottom:15px;
}

.consultant-info p {
	margin:0;
}  

.top5 p {
	margin:0;
}  

.consultant-info img {
	margin:0;
	padding-top:5px;
}

.stronger {
	color:#332277;
	font-weight:bold;
	margin:0;
	text-transform:capitalize;
}

.ref {
	text-align:right; 
	margin:.5em 0;
} 

input.form-text {
	border:1px solid #ccc;
}                         

div#reg-options {
	width:230px;
	float:left;
}
                
div#reg-options checkbox,
div#reg-options label {
	display:inline;
} 

div#reg-text {
	width:180px;
	float:left;
	padding-right:15px;
}

h4 {
	font-size:1.2em;
	margin-bottom:.5em;
}   

p.required {
	color:#ff0000;
	padding:0;
	margin:0;
}

.photo {
	margin:0 10px 10px 0; padding:2px; border:1px solid #ccc; float:left;
}	

#smallprint {
	padding:10px 0 0 10px;
	color:#bbb;
}

#smallprint a:link,
#smallprint a:visited,
#smallprint a:hover,
#smallprint a:active
{color:#bbb; text-decoration:none;}
#smallprint a:hover { text-decoration:underline;}

#sitemap {
	padding:10px 0 0 10px;
} 

#results thead tr th { 
	background:#ECECF6;
    font-weight: bold;
	border: 1px solid #FFF;
	padding:4px	;
}

#results thead tr th.header { 
	background-image:url(/img/bg.gif);
	background-position: center right;
	background-repeat: no-repeat;
    cursor: pointer; 
}

#results thead tr th.headerSortUp {
	background-color:#ccc;
	background-image:url(/img/asc.gif);
}

#results thead tr th.headerSortDown {                                             
	background-color:#ccc;
	background-image:url(/img/desc.gif);
} 

/*label {
	font-weight:normal;
}
*/