/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/

@import url(/css/undohtml.css);
@import url(/jobboard/css/main.css);

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	padding:			0 0 10px 0;
	font:				70%/150% Verdana, Helvetica, sans-serif;
	color:				#292929;
	text-align:			center;
	background:			url(/images/backgrounds/body.gif) repeat-x top left #FFF;
}
#container{
	position:			relative;
	width:				990px;
	margin:				0 auto;
	padding:			235px 0 0 0;
	text-align:			left;
	border:				solid #FFF;
	border-width:		0 10px;
	background:			url(/images/backgrounds/container.gif) repeat-x top left #FFF;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3{
	clear:				both;
	margin:				0 0 0.5em 0;
	color:				#292929;
	font:				bold 1.1em Verdana, Helvetica, sans-serif;
}
h1{
	font:				bold 1.7em Verdana, Helvetica, sans-serif;
}
h2, .pseudoH2{     
	display:			block;
	font-size:			1em;
}
h3, .pseudoH3{
	display:			block;
	margin:				0 0 0.1em 0;
}
p, .pseudoP{
	margin:				0 0 1em 0;
}
a{     
	color:				#EE9440;
	font-weight:		bold;
	text-decoration:	underline;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.hidden{
	display:			none!important;
}
.noborder{
	border:				none!important;
}
.txtLeft{
	text-align:			left;
}
.txtRight{
	text-align:			right;
}
.txtCentre{
	text-align:			center;
}
.txtJustify{
	text-align:			justify;
}
.imgLeft{
	float:				left;
	margin:				-3px 0 0 0;
}
.imgRight{
	float:				right;
	margin:				-3px 0 0 0;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.incBlock{
	margin:				0 0 10px 0!important;
}
.indented{
	margin:				0 40px;
}
#homeContent{
	margin:				10px 0 0 0;
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Verdana, Helvetica, sans-serif!important;
	color:				#2e2e2e;
}
input[type=text], input[type=password], select, textarea, input.text{     /* See ie.css */
	width:				198px!important;
	padding:			2px;
	border:				1px solid #5A7DA3!important;
}
#left input[type=text], #left input[type=password], #left select, #left textarea, #left input.text,
#right input[type=text], #right input[type=password], #right select, #right textarea, #right input.text{
	width:				184px!important; /* See ie.css */
}
select{
	width:				204px!important;
}
#left select,
#right select{
	width:				189px!important;
}
input[type=submit], input.submit, .pseudoButton{     /* See ie.css */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#292929!important;
	border:				1px solid #ACB5B5!important;
	border-bottom:		1px solid #6F7777!important;
	border-right:		1px solid #6F7777!important;
	background:			url(/images/backgrounds/buttonSubmit.gif) repeat-x top left #FEFEFE!important;
}
input.submit, input.searchButton, .loginButton1, .loginButton2, #JBcontent input.submit, #JBcontent button, .pseudoButton, .SendMeJobsButton{     /* For backwards compatibility with IE6> */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#292929!important;
	border:				1px solid #ACB5B5!important;
	border-bottom:		1px solid #6F7777!important;
	border-right:		1px solid #6F7777!important;
	background:			url(/images/backgrounds/buttonSubmit.gif) repeat-x top left #FEFEFE!important;
}
a.pseudoButton{ /* See ie.css & ie7.css */
	position:			relative;
	padding:			2px 12px;
	text-decoration:	none!important;
}
#JBcontent.CVresults .buttonLink {
	background:			#4F84B7!important;
	color:				#fff!important;
}
#JBcontent.CVresults .candInfo .icons ul li {
	background:			none;
}

