/* CSS Document */

/****************************************************************************************************/
/* General non-page specific styles */
/****************************************************************************************************/

/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/

html {
	height: 100%;
	margin-bottom:1px;
	background-color:#f7f7f7;		
}
#outerContainer {
	width:970px;
	margin:0 auto;
	height: auto;
min-height: 100%;
	}

html #outerContainer {
	height: 100%;
}



body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
background:#f7f7f7 url(../images/surveyor/bridgeBackground.jpg) no-repeat top center fixed;	
color:#383737;
}


body.bg_body_1{
background:#f7f7f7 url(../images/surveyor/bridgeBackground.jpg) no-repeat top center fixed;	
}

body.bg_body_2 {
background:#f7f7f7 url(../images/surveyor/motorwayBackground.jpg) no-repeat top center fixed;	
}

body.bg_body_3 {
background:#f7f7f7 url(../images/surveyor/tramBackground.jpg) no-repeat top center fixed;	
}


pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#container {
	margin: 0 auto;
	width: 960px;
}
#header {
	background-color:transparent;
/*	background: #fff url(../images/surveyor/bg_header_motif.gif) top right no-repeat;*/
/*	border-bottom:solid 1px #d0cece;*/
	border-top:0px;
	height:138px;
	position:relative;
	border-bottom:0;
	margin-bottom:10px;
}
#header h1 {
	margin: 0;
}
h1#logo {
	display: block;
	margin:0;
	padding:0;
	margin-bottom:40px;
	width:352px;
	height:133px;
	text-indent: -9999px;
	background:url(../images/surveyor/surveyorjobs_logo.png) no-repeat 0 28px;
}
#search-box {
	width:600px;
	height:55px;
	margin-bottom:10px;
	color:#fff;
	padding-top:10px;
	position:relative;

}
#search-box input {
	border:solid 1px #d0cece;
}
#search-box input#searchSubmit {
	background-color:#292727;
	border:0;
	color:#ffffff;
	margin-top:8px;
	float:left;
}
#search-box label {
	float:left;
	width:80px;
	padding:9px 12px 12px 12px;
	font-size:13px;
}
#search-box input.textField {
	background:#f7f9f9 url(../images/surveyor/bg_search_input.gif) no-repeat;
	width:190px;
	margin-right:10px;
	margin-top:7px;
	float:left;
	height:15px;
	border-bottom:solid 1px #aeb3b9;
	border-left:solid 1px #aeb3b9;
	border-top:solid 1px #878b92;
	border-right:solid 1px #878b92;
	padding-left:22px;

}
#search-options {
    position:absolute;
	top:8px;
	right:10px;
	padding-top:10px;
}

#search-options a {
	color:#fff;
	font-size:11px;
}
#search-options ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#search-options ul li {
	float: left;

}
#search-options li a{
	color:#fff;
	margin-right:10px;
}
#search-options li.last {
	border:none;
	padding-left:15px;
}

#search-options li.first {
    width:100px;
	height:20px;
}


#search-options li.last a{
		color:#3a3838;
}

#section-navigation li a {
	text-decoration: underline;

}
#section-navigation li:hover {
	background:#fff url(../images/surveyor/navArrow_red.png) center right no-repeat;
}
#banner-area {
	width:468px;
	padding-top:20px;
	position:absolute;
	z-index:25px;
	right:0px;
	top:60px;
	padding:0;
	margin:0;
}
#content-container {
/*	padding-top:22px;
	float: left;
	width: 960px;
	background:#FFF url(../images/surveyor/bg_leftcol_border.gif) repeat-y;*/
	background: url(../images/surveyor/bg_content_container.png) repeat-y;
	padding-top:22px;
	width:965px;
	padding-left:4px;

}
#leftCol {
	float: left;
	width: 160px;
	padding: 0 10px 5px 5px;
}
#section-navigation {
	display: inline;
	width:178px;
	padding:30px 10px 10px 10px;
}
#section-navigation ul {
	margin: 0;
	padding: 0;
}
#section-navigation ul li {
	padding: 10px;
	list-style-type: none;
	border-top:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
	background:#fff url(../images/surveyor/navArrow.png) center right no-repeat;
}
#section-navigation ul li.selected {
	background-color:#eff7fd;
	background:#fff url(../images/surveyor/navArrow_red.png) center right no-repeat;
}
#section-navigation li a {
	color: #636567;
	text-decoration: none;
	display: block;
}
#loginBox {
	width:157px;
	height:195px;
	background-color:#e9e4e4;
	border:solid 4px #ded7d7;
	margin-bottom:30px;
}
#loginBox p {
	padding:5px;
	margin:0;
}
#loginBox input.txtField {
/*	background:url(../images/surveyor/loginBox_txtField_bg.gif) repeat-x;*/
	border-bottom:solid 1px #aeb3b9;
	border-left:solid 1px #aeb3b9;
	border-top:solid 1px #878b92;
	border-right:solid 1px #878b92;
	font-size:12px;
	display:block;
	width:140px;
	height:20px;
}
#loginBox input#submitBtn {
	width:71px;
	color:#FFFFFF;
	background:#e9e4e4 url(../images/surveyor/login_bg.png) top right no-repeat;
	border:0;
	text-align:left;
	outline:none;
	cursor:default;
	height:27px;
	padding-top:0;
	margin:0;
	margin-bottom:10px;
	padding-left:10px;
}
#content {
	float: left;
	width: 600px;
	padding: 0 0 10px 15px;
	min-height:700px;

}
#content h2 {
	margin: 0;
}
#left-section {
	width:420px;
	float:left;
}
.job-entry {
	border-bottom:dotted 1px #666;
	padding:10px 16px 10px 16px;
}
.job-entry .key-points {
	float:left;
	line-height:120%;
	width:230px;
}
.job-entry .key-points h4 {
	padding-top:0;
	margin-top:0;
	padding-bottom:5px;
	margin-bottom:0;
	font-size:14px;
}

