﻿/* Overrides - Campaign Jobs Asia - Jobseeker site - KADS Oct '10 */

#header {
	background-image:none;
    height:153px
}
#logo {margin:49px 0 0; height:51px; width: 451px; position:absolute; z-index: 10; left: 0 }

#home #col1 {
	float:left;
	width:640px;
	overflow:hidden;
	margin-right:20px
}
#home #col2 {
	float:left;
	width:280px;
	padding-top:20px
}
#home #searchContent .wrapper { width:640px}

#home .content-wrapper { width:650px;margin-right:25px}
#home .primary {float:left;width:280px;top:170px}

#home div.shaded.buttonAds {background:#FFF;border-top:1px #CCC solid;border-bottom:1px #CCC solid;padding:15px 0}

.listImages li.even {float:none}

span.button a:hover {text-decoration:underline}

#recruiters{border:0;-moz-border-radius:0;-webkit-border-radius:0;padding:10px 0 5px 8px;width:268px;position:relative;overflow:hidden}
#recruiters .buttonAlt {background:none;}

#recruiters ul {margin:0 0 12px 16px;}
#recruiters .buttonAlt {padding:0 10px;width:93px}

#recruiters #rec-col1, 
#recruiters #rec-col2 {float:left;}

#recruiters #rec-col1{width:130px;}
#recruiters #rec-col2{width:108px}

#recruiters #rec-col2 {background:url(../images/cards.gif) no-repeat 16px 2px;padding-left:15px;padding-top:52px;}

#recruiters #rec-col2 p a {font-weight:bold;padding-right:17px;background:url(../images/arrow.png) no-repeat center right}

#nav {top:125px;width:943px}
#nav li {background-image:none;}

body#home #nav li.rz {display:none}
#nav li.rz {float:right;border-right:0}

#home .main {border:0}
#home .block {margin-bottom:15px}
#home .gradient {background-image:none;border:0}

#home .box, .box {-moz-border-radius:0; -webkit-border-radius:0 }

#home .primary .block .box {padding:0} /* div holding 'recruiting now */
ul.recruitingNow {margin-left:0}
ul.recruitingNow li {margin:0 8px 5px 0}
ul.recruitingNow li a, ul.featuredJobs li a.logo{border:0}

#home .wrapper h1{font-size:1.6em;}
#home h2, #home h3 {font-size:1.4em}

#home .advSearchLink a {font-weight:bold}

#home .icon {background-image:none;}

#home .gradient {background-position:left 0;}
#home #jbe h3 {background-position:left 0;}
#home #widget h3 {background-position:left 0;background-image:none}
#home #tertiary div.box {background-color:#FFF;border-bottom:1px #CCC solid;background-image:url("../images/icons.png");background-repeat:no-repeat;background-position:left 0;}
#home #tertiary div.box h3 {margin:0;padding:10px 0 5px 40px;font-size:1.2em}
#home #tertiary div.box p {padding-left:40px}

#home #tertiary div.box#jbe {background-position:left 15px}
#home #tertiary div.box#widget {background-image:none}

#home .jbe {background-color:#FFF;}

#home #cvBox {background:#B0B0B0 url(../images/cvBox-bg.png) bottom right no-repeat;height:246px}
#home #cvBox h3 {margin-bottom:20px;color:#FFF}
#home #cvBox p, #home #cvBox li {color:#FFF}
#home #cvBox div {padding-top:0;position:relative;top:0;background-image:none;width:300px}
#home #cvBox .button {
margin-top:15px;
}

form#quickSearch .field {float:left;margin-right:7px;position:relative;bottom:2px}
form#quickSearch.box {padding-top:15px}
form#quickSearch {width:616px;}
form#quickSearch input#keyword {width:260px;margin-top:2px;padding:4px;}
form#quickSearch label {float:left;font-size:1.6em;margin-right:15px}

#home #panel {width:640px}

#home .secondary {float:none;width:640px}

#home .mid1 .block h3.bottomLine {border-bottom:0}

