/*Kelso Jones CSS Document */

html { /*height: 100%; */ }

:root { overflow-y: scroll !important; }

img { border: 0 none; /*behavior: url("/apps/_libs/css/pngbehavior.htc");*/	behavior: url("/dev/kelso/apps/_libs/css/pngbehavior.htc"); }

body { background: #FFF; border: 0px; height: 100%; margin: 0px; padding: 0px; text-align: center; font-family:Arial, Helvetica, sans-serif;}
p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 1.0em; font-weight: normal; color: #8C8C8C; }
p,ul,ol,dl,blockquote,pre { margin-bottom: 1.0em; }

h1 {  font-size: 25px;	color: #3f3f3f;	font-weight: bold; font-style: normal; margin-bottom: 15px; font-weight: lighter; line-height:29px;}
h1 a{ text-decoration:none;	color: #000; }
h2 { font-size:1.0em; line-height: 1.3em; font-family:Arial, Helvetica, sans-serif; margin-bottom: 12px; font-weight: bold; }
h2 a { font-size:1.0em; line-height: 1.3em; font-family:Arial, Helvetica, sans-serif; margin-bottom: 12px;	font-weight: bold; }
h3 { font-size:0.9em; line-height: 1.2em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; }
h3 a { text-decoration:none; }
h3 a:hover { text-decoration:none; }
p { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; line-height: 1.3em; margin-top: 0em; margin-bottom: 1.0em; margin-bottom: 20px; }
p a { color: #8C8C8C;	}
p a:Link { color: #8C8C8C; }
p a:Hover { color: #ED1262; }

#mainColContent { float: left;width: 785px; }

#mainColContent p.login {text-align: center;}

#KelsoJonesRecruitmentLogo { float: left; }

ul { list-style-type: square; margin: 0 0 1em; padding: 0; padding-left: 2em; }
li { font-family:Arial, Helvetica, sans-serif; font-size:0.8em;	color: #8C8C8C; list-style:disc; }
li.dir { color: #8C8C8C; }
li a{ color: #000; text-decoration:none; }
li a:hover{ color: #000; text-decoration:none; }
li span { color: #000000; }

a {	/*makes the nicetitle postion right in IE*/ position:relative; }

#rightCol-workingWith { font-size: 0.8em; font-weight: 500; }

.content-link { color: #ED1262; text-decoration: none; }
.content-link:hover { color: #8C8C8C; text-decoration: none; }
.content-link:link { color: #ED1262; text-decoration: none; }

hr { border:none; background-color:#000; color:#000; height:1px; width:100%; text-align: left;/*this will align it for IE*/	margin: 0 auto 0 0; /*this will align it left for Mozilla*/ }

/*---------------------------------------------------------------------------------------- grey box */

.grey-box-selected { font-size: xx-large; background-color: Aqua; }

/*--------------------------------------------------------------------------------------------------------advanced tool area*/

.advancedSearchTool { background: #fff;	padding: 0 0 2em 0;	float: left; clear: left; width: 100%; line-height: 1.5em; }
.advancedSearchTool-InnerWrapper{ width: 780px;	margin: 0 auto;	text-align: left; }

#box1 { width: 780px; margin: 0 auto; text-align: left; }
#topBarLineBG1 { background:url("../../../images/bg/search_bar_line_bg.jpg") repeat-x left top;	height:40px; clear:both; }
#advancedSearchButtonHolder { float:right; margin-top:-40px; }
#advancedSearchButtonHolder a {	font-family:Arial, Helvetica, sans-serif; background:url("../../../images/bg/search_bar_button_bg.jpg") no-repeat left top;	color: #ED1262; width:205px; height:40px; display:block; font-weight: bold;	text-decoration: none; padding-left:43px; padding-top:7px; font-size: 0.75em; }
#advancedSearchButtonHolder a:hover { color: #8b8b8b; }
#topSubmitButtons ul { float:right;	margin-top:-28px; }
#topSubmitButtons ul li { display: inline; color: #8b8b8b; font-size: x-small; }
#topSubmitButtons ul li a:hover { color: #ED1262; }

/*--------------------------------------------------------------------------------------------------------navigation*/

#navigation { float:left; margin: 0; font-size:100%; line-height:normal; position:relative; z-index:200; height: 27px; width: 780px;}
#navigation ul { margin: -10px 0px 0px 0px; padding:0; list-style:none; }
#navigation li { display:inline; margin:0; padding:0; float:left; text-align: center;}
#navigation a { display:block; /*background:url("../../../images/buttons/main_nav/main_nav_bg.jpg") repeat-x left top; */ background-color: #f7f7f7; margin:0; padding:5px 8px 5px 8px; text-decoration:none; color: #555; }
#navigation ul li a {border-right: 1px solid #dedede; border-top: 1px solid #dedede;}
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li a.last { border-right: none; }

/*#navigation ul li#navHome { width: 69px; }
#navigation ul li#navHome a {  border-left: 1px solid #dedede; }
#navigation ul li#navAdvice {width: 120px;}
#navigation ul li#navVacancies {width: 150px;}
#navigation ul li#navClients {width: 100px;}
#navigation ul li#navTestimonials {width: 110px;}
#navigation ul li#navWorkingWith {width: 120px;}
#navigation ul li#navContact {width: 110px;}*/

#navigation li.selectedItem ul { display:block; z-index:100;}

#navigation ul#nav li.selectedItem ul { display:block; z-index:100;}

/*With testimonials*/
/*#navAdvice ul { display: none; position: absolute; width: 150px; left:59px; top:28px; padding: 0;}*/
/*Without testimonials*/
#navAdvice ul { display: none; position: absolute; width: 150px; left:75px; top:28px; padding: 0;}
#navAdvice ul li a { width: 134px; font-size: 1.1em; }

#navTestimonials ul { display: none; position: absolute; width: 150px; left:398px; top:28px; padding: 0px; }
#navTestimonials ul { display: none; position: absolute; width: 150px; left:398px; top:28px; padding: 0px; }
#navTestimonials ul li a { width: 130px; /*margin-left: 50px;*/ }

/*With testimonials */
/*#navWorkingWith ul { display: none; position: absolute; left:499px; width: 180px; top:28px; padding: 0px; z-index: 5; }*/
/*Without testimonials*/
#navWorkingWith ul { display: none; position: absolute; left:466px; width: 180px; top:28px; padding: 0px; z-index: 5; }
#navWorkingWith ul li a { width: 180px; font-size: 1.1em; z-index: 5; /*margin-left: 67px;*/ }

#navContact{z-index:100; display:block;}
/*With testimonials*/
/*#navContact ul { display: none; position: absolute; left:679px; width: 160px; top:28px; padding: 0px; z-index: 99; }*/
/*Without testimonials*/
#navContact ul { display: none; position: absolute; left:663px; width: 160px; top:28px; padding: 0px; z-index: 99; }
#navContact ul li a { width: 160px; font-size: 1.1em; z-index: 100; /*margin-left: 70px;*/ }

#navigation ul li a.navThis { background-position:100% -30px !important; border-right: none; border-bottom: solid #FF0066 1px; background-color: #FF0066; font-weight: bold; color:#FFFFFF; }

/*#navBar.test { margin-top: 20px; }*/

/*Correct widths with testimonials link included*/
/*#navigation ul li#navHome { width: 59px; }
#navigation ul li#navHome a {  border-left: 1px solid #dedede; }
#navigation ul li#navAdvice {width: 110px;}
#navigation ul li#navVacancies {width: 140px;}
#navigation ul li#navClients {width: 90px;}
#navigation ul li#navTestimonials {width: 100px;}
#navigation ul li#navWorkingWith {width: 180px;}
#navigation ul li#navContact {width: 100px;}*/

/*Temporarily removed testimonials link so had to recalculate link widths*/
#navigation ul li#navHome { width: 75px; }
#navigation ul li#navHome a {  border-left: 1px solid #dedede; }
#navigation ul li#navAdvice {width: 127px;}
#navigation ul li#navVacancies {width: 157px;}
#navigation ul li#navClients {width: 107px;}
/*#navigation ul li#navTestimonials {width: 100px;}*/
#navigation ul li#navWorkingWith {width: 197px;}
#navigation ul li#navContact {width: 117px;}

/*--------------------------------------------------------------------------------------------------------SiteMap*/
#sitemap a { font-size: small; color: #8C8C8C; }
#sitemap a:hover { color: #ED1262; }

/*--------------------------------------------------------------------------------------------------------main area home*/

/*#mainAreaHome {	background:url("/images/bg/home_span_area.jpg") repeat-x left top; padding: 0; margin-top:-20px; float: left; clear: both; width: 100%;	line-height: 1.5em; height: 300px; }*/
#mainAreaHome {background:url("/images/bg/home_span_area.gif") repeat-x left top; padding: 0; margin-top:-20px; float: left; clear: both; width: 100%; line-height: 1.5em; }
#mainAreaHome-InnerWrapper{	width: 780px; margin: 0 auto; text-align: left; }
#searchBox{ width:510px; margin-top:10px; margin-bottom:10px; float:left; height:200px; background-color: #C8C8C8; /* background: #c8c8c8 url("/images/bg/searchbox.gif") repeat-x left top;*/ border:#FFFFFF solid 3px; }
#searchBoxInner { margin: 40px;}
#searchBox h2 { color: #3F3D3E; font-size: larger; font-weight: lighter; }
#searchBox h1 { color: #3F3D3E; }
.keywordSearch { color: #3F3D3E; border: solid 3px #fff; background-color: #F5F5F5; width: 380px; font-size: 18px; }
h1.HomeTitle { color: #FF0366; font-weight: lighter; }
h2.HomePar {font-weight:bold;}
h2.HomePar a {color:#ff0066; text-decoration:none;}
h2.HomePar a:hover {color:#333}

/*--------------------------------------------------------------------------------------------------------view job*/

#viewJob { width:490px; margin-top:10px; margin-bottom:10px; float:left; background: #c8c8c8; border:#FFFFFF solid 3px; padding: 10px; }
#viewJob h1 { color: #fff; }
#viewJob p { color: #3F3D3E; font-weight: bold; }

/*--------------------------------------------------------------------------------------------------------view basket*/

#viewBasket { width:490px; margin-top:10px; margin-bottom:10px; float:left; background: #c8c8c8; border:#FFFFFF solid 3px; padding: 10px; }
#viewBasket h1 { color: #fff; }
#viewBasket p { color: #3F3D3E; font-weight: bold; }

.applyJob { color: #5f5f5f; font-size: small; }
.applyJob:hover { color: #FF0366; }

#homeListRight{
margin-left:185px;
margin-top:-110px;
padding-bottom:10px;
}

/*-------------------------------------*/
 
 #main-col-footer { width: 100%; float: left; }
 #left-col-footer { width: 490px; float: left; }

/*--------------------------------------------------------------------------------------------------------latest jobs*/
.c {clear:both;}
#jobList {float:right; border:solid 3px #fff; width:250px; background-color:#C8C8C8; margin:10px 0 0 0; padding:5px 0 0 0;}
#jobList .jobHead { margin:0; padding:0; }
#jobList .jobHead h2 { color: #FF0366; font-weight: bold; margin:0; padding:0 5px 0 0; float:right; width:210px; }
/*#jobList .jobHead*/ .bullet {float:left; width:35px; margin:0; padding:0; text-align:center;}
/*#jobList .jobHead*/ .bullet img { /*vertical-align: text-top; /*margin-left: 5px;*/ margin:0; padding:0;}
#jobList a { color: #FF0366; font-weight: bold; }
#jobList a:hover { color: #3F3D3E; font-weight: bold; }

#jobList h3 {margin:0; padding:0 0 0 20px; z-index:1; }
#jobList h3 a{z-index:0;}
#jobList div.job {margin:0; padding:5px 10px 5px 15px; float:left; width:225px;}
#jobList div.job h3 {margin:0; padding:0 0 0 20px; float:left; width:205px;}

#jobList p {color: #fff; font-weight: bold; font-size: 0.7em; margin:0; padding: 0 0 0 20px; float:left; width:205px;}

#jobList div.hr { float:left; width:250px; height: 3px; background: #fff url(/images/bg/ridge.gif) repeat; }
#jobList div.hr hr { display: none; }

#jobList div.dropdown { padding: 5px 0 0 0; z-index:0;}
#jobList div.dropdown .bullet { padding: 3px 0 0 0; }
.ddlJobCat { background-color: #f5f5f5; border: solid 3px #fff; color: #3F3D3E; width: 175px; z-index:0; float:left; margin:0 0 0 0;}

/*#jobList {  float: right; border: solid 3px #fff; width: 250px; background-color: #C8C8C8; margin: 10px 0 0 0; padding: 5px 0 10px 0;}
#jobList h2 { color: #FF0366; font-weight: bold; margin: 0 0 0 6px; display: inline; }
#jobList img {vertical-align:top; margin-left: 5px;}
#jobList a { color: #FF0366; font-weight: bold; }
#jobList a:hover { color: #3F3D3E; font-weight: bold; }
#jobList p {color: #fff; font-weight: bold; margin: 0 0 0 0; font-size: 0.7em; padding: 0 0 0 20px;}
#jobList h3 {margin: 0 0 0 0; padding: 0 0 0 20px; z-index:1; }
#jobList h3 a{z-index:0;}
#jobList div.job {padding: 5px 10px 5px 15px; margin: 0 0 0 0;}
#jobList div.hr { float:left; width:250px; height: 3px; background: #fff url(/images/bg/ridge.gif) repeat; }
#jobList div.hr hr { display: none; }

#jobList div.dropdown { padding: 5px 0 0 0; z-index:0;}
#jobList div.dropdown img { vertical-align: text-bottom; float:left;}
.ddlJobCat { background-color: #f5f5f5; border: solid 3px #fff; color: #3F3D3E; width: 175px; z-index:0; float:left;}*/

/*--------------------------------------------------------------------------------------------------------Right Col*/

#rightCol {  float: right; border: solid 3px #fff; width: 250px; background-color: #C8C8C8; margin-top: 10px; padding: 5px 0 0 0; text-align: left; }
#rightCol h2 { color: #FF0366; font-weight: bold; margin: 0 0 0 6px; display: inline;}
#rightCol img {vertical-align: text-top; margin-left: 5px;}
#rightCol a { color: #FF0366; font-size: 12px; font-weight: bold; text-decoration: none; }
#rightCol a:hover { color: #3F3D3E; font-weight: bold; }
#rightCol p {color: #fff; font-weight: bold; margin: 0 0 0 0; font-size: 0.7em; padding: 0 20px 0 20px;}
#rightCol h3 {margin: 0 0 0 0; padding: 0 20px 0 20px; z-index:1; }
#rightCol h3 a{z-index:0;}
#rightCol div.hr { height: 3px; background: #fff url(/images/bg/ridge.gif) repeat; }
#rightCol div.hr hr { display: none; }
#rightCol div.links { padding: 0 20px 0 20px; }
#rightCol div.pdflinks { padding: 0 20px 5px 20px;}

#rightCol div.dropdown { padding: 5px 0 10px 0;}
#rightCol div.dropdown img { vertical-align: text-bottom;}

/*--------------------------------------------------------------------------------------------------------Testimonials */

.testimonialDiv { border-bottom: dashed 2px #c8c8c8; padding: 10px; font-size: 14px; font-weight: normal; color: #8C8C8C; margin-bottom: 10px; }
.testimonialDivAlt { border-bottom: dashed 2px #c8c8c8; padding: 10px; font-size: 14px; font-weight: normal; color: #8C8C8C; background-color: #EEEEEE; margin-bottom: 10px; }

/*--------------------------------------------------------------------------------------------------------Advanced Search Box */

#advancedSearchBox { width:780px; margin-top:10px; margin-bottom:10px; float:left; height:210px; background: #f5f5f5; border-top:#FFFFFF solid 6px; }
#searchCategories { margin: 30px; float: left; margin-top: 0px; display: inline; }
#searchTitle { margin: 30px; float: left; display: inline; }
#searchButton { float:right; margin-right: 30px;  display: inline;}

.keyword { width: 300px; font-size: 18px; color: #3f3f3f; border: solid 4px #fff; background-color: #f5f5f5; }
.searchDDL { width: 200px; font-size: 16px; color: #3f3f3f; border: solid 4px #fff; background-color: #f5f5f5;  }

.searchDDLDiv { float:left; width: 220px; }

/*--------------------------------------------------------------------------------------------------------Skills Test */

.skillsTest h1, .skillsTestAlt h1 {margin:0 0 20px 0; padding:0; font-size: medium;}

.skillsTest table, .skillsTestAlt table {float:left; width:738px;}
.skillsTest table tr td, .skillsTestAlt table tr td {vertical-align:middle; width:246px;}

.skillsTest    {margin:0 0 10px 0; float:left; padding:20px; width:738px; font-size:small; text-align:left; border:solid 1px #8f8f8f;}
.skillsTestAlt {margin:0 0 10px 0; float:left; padding:20px; width:738px; font-size:small; text-align:left; border:solid 1px #8f8f8f; background:#eee;}
 
.chkSkillsList {width:780px; display:inline;} 

/*--------------------------------------------------------------------------------------------------------Left Col Box */

#leftColBox { width:490px; margin-top:10px; margin-bottom:10px; float:left; background: #c8c8c8; border:#FFFFFF solid 3px; padding: 10px; padding-bottom: 0px;}
#leftColBox h1 { color: #fff; }
#leftColBox p { color: #3F3D3E; font-weight: bold; }

/*--------------------------------------------------------------------------------------------------------Search Results */

#searchResults { width:490px; margin-top:10px; margin-bottom:10px; float:left; background: #c8c8c8; border:#FFFFFF solid 3px; padding: 10px; padding-bottom: 0px;}
#searchResults h1 { color: #fff; }
#searchResults p { color: #3F3D3E; font-weight: bold; }
#jobsList a { color: #3F3F3F; text-decoration: none; }
#jobsList a:Hover { color: #FF0366; }
#jobsList { padding-bottom: 50px; }

#jobResults { background-color: #fff; float:left; width: 495px; padding: 10px 10px 10px 0px; }

#jobListing { border-bottom: solid 1px #8b8b8b; }
#jobListing h2 { color: #8b8b8b; display: inline; line-height: 30px; }
#jobListing p { color: #8b8b8b; display: inline; line-height: 30px; }

/*--------------------------------------------------------------------------------------------------------Jobs Basket */

#jobsBasket a { color: #8C8C8C; text-decoration: underline; }
#jobsBasket a:Hover { color: #FF0366; }

/*--------------------------------------------------------------------------------------------------------Email Templates */

#EmailApplication-Wrapper { padding: 20px;  color: #5f5f5f; float:left; text-align: left; }
#EmailApplication-Wrapper td { font-size: 0.9em; }
#EmailApplication-Wrapper table { width: auto; }

#auto { font-size: 0.8em; color: #5f5f5f; font-style: italic; }

/*--------------------------------------------------------------------------------------------------------Jobs Apply */

#mainCol { width: 100%; float: left; }
#mainColBox { width:760px; margin-top:10px; margin-bottom:10px; float:left; background: #c8c8c8; border:#FFFFFF solid 3px; padding: 10px; }
#mainColBox h1 { color: #fff; }
#mainColBox p { color: #fff; }

.applyTbl { border: solid 1px #C8C8C8; border-left: none; border-right: none; margin: 20px; margin-left: 0; margin-right: 0; }

/*////////////////////////////////////////////////////////////////////////////////      	Start of CLASSES */
	
.clearCSS { clear: both; height: 0px; overflow: hidden; }
.inv-navigation { position: absolute; visibility: hidden; width:1px; height:1px; top:-20px; left:-20px; margin: 0 0 0 0; }

/*/////////////////////////////////////////////////mac IE 5 display*/

#isMacIE5 { background-color: #090; padding:-300 50 50 0; float:right;display: block; }

/* v1 of the commented backslash hack. This \ character between rules appears to have the effect that macIE5 ignores the following rule. Odd, but extremely useful. */

#isMacIE5 { background-color: #C00; display: none;} /* check we recovered from hack */
div.message h3 { font-size: 1.1em; margin: 0px 0px 0px 0px;	text-decoration:none; }

#leftCol {width: 500px; float: left; clear:both;}
#leftCol table{clear:both;}
#searchBox {margin-bottom: 30px; display: inline; height: 215px;}

#footer {width: 780px; margin: 0 auto; text-align: left;  clear: both; color: #8b8b8b; margin-top: 5px; padding-top: 15px;}
#footer a {color: #8b8b8b; text-decoration: none;}
#footer a.footer-main { color: #FF0366; }
#footer a:hover {color: #ffffff; text-decoration: none;}
#footer h3 { color: #FF0366; }
#footerInner {float: left; clear: both; width: 780px;}
#footerInner div {width: 210px; float: left; border: 5px solid #fff; padding: 10px 10px 5px 20px; font-size: 0.85em; background-color: #f0f0f0; height: 90px; display: inline;}
#footerInner div.one {}
#footerInner div.two {margin-left: 15px;}
#footerInner div.three{margin-left: 15px;}
#footerLink {float: left; font-size: x-small; margin: 10px 0 0 0; display: inline;}
#footerBar {background-color: #c8c8c8; height: 170px; clear: both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pngButton {behavior: url("/apps/_libs/css/pngbehavior.htc");}

.SkillError {
    margin:0 0 10px 0;
    float:left;
    display:inline;
    width:760px;
    padding:10px;
    background:#ed1361;
    color:#fff !important;
    font:bold 12px/1em Arial,Helvetica,Serif;
    text-align:center;
}