/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/
@import url(/css/undohtml.css);
@import url(/jobboard/css/main.css);

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	font:				70%/140% Arial, Helvetica, sans-serif;
	color:				#333;
	text-align:			center;
	background:			#fff;
}
#container{
	position:			relative;
	width:				945px;
	margin:				0 auto;
	padding:			145px 0 0 0;
	text-align:			left;
	background:			#fff;
}
h1, h2, h3, h4, h5, h6, .pseudoH2{
	clear:				both;
	display:			block;
	margin:				0 0 0.5em 0;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
	color:				#000;
}
h1{
	font-size:			1.7em;
	color:				#1F83D7;
}
.SubPage #content h1,
.SubPage #JBcontent h1{
	margin:				0 -10px 15px;
	padding:			0 15px 5px;
	border-bottom:		1px solid #ee7c0d;
}
h2{
	font-size:			1.4em;
}
h3{
	font-weight:		bold;
	font-size:			1.2em;
}
form h1, form h2, form h3{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}
h2, form h3, .pseudoH2{  
	font-size:			1.6em;
}
#JBcontent form fieldset h2{  
	text-align:			left;
}
.SubPage #content h2{
	margin:				0 0 7px;
	padding:			0 0 3px;
	font-size:			1.5em;
	border-bottom:		1px solid #1F83D7;	
}
.SubPage #content h3{
	margin:				0 0 1px;
}
p, pseudoP{
	display:			block;
	margin:				0 0 1em 0;
}
a{  
	color:				#1f83d7;
}
a:hover{  
	text-decoration:	underline;
	color:				#ee7c0d;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:				#000;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.noborder{
	border:				0!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;
}
#right .incBlock{
	position:			relative;
	margin:				0 0 10px 0;
	background:			url(/images/backgrounds/boxImageMap.png) no-repeat -375px bottom;
}
#right .incBlock h2{
	padding:			10px 0;
	background:			url(/images/backgrounds/boxImageMap.png) no-repeat -375px top;
}
body.SubPage #right .incBlock,
body.SubPage #left .incBlock{
	background-position:-935px bottom;
}
body.SubPage #right .incBlock h2,
body.SubPage #left .incBlock h2{
	background-position:-935px top;
}
body.SubPage #left .incBlock{
	background:			url(/images/backgrounds/boxImageMap.png) no-repeat -1100px bottom;
}
body.SubPage #left .incBlock h2{
	background-position:-1100px top;
}
#bannerAdvertsHOM.incBlock,
.incBlock .incBlock{
	background:			transparent!important;	
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif!important;
}
input[type=text], input[type=password], select, textarea, input.text{   /* See ieLegacy.css */
	width:				174px!important;
	padding:			2px!important;
	border:				1px solid #bacbda!important;
}
select{
	width:				180px!important;
}
label{
	font-weight:		bold!important;
}
input[type=submit], input.submit, .buttonLink, #JBcontent.jobResults .SendMeJobsButton,
#JBcontent.jobResults .buttonLink, #JBcontent.jobView .buttonLink,
#JBcontent.CVview .buttonLink{   /* See ieLegacy.css */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 2px!important;
	padding:			6px 10px!important;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		uppercase;
	color:				#fff!important;
	border:				0!important;
	background: 		url(/images/backgrounds/mainImageMap.png) repeat-x -370px -110px #000!important;
}

#JBcontent.CVresults .buttonLink {
	background:			#4F84B7!important;
	color:				#fff!important;
}


/*
================================================
=== HACKS (Also, see ieLegacy.css & ie7.css) ===
================================================
*/
html{ /* Make sure the scrollbar is always on */
	height:				100%;
	margin-bottom:		1px
}
/* --- Clear Floats --- */
div:after, ul:after, dl:after{
	content:			".";
	display:			block;
	clear:				both;
	height:				0;
	visibility:			hidden;
}
div, dl, ul#socialMediaLinks{ /* IE6 does NOT like ULs being added to this list */
	zoom:				1;
}


/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{ 
	position:			absolute;
	top:				0;
	height:				145px;
	width:				100%;
	padding:			0;
}
.SubPage #container{
	padding-top:		185px;
}
#header #logo{ /* [TEMP] */
	position:			absolute;
	top:				30px;
	left:				10px;
}
#header .BannerAdvert{
	position:			absolute;
	top:				35px;
	right:				95px;
}

#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-32px;
	width:				933px;
	margin:				0;
	padding:			2px 5px 3px 5px;
	border:				1px solid #cdcdcd;
	background:			#f5f5f5;
}
#homepage #breadcrumbs, #homepage .breadcrumbs, .jobCreditReport{
	display:			none;
}
#bannerJBV.incBlock{
	padding:			0;
	border:				0;
	background:			transparent;
}
ul#miniNav{
	position:			absolute;
	top:				15px;
	right:				90px;
	color:				#ee7000;
}
ul#miniNav li{
	float:				left;
	padding:			0 5px;
	line-height:		1em;
	border-right:		1px solid #ee7000;
}
ul#miniNav li.lastItem{
	border:				0;
}
ul#miniNav li a{
	font-weight:		bold;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	width:				99.9%;
	height:				35px;
	position:			absolute;
	bottom:				0;
	left:				0;
	background: 		url(/images/backgrounds/mainImageMap.png) repeat-x top #000;
}
#header #mainMenu ul#topmenu{				
	width:				auto;
	height:				auto;
	background: 		transparent;
}
#header #mainMenu em{
	font-style:			normal;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
	margin:				-6px 0 0 0;
	padding:			0 0 0 5px;
}
#header #mainMenu ul#topmenu a.starter{
	display:			block;
	padding: 			15px 15px 10px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
	border-right:		1px solid #fff;
}
#header #mainMenu ul#topmenu li:hover{
	background: 		url(/images/backgrounds/mainImageMap.png) repeat-x left -55px #59bddd;	
}
#header #mainMenu ul#topmenu a.starter:hover{ /* See ieLegacy.css */
	text-decoration:	none;
	background: 		url(/images/backgrounds/mainImageMap.png) repeat-x right -55px #59bddd;	
}