/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
html{
	height:				100%;
	margin-bottom:		1px;
}
body{ /* Make sure the scrollbar is always on */
	/*overflow-y:			scroll;*/
}
div:after, dl:after, ul:after, ol:after{
	content:			".";
	display:			block;
	clear:				both;
	height:				0;
	visibility:			hidden;
}
div, dl, ul, ol{
	zoom:				1;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{     
	position:			absolute;
	top:				0;
	height:				158px;
	width:				990px;
	padding:			0;
	background:			url(/images/backgrounds/container.gif) repeat-x top left #FFF;
}
.SubPage #container{
	padding-top:		260px;
}
#header #logo{ /* [TEMP] */
	position:			absolute;
	top:				10px;
	left:				10px;
}
#header .title{
	width:				238px;
	height:				17px;
	background:			url(/images/backgrounds/headerTitle.gif) no-repeat;
	position:			absolute;
	top:				90px;
	left:				360px;
}
#header #miniNav{
	position:			absolute;
	top:				0;
	right:				10px;
}
#header #miniNav li{
	margin-left:		5px;
	float:				left;
}
#header #miniNav li.candLogin{
	background:			url(/images/backgrounds/headerCand.gif) repeat-x top left;
}
#header #miniNav li.clientLogin{
	background:			url(/images/backgrounds/headerClient.gif) repeat-x top left;
}
#header #miniNav li.candLogin a,
#header #miniNav li.clientLogin a{
	padding:			7px 10px 6px 10px;
	color:				#FFF;
	font-size:			0.9em;
	text-decoration:	none;
	display:			block;
}
#header #miniNav li.icon{
	margin-top:			4px;
}
#header #supported{
	position:			absolute;
	top:				45px;
	right:				15px;
}
#header #supported h2{
	width:				90px;
	padding:			3px 0;
	color:				#FFF;
	font-size:			0.9em;
	text-align:			center;
	background:			#96C6DF;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-42px;
	width:				968px;
	padding:			3px 10px 3px 10px;
	border:				1px solid #292929;
	background:			#f1f1f1;
}
#header #mainBanners{
	width:				98%;
	position:			absolute;
	top:				163px;
	left:				0;
}
.SubPage #header #mainBanners{
	width:				100%;
	top:				195px;
}
#header #mainBanners div,
#header #mainBanners ul{
	margin:				0!important;
	padding:			0;
}
#header #mainBanners li{
	width:				50%;
	margin:				0!important;
	padding:			0;
	text-align:			center;
	background:			transparent;
	float:				left;
}
#header #mainBanners li a{
	display:			block;
}
#header #mainBanners li a img{
	border:				1px solid #676767;
}

/*
===================================================================================
=== MAIN MENU =====================================================================
===================================================================================

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */	
	width:				100%;
	padding-top:		8px;
	background: 		url(/images/backgrounds/header.gif) repeat-x bottom left;
	position:			absolute;
	bottom:				0;
	left:				0;
}
#header #mainMenu ul#topmenu{	
	overflow:			hidden;
}
#header #mainMenu em{
	font-style:			normal;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
}
#header #mainMenu ul#topmenu li a{
	padding:			9px 4px;
	color:				#1C1718;
	text-decoration:	none;
	border-right:		1px solid #B0B0B0;
	display:			block;
}
#header #mainMenu ul#topmenu li.lastItem a{
	border-right:		0;
}
#header #mainMenu ul#topmenu li a:hover{
	color:				#FFF;
	background:			url(/images/backgrounds/mmHover.gif) repeat-x bottom left #B1B1B1;
}

/*
===================================================================================
=== LAYOUT SETUP ==================================================================
===================================================================================

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
/* #main has a horizontal padding of 3px because of the border on the bg image */
#left, #content, #JBcontent, #right{
	float:				left;
	overflow:			hidden;
}
#left, #right{
	padding:			0 5px;
	width:				210px;
}

/*
=======================
=== 1 COLUMN LAYOUT ===
=======================
*/
body.onecol #content, body.onecol #JBcontent{
	width:				990px; /* TOTAL = 960px */
	margin-left:		0;
}

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-979px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ie.css */
	width:				739px;	
	padding:			10px;
	margin-left:		220px; /* #left (width + lateral padding + lateral borders) */
	background:			url(/images/backgrounds/twocol_bot.gif) no-repeat bottom center;
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				739px;	
	padding:			10px;
	background:			url(/images/backgrounds/twocol_bot.gif) no-repeat bottom center;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-764px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				524px;
	padding:			10px;
	margin:				0 0 0 220px; /* #left (width + lateral padding + lateral borders) */
	background:			url(/images/backgrounds/threecol_bot.gif) no-repeat bottom center;
}

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main{
	padding:			5px 0;
}

body#dirSites{
	overflow:			hidden;
}
body#dirSites,
body#dirSites #container,
body#dirSites #container #main{
	margin:				0;
	padding:			0;
	border:				0;
}