#tertiary .adsBlock {padding-top:10px}

/* ---- QUICK FIX AS TOO MANY ADS   ------- */
#home div.buttonAds {width:640px;height:95px;overflow:hidden}
/* ----------- */
.buttonAds .ad {padding:0 0 0 5px;margin-bottom:30px}
#what_car_ad {margin:0 !important; float:none !important /* this overrides the inline styles added in the actual ad markup */ }

.mid1 div.block {float:left}

.mid1 div.block {width:300px;clear:none;margin-left:20px}

#home .advSearchLink a {color:#FFF;background:none;padding-left:0}

div#home-facet-lists {
	overflow:hidden;
	padding:0 10px;
	position:relative;
	width:644px;
}
#home div#home-facet-lists div, #home div#featured-jobs div {
	float:left;
	margin-right:15px;
	width:190px;
}
.featuredJobs li.last {margin-bottom:0;padding-bottom:0}

#home #cvBox div {
	background-position:right bottom;
}
#leaderboard-ad .ad {width:468px;float:none;position:absolute;left:475px;top:19px}

#loginStatus {top:0}
#loginStatus p {display:inline}
#loginStatus p#visit {margin-right:20px}


ul.featuredJobs {padding:15px;}
ul.featuredJobs li img, ul.featuredJobs li a.featuredLogo {display:none}

#home #home-extras {width:640px}
#home #tertiary, #home #careers-advice{width:310px;float:left;}
#home #tertiary {margin-top:0}
#home #careers-advice {margin-left:15px}

#home #content .box {margin-bottom:10px}

body#jbe.layout4 h3.tall {background:url("../images/icons.png") no-repeat left top;padding:5px 10px 10px 40px;}

#leaderboard-ad {top:19px;}

/* Job listings */
#nav li.active ul {margin-left:41px;margin-top: 0 }
#nav li ul {width:943px;padding-left:0;background:#E42F17}

#nav li ul.accountNav {
	padding-left:0px;
	margin-left:39px;
}
.contrastBg {
	border:1px solid #8ba0b7;
}
#lister .contrastBg, #empdetails .contrastBg, .article .contrastBg {
	border-top:1px solid #8ba0b7;
}
body#lister .gridBoxes li {
	float:left;
	width:45%;
}	
div#google-ads {
	clear:both;
	overflow:hidden;
}
div#google-ads #google-ads-inner h2{
	margin-bottom:10px;
	margin-top:10px;
}
div#google-ads li {
	margin-bottom:15px;
	margin-right:10px;
}
div#google-ads li a {
	display:block;
	font-weight:bold;
	text-decoration:none;
}
div#google-ads li a.bottomlink {
	font-size:0.9em;
	font-weight:normal;
	text-decoration:none;
}
#googleadvertsLister a {
	display:block;
	float:left;
	margin-right:10px;
	width:240px;
}
p.footMsg {clear:both;float:none;margin-top:10px}

ul.facetSelection li a:hover {background:#023167 !important}

#home .primary .home-panel div ul {
	background:none repeat scroll 0 0 #EEE;
	height:1%;
	overflow:hidden;
	padding:10px 0 7px 13px;
	margin-bottom: 20px
}
form p.submit input, .button {
	border:solid 1px #565658;
	color:#565658;
	-moz-border-radius: 0;
	line-height:27px;
	padding:0 8px 0;
	background: #fff;
}
#home form p.submit input {
	line-height:27px;
	padding:0 8px 3px 8px;
	font-weight:bold;
}

#home .buttonAlt a {
	padding: 0;
	}

.button a, .buttonAlt a, #home #recruiters .buttonAlt a {
	height:27px;
	line-height:27px;
}
#popular-searches {clear:both;padding:8px 15px 20px; background:#f2f2f2; margin-bottom:30px;overflow:hidden}
ul.popular-search-list{width:45%;float:left;margin-right:10px}

p.horiz {padding-right:5px}