/* 
===============================
=== CHILD (SUB) MENU STYLES --- 
===============================
*/

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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	float:				left;
	padding:			10px 5px;
	overflow:			hidden;
	background:			#fff;
}



/*
=======================
=== 1 COLUMN LAYOUT ===
=======================
*/
body.onecol #content, body.onecol #JBcontent{
	width:				835px; 
	overflow:			hidden;
	margin-left:		0;
	padding:			10px 50px;
}

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-945px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ieLegacy.css */
	width:				680px;
	overflow:			hidden;
	margin-left:		155px; /* #left (width + lateral padding + lateral borders) */
	padding:			10px 50px;
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #right{
	width:				155px;
	padding:			10px 0;
}
body.twocolR #content, body.twocolR #JBcontent{
	width:				690px;
	overflow:			hidden;
	margin-left:		0;
	padding:			10px 50px;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	width:				200px;
	margin-left:		-790px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
	padding:			10px 0;
	overflow:			visible;
}
body.threecol #right{
	width:				155px;
	padding:			10px 0;
}
body.threecol #content, body.threecol #JBcontent{
	width:				550px;
	padding:			15px 20px 10px 20px;
	overflow:			hidden;
	margin-left:		200px; /* #left (width + lateral padding + lateral borders) */
} 
body#homepage.threecol #left{
	width:				365px;
	margin-left:		-685px;
	padding:			10px 0;
	overflow:			visible!important;
}
body#homepage.threecol #right{
	width:				260px;
	padding:			10px 0;
}
body#homepage.threecol #content, body#homepage.threecol #JBcontent{
	width:				300px;
	padding:			10px 10px;
	overflow:			hidden;
	margin-left:		365px; /* #left (width + lateral padding + lateral borders) */
}
#homepage #left,
#homepage #content{
	margin-top:			65px;
}
ul#socialMediaLinks, ul#socialMediaLinks li{
	padding:			0;
	background:			transparent;
}
ul#socialMediaLinks{
	margin:				20px -10px 5px;
}
ul#socialMediaLinks li{
	float:				left;
	margin:				0 10px;
}

#contactMap{
	border:				1px solid #8E9FB2;
}
#idibu, #broadbean{
	float:				left;
	margin:				10px
}
#idibu{
	margin-left:		0;
}


/*
==============================================
=== INCLUDES WHEN FEATURED IN THE SIDEBARS ===
==============================================
*/
/* --- Job Browser Home --- */
#homepage #jobBrowserHome{
	padding:			10px 10px 20px;
	background:			url(/images/backgrounds/boxImageMap.png) repeat-x left bottom;
	position:			relative;
}
#homepage #jobBrowserHome h2{
	margin:				-10px -10px 15px -10px;
	padding:			10px 10px 6px 17px;
	color:				#FFF;
	background:			url(/images/backgrounds/boxImageMap.png) repeat-x left top;
}
#homepage #jobBrowserHome div{
	float:				left;
}
#homepage #jobBrowserHome div h2{
	margin:				0;
	padding:			0 0 8px 15px;
	color:				#000;
	font-size:			1.2em;
	background:			url(/images/backgrounds/jb_home_arrow.gif) no-repeat 0 1px;
}
#homepage #jobBrowserHome .searchByBox{
	width:				50%;
}
#homepage #jobBrowserHome div li a{
	padding:			4px 0; 
	color:				#1f83d7;
	font-weight:		bold;
	display:			block;
}
#homepage #jobBrowserHome div li a em{
	color:				#ee7c0d;
	font-style:			normal;
}
#uploadCV,
#postJob{
	margin:				0 0 10px 0
}
#uploadCV a,
#postJob a{
	display:			block;
	width:				155px;
	height:				70px;
	padding:			85px 0 0;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			center;
	color:				#fff;
	background:			url(/images/backgrounds/mainImageMap.png) no-repeat -270px -220px #59bddf;
}
#postJob a{
	background-position:-270px -385px;
	background-color:	#363636;
}
#homepage #jobBrowserHome #uploadCV a{
	position:			absolute;
	bottom:				15px;
	right:				15px;
}
#uploadCV a:hover{
	background-position:-435px -220px;
}
#postJob a:hover{
	background-position:-435px -385px;
}
#uploadCV .pseudoH2,
#postJob .pseudoH2{
	margin:				0 0 5px;
	padding:			0;
	font-size:			1.5em;
	color:				#fff;
	background:			transparent;
}
#uploadCV .pseudoP,
#postJob .pseudoP{
	margin:				0;
}
/* --- Job Browser Tab Nav --- */
#jobBrowseContainer ul.tabNav{
	position:			relative;
	margin:				0 0 0 3px;
	z-index:			2;
	zoom:				1;
}
#jobBrowseContainer ul.tabNav li{
	float:				left;
	height:				32px;
	margin:				0 3px 0 0;
	padding:			0 0 0 9px;
	background:			url(/images/backgrounds/mainImageMap.png) no-repeat left -500px;
}
#jobBrowseContainer ul.tabNav li.tabTwo{
	float:				right;
	margin-right:		0;
	padding:			0 9px 0 0;
	background-position:right -450px;
}
#jobBrowseContainer ul.tabNav li a{
	display:			block;
	padding:			7px 22px 7px 13px;
	font:				bold 1.3em Arial, Helvetica, sans-serif;
	text-decoration:	none;
	text-align:			center;
	color:				#fff;
	background:			url(/images/backgrounds/mainImageMap.png) no-repeat right -500px;
}
#jobBrowseContainer ul.tabNav li.tabTwo a{
	padding:			7px 13px 7px 22px;
	color:				#1c1b69;
	background-position:left -450px;
}