/*
===============
=== CONTENT ===
===============
*/

/*
================
=== SIDEBARS ===
================
*/
/* --- Featured Jobs --- */
#left #featured,
#right #featured{
	border:				1px solid #292929;
	background:			#0085CB;
}
#left #featured h2,
#right #featured h2{
	margin:				0;
	padding:			5px 10px;
	font-size:			1.5em;
}
#left #featured a,
#right #featured a{
	color:				#FFF;
}
#left #featured h2 a,
#right #featured h2 a{
	color:				#292929;
	text-decoration:	none;
}
#left #featured table,
#right #featured table{
	margin:				0!important;
	padding:			0 10px;
}
#left #featured table span,
#right #featured table span{
	display:			block;
}
#left #featured table span.jobs_JobDescription,
#right #featured table span.jobs_JobDescription{
	margin-bottom:		5px;
}
#left #featured table span.jobs_JobDescription a,
#right #featured table span.jobs_JobDescription a{
	color:				#292929;
	font-weight:		normal;
	text-decoration:	none;
}
#left #featured p#FeaturedJobsAll,
#right #featured p#FeaturedJobsAll{
	margin:				0 10px 10px 10px;
}

/* --- Featered Companies --- */
#right .featuredEmployersBox{
	border:				1px solid #292929;
	background:			#0085CB;
	position:			relative;
}
#right .featuredEmployersBox h2{
	margin:				0;
	padding:			5px 10px;
	font-size:			1.5em;
}
#right .featuredEmployersBox a{
	color:				#FFF;
}
#right .featuredEmployersBox h2 a{
	color:				#292929;
	text-decoration:	none;
}
#right .featuredEmployersBox ul{
	margin-top:			20px;
}
#right .featuredEmployersBox li{
	margin:				0 0 5px 0;
	text-align:			center;
}
#right .featuredEmployersBox li a{
	display:			block;
}
#right .featuredEmployersBox li img{
	border:				1px solid #292929;
}
#right .featuredEmployersBox p{
	width:				100%;
	text-align:			center;
	position:			absolute;
	top:				25px;
}

/* --- Menus --- */
#left .sidebarMenu,
#right .sidebarMenu{
	margin-bottom:		10px;
	padding-bottom:		5px;
	border:				1px solid #292929;
	background:			#0085CB;
}
#left .sidebarMenu h2,
#right .sidebarMenu h2{
	margin:				0;
	padding:			5px 10px;
	font-size:			1.5em;
}
#left .sidebarMenu li,
#right .sidebarMenu li{
	margin:				0 10px 5px 10px;
}
#left .sidebarMenu li a,
#right .sidebarMenu li a{
	color:				#FFF;
	display:			block;
}

/* --- Candidate Login --- */
#left #jobseekersLoginInc, #right #jobseekersLoginInc,
#left #recruiterLoginInc, #right #recruiterLoginInc{
	margin-bottom:		10px;
	padding:			10px;
	border:				1px solid #292929;
	background:			#0085CB;
}
#left #jobseekersLoginInc h2, #right #jobseekersLoginInc h2,
#left #recruiterLoginInc h2, #right #recruiterLoginInc h2{
	margin-bottom:		5px;
	font-size:			1.5em;
}
#left #jobseekersLoginInc p, #right #jobseekersLoginInc p,
#left #recruiterLoginInc p, #right #recruiterLoginInc p{
	margin:				0;
}
#left #jobseekersLoginInc a, #right #jobseekersLoginInc a,
#left #recruiterLoginInc a, #right #recruiterLoginInc a{
	color:				#FFF;
}

/* --- Company AZ --- */
#JBcontent.clientAZ .clientListBox .clientListItemLogo, #JBcontent.clientAZ .clientListBox .clientListItemNoLogo {
    height: 			60px;
    position:			absolute;
    right: 				10px;
    top: 				10px;
	width:				190px;
}

/* --- Search Jobs Link --- */
#right #searchJobs{
	margin-bottom:		10px;
}
#right #searchJobs a{
	padding:			9px 0;
	color:				#1C1718;
	font-size:			1.5em;
	text-align:			center;
	text-decoration:	none;
	border:				1px solid #B0B0B0;
	background:			url(/images/backgrounds/header.gif) repeat-x bottom #FFF;
	display:			block;
}
#right #searchJobs a:hover{
	color:				#FFF;
	background:			url(/images/backgrounds/mmHover.gif) repeat-x bottom #B1B1B1;
}