/*.job-entry .key-points h4 a{
	text-decoration:none;
	color:#a60c10;
	border-bottom:dotted 1px #a60c10;
}

.job-entry .key-points h4 a:hover{
	color:#686a6a;
}*/

.job-entry:hover {
	background-color:#f7f3f3;
}
.job-entry .key-points p {
	padding:0 0 3px 0;
	margin:0;
}
.job-entry .key-points p span {
	display:inline-block;
	width:70px;
	background:url(../images/surveyor/key_point_arrow.gif) center right no-repeat;
}
.job-entry img {
	float:right;
}


#joboftheweek{background-color:#fceae7; border:dotted 1px #666; border-bottom:0; padding:6px; background-image:none;}


#right-section {
	width:168px;
	float:left;
	margin-left:10px;
}
#feature-box {
	width:152px;
	border:solid 3px #dad7d7;
	background-color:#eff3f8;
background-color:#e9e4e4;
	border:solid 4px #ded7d7;	
	padding:0 5px 15px 5px;
}
#feature-box a {
	color:#787575;
}
p#savesearch{
	font-size:11px;
}
#current-filler, #sectors, #regions, #contracts, #working-hours {
	border-top:solid 2px #dfdede;
	padding-bottom:15px;
}
#current-filler ul, #sectors ul, #regions ul, #contracts ul, #working-hours ul {
	margin: 0;
	padding: 0;
}
#current-filler ul li, #sectors ul li, #regions ul li, #contracts ul li, #working-hours ul li {
	padding: 2px;
	margin:0;
	padding:0;
	list-style-type: none;
}
#feature-box h3 {
	color:#0f72ab;
	background-color:#e9e4e4;
}


#feature-box div {
	padding-left:5px;
}
#feature-box li {
	margin:0;
	padding:0;
}
#rightCol {
	float: right;
	width: 140px;
	padding: 0;
	display: inline;
}
#rightCol h3 {
	margin: 0;
}
#footer {
	background: #464444 url(../images/surveyor/bg_footer.gif) bottom right no-repeat;
	border-top:solid 1px #d0cece;
	padding: 0px;
	clear:both;
	color:#ffffff;
	display:block;
	position:relative;
	height:100px;
	font-size:11px;
	margin-left:-2px;
	width:960px;
}

#footer p{
	padding:20px 0 0 20px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
} /* slightly enhanced, universal clearfix hack */
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/ 
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* close commented backslash hack */
.clear {
	clear:both;
}



/***************  BEGIN ADVANCED SEARCH AREA ***********************/

#jsearchmore{
padding:10px;
background:#be0c10 url(../images/surveyor/bg_search_adv.gif) no-repeat;
margin-top:-29px;
padding-top:20px;
border-bottom:solid 15px #fff;
color:#efefef;
font-size:11px;
}






/****************************************************************************************************/
/* Job Search box styles*/
/****************************************************************************************************/

#jsearchcontainer{
	margin-bottom:30px;
	background:url(../images/surveyor/search_box_bg.gif) no-repeat;

}
#jsregionlist{
	width:280px;
	border:0;
	height:100px;
	float:left;
	margin-right:15px;
	overflow-y:scroll;
	/*background-color:#201e1e;*/
	font-size:11px;
}
#jssectorlist{
	width:280px;
background-color:#e9e4e4;	
background-color:#c0ddf4;
	border:0;
	height:100px;
	float:left;
	overflow-y:scroll;
	font-size:11px;
}


#jsregionlist a, #jssectorlist a{color:#333;}


#jsjtypes{
	width:590px;
	padding:15px 0 6px 0;
	margin-bottom:4px;
	border-bottom:dotted 1px #d76a6d;
	clear:both;
	/*color:#efefef;*/
}
#jshtypes{
	width:590px;
	clear:both;
	padding:4px 0 6px 0;
	margin-bottom:4px;
	border-bottom:dotted 1px #d76a6d;

}