/* --- Job Browser Search --- */
#jobBrowseContainer #search{
	position:			relative;
}
#jobBrowseContainer #search h2{
	position:			relative;
	top:				-12px;
	font-size:			1px;
	text-indent:		-99999px;
	border-top:			2px solid #d7d7d7;
}
/* --- Job Browser Results --- */
#jobBrowseContainer #jobBrowserResults{
	min-height:			200px;
	margin:				0 2px 0 3px;
	padding:			1px 0 0 0;
	color:				#FFF;
	background:			#0092CA;
	zoom:				1;
	clear:				both;
}
#jobBrowseContainer #jobBrowserResults h2{
	display:			none;
}
#jobBrowserResults h2,
#jobBrowserResults h3{
	margin:				0 10px 7px;
	text-transform:		capitalize;
	color:				#fff;
}
#jobBrowserResults a{
	display:			block;
	position:			relative;
	margin:				0 2px 0 0;
	padding:			1px 0;
	font-weight:		normal;
	font-size:			1.1em;
	text-decoration:	none;
	color:				#fff;
}
#jobBrowserResults .JobBrowseLinks{
	margin:				10px 0 0 0;
	padding:			5px 10px 15px;
	border-bottom:		3px solid #FFF;
}
#jobBrowserResults .JobBrowseLinks li em{
	font-style:			normal;
	font-weight:		bold;
	color:				#ffcc00;
}
#jobBrowseContainer #JobBrowserFilter div{
	padding:			0 0 10px;
	border-bottom:		3px solid #FFF;
}
#jobBrowseContainer #JobBrowserFilter ul{
	padding:			0 10px;
}
#jobBrowseContainer #JobBrowserFilter .moreJobOptions{
	margin:				0 10px;
	font-weight:		bold;
	cursor:				pointer;
}
/* --- Current Search --- */
#jobBrowseContainer #CurrentSearch{
	margin:				10px;
	padding:			10px 7px;
	color:				#003366;
	border:				2px solid #0081B2;
	background:			#76C9E5;
}
#jobBrowseContainer #CurrentSearch h2{
	padding:			0;
	color:				#0062b3;
	font-size:			1.3em;
}
#jobBrowseContainer #CurrentSearch a{
	text-decoration:	underline;
	color:				#003366;
}
#jobBrowseContainer #CurrentSearch li{
	font-size:			1.1em;
}
#jobBrowseContainer #CurrentSearch li a{
	display:			block;
	margin:				-3px 0 0;
	font-size:			0.8em;
	text-decoration:	underline;
	color:				#003366;
}
#jobBrowseContainer #CurrentSearch p{
	margin:				10px 0 0;
}

/* --- More Info Floating Div --- */
#divExtraOptions{
	width:				47em;
	border:				0;
	background:			transparent;
}
#divExtraOptions .closeFloatDiv{
	position:			absolute;
	top:				36px;
	right:				6px;
	width:				20px;
	height:				20px;
	border:				1px solid #233A7A;
	background:			url(/jobboard/images/icons/closeFloatDiv.png) no-repeat center center #fff;
}
#divExtraOptions .closeFloatDiv a{
	display:			block;
	width:				20px;
	height:				20px;
	text-decoration:	none;
}
#divExtraOptions .closeFloatDiv span{
	visibility:			hidden;
}
#divExtraOptions ul.tabNav{
	margin:				0 0 -2px 0;
	padding:			0;
	z-index:			9999;
}
#divExtraOptions ul.tabNav li.selectedTab,
#divExtraOptions ul.tabNav li.unselectedTab{
	width:				auto;
	font-size:			1.1em;
	border:				2px solid #fff;
	border-bottom:		0;
	background:			#efefef;
}
#divExtraOptions ul.tabNav li.selectedTab a,
#divExtraOptions ul.tabNav li.unselectedTab a{
	border:				2px solid #00709B;
	border-bottom:		0;
}
#divExtraOptions ul.tabNav li.selectedTab a{
	background:			#0092ca;
}
.ExtraBrowseOptions{
	margin:				0;
	padding:			0;
	border:				2px solid #fff!important;
}
.ExtraBrowseOptions ul{
	margin:				0;
	padding:			10px;
	border:				2px solid #00709B;
}
.ExtraBrowseOptions ul li{
	margin:				0;
	padding:			0;
	text-align:			left;
}
.ExtraBrowseOptions ul li a{
	display:			block;
	padding:			3px 0;
	font-weight:		bold;
}
.ExtraBrowseOptions ul li a em{
	font-style:			normal;
}
.ExtraBrowseOptions{
	border:				2px solid #233A7A;
}