/* --- Sidebar Banner --- */
#right #sideBanner{
	padding:			5px;
	border:				1px solid #292929;
	background:			#FFF;
	position:			relative;
}
#right #sideBanner #bannerAdvertsSID{
	margin:				0!important;
	padding:			0;
}
#right #sideBanner li{
	text-align:			center;
}
#right #sideBanner li a{
	display:			block;
}

/*
===================================================================================
=== INCLUDES STYLING ==============================================================
===================================================================================

==============================================
=== INCLUDES WHEN FEATURED IN THE SIDEBARS ===
==============================================
*/


/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Company Banners (Comp View) --- */
#left #compBanners{
	margin-bottom:		10px;
	padding:			0;
	border:				1px solid #292929;
	background:			#0085CB;
}
#left #compBanners h2{
	margin:				0;
	padding:			5px 10px;
	font-size:			1.5em;
}
#left #compBanners ul{
	margin:				0 10px;
}
#left #compBanners li{
	margin:				0 0 5px 0;
	text-align:			center;
}
#left #compBanners li a{
	display:			block;
}
#left #compBanners li img{
	border:				1px solid #292929;
}

/*
===================================================================================
=== HOMEPAGE ======================================================================
===================================================================================
*/
#homepage #container{
	background:			url(/images/backgrounds/main.gif) repeat-x 0 155px #FFF;
}
#homepage #mainBanners{
	margin:				5px 10px 10px 10px;
}
#homepage #mainBanners div,
#homepage #mainBanners ul{
	margin:				0!important;
	padding:			0;
}
#homepage #mainBanners li{
	width:				50%;
	margin:				0!important;
	padding:			0;
	text-align:			center;
	background:			transparent;
	float:				left;
}
#homepage #mainBanners li a{
	display:			block;
}
#homepage #mainBanners li a img{
	border:				1px solid #676767;
}
#homepage #welcome{
	width:				470px;
	height:				307px;
	margin-left:		17px;
	float:				left;
}
#homepage #quickSearch{
	width:				470px;
	height:				307px;
	margin-right:		17px!important;
	background:			url(/images/backgrounds/quicksearch.jpg) no-repeat top;
	position:			relative;
	float:				right;
}
#homepage #quickSearch p{
	margin:				0;
}
#homepage #quickSearch p img{
	margin:				15px 15px 5px 15px;
}
#homepage #quickSearch h2{
	display:			none;
}
#homepage #quickSearch label{
	color:				#FFF;
	font-weight:		bold;
}
#homepage #quickSearch span.notes{
	color:				#FFF;
	font-size:			0.9em;
}
#homepage #quickSearch dl{
	margin:				0 15px;
}
#homepage #quickSearch dt,
#homepage #quickSearch dd{
	width:				50%;
}
#homepage #quickSearch dd{
	margin-bottom:		2px;
}
#homepage #quickSearch dt#DTIndustry, #homepage #quickSearch dt#DTLevel,
#homepage #quickSearch dd#DDIndustry, #homepage #quickSearch dd#DDLevel{
	clear:				left;
	float:				left;
}
#homepage #quickSearch dt#DTDepartment, #homepage #quickSearch dt#DTVicinity,#homepage #quickSearch dt#DTKeywords,
#homepage #quickSearch dd#DDDepartment, #homepage #quickSearch dd#DDVicinity, #homepage #quickSearch dd#DDKeywords{
	clear:				right;
	float:				right;
}
#homepage #quickSearch dt#DTDepartment,
#homepage #quickSearch dt#DTVicinity{
	margin-top:			-17px;
	*margin-top:		0;
}
#homepage #quickSearch dt#DTKeywords,
#homepage #quickSearch dd#DDKeywords{
	clear:both;
}
#homepage #quickSearch .searchButton{
	position:			absolute;
	bottom:				5px;
	right:				15px;
}
#homepage #quickSearch .advSearch{
	margin-top:			10px;
	*margin-top:		8px;
	padding:			0 15px;
}
#homepage #quickSearch .advSearch a,
#homepage #search .QuickSearchHelp,
#homepage #search .KeywordsHelp{
	display:			none;
}
#homepage #featJobs{
	width:				487px;
	height:				133px;
	margin-top:			25px;
	background:			url(/images/backgrounds/featJob.jpg) no-repeat top;
	float:				left;
	clear:				left;
}
#homepage #featJobs p{
	margin:				0;
}
#homepage #featJobs p img{
	margin:				15px 15px 0 15px;
}
#homepage #featJobs h2{
	display:			none;
}
#homepage #featJobs table{
	margin:				10px 15px!important;
}
#homepage #featJobs table tr{
	display:			none;
}
#homepage #featJobs table tr#featured1{
	display:			block;
}
#homepage #featJobs table span{
	color:				#FFF;
	display:			block;
}
#homepage #featJobs table span a{
	color:				#FFF;
}
#homepage #featJobs table span.jobs_JobDescription a{
	font-weight:		normal;
	text-decoration:	none;
}
#homepage #featJobs #FeaturedJobsAll a{
	margin:				0 15px;
	color:				#FFF;
	font-size:			0.9em;
}
#homepage #featEmp{
	width:				487px;
	height:				133px;
	margin-top:			25px;
	background:			url(/images/backgrounds/featRec.jpg) no-repeat top left #E7E7E7;
	float:				right;
	clear:				right;
}
#homepage #featEmp ul{
	height:				62px;
	overflow:			hidden;
}
#homepage #featEmp li{
	padding-bottom:		10px!important;
}
#homepage #featEmp p{
	margin:				0;
}
#homepage #featEmp p img{
	margin:				15px 15px 0 15px;
}
#homepage #featEmp #bannerAdvertsFEA ul{
	margin:				10px 15px;
}
#homepage #featEmp #bannerAdvertsFEA li{
	width:				49.9%;
	margin:				0;
	padding:			0;
	text-align:			center;
	background:			transparent;
	float:				left;
}
#homepage #featEmp #bannerAdvertsFEA li img{
	border:				1px solid #232424;
}