#jssalrange{
		width:590px;
	clear:both;
	padding:4px 0 6px 0;
	margin-bottom:4px;
	border-bottom:dotted 1px #d76a6d;
}

.topregion{
	padding-bottom:0;
background-color:#e9e4e4;	
background-color:#c0ddf4;	
	margin-bottom:0;
	color:#111;
}

.topsector{
background-color:#e9e4e4;	
background-color:#c0ddf4;	
color:#111;

}

.topregion span.link, .topsector span.link{color:#333; border-bottom:dotted 1px #333;}

.subregion, .subsector{
	padding-bottom:0;
	margin-bottom:0;
	background-color:#ffffff;
	color:#111;
	
}



#regionlist{
	height:200px;
	overflow-y:scroll;
	border:0px;
	font-size:11px;
	margin-right:15px;
	
}
#sectorlist{
	height:200px;
	overflow-y:scroll;
	border:0px;
	
	
}



input#jsbuttonadv{
		width:71px;
	color:#FFFFFF;
	background:#be0c10 url(../images/surveyor/login_bg.png) top right no-repeat;
	border:0;
	text-align:left;
	outline:none;
	cursor:default;
	padding-left:10px;
	height:27px;
	padding-top:0;
	margin:0;
}

span.link{color:#333; border-bottom:dotted 1px #333; text-decoration:none;cursor:pointer;}

#jsearchmore span.link{color:#333; border-bottom:dotted 1px #333; text-decoration:none;}

/*span#advsearchshow{margin-left:470px;}*/

#jsearchmore span#advsearchhide{color:#ffcc00;}



/************************* BEGIN NEW MY ACCOUNT STYLES *************************************/
#rad_basic_head,
#rad_mybalance_head,
#rad_add_head,
#rad_myjobs_head,
#rad_savedJobSeekers_head,
#rad_purcvs_head,
#cad_basic_head,
#cad_cv_head,
#cad_cover_head,
#cad_loc_head,
#cad_jemails_head,
#cad_jsprofile_head,
#cad_basket_head,
#cad_jobapps_head{
	background:url(../images/surveyor/bg_my_account.gif) repeat-x;
	height:36px;
	overflow:hidden;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding:6px 0 0 0;
	text-indent:12px;
	border:0;
	margin:0;
	cursor:pointer;
}


#rad_basic_head{background:url(../images/surveyor/bg_basic_details.gif) top right no-repeat;}
#rad_purcvs_head{background:url(../images/surveyor/bg_cover_letters.gif) top right no-repeat;}
#rad_add_head{background:url(../images/surveyor/bg_your_location.gif) top right no-repeat;}
#rad_savedJobSeekers_head{background:url(../images/surveyor/bg_job_seeker_profile.gif) top right no-repeat;}
#rad_mybalance_head{background:url(../images/surveyor/bg_account_balance.gif) top right no-repeat;}
#rad_myjobs_head{background:url(../images/surveyor/bg_recent_ads.gif) top right no-repeat;}





#cad_basic_head{background:url(../images/surveyor/bg_basic_details.gif) top right no-repeat;}
#cad_basket_head{background:url(../images/surveyor/bg_job_basket.gif) top right no-repeat;}
#cad_jobapps_head{background:url(../images/surveyor/bg_job_applications.gif) top right no-repeat;}
#cad_jemails_head{background:url(../images/surveyor/bg_jobs_by_email.gif) top right no-repeat;}
#cad_jsprofile_head{background:url(../images/surveyor/bg_job_seeker_profile.gif) top right no-repeat;}
#cad_cover_head{background:url(../images/surveyor/bg_cv_details.gif) top right no-repeat;}
#cad_cv_head{background:url(../images/surveyor/bg_cover_letters.gif) top right no-repeat;}
#cad_loc_head{background:url(../images/surveyor/bg_your_location.gif) top right no-repeat;}

.coverText{
	width:290px;
	height:250px;
}
.coverTextApply{
	width:300px;
	height:150px;
}

#rad_savedJobSeekers table td, 
#rad_purcvs table td, 
#cad_cv table td,
#cad_cover table td, 
#cad_basket table td,
#cad_jobapps table td
{ width:150px; padding:0 10px 5px 0;}

#rad_savedJobSeekers table th, 
#rad_purcvs table th, 
#cad_cv table th,
#cad_cover table th, 
#cad_basket table th,
#cad_jobapps table th
{text-align:left; font-weight:bold; border-bottom:solid 1px #aeb3b9; }






#creditHistoryList .creditHistoryCV,
#creditHistoryList .creditHistoryJob{
   width:150px;
}