/* --- Latest Vacancies & Featured Jobs --- */
/* Negate the effects of undesirable HTML from job ads when they appear in the sidebars */
#left .LatestVacanciesTBL  span stong, #left .LatestVacanciesTBL  span b, #left .LatestVacanciesTBL  span p, #left .LatestVacanciesTBL span font, #left .LatestVacanciesTBL  span h1, 
#left .LatestVacanciesTBL  span h2, #left .LatestVacanciesTBL  span h3, #left .LatestVacanciesTBL  span h4, #left .LatestVacanciesTBL span h5, #left .LatestVacanciesTBL  span h6, 
#left .LatestVacanciesTBL  span table, #left .LatestVacanciesTBL  span blockquote, #left .LatestVacanciesTBL  span,
#right .LatestVacanciesTBL  span stong, #right .LatestVacanciesTBL  span b, #right .LatestVacanciesTBL  span p, #right .LatestVacanciesTBL span font, #right .LatestVacanciesTBL  span h1,
#right .LatestVacanciesTBL  span h2, #right .LatestVacanciesTBL  span h3, #right .LatestVacanciesTBL  span h4, #right .LatestVacanciesTBL span h5, #right .LatestVacanciesTBL  span h6, 
#right .LatestVacanciesTBL  span table, #right .LatestVacanciesTBL  span blockquote, #right .LatestVacanciesTBL  span{
	margin:				0!important;
	padding:			0!important;
	font:				normal 1em Verdana, Helvetica, sans-serif!important;
	color:				#000!important;
	text-decoration:	none!important;
}
#left .LatestVacanciesTBL span br, #left .LatestVacanciesTBL span table,
#right .LatestVacanciesTBL span br, #right .LatestVacanciesTBL span table{
	display:			none!important;
}
/* End of HTML formatting purge! */
#left .LatestVacanciesTBL h2,
#right .LatestVacanciesTBL h2{
	margin-bottom:		0;
}
#left .LatestVacanciesTBL, 
#right .LatestVacanciesTBL{
	width:				auto;
	margin:				0 0;
}
#left .LatestVacanciesTBL td, 
#right .LatestVacanciesTBL td{ /* See ieLegacy.css */
	padding:			6px 0 3px 0;
}
#left .LatestVacanciesTBL a, 
#right .LatestVacanciesTBL a{  
	color:				#000;   
}
#left .LatestVacanciesTBL .LatestVacanciesCol1, 
#right .LatestVacanciesTBL .LatestVacanciesCol1{ /* Advertisers Logo */
	display:			none!important; /* Remove the logo (if present) when in sidebars */
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span{
	position:			relative;
	display:			inline!important;
	padding:			0;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle{
	margin-right:		5px!important;
	font-weight:		bold!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a{
	color:				#005FB7;  
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Area, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Area{
	display:			block!important;
	font-weight:		bold!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobDescription, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobDescription{
	display:			block!important;
	margin-bottom:		5px!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary{
	display:			none!important; /* Remove the salary when in sidebars */
}

/* --- Featured Companies --- */
#left .featuredEmployersBox,
#right .featuredEmployersBox,
#left #employersWeek,
#right #employersWeek{
	position:			relative;
	margin:				0 0 10px 0;
}
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2,
#left #employersWeek h2,
#right #employersWeek h2{
	padding:			10px 10px 0 10px;
}
#left .featuredEmployersBox h2 a,
#right .featuredEmployersBox h2 a{
	text-decoration:	none;
}
.featuredEmployersBox ul,
.featuredEmployersBox ul,
#bannerAdvertsEWK ul,
#bannerAdvertsEWK ul{
	margin:				5px 6px;
}
.featuredEmployersBox ul li,
.featuredEmployersBox ul li,
#bannerAdvertsEWK ul li,
#bannerAdvertsEWK ul li{
	float:				left;
	padding:			2px;
	text-align:			center;
}
.featuredEmployersBox ul li img,
.featuredEmployersBox ul li img,
#bannerAdvertsEWK ul li img,
#bannerAdvertsEWK ul li img{
}
.featuredEmployersBox a,
.featuredEmployersBox a,
#bannerAdvertsEWK a,
#bannerAdvertsEWK a{
	color:				#000;
	text-decoration:	underline;
}
.featuredEmployersBox .LinkToClientList,
.featuredEmployersBox .LinkToClientList{
	clear:				both;
	margin:				-5px 10px 10px 5px;
	font-weight:		bold;
	text-align:			center;
}
body.SubPage #right .featuredEmployersBox,
body.SubPage #left .featuredEmployersBox{
	text-align:			center;
}
body.SubPage #right .featuredEmployersBox ul,
body.SubPage #left .featuredEmployersBox ul{
	margin:				5px 15px;
}
#content ul li, #JBcontent ul li {
  background:			none;
  margin: 0 10px 0 0;
}

/* --- Jobseeker Main & Recruiter Main --- */
#left #jobseekerMainInc, #right #jobseekerMainInc,
#left #recruiterMainInc, #right #recruiterMainInc{
	margin:				0;
}
#left #jobseekerMainInc h3, #right #jobseekerMainInc h3,
#left #recruiterMainInc h3, #right #recruiterMainInc h3{
	margin-top:			0.6em;
}
#left #jobseekerMainInc form, #right #jobseekerMainInc form,
#left #recruiterMainInc form, #right #recruiterMainInc form{
	margin:				0.3em 0 1em 0;
}
#left #jobseekerMainInc ul li, #right #jobseekerMainInc ul li,
#left #recruiterMainInc ul li, #right #recruiterMainInc ul li{
	margin:				2px 0;
}
#left #jobseekerMainInc ul li a,#right #jobseekerMainInc ul li a,
#left #recruiterMainInc ul li a,#right #recruiterMainInc ul li a{  
	display:			block;
	width:				100%;
	padding:			2px 5px;
	font-weight:		normal;
	color:				#fff;
	background:			#01A7DB;
}