#homepage #homeBanners{
	margin:				0;
	padding:			10px 0;
	clear:				both;
}
#homepage #homeBanners ul{
	margin:				0;
	padding:			0;
}
#homepage #homeBanners li{
	width:				12.5%;
	*width:				12.4%;
	margin:				0;
	padding:			0;
	text-align:			center;
	background:			transparent;
	float:				left;	
}
#homepage #homeBanners li a{
	display:			block;
}
#homepage #homeBanners li a img{
	border:				1px solid #676767;
}

/* --- CV Design --- */
#frmCVDesign label{
	font-weight:		bold;
}
#frmCVDesign dt,
#frmCVDesign dd{
	margin-bottom:		5px;
	float:				left;
}
#frmCVDesign dt{
	width:				25%;
}
#frmCVDesign dd{
	width:				75%;
}
#frmCVDesign dd textarea{
	width:				400px!important;
	height:				200px;
	overflow-y:			scroll;
}

/* --- User Info --- */
div.userMenu{
	margin:				10px 0px;
	padding:			14px 0px 15px 0;
}
div.userMenu a{
	padding-left:		50px;
	font-size:			1.5em;
	font-style:			normal;
	display:			block;
}
div#clogin.userMenu{
	background:			url(/images/menu/clogin.gif) no-repeat left;
}
div#movements.userMenu{
	background:			url(/images/menu/movements.gif) no-repeat left;
}
div#community.userMenu{
	background:			url(/images/menu/community.gif) no-repeat left;
}
div#suppliers.userMenu{
	background:			url(/images/menu/suppliers.gif) no-repeat left;
}
div#testimonials.userMenu{
	background:			url(/images/menu/testimonials.gif) no-repeat left;
}
div#designing.userMenu{
	background:			url(/images/menu/clogin.gif) no-repeat left;
}
div#bookings.userMenu{
	background:			url(/images/menu/bookings.gif) no-repeat left;
}
div#bulk.userMenu{
	background:			url(/images/menu/bulk.gif) no-repeat left;
}
div#database.userMenu{
	background:			url(/images/menu/database.gif) no-repeat left;
}
div#confidential.userMenu{
	background:			url(/images/menu/confidential.gif) no-repeat left;
}
div#advertise.userMenu{
	background:			url(/images/menu/advertise.gif) no-repeat left;
}
div#announcements.userMenu{
	background:			url(/images/menu/announcements.gif) no-repeat left;
}
div#post.userMenu{
	background:			url(/images/menu/movements.gif) no-repeat left;
}
div#contact.userMenu{
	background:			url(/images/menu/contact.gif) no-repeat left;
}