#footer ul.bottom li a {
	display:block;
	float:left;
	padding:0 7px;
}
#footer ul.bottom li.last a {
	padding:0 0 0 7px 
}
#footer ul.bottom li.mobileLink a {
	padding: 0 7px;
}
#footer p.copyright {
	background:url("../images/footer-logo.png") no-repeat scroll left top transparent;
	padding-bottom: 25px;
	padding-top: 60px;
	margin-top: 30px;
}
#footer a {
	color:#fff;
}
#home #reveal {
	border-top:8px solid #e6e7e9;
	bottom:0 !important;
	clear:both;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	width:640px;
}
#home p.more {
	background:#fff
}
#home p#reveal a {padding-left:20px}

#home #reveal a {
	background-position:91% 7px;
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-right:20px;
	padding:5px 15px 5px 10px;
	width:80px;
}
#home p.less {background:#FFF}

#home #home-facet-lists .more a {
	background-color:#e6e7e9;
	margin-top:0
}
#home .less a {
	background-color:#FFF;
}
#home #footer ul.bottom {border-top:0}

p#reveal a, #home a.more {background-image:url(../images/arrow-more.png);}
#home a.less {background-image:url(../images/arrow-less.png);}
.listImages div {width:110px}
.listImages img {width:95px;height:63px}
.listImages li {width:260px}
.listImages h4 {margin:0}

/* CUSTOM COLOURS */

a,.azDetails a strong, #loginStatus a {color:#007aa6}
a:hover {color:#007aa6}

.button a:hover, .button a {color:#565658 }

#nav li.active a { background:#ea2126; color:#fff }

#nav { background:#003466; text-transform:uppercase; font-size:0.9em;}
#nav li {background-color:#003466;border-right: 1px #fff dotted }
#nav li.active li a  {background-color:#ea2126; border-left:none }

#nav li ul {background:#ea2126}
#nav li ul li.active {background:#ea2126 none}
#nav li.active ul li.active a {color:#FFF}
#nav li ul li {background:#ea2126 }
#nav li li.first a {padding-left:10px}
#nav li.active li a {color:#fff }

#nav li.rz {background:#111; padding:0 5px;}

#loginStatus {color:#999}

#recruiters {background:#003466 none;}

#recruiters a {color:#FFF}

#recruiters #rec-col1{border-right:2px #20486e solid}

#recruiters .buttonAlt, #recruiters .buttonAlt a {
	height:auto;
	color: #565658;
	-moz-border-radius: 0;
	background: #fff;
}
#loginStatus span.pipe {color:#CCC}

#home .wrapper h1{font-size:1.6em;color:#000; margin-top:15px}

#home form.box {background:#999 } 
#home .advSearchLink a {color:#003466;}

#home .mid1 .block ul.featuredJobs {border:1px #CCC solid}

#home .jbe {border:0;border-bottom:1px dashed #d2d2d2;}

#home .gradient {background-color:#F0F0F0;}

form#quickSearch label {color:#FFF;}

div#home-facet-lists {
	background:#e6e7e9;
}
ul.recruitingNow li img {border:1px solid #D2D2D2;}

div#google-ads li a {
color:#666;
}
div#google-ads li a.bottomlink {
color:#DA2128;
}

/* Scroller */

#home .mid1 div.block {width:auto}

.featured {width:300px; margin-top:5px;}
.featured .item p {margin-bottom:2px;}
.featured .item p.horiz {padding-bottom:8px;}