#pagination{background-color:#c31b1e; padding-right:8px; padding:2px 5px 0px 5px; height:28px; margin-bottom:10px;}
/** remove width:100%  from #pagination style on SurveyorX.css **/

#pagination .pagecount{padding-top:4px; color:#ffffff;float:left; font-style:italic;width:170px;}
#pagination a{text-decoration:none; color:#5c5656; font-family:"Trebuchet MS", sans-serif; font-size:11px;}

#pagination .pageno,
#pagination .pageno span.link{ background-color:#333333; width:15px; height:16px;cursor:pointer;float:right;margin:3px;padding:2px;text-align:center;}

#pagination .pageno a, 
#pagination .pageno span.link{color:#ffffff; border-bottom:0;}

#pagination .thispageno{ background-color:#ffcc00; width:15px; height:16px;cursor:pointer;float:right;font-weight:bold;margin:3px;padding:2px;text-align:center;}
#pagination .thispageno a{color:#111111; border-bottom:0;}


#welcome{
	width:157px;
	height:55px;
	color:#ffffff;
	background-color:#be0c10;
	text-indent:5px;
}

#welcome span{display:block;}



#regbox form{
 border:solid 3px #fcd6cd;
 padding-top:20px;
 margin-right:230px;
 padding-bottom:20px;
}

body#recruiter_newjob #regbox form{
	margin-right:80px;
}


body#jobs_apply #appform p span,
body#account_basket form#goform label,
#regbox form label,
.sectiondetail form#regform label,
.sectiondetail form#jsform label,
#addr.sectiondetail label{float:left; background:url(../images/surveyor/bg_form_label.gif) repeat-x 0px 7px; width:120px; height:20px; margin-right:10px;  overflow:none; padding-top:8px; padding-bottom:4px; font-size:12px;}

#regbox form input,
body#account_basket form#goform input,
.sectiondetail form#regform input,
.sectiondetail form#jsform input,
#addr.sectiondetail input{float:left; margin-top:5px; width:214px; background:#e7eef4 url(../images/surveyor/loginBox_txtField_bg.gif) repeat-x; 	border-bottom:solid 1px #aeb3b9;
	border-left:solid 1px #aeb3b9;
	border-top:solid 1px #878b92;
	margin-bottom:15px;
	border-right:solid 1px #878b92; height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}

#regbox form select,
.sectiondetail form#regform select,
.sectiondetail form#jsform select,
#addr.sectiondetail select{float:left; margin-top:5px; width:200px; background:#f6eae9 url(../images/surveyor/loginBox_txtField_bg.gif) repeat-x; 	border-bottom:solid 1px #aeb3b9;
	border-left:solid 1px #aeb3b9;
	border-top:solid 1px #878b92;
	border-right:solid 1px #878b92; height:20px;}
	
#regbox form p,
.sectiondetail form#regform p,
.sectiondetail form#jsform p,
#addr.sectiondetail p{clear:both;  padding-left:20px; margin:0;}

#regbox form input#regSubmit, 
form#regform input#cadbasic_submit,
form#regform input#radbasic_submit,
div#addr input#cadaddr_submit{ display:block; background:url(../images/surveyor/btn_submit.gif) repeat-x 0px 0px; width:99px;  clear:both; float:none; height:27px; color:#FFF; border:0; padding:0; margin-left:150px;}

.sectiondetail form#jsform table{clear:both;  padding-left:20px; margin:0;}
.sectiondetail form#jsform div.eduHist {padding-left:20px;}
.sectiondetail form#jsform table th.etypeselect{width:130px;}
.sectiondetail form#jsform table th.etitlefield{width:200px;}
.sectiondetail form#jsform table th.egradefield{width:50px;}
.sectiondetail form#jsform table th.eyearfield{width:40px;}

.sectiondetail form#jsform select.etypeselect{
	width:130px;
	height:24px;
	margin-left:5px; margin-bottom:0px;
}
.sectiondetail form#jsform input.etitlefield{
	width:200px;margin-left:5px; margin-bottom:0px;
}
.sectiondetail form#jsform input.egradefield{
	width:50px;margin-left:5px; margin-bottom:0px;
}
.sectiondetail form#jsform input.eyearfield{
	width:40px;margin-left:5px; margin-bottom:0px;
}



.sectiondetail{
	border:0px solid #999999;
	margin:3px;
	padding:3px;
	width:580px;
	margin-top:-3px;
}

.jobheader{
	border:1px solid #999999;
	margin-top:2px;
	padding:2px;
	width:500px;
}

/************************ COPY STYLING ************************/


body#main_home #copy{
	margin-bottom:20px;
	padding:6px;
	font-size:13px;
	border:solid 4px #fcd6cd;
	padding-bottom:10px;
	
}

body#main_home #copy a,
#content a