/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	width:				100%;
	height:				78px;
	padding:			20px 5px;
	border-bottom:		5px solid #0085CB;
	background:			#FFF;
}
#popup #popupHeader .popupLogo{ /* [TEMP] */
	width:				250px;
	height:				78px;
	background:			url(/images/email/email_logo.gif) no-repeat top;
}
#popup #popupFooter{
	border-top:			5px solid #0085CB;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	padding:			20px 10px 10px 10px;
	font-size:			0.9em;
	border-top:			4px solid #0085CB;
}
#footer a{
	color:				#636363;
}
#footer li{
	float:				left;
}
#footer li a{
	padding:			0 3px;
	border-right:		1px solid #636363;
	display:			block;
}
#footer li.lastItem a{
	border-right:		0;
}
#footer p{
	padding:			0 3px;
	clear:				both;
	margin:				0;
}
.jobboardFooterInc {
	margin:				0;
}
.jobboardFooterInc li {
	border-right:		1px solid #636363;
	padding:			0 3px;
	margin:				0;
}
#footer .jobboardFooterInc li a {
	display:			inline;
	border-width:		0;
	padding:			0;
}

/* --- */
#footer .CMSlogout{
	position:			absolute;
	bottom:				6px;
	right:				12px;
}
#footer .CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#FFF;
	background:			#DA0F00;
}
#footer .CMSlogout a:hover{
	background:			#820000;
}

/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
/* --- Action Buttons --- */
#JBcontent.jobResults .resultsActions .buttonLink,
#JBcontent.jobView .jobViewActions .buttonLink{
	margin:				0 0 0 5px!important;
	padding:			3px 5px!important;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize!important;
	color:				#292929!important;
	border:				1px solid #ACB5B5!important;
	border-bottom:		1px solid #6F7777!important;
	border-right:		1px solid #6F7777!important;
	background:			url(/images/backgrounds/buttonSubmit.gif) repeat-x top left #FEFEFE!important;
}
#JBcontent.jobView .jobViewActions{
	margin:				0;
	padding:			10px 0;
}

/* --- JB Results Nav --- */
#jobBrowseContainer .tabNav{
	background:			url(/images/backgrounds/jb_results_nav.gif) repeat-x bottom;
}
#jobBrowseContainer .tabNav li{
	float:				left;
}
#jobBrowseContainer .tabNav li.tabOne{
	margin-right:		6px;
}
#jobBrowseContainer .tabNav li a{
	width:				102px;
	padding:			5px 0;
	color:				#FFF;
	text-align:			center;
	background:			url(/images/backgrounds/jb_results_nav_a.gif) no-repeat;
	display:			block;
}
#jobBrowseContainer .tabNav li.selectedTab a{
	color:				#292929;
	text-decoration:	none;
}
#jobBrowseContainer .tabNav li.unselectedTab a{
	padding-bottom:		4px;
} 

/* --- Job Browser Results --- */
#jobBrowseContainer #jobBrowserResults{
	padding:			10px 0;
	border:				solid #292929;
	border-width:		0 1px 1px 1px;
	background:			#0085CB;
}
#jobBrowseContainer #jobBrowserResults h2{
	display:			none;
}
#jobBrowseContainer #JobBrowserFilter a{
	color:				#FFF;
	font-size:			0.9em;
}
#jobBrowseContainer #CurrentSearch{
	margin:				-5px 0 5px 0;
	padding:			0 10px 5px 10px;
	border-bottom:		1px solid #292929;
}
#jobBrowseContainer #CurrentSearch a{
	color:				#FFF;
}
#jobBrowseContainer #CurrentSearch h2{
	margin:				0;
	padding:			0 0 5px 0;
	font-size:			1.5em;
	display:			block;
}
#jobBrowseContainer #CurrentSearchList li{
	margin-bottom:		5px;
}
#jobBrowseContainer #CurrentSearchList a{
	font-size:			0.9em;
	display:			block;
}
#jobBrowseContainer #CurrentSearch p{
	margin:				5px 0 0 0;
	padding:			5px 0 0 0;
	border-top:			1px solid #292929;
}
#jobBrowseContainer #JobBrowserFilter .JobBrowseLinks{
	margin-bottom:		5px;
	padding:			0 10px;
}
#jobBrowseContainer #JobBrowserFilter #VicinityBrowseLinks.JobBrowseLinks{
	margin-bottom:		0;
}