.item {width:275px;height:65px;padding-top:10px;border-bottom:1px #CCC dotted}
.item.last {border-bottom:0}

#actions {z-index:9999;margin:0 0 0 118px;position:relative;bottom:6px}
#actions a {text-indent:-9999px;width:12px;height:12px;display:block;float:left;cursor:pointer}
#actions a.prev {background:#FFF url(../images/arrow-less.png) no-repeat;margin-right:10px}
#actions a.next {background:#FFF url(../images/arrow-more.png) no-repeat;margin-top:0 }

#actions a.prev.disabled {background:#FFF url(../images/arrow-less-grey.png) no-repeat;margin-right:10px;cursor:default}
#actions a.next.disabled {background:#FFF url(../images/arrow-more-grey.png) no-repeat;margin-top:0;cursor:default}

/* root element for scrollable */
.scrollable {
	border:1px #CCC solid;padding:0 10px 10px 10px;
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollables have typically larger height than width but not now */
	height:200px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	/* this time we have very large space for the height */
	height:20000em;
}

/* ---- Added by NA 28/09/2010 for ER3145   ------- */
#home #mpuBox {padding-top:16px;position:relative;top:0;background-image:none;width:300px;height:246px;float:left;overflow:visible}
/* ---- Ends ------- */


#jbeShort {
	width:95%;
}
#nav li ul {
	top:2.8em;
}
body.layout3 .primary div.formWrapper img {
	margin-bottom:15px;
}
#jobdetails .primary {
	width:438px;
}
.error .icon {
	background:url("../images/icons.png") no-repeat scroll left -420px transparent;
}
.success .icon {
	background:url("../images/icons.png") no-repeat scroll left -280px transparent;
}
.warn .icon {
	background:url("../images/icons.png") no-repeat scroll left -358px transparent;
}
#lister form fieldset.checkboxes label, body#lister fieldset.checkboxes label.indent1 {
	margin-left:10px;
	width:190px;
}
#lister div.check-scroller div.checkbox input.indent1 {
	margin-left:10px;
}
#myaccount .contrastBg {
	border: none;
}
#myaccount .bottomLine {
	border-bottom: 1px solid #fff;
}
body.layout2 .gridBoxes li {
	width:99% !important;
}
.emailAlert {
	background:url("../images/icons.png") no-repeat scroll left -518px transparent;
}
#jbe .check-scroller.height3  {
	height:190px;
}
#jbe div.formWrapper div.radiocheckField fieldset {
	width:230px;
}
#home #homeTitle {
	display: none;
}
#home #col1 .featured h3,
#home #col1 #tertiary h3, #home #col1 #careers-advice h3,
#home #col2 h3 {text-transform:uppercase; font-size: .956em; padding-top:6px;color:#FFF;}

#home h3 span {padding:4px; font-weight: bold }

/* Featured jobs title */
#home #col1 .featured h3 {border-top:2px #09C solid; margin-bottom:15px; width: 100% }
#home #col1 .featured h3 span {background:#09C;}

/* power hunt and advice titles */
#home #col1 #careers-advice h3{border-top:2px #C00 solid}
#home #col1 #careers-advice h3 span{background:#C00;}

#home #col1 #tertiary h3 {border-top:2px #306 solid;}
#home #col1 #tertiary h3 span{background:#306;}

/* Right col */

#home #col2 .home-panel h3 {border-top:2px #F90 solid}
#home #col2 .home-panel h3 span {background:#F90}

.contrastBg {
	background-color:#B4C2D2;
}
ul.facetSelection li p span, ul.facetSelection li p:hover span, ul.facetSelection li a, ul.facetSelection li p:hover a {
	background: #7f99b4;
	color: #fff
}
.accountLinkAbsolute, .accountLink {
	color:#fff;
}
.layout4 form p.submit span.button {
	background: #ccc;
}
.atozSelector li a span {
	display: inline;
}
/* KADS 11 May, enhancement to add assoc site links */

ul#assocLinks {
	position: absolute;
	top: 12px;
    font-size:  .9em;	
    line-height: 1
}
ul#assocLinks li {
	float: left;
	border-right: solid 1px #ccc;
	padding: 0 5px
}
ul#assocLinks li.last {
	border-right: 0;
}
ul#assocLinks li a.on1 {
	color: #E42F17;
}
#jobdetails .boxwrapper-inner .logo {
	clear: both;
    position: absolute;
    right: 0;
    top: 0;
    width: 122px;
    z-index: 2;
}