{
	border-bottom:dotted 1px #000;
	text-decoration:none;
	line-height:18px;
	/*color:#a60c10;*/
}
#content .job-entry .key-points h4 a{
	text-decoration:none;
	color:#a60c10;
	border-bottom:dotted 0px #a60c10;
}


#content .job-entry .key-points h4 a:hover{
	color:#686a6a;
}


body#candidate_register #regform,
body#candidate_regaction #regform,
body#recruiter_regaction #regform, 
body#recruiter_register #regform{width:450px;}

.sectionheader{width:590px;}


body#main_home #section-navigation ul li#nav_home,
body#candidate_register  #section-navigation ul li#nav_sign_up,
body#recruiter_home #section-navigation ul li#nav_recruiters,
body#main_faqs #section-navigation ul li#nav_faqs,
body#candidate_account #section-navigation ul li#nav_account,
body#recruiter_account #section-navigation ul li#nav_account,
body#recruiter_candidatesearch #section-navigation ul li#nav_candsearch,
body#recruiter_newjob #section-navigation ul li#nav_newjob,
body#account_purchase #section-navigation ul li#nav_buycredits,
body#account_basket #section-navigation ul li#nav_basket{
	background:#fff url(../images/surveyor/navArrow_red.png) center right no-repeat;
}

body#main_home #notice-copy{
	margin-bottom:7px;
	padding-bottom:6px 10px 6px 6px;
	overflow:hidden;
	
}


#jobPanel, #recruitPanel{
	float:left;
}


#jobPanel{
	background:#fff url(../images/surveyor/job_panel.png) no-repeat;
	width:285px;
	height:189px;
}


#recruitPanel{
	margin-left:8px;
	background:#fff url(../images/surveyor/recruit_panel.png) no-repeat;
	width:305px;
	height:191px;
}

body#main_home #content #jobPanel a,
body#main_home #content #recruitPanel a{
	color:#fff;	
	border:none;
	text-decoration:underline;
}


body#main_home #content #jobOfTheWeek a{
	color:#131212;	
	border:none;
	text-decoration:underline;
}

#jobPanel p, #recruitPanel p {
	padding-left:18px;
	color:#fff;
}

#jobPanel p {
	width:150px;
}

#recruitPanel p {
	width:170px;
}

#jobOfTheWeek p {
	width:460px;
}


h4#lookingFor {
	display: block;
	margin:0;
	padding:0;
	width:187px;
	height:51px;
	text-indent: -9999px;
	background:url(../images/surveyor/jobHeader.png) no-repeat 15px 20px;
}


h4#lookingTo {
	display: block;
	margin:0;
	padding:0;
	width:195px;
	height:51px;
	text-indent: -9999px;
	background:url(../images/surveyor/recruitHeader.png) no-repeat 15px 20px;
}

h4#jobOfTheWeek {
	display: block;
	margin:0;
	padding:0;
	width:180px;
	height:33px;
	text-indent: -9999px;
	background:url(../images/surveyor/weekJobHeader.png) no-repeat 0px 10px;
}




#jobOfTheWeekCont {
	margin-bottom:10px;
	padding-left:15px;
	width:598px;
	height:217px;
	position:relative;
	background:#fff url(../images/surveyor/week-job.png) no-repeat;
}


#jobOfTheWeekCont p {
	width:460px;
}



#jobOfTheWeekCont .jobDesc {
	width:298px;
	line-height:120%;
	padding:0 0 7px 0;
	margin:0;
}

#jobOfTheWeekCont div.jobDesc p{
	padding:0;
	margin:0;
	color:#FF0;
}

#jobOfTheWeekCont div.jobDesc p span{
	color:#fff;
	display:inline-block;
	width:70px;
	}

#jobOfTheWeekCont h5#jobOfTheWeekPosition {
	color:#ffff00;
	font-size:14px;
	position:relative;
	padding:5px 0 15px 0;
	margin:0;
	width:300px;
}

#jobOfTheWeekCont h5#jobOfTheWeekPosition  a{
	color:#ffff00;
	border-bottom:dotted 1px #ffff00;
}




#jobOfTheWeekCont .jobOfTheWeekContentBottom p {
	margin:0;
	padding:10px 0 5px 0;
	line-height:120%;
}

#jobOfTheWeekCont .jobOfTheWeekContentTop,  #jobOfTheWeekCont .jobOfTheWeekContentBottom{
	width:570px;
}

#jobOfTheWeekCont .jobOfTheWeekContentTop {
	height:44px;
}


#jobOfTheWeekCont .jobOfTheWeekContentTop p{
	margin:0;
	padding:0;
}


#jobOfTheWeekCont .jobOfTheWeekContentBottom a {
	border:none;
	color:#131212;
	text-decoration:underline;
}

img#jotwLogo{
	position:absolute;
	top:11px;
	right:43px;
}



p.siteIntro{
	padding:15px 15px 15px 13px;
	margin-top:-35px;
	margin-bottom:8px;
	font-size:14px;
	background-color:#cbe3f5;
}