/* --- Search --- */
#jobBrowseContainer #search{
	padding:			10px 0;
	border:				solid #292929;
	border-width:		0 1px 1px 1px;
	background:			#0085CB;
}
#jobBrowseContainer #search h2{
	display:			none;
}
#jobBrowseContainer #search dl{
	padding:			0 10px;
}
#jobBrowseContainer #search dl dd{
	margin-bottom:		5px;
}
#jobBrowseContainer #search dl label{
	font-weight:		bold;
}
#jobBrowseContainer #search dl span{
	font-size:			0.9em;
}
#jobBrowseContainer #search .advSearch{
	margin:				0;
	padding:			3px 10px;
}
#jobBrowseContainer #search .searchButton{
	margin:				0 10px 0 0;
	float:				right;
}
#jobBrowseContainer #search .QuickSearchHelp a,
#jobBrowseContainer #search .advSearch a{
	color:				#FFF;
	font-size:			0.9em;
	display:			block;
}
#jobBrowseContainer #search .KeywordsHelp{
	display:			none;
}

/* --- Job Results --- */
#JBcontent.jobResults{
	position:			relative;
}
#JBcontent.jobResults .rssfeed{
	position:			absolute;
	top:				116px;
	right:				10px;
}
#JBcontent.jobResults .rssfeed a{
	text-decoration:	none;
	display:			block;
}
#JBcontent.jobResults .rssfeed a em{
	padding:			5px;
	font-style:			normal;
	float:				left;
}

#JBcontent.jobResults .jobInfo{
	margin:				0 0 10px 0;
	padding:			0;
	border:				1px solid #292929;
}
#JBcontent.jobResults .jobInfo h2{
	padding:			5px 0 6px 25px;
	border-bottom:		1px solid #292929;
	background-color:	#F1F1F1;
}
#JBcontent.jobResults .jobInfo h2 a{
	color:				#0085CB;
}
#JBcontent.jobResults .jobInfo .checkBox{
	top:				6px!important;
}
#JBcontent.jobResults .jobInfo .jobLogo{
	width:				195px;
	margin:				0 5px;
	display:			block!important;
	float:				left;
}
#JBcontent.jobResults .jobInfo a.detailsApply{
	position:			absolute;
	top:				1px;
	right:				1px;
	display:			block!important;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	/*color:				#FFF!important;*/
	border:				1px solid #292929!important;
	/*background:			#0085CB!important;*/
}
#JBcontent.jobResults ul.jobDetails{
	width:				300px;
	padding:			0 5px!important;
	float:				left;
}
#JBcontent.jobResults ul.jobDetails li{
	margin:				0;
	padding:			0;
	overflow:			hidden;
}
#JBcontent.jobResults ul.jobDetails li.jobSalary{
	width:				74%;
}
#JBcontent.jobResults ul.jobDetails li.jobLiveDate{
	width:				24%;
	text-align:			right;
}
#JBcontent.jobResults ul.jobDetails li.jobIndustry{
	width:				100%;
	height:				1.5em;
}
#JBcontent.jobResults .jobInfo p.jobDescription{
	margin:				0;
	padding:			0 5px 5px 5px;
}

#JBcontent.jobResults .featuredJob h2{
	padding-left:		40px;
	background-color:	#0085CB;
	background-position:21px 4px;
}
#JBcontent.jobResults .featuredJob h2 a{
	color:				#FFF;
}

#JBcontent.jobResults #bannerJBR.BannerAdvert{
	margin:				0!important;
	text-align:			center;
}
#JBcontent.jobResults #bannerJBR.BannerAdvert a,
#JBcontent.jobResults #bannerJBR.BannerAdvert object{
	margin-bottom:		10px;
	padding:			0;
	border:				0;
}

/* --- Extra Options --- */
#divExtraOptions.extraBrowseOptions{
	left:				362px!important;
}
#divExtraOptions.extraBrowseOptions .closeFloatDiv{
	width:				20px;
	height:				20px;
	border:				1px solid #292929;
	background:			url(/jobboard/images/icons/closeFloatDiv.png) no-repeat center center #FFF;
	position:			absolute;
	top:				4px;
	right:				0;
}
#divExtraOptions.extraBrowseOptions .closeFloatDiv a{	
	text-decoration:	none;
}
#divExtraOptions.extraBrowseOptions .closeFloatDiv span{
	visibility:			hidden;
}

#divExtraOptions.extraBrowseOptions .tabNav li.selectedTab{
	border-color:		#000;
	background:			#0085CB;
}
#divExtraOptions.extraBrowseOptions .ExtraBrowseOptions{
	border-color:		#000;
	background:			#0085CB;
}
#divExtraOptions.extraBrowseOptions .JobBrowseExtraCategoryLinks a{
	color:				#FFF;
}

/* --- Job Add --- */
#JBcontent.jobAdd dl#SalaryOptions br{
	display:			none;
}
#JBcontent.jobAdd dl#SalaryOptions dt{
	visibility:			hidden;
}
#JBcontent.jobAdd dl#SalaryOptions dt .labelSalaryDesc{
	visibility:			visible;
}
#JBcontent.jobAdd dl#SalaryOptions span{
	display:			block;
}

/* --- Job View --- */
#JBcontent.compView #latest span{
	display:			block;
}
#JBcontent.compView #latest span.jobs_JobDescription a{
	color:				#292929;
	font-weight:		normal;
	text-decoration:	none;
}

#JBcontent.jobView .similarSearches{
	display:none;
}

#JBcontent.jobView #bannerJBV.BannerAdvert{
	margin:				0!important;
	text-align:			center;
}
#JBcontent.jobView #bannerJBV.BannerAdvert a,
#JBcontent.jobView #bannerJBV.BannerAdvert object{
	margin-bottom:		10px;
	padding:			0;
	border:				0;
}

/* --- Send Me Jobs Like This --- */
#sendMeJobsLikeTheseBot{
	top:				-10px;
}
.sendMeJobsLikeThese label{
	width:				auto;
}
.sendMeJobsLikeThese #strSendMeCandEmailTop,
.sendMeJobsLikeThese #strSendMeCandEmailBot{
	margin-left:		10px;
	padding:			3px 2px 4px 2px;
}
.sendMeJobsLikeThese .SendMeJobsButton{
	width:				auto!important;
	overflow:			visible;
	margin:				0!important;
	padding:			3px 5px!important;
	*padding:			2px 5px 1px 5px!important;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#292929!important;
	border:				1px solid #ACB5B5!important;
	border-bottom:		1px solid #6F7777!important;
	border-right:		1px solid #6F7777!important;
	background:			url(/images/backgrounds/buttonSubmit.gif) repeat-x top left #FEFEFE!important;
	float:				none!important;
}

/* --- Bookings --- */
#bookings #header{
	margin:				0 auto;
	position:			relative;
}
#bookings #container{
	padding-top:		0;
	border:				0;
	background:			transparent;
}
#bookings #footer{
	width:				990px;
	margin:				0 auto;
}

/*
===================================================================================
=== DEBUG =========================================================================
===================================================================================
*/
/*
body{
	background:			red!important;
}	
#container{
	background:			yellow!important;
}
#left{
	background:			red!important;
}
#content, #JBcontent{
	background:			mediumturquoise!important;
}
#right{
	background:			blue!important;
}
#header{
	background:			blue!important;
}
#mainMenu ul#topmenu{
	background:			darkblue!important;
}
#abovecontent{
	background:			mediumslateblue!important;
}
#main{
	background:			lightgray!important;
}
#footer{
	background:			magenta!important;
}
.LatestVacanciesCol2 span.jobs_JobTitle{
	background:			#C5D9E1;
}
.LatestVacanciesCol2 span.jobs_Area{
	background:			#C5DECC;
}
.LatestVacanciesCol2 span.jobs_JobDescription{
	background:			#E1E0C5;
}
.LatestVacanciesCol2 span.jobs_Salary{
	background:			#DFC5E1;
}
/**/