/* --- Payment Information --- */

/* --- Recruiter Login & Jobseeker Login --- */
#left #jobseekersLoginInc, #right #jobseekersLoginInc,
#left #recruiterLoginInc, #right #recruiterLoginInc{
	padding:			10px 10px 29px 10px;
	background:			#2068B3;
}
#left #jobseekersLoginInc h2, #right #jobseekersLoginInc h2,
#left #recruiterLoginInc h2, #right #recruiterLoginInc h2{
	margin-bottom:		5px!important;
	color:				#fff;
}
#left #jobseekersLoginInc label, #right #jobseekersLoginInc label,
#left #recruiterLoginInc label, #right #recruiterLoginInc label{
	color:				#fff;
}
#left #jobseekersLoginInc dd, #right #jobseekersLoginInc dd,
#left #recruiterLoginInc dd, #right #recruiterLoginInc dd{
	margin-bottom:		5px;
}
#left #jobseekersLoginInc p, #right #jobseekersLoginInc p,
#left #recruiterLoginInc p, #right #recruiterLoginInc p{
	clear:				both;
}
#left #jobseekersLoginInc p.submit, #right #jobseekersLoginInc p.submit,
#left #recruiterLoginInc p.submit, #right #recruiterLoginInc p.submit{
	margin:				6px 0 0 0;
}
#left #jobseekersLoginInc p.submit a, #right #jobseekersLoginInc p.submit a,
#left #recruiterLoginInc p.submit a, #right #recruiterLoginInc p.submit a{
	color:				#fff;
	text-decoration:	underline;
	display:			block;
	float:				left;
}
#left #jobseekersLoginInc p.submit input, #right #jobseekersLoginInc p.submit input,
#left #recruiterLoginInc p.submit input, #right #recruiterLoginInc p.submit input{
	display:			block;
	float:				right;
	width:				66px;
	height:				24px;
	padding:			0 0 3px 0;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	border:				0!important;
}
.CustomJobseekerMenuTXT, .ClientHome{
	display:			none;
}

/* --- News --- */
#left #LatestNews,
#right #LatestNews{
	margin:				0 0 1.3em 0;
}
#left #LatestNews .NewsTitle a,
#right #LatestNews .NewsTitle a{  
	font-weight:		bold;
	text-transform:		capitalize;
	color:				#005FB7;
}
#left #LatestNews .NewsArticle,
#right #LatestNews .NewsArticle{
	height:				2.8em;
	overflow:			hidden;
	margin:				0 0 0.8em 0;
}
#left #LatestNews img,
#right #LatestNews img{ /* Hide images when in the sidebars (where they'd take up too much room */
	display:			none!important;
}

/* --- Quick Search Form --- */
#left #search, 
#right #search{
	padding:			10px 10px 10px;
}
#homepage #search dt#DTKeywords,
#homepage #search p.advSearch{
	display:none;
}
#homepage #left #search dt label, 
#homepage #right #search dt,
#homepage #left #search dd, 
#homepage #right #search dd,
#left #search .advSearch,
#right #search .advSearch{
	color:#000!important;
}
#left #search dd, 
#right #search dd{
	margin:				0 0 10px;
}
#homepage #left #search dd#DDKeywords, 
#homepage #right #search dd#DDKeywords{
	display:			block;
}
#homepage #left #search dd input.text, 
#homepage #right #search dd input.text{
	width:				230px!important;
	padding:			4px 5px!important;
	font-weight:		bold!important;
	font-size:			1.3em!important;
	border:				0!important;
}
#left #search select, 
#right #search select{
	width:				100%!important;
}
#left #search .searchButton,
#right #search .searchButton{
	width:				80px;
	position:			absolute;
	bottom:				21px;
	right:				15px;
	display:			block;
	margin:				0;
	padding:			5px 10px;
}
.SubPage #left #search .searchButton,
.SubPage #right #search .searchButton{
	position:			static;
}
#homepage #search{
	position:			relative;
	width:				330px;
	height:				70px;
	margin:				0 0 10px 2px;
	padding:			15px;
	color:				#fff;
	background: 		url(/images/backgrounds/mainImageMap.png) repeat-x left -110px #59bddd;
}
#homepage #search h2{
	color:				#fff;
}

/* --- Menu (User created menus) --- */
#homepage #left .sidebarMenu,
#homepage #right .sidebarMenu{
	min-height:			174px; /* See ieLegacy.css */
	padding-bottom:		10px;
}
#left .sidebarMenu h2,
#right .sidebarMenu h2{
	color:				#fff;
}
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{
	margin:				2px 0;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{  
	width:				100%;
	padding:			2px 0;
	color:				#fff;
	font-weight:		bold;
	display:			block;
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
#homepage #content p{
	text-align:			justify;
}
/* --- Job Of The Week --- */
#featAd{
	width:				280px;
	height:				127px;
	overflow:			hidden;
	margin-bottom:		10px;
	padding:			3px 10px 0;
	background:			url(/images/backgrounds/mainImageMap.png) no-repeat -600px -220px;
}
#featAd h2{
	margin:				10px 7px 10px;
	color:				#fff;
}
#bannerAdvertsFAD ul{
	zoom:				1;
	padding:			0 0 0 7px!important;
}
#bannerAdvertsFAD li{
	float:				left;
	margin:				0 0!important;
	padding:			0 2px!important;
	background:			transparent;
}	
#bannerAdvertsFAD li img{
	border:				1px solid #fff;
}

/* --- JBE Inc --- */
#JBEinc{
}
#JBEinc a{
	display:			block;
	position:			relative;
	height:				60px;
	margin-bottom:		9px;
	padding:			15px 0;
}
#JBEinc a:hover{
	text-decoration:	none;
}
#JBEinc img{
	position:			absolute;
	top:				5px;
	left:				15px;
}
#JBEinc .pseudoH2,
#JBEinc .pseudoP{
	display:			block;
	margin:				0;
	padding:			0 10px 0 130px;
}
#JBEinc .pseudoP{
	margin:				5px 0 0;
	font-size:			1.1em;
}

/* --- Latest Vacancies & Featured Jobs --- */
#featured, 
#latest,
#featuredJobs{
	margin-bottom:		14px;
	padding:			10px 13px 10px 13px;
	background:			#58BDDF;
	position:			relative;
}
#featured h2,
#featuredJobs h2{
	margin-bottom:		0;
	padding:			5px 5px 10px 5px;
	background:			url(/images/backgrounds/feat_job_top.gif) no-repeat top left #FFF;
}
#featured #featuredBox,
#featuredJobs #featuredJobsAll{
	padding:			20px 0 0 0;
	background:			url(/images/backgrounds/feat_job_bot.gif) no-repeat top left;
}
#featuredJobs #featuredJobsAll{
	margin:				0 0 10px 0;
}
#featuredJobs #featuredJobsAll a{
	font-weight:		bold;
	color:				#fff;
}
#featuredJobs .LatestVacanciesTBL{
	background:			#fff;
}
#content #latestJobs_Container, #JBcontent #latestJobs_Container,
#content #featuredJobs_Container, #JBcontent #featuredJobs_Container{
	height:				300px!important;
}
#featured br, 
#latest br{
	display:			none;
}
#featured .ShowAllFeaturedJobs{
	position:			absolute;
	bottom:				0;
	right:				13px; /* See ieLegacy.css */
}
#featured .ShowAllFeaturedJobs a{
	width:				120px;
	height:				16px;
	padding:			2px 0;
	font-weight:		bold;
	color:				#FFF;
	text-align:			center;
	background:			url(/images/backgrounds/feat_job_link.gif) no-repeat;
	display:			block;
}
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{  
	width:				100%;
	margin:				0!important;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ieLegacy.css */
	padding:			0;
}
#content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#content .LatestVacanciesTBL a, 
#JBcontent .LatestVacanciesTBL a{ 
	color:				#000;    
	text-decoration:	none;
}
#content .LatestVacanciesTBL td.LatestVacanciesCol1, 
#JBcontent .LatestVacanciesTBL td.LatestVacanciesCol1{  
	width:				88px;
	padding:			5px;
}
#content .LatestVacanciesCol1 img, 
#JBcontent .LatestVacanciesCol1 img{
	width:				88px;
	height:				44px;
}
#content .LatestVacanciesCol2 span, 
#JBcontent .LatestVacanciesCol2 span{
	display:			block;
	color:				#000;
	position:			relative;
	margin:				0!important;
	padding:			0 5px 3px;
}
.LatestVacanciesCol2 span.jobs_JobTitle a{  
	font-weight:		bold;
	font-size:			1.1em;
	color:				#1f83d7!important;
}
.LatestVacanciesCol2 span.jobs_JobTitle a:hover{  
	text-decoration:	underline;
	color:				#ee7c0d!important;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription{
	padding-bottom:		20px;
	font-weight:		normal;
}
/* --- Featured Companies --- */
#content .featuredEmployersBox,
#JBcontent .featuredEmployersBox{	
	margin-bottom:		10px!important;
	padding:			5px 10px;
	border:				1px solid #515151;
	position:			relative;
}
#content #bannerAdvertsHJB,
#JBcontent #bannerAdvertsHJB{ /* See ieLegacy.css & ie7.css */
	position:			absolute;
	top:				37px;
	left:				10px;
}
#content .featuredEmployersBox h2,
#JBcontent .featuredEmployersBox h2{
	margin:				0 0 5px 0;
}
#content .featuredEmployersBox ul,
#JBcontent .featuredEmployersBox ul{
	margin:				-3px 18px 10px 18px;
}
#content .featuredEmployersBox ul li,
#JBcontent .featuredEmployersBox ul li{
	float:				right;
	margin:				0;
	padding:			3px 4px;
	line-height:		0;
	background:			transparent;
}
#content .featuredEmployersBox .LinkToClientList,
#JBcontent .featuredEmployersBox .LinkToClientList{
	position:			absolute;
	top:				12px;
	right:				10px; /* See ieLegacy.css */
}
#content .featuredEmployersBox .LinkToClientList a,
#JBcontent .featuredEmployersBox .LinkToClientList a{
	font-weight:		bold;
	color:				#020f58;
}

/* --- Recruiter Login & Jobseeker Login --- */
#content #recruiterLoginInc h2, #JBcontent #recruiterLoginInc h2,
#content #jobseekersLoginInc h2, #JBcontent #jobseekersLoginInc h2{
	width:				70%;
	margin:				1em auto 0 auto;
	padding:			5px 2%;
	font-size:			1em;
	color:				#fff;
	border:				1px solid #aaa;
	border-bottom:		0;
	background:			#424242;
}
#content #recruiterLoginInc form, #JBcontent #recruiterLoginInc form,
#content #jobseekersLoginInc form, #JBcontent #jobseekersLoginInc form{
	width:				74%;
	margin:				0 auto 1em auto;
	padding:			0;
}
#content #recruiterLoginInc dl, #JBcontent #recruiterLoginInc dl,
#content #jobseekersLoginInc dl, #JBcontent #jobseekersLoginInc dl{
	padding:			5px 2%;
	border:				1px solid #aaa;
	border-top:			0;
	background:			#eee;
}
#content #recruiterLoginInc form dd, #JBcontent #recruiterLoginInc form dd,
#content #jobseekersLoginInc form dd, #JBcontent #jobseekersLoginInc form dd{
	margin-bottom:		10px;
}
#content #recruiterLoginInc form label, #JBcontent #recruiterLoginInc form label,
#content #jobseekersLoginInc form label, #JBcontent #jobseekersLoginInc form label{
	font-weight:		bold;
	color:				#555588;
	text-transform:		capitalize;
}
#content #recruiterLoginInc form input, #JBcontent #recruiterLoginInc form input,
#content #jobseekersLoginInc form input, #JBcontent #jobseekersLoginInc form input{
	margin-left:		5px;
}
#content #recruiterLoginInc form p, #JBcontent #recruiterLoginInc form p,
#content #jobseekersLoginInc form p, #JBcontent #jobseekersLoginInc form p{
	float:				right;
	margin-top:			-15px;
}
#content #recruiterLoginInc form p.submit, #JBcontent #recruiterLoginInc form p.submit,
#content #jobseekersLoginInc form p.submit, #JBcontent #jobseekersLoginInc form p.submit{
	margin-top:			0;
}
#content #recruiterLoginInc form p.submit a, #JBcontent #recruiterLoginInc form p.submit a,
#content #jobseekersLoginInc form p.submit a, #JBcontent #jobseekersLoginInc form p.submit a{
	float:				right;
	margin-top:			5px;
	font-size:			1em;
}
#content #recruiterLoginInc form input.loginButton1, #JBcontent #recruiterLoginInc form input.loginButton1,
#content #jobseekersLoginInc form input.loginButton1, #JBcontent #jobseekersLoginInc form input.loginButton1{
	float:				left;
	margin-left:		0;
}

/* --- News --- */
#content #LatestNews,
#JBcontent #LatestNews{
	margin:				0 0 1.3em 0;
}
#content #LatestNews .NewsTitle a,
#JBcontent #LatestNews .NewsTitle a{  
	font-weight:		bold!important;
	font-size:			1.1em;
	text-transform:		capitalize;
	color:				#005FB7;
}
#content #LatestNews .NewsArticle,
#JBcontent #LatestNews .NewsArticle{
	margin:				0 0 1em 0;
}
#content #LatestNews img,
#JBcontent #LatestNews img{ /* Hide images */
	display:			none!important;
}

/* --- Quick Search Form --- */
#content #search,
#JBcontent #search{	
	position:			relative;
	margin:				0 -9px!important;
	padding:			10px 10px 35px 10px;
}
#content #search h2,
#JBcontent #search h2{
	margin:				0 0 5px 0;
	color:				#fff;
}
#content #search form,
#JBcontent #search form{
}
#content #search label, 
#JBcontent #search label{
	color:				#fff;
	font-weight:		bold;
}
#content #search select, #content #search input.text, 
#JBcontent #search select, #JBcontent #search input.text{
	display:			block;
	width:				160px!important;
}
#content #search input.text, 
#JBcontent #search input.text{
	padding:			3px!important; /* See ieLegacy.css & ie7.css */
}
#content #search select, 
#JBcontent #search select{
	width:				180px!important;
}
.QuickSearchHelp, .KeywordsHelp,
#locallabelPostedDate, #locallstPostedDate{
	display:			none!important;
}
#content #search dt, 
#JBcontent #search dt{
	position:			absolute;
	top:				3.3em;
	left:				10px; /* See ieLegacy.css */
}
#content #search dd, 
#JBcontent #search dd{
	position:			absolute;
	top:				5em;
	left:				10px; /* See ieLegacy.css & ie7.css */
}
#content #search dt#DTIndustry, 
#JBcontent #search dt#DTIndustry,
#content #search dd#DDIndustry, 
#JBcontent #search dd#DDIndustry{
	left:				197px; /* See ieLegacy.css */
}
#content #search dt#DTVicinity, 
#JBcontent #search dt#DTVicinity,
#content #search dd#DDVicinity, 
#JBcontent #search dd#DDVicinity{
	left:				396px; /* See ieLegacy.css */
}
#content #search .advSearch, 
#JBcontent #search .advSearch{
	font-size:			0.9em;
	margin:				50px 0 0 0;
}
#content #search .advSearch a, 
#JBcontent #search .advSearch a{
	font-weight:		bold;
	text-decoration:	underline;
	color:				#fff;
}
#content #search .searchButton, 
#JBcontent #search .searchButton{
	position:			absolute;
	top:				7em;
	right:				10px;
	width:				66px;
	height:				24px;
	padding:			0 0 3px 0;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	border:				0!important;
}


/* --- Text (free text field) --- */

/* --- Menu (User created menus) --- */
#content ul.customSideBarMenu,
#JBcontent ul.customSideBarMenu{  
	border-top:			1px solid #bacbda;
}
#content ul.customSideBarMenu li,
#JBcontent ul.customSideBarMenu li{
	margin:				0;
	padding:			0;
	border-bottom:		1px solid #bacbda;
	background-position:5px
}
#content ul.customSideBarMenu li a,
#JBcontent ul.customSideBarMenu li a{
	display:			block;
	position:			relative;
	margin:				2px 0;
	padding:			2px 0 2px 20px;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px;
}
#content ul.customSideBarMenu li a:hover,
#JBcontent ul.customSideBarMenu li a:hover{  
	color:				#2D587D;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px #E9F0F6;
}

/* --- Home Content Top --- */
#numberJobs{
	position:			absolute;
	top:				170px;
	left:				0;
	width:				680px;
	font-size:			2.6em;
}
#numberJobs a{
	text-decoration:	none;
	color:				#555;
	position:			relative;
}
#numberJobs a em{
	font-style:			normal;
	color:				#1f83d7;
}
/* --- Post Job Now --- */
#postJobNow{
	width:				125px;
	height:				118px;
	padding:			12px 130px 45px 15px;
	color:				#fff;
	background:			url(/images/backgrounds/mainImageMap.png) no-repeat left -220px;
}
#postJobNow h2, #postJobNow h3, #postJobNow a{
	margin:				0;
	color:				#fff;	
}
#postJobNow h3, #postJobNow p{
	margin:				0 0 6px;
}
#postJobNow .postjobLink{
	margin:				0 -20px 0 0;
	font-weight:		bold;
}
#postJobNow a{
	text-decoration:	underline;
}

/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	height:				65px;
	padding:			10px;
	background:			#fff;
}
#popup #popupHeader .popupLogo{
	width:				230px;
	height:				60px;
	background:			url(/images/email/email_logo.gif) no-repeat;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	margin:				0 auto;
	padding:			20px 0;
	font-size:			0.9em;
	text-transform:		uppercase;
	color:				#2068B3;
	border-top:			5px solid #2068B3;
}
#footer p{
	margin:				0;
}
#footer p.addThis{
	margin-top:			10px;
}
#footer div.copy, #footer #broadbean{
	width:				220px;
	float:				right;
	text-align:			right;
}
#footer #broadbean{
	width:				80px;
	margin:				0 0 0 15px;
}
#footer div.links{
	float:				left;
}
#footer div.links ul{
	float:				left;
	width:				180px;
	margin-right:		30px;
}
#footer div.links ul li a{
	display:			block;
	zoom:				1;
}
.jobboardFooterInc li {
	margin:				0 0 0 10px;
}
.CMSlogout{
	position:			absolute;
	bottom:				0;
	right:				10px;
}
.CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
	background:			#c40000
}
.CMSlogout a:hover{
	text-decoration:	none;
	background:			#820000;
}
/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
#JBcontent.menu li a{
	font-weight:		bold!important;
}

/* --- Job Results --- */
#JBcontent input#strSendMeCandEmailTop,
#JBcontent input#strSendMeCandEmailBot{
	width:				192px!important;
	padding:			4px 5px!important;
	font-weight:		bold!important;
	font-size:			1.3em!important;
}
#JBcontent .sendMeJobsLikeThese .SendMeJobsButton{
	margin-top:			0!important;
}
#JBcontent.jobResults .jobInfo h2{
	margin-bottom:		0;
	font-size:			1.2em;
	text-decoration:	none;
}
#JBcontent.jobResults .jobInfo h2 a{  
	color:				#1f83d7;
}
#JBcontent.jobResults .jobInfo h2 a:hover{  
	text-decoration:	underline;
	color:				#ee7c0d;
}

/* ----- */
#JBcontent.jobResults .resultsActions,
#JBcontent.CVresults .resultsActions{
	margin-top:			0;
	padding:			0 0 15px 0;
}
body.twocolL #JBcontent.jobResults .resultsActions,
body.twocolR #JBcontent.jobResults .resultsActions{
	margin-right:		82px;
	*margin-right:		42px; /* IE7> Hack */
}
#JBcontent.jobResults .jobInfo{
	border-bottom:		1px solid #2b75ae;
}
#JBcontent.jobResults .jobInfo ul.jobDetails{
	margin:				0;
	padding:			0;
	color:				#000;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li{
	float:				left;
	width:				auto!important;
	height:				auto;
	margin:				3px 0;
	padding:			0 8px;
	color:				#004b85;
	font-style:			normal;
	font-weight:		bold;
	line-height:		1.2em;
	border-left:		2px solid #2b75ae;
	background:			transparent;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li.jobSalary{
	padding-left:		0;
	border:				0;
}
#JBcontent.jobResults .jobInfo p.jobDescription{
	clear:				both;
	margin:				0 0 8px 0;
	padding:			0;
	border-top:			0;
}
#JBcontent.jobResults .featuredJob p.jobDescription{
	border-color:		#EDB68D;
}

#JBcontent.jobindex li.indexlink ul li{
	width:				45%;
	margin:				0 5px 0;
}
#JBcontent.CVresults h3{
	margin:				5px 0 0 0;
	font-size:			1em;
} 
#JBcontent.CVview .jobPreferences h2{
	display:			none;
}

#search {
	z-index:999;
}

#search .advanced {
	top:55px!important;
	left:10px!important;
	width:300px;
	z-index:999!important;
}
#homepage #search .advanced {
	top:78px!important;
	left:15px!important;
	width:300px;
	z-index:999!important;
}


#headerSocialIcons {
	position:			absolute;
	top:				75px;
	left:				252px;
	height:				24px;
	width:				200px;
}

/*
===================================================================================
=== DEBUG =========================================================================
===================================================================================
*/
/*
#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;
}
/**/