#featuredJobs{
	background:url(../images/surveyor/bg_featured_jobs_btm.gif) bottom left no-repeat;
	width:598px;
	
}


#featuredJobsInner{
	background:url(../images/surveyor/bg_featured_jobs.gif) no-repeat;
	padding:15px 0px 10px 0px;
}






body#jobs_search #featuredJobs,
body#jobs_browse #featuredJobs{
	background:url(../images/surveyor/bg_featured_jobs_btm_v2.gif) bottom left no-repeat;
	width:421px;
	
}


body#jobs_search #featuredJobsInner,
body#jobs_browse #featuredJobsInner{
	background:url(../images/surveyor/bg_featured_jobs_v2.gif) no-repeat;
	padding:15px 0px 10px 0px;
}




#featuredJobs h4#featured{
display: block;
	margin:0;
	padding:0;
	width:180px;
	height:33px;
	text-indent: -9999px;
	background:url(../images/surveyor/heading_featured_jobsBLANK.png) no-repeat 0px 10px;
}








/************************ Recruiters Introductory Page - added April 6 ************************/



#outerPanel {
	background:#e6e3e3 url(../images/surveyor/recruiter_panel_bottom.gif) bottom left no-repeat;
	width:598px;
	margin-bottom:20px;
}

#innerPanel {
	background: url(../images/surveyor/recruiter_panel_top.gif)  no-repeat;	
	padding:10px;
}


#signupPanel, #candidatePanel{
	color:#fff;
	padding-left:15px;
	padding-top:15px;
	font-size:13px;
	width:599px;
	position:relative;
}

#signupPanel{
	margin-bottom:40px;
	background:#fff url(../images/surveyor/bg_signup_panel.png) no-repeat;
	height:267px;
}

#candidatePanel{
	margin-bottom:10px;
	background:url(../images/surveyor/bg_candidate_register.png) no-repeat;
	height:221px;
}

#signupPanel p, #candidatePanel p {
	width:470px;
}



#signupPanel ul, #candidatePanel ul {
	width:450px;
	margin-left:4px;
	padding:0;
}


#signupPanel a, 
#signupPanel h5, 
#candidatePanel a, 
#candidatePanel h5
{
	color:#ffff00;
}

#signupPanel a, 
#signupPanel a img,
#candidatePanel a, 
#candidatePanel a img
{
	border:none;
}

#signupPanel a img  {
	padding-top:20px;
}

#signupPanel ul li, #candidatePanel ul li {
	list-style-type: none;
	padding-left:15px;
	background: url(../images/surveyor/yellow_bullet.png) top left no-repeat;
}

h4#signUp,  h4#postingJobs, h4#candidateRegister {
	display: block;
	margin:0;
	padding:0;
	text-indent: -9999px;
}



h4#signUp {
	width:186px;
	height:21px;
	background:url(../images/surveyor/signUpHeader.png) no-repeat;
}

h4#postingJobs {
	width:281px;
	height:32px;
	background:url(../images/surveyor/postingHeader.png) no-repeat;
}

h4#candidateRegister {
	width:186px;
	height:17px;
	background:url(../images/surveyor/candidateRegisterHeader.png) no-repeat;
}




/**** BUY CREDITS *******/


body#account_purchase #outerPanel p{
	padding-right:100px;
}

body#account_purchase #innerPanel {
	background: url(../images/surveyor/recruiter_panel_top_credits.gif)  no-repeat;	
}

input.quantityinp{
	width:40px;
	border:solid 2px #fff;
	border-left: solid 2px #b6b6b6;
	border-top: solid 2px #a2a2a2;
}

#credits_panels{
	background: url(../images/surveyor/bg_buy_credits_panel.png) no-repeat;
	color:#ffffff;
	height:290px;
	font-size:13px;
}

#credits_panels p{text-align:left; padding:0; margin:0; background-color:#ff000;}

#credits_panels p span{ 
background: url(../images/surveyor/arrow_buy_credits.png) no-repeat 55px 0;
width:75px;
padding-bottom:5px;
padding-top:2px;
display:inline-block;
}


#credits_panels p.headers{ 
color:#ffff00;
font-size:11px;
}

#credits_panels p.headers span{ 
background:none;
color:#ffff00;
}


#credits_panels h4{font-size:14px;}


#credit_panels table.productprices{
	color:#ffffff;
	text-align:left;
}

#credits_panel_A, #credits_panel_B, #credits_panel_C{
	float:left;
	width:200px;
	text-align:center;
}


#credits_panel_A div, #credits_panel_B div, #credits_panel_C div{
	height:125px;
	padding-left:35px;
}


input.atb{background-image:url(../images/surveyor/btn_add_to_basket.gif);
width:135px;
height:30px;
text-indent:-9999px;
margin-top:10px;
color:transparent;
text-transform: uppercase;
border:0;
}



h4#h_job_listing {
	display: block;
	margin:0;
	padding:0;
	width:180px;
	height:50px;
	text-indent: -9999px;
	background:url(../images/surveyor/heading_job_listing_prices.png) no-repeat 20px 15px;
}



h4#h_job_promotion {
	display: block;
	margin:0;
	padding:0;
	width:190px;
	height:50px;
	text-indent: -9999px;
	background:url(../images/surveyor/heading_job_promotion_prices.png) no-repeat 7px 15px;
}


h4#h_cv_views {
	display: block;
	margin:0;
	padding:0;
	width:180px;
	height:50px;
	text-indent: -9999px;
	background:url(../images/surveyor/heading_cv_view_prices.png) no-repeat 30px 15px;
}



/******************** CANDIATE SEARCH ****************/

#csearchcontainer{margin-top:20px; background-color:#b8dbf6; padding:10px;}
#csearchhead{padding-bottom:15px;}


body#recruiter_candidatesearch input#jsbutton{
		width:71px;
	color:#FFFFFF;
	background:#0f72ab url(http://jobs.surveyormagazine.com/library/images/general/login_bg.png) top right no-repeat;
	border:0;
	text-align:left;
	outline:none;
	cursor:default;
	height:27px;
	padding-top:0;
	margin:0;
}




/********************  JOB LISTING PAGE *******************/

#job_details p span {
	background:url(../images/surveyor/bg_form_label.gif) repeat-x 0px 7px; 
	width:120px; height:20px; 
	margin-right:10px;  
	display:inline-block; 
	padding-top:8px; 
	padding-bottom:5px; 
	font-size:12px;
	font-weight:bold;
}

#job_description{
	background:url(../images/surveyor/bg_form_label.gif) repeat-x 0px 7px; 
	width:120px; height:20px; 
	margin-right:15px;  
    float:left; 
	padding-top:8px; 
	padding-bottom:5px; 
	font-size:12px;
	font-weight:bold;
}

#job_description_b{
	float:left;
	width:400px;
	padding-top:8px;
	padding-bottom:20px;
}

#job_details p{
	margin:0;
	padding:0;
}


#job_details{
	position:relative;
}

#job_details img.joblogo{
	position:absolute;
	top:0px;
	right:0px;
	z-index:200;
}



/****************     ACCOUNT BASKET ****************/
	
body#account_basket .terms{
	background-color:#ffffff;
	border:dotted 1px #666;
	margin-top:20px;
	margin-bottom:20px;
	width:480px;
	height:250px;
	padding:5px 0 0 2px;
	overflow-y:scroll;
}


#account_basket table td{ width:120px; padding:5px 10px 5px 0;}
#account_basket table th{text-align:left; font-weight:bold; border-bottom:solid 1px #aeb3b9; }
#account_basket table tr.total_basket td {border-top:dotted 1px #aeb3b9; background-color:#efefef; }

#account_checkout table td{ width:120px; padding:5px 10px 5px 0;}
#account_checkout table th{text-align:left; font-weight:bold; border-bottom:solid 1px #aeb3b9; }
#account_checkout table tr.total_basket td {border-top:dotted 1px #aeb3b9; background-color:#efefef; }

body#account_basket form#goform label{width:200px; font-size:12px; padding-top:4px; padding-bottom:3px;}




/******************  CREATE NEW JOB  ********************/



body#recruiter_newjob #regbox p#listing_logo input,
body#recruiter_newjob #regbox p#jobDocs {float:none;height:23px;}

body#recruiter_newjob #regbox p input#jTypeID,
body#recruiter_newjob #regbox p input#jHoursID{float:none; width:13px;}

body#recruiter_newjob #regbox p#salary_search input{width:60px; float:none;}
body#recruiter_newjob #regbox p textarea{width:320px; height:140px; float:left;}
body#recruiter_newjob #regbox #regionlist input,
body#recruiter_newjob #regbox #sectorlist input{float:none; width:13px; height:auto; margin-bottom:5px;}

body#recruiter_newjob #regbox p#work_location,
body#recruiter_newjob #regbox p#docs_help{font-weight:bold;border-top:10px;}


#list_container{ padding:20px;}
#list_container #regionlist_container, #list_container #sectorlist_container{width:220px; float:left; margin-right:15px; font-size:11px;}

#list_container #regionlist, #list_container #sectorlist{ border:solid 1px #333; width:220px;}


div#appMethod h4{padding-left:20px;}
div#appMethod input.radInp,
.sectiondetail form#jsform input.radInp,
.sectiondetail form#jsform input.tickInp,
body#account_basket form#goform input.tickInp{width:10px;float:none;height:auto;margin-bottom:0px;}

div#appMethod input.points{width:30px;float:none;}





/**********************  APPLY ONLINE **********************/

div#cover_note{width:600px;}

div#cover_note div,
div#attach_cv div{width:120px; float:left; margin-right:10px;}



div#cover_note div span,
div#attach_cv div span{display:block; padding-top:10px; padding-bottom:10px; color:#ff0000;}

div#attach_cv{padding-top:20px;}

div#cover_note textarea{float:left; width:300px;}
div#attach_cv div#attach_cv_b{width:300px; padding-bottom:40px;}

body#jobs_apply #appform p span{float:none; display:inline-block;}
body#jobs_apply #appform #further_questions h5{font-weight:bold; font-size:12px; margin:0; padding:5px 0 5px 0;}

#cvContDiv{width:300px;}

#further_questions{border-top:solid 1px #666; border-bottom:solid 1px #666; margin-right:150px; margin-top:20px;}
#further_questions p label{
	display:block;
	font-style:italic;
}


#further_questions p{
	padding-bottom:10px;
	padding-top:10px;
	border-top: dotted 1px #666;

}


#creditHistoryList .creditHistoryCV,
#creditHistoryList .creditHistoryJob{width:580px; padding-bottom:3px; border-bottom:dotted 1px #CCC; padding-top:3px; font-size:11px;}

#creditHistoryList .creditHistoryCV span,
#creditHistoryList .creditHistoryJob span{font-weight:bold; display:inline-block; padding-right:6px;}

#creditHistoryList .creditHistoryCV span.creditDetail,
#creditHistoryList .creditHistoryJob span.creditDetail{font-weight:normal; width:120px;}

#creditHistoryList .creditHistoryCV span.creditDate,
#creditHistoryList .creditHistoryJob span.creditDate
{width:60px; font-weight:normal;}


#creditHistoryList .creditHistoryCV span.refDetail,
#creditHistoryList .creditHistoryJob span.refDetail
{width:170px; font-weight:normal;}


#creditHistoryList .creditHistoryCV span.th_01,
#creditHistoryList .creditHistoryJob span.th_01
{width:80px; font-weight:bold;}

#creditHistoryList .creditHistoryCV span.th_02,
#creditHistoryList .creditHistoryJob span.th_02
{width:40px; font-weight:bold;}


#creditHistoryList .creditHistoryCV span.th_03,
#creditHistoryList .creditHistoryJob span.th_03
{width:40px; font-weight:bold;}



body#jobs_view #job_details a{text-decoration:none; border-bottom:0;}
body#jobs_view #job_details #addJBLink{ /*background:url(../images/surveyor/btn_added_to_basket.png) no-repeat; text-indent:-9999px;*/ width:200px; height:30px; padding-bottom:7px;}



.jDescNew{
	width:500px;
	height:300px;
}

/****************************************************************************************************/
/* AJAX mini window styles*/
/****************************************************************************************************/
.winHeader{
	width:305px;
	height:16px;
	background-color:#B8DBF6;
	margin-left:-5px;
	cursor:move;
}
.closeimg{
	left:289px;
	position:relative;
	cursor:pointer;
}
.winBody{
	height:150px;
}
.winBodyTall{
	overflow-y:scroll;
	height:434px;
}

.winHeader600{
	width:605px;
	height:16px;
	background-color:#B8DBF6;
	margin-left:-5px;
	cursor:move;
}
.closeimg600{
	left:589px;
	position:relative;
	cursor:pointer;
}
.winBody300{
	height:384px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.viewAppCN{
	width:300px;
	height:150px;
	background-color:#FFFFFF;
	color:#000000;
}


/****************************************************************************************************/
/* Advert Booking Screen */
/****************************************************************************************************/
/* Month scroller header */
#monthselect{
	width:700px;
}
.monthhead{
	position:relative;
	left:300px;
	text-align:center;
}
.thismonth{
	width:200px;
}
#buttons{
	text-align:center;
	width:800px;
}

/* Advert Rows */
.adstrip{
	width:900px;
	height:25px;
}
.adname{
	width:120px;
	float:left;
}
.amonth{
	height:20px;
	width:630px;
	float:left;
	border:thin solid #000000;
}
.aday{
	height:19px;
	cursor:pointer;
	border-right:thin solid #FF0000;
	float:left;
	text-align:center; 
}



/****************************************************************************************************/
/* Admin Home */
/****************************************************************************************************/

div.stats{
	/*border:1px #BBBBBB solid;*/
	padding:3px;
	width:250px;
	float:left;
	height:240px;
}
div.topten{
	/*border:1px #BBBBBB solid;*/
	padding:3px;
	width:300px;
	float:left;
	height:240px;
	margin-left:20px;
}
div.userRec{
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}
div#userResult{
	border:1px #BBBBBB solid;
	width:600px;
	max-height:250px;
	overflow-y:scroll;
}
div#orderResult{
	width:600px;
	border:1px #BBBBBB solid;
	max-height:250px;
	overflow-y:scroll;
}