/*
===================================================================================
=== COLOUR SCHEME ONE (BLUE) ======================================================
===================================================================================

See rules marked '[CS]' for all rules that may need to be changed if you're altering the colour scheme.

Update all rules marked '[TEMP]' when creating a new site (clone) of this template.
See the 'Cloning Template Sites' document for more information.

===================================================================================
=== 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:				#3C434C;
	text-align:			center;
	background:			url(/images/backgrounds/body.gif) repeat-x;
}
#container{
	position:			relative; /* Position to relative in order to allow elements contained within to be positioned absolutely within #container */
	width:				990px; /* Total = 990px */
	margin:				0 auto;
	text-align:			left;
}
h1, h2, h3, h4, h5, h6{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				normal 1.1em Arial, Helvetica, sans-serif;
}
h1{ /* See ie.css & ie7.css */
	font-size:			1.7em;
}
h2{ /* [CS] */     
	font-size:			1.6em;
	color:				#010451;
}
h3{
	font-weight:		bold;
	font-size:			1.2em;
}
p{
	margin:				0 0 1em 0;
}
a{ /* [CS] */     
	color:				#140A3B;
	font-weight:		bold;
}
a:hover{ /* [CS] */     
	
}
.left{
	float:				left!important;
}
.right{
	float:				right!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 0 0!important;
}
/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif!important;
}
input[type=text], input[type=password], select, textarea, input.text{  /* [CS] */     /* See ie.css */
	width:				189px!important;
	padding:			2px!important;
	border:				1px solid #bacbda!important;
}
select{
	width:				195px!important;
}
input[type=submit], input.submit{  /* [CS] */     /* See ie.css */
	margin:				5px 0 0 0;
	padding:			0 12px;
	color:				#000!important;
	font-weight:		bold!important;
	text-transform:		uppercase;
	border:				1px solid #8B3100!important;
	background:			url(/images/backgrounds/buttonOrange.gif) repeat-x!important;
}

/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
html{ 
	/* Make sure the scrollbar is always on */
	overflow-y: 		scroll;
}
/* --- Clear Floats --- */
#main:after, #footer:after,
#left .featuredEmployersBox ul:after, #right .featuredEmployersBox ul:after,
#left #search:after, #right #search:after,
#left #search dl:after, #right #search dl:after,
#jobBrowserNav:after, #jobBrowser ul:after,
#footerLinks ul:after,
#jobBrowseContainer .tabNav:after,
#divExtraOptions ul.tabNav:after,
#JBcontent.jobResults .jobInfo .jobDetails:after{
	content:			".";
	display:			block;
	clear:				both;
	visibility:			hidden;
	height:				0;
}
#main, #footer,
#left .featuredEmployersBox ul, #right .featuredEmployersBox ul,
#left #search, #right #search,
#left #search dl, #right #search dl,
#jobBrowserNav, #jobBrowser ul,
#footerLinks ul,
#jobBrowseContainer .tabNav,
#divExtraOptions ul.tabNav,
#JBcontent.jobResults .jobInfo .jobDetails{
	zoom:				1;
}


/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{ /* [CS] */     
	position:			relative;
	height:				161px;
	margin:				0;
	padding:			0;
	background:			url(/images/backgrounds/header.gif) no-repeat bottom center;
}
.SubPage #header{
	margin-bottom:		38px;
}
#header #logo{ /* [CS] */ /* [TEMP] */
	position:			absolute;
	top:				35px;
	left:				0px;
}
#header #banner{
	padding:			3px;
	background:			url(/images/backgrounds/banner.gif) no-repeat top left;
	position:			absolute;
	top:				32px;
	right:				90px;
}

#advertiseJob{
	height:				54px;
	margin-bottom:		10px;
	padding-top:		9px;
	font-weight:		bold;
	text-align:			center;
	background:			url(/images/backgrounds/advertise.gif) no-repeat top center;
}
#advertiseJob span{
	padding:			0px 0px 0px 35px;
	margin:				0px;
	color:				#03003E;
	font-size:			1.1em;
	display:			block;
}
#advertiseJob .pseudoH2{
	font-size:			1.2em;
	font-weight:		bold;
}

#header .recruiterLink{
	overflow:			hidden;
}
#header .recruiterLink a{
	width:				162px;
	color:				#FFF;
	font-size:			1.2em;
	font-weight:		bold;
	text-align:			center;
	text-decoration:	underline;
	position:			absolute;
	top:				135px;
	right:				5px;
}

#homeBannerArea{
	width:				100%;
	height:				45px;
	margin:				5px 0px;
	position:			relative;
}

#homeBannerArea #numberJobs a{
	padding:			10px 20px;
	color:				#03003E;
	font-size:			1.6em;
	font-weight:		normal;
	display:			block;
}

#homeBannerArea ul{
	position:			absolute;
	top:				-5px;
	left:				380px;
}
#homeBannerArea ul li{
	float:				left;
}
#homeBannerArea ul li a{
	padding:			14px 0px 0px 25px;
	color:				#FFF;
	font-size:			1.1em;
	font-weight:		bold;
	text-align:			center;
	display:			block;
}
#homeBannerArea ul li#hnSignIn{
	width:				130px;
	height:				52px;
	background:			url(/images/backgrounds/signIn.gif) no-repeat 0px 0px;
}
#homeBannerArea ul li#hnRegister{
	width:				137px;
	height:				52px;
	background:			url(/images/backgrounds/register.gif) no-repeat 0px 0px;
}
#homeBannerArea ul li#hnUploadCV{
	width:				163px;
	height:				52px;
	background:			url(/images/backgrounds/uploadCV.gif) no-repeat 0px 0px;
}

#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-30px;
	width:				978px;
	height:				16px;
	overflow:			hidden;
	margin:				0;
	padding:			3px 5px;
	border:				1px solid #CDCDCD;
	background:			#F5F5F5;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	position:			absolute;
	bottom:				0;
	left:				0;
	background: 		transparent;
}
#header #mainMenu ul#topmenu{				
	width:				auto;
	height:				auto;
	margin-left:		5px;
	background: 		transparent;
}
#header #mainMenu em{
	font-style:			normal;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	padding:			16px 0px 10px 0px;
	float:				left;
}
#header #mainMenu ul#topmenu a.starter{ /* [CS] */     /* This rule applies to the top level menu items (links) */
	padding:			0px 24px;
	font:				bold 1.2em Arial, Tahoma, sans-serif;
	color:				#FFF;
	border-right:		1px solid #FFF;
	display:			block;
}
#header #mainMenu ul#topmenu .lastItem a.starter{
	border-right:		none;
}

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

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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	float:				left;
	overflow:			hidden;
}
#content, #JBcontent{
	padding:			0px 5px;
}
#left{
	width:				280px;
	padding:			0px 6px 0px 0px;
}
#right{
	width:				156px;
	padding:			0px 0px 0px 5px;
}
#left h1, #left h2, #left h3, #left h4, #left h5, #left h6,
#right h1, #right h2, #right h3, #right h4, #right h5, #right h6,
.incBlock, .sidebarMenu{
	clear:				both;
}

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

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-990px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ie.css */
	width:				694px; /* TOTAL = 774px */
	overflow:			hidden;
	margin-left:		286px; /* #left (width + lateral padding + lateral borders) */
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				819px; /* TOTAL = 774px */
	overflow:			hidden;
	margin-left:		0;
}
/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-829px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				533px; /* Total = 558px */
	overflow:			hidden;
	margin-left:		286px; /* #left (width + lateral padding + lateral borders) */
} 


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

===============
=== CONTENT ===
===============
*/
#content, #JBcontent{
	padding-bottom:		10px!important;
	text-align:			justify;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#JBcontent h1, #JBcontent h2, #JBcontent h3, #JBcontent h4, #JBcontent h5, #JBcontent h6{
	text-align:			left;
}
#content h2, #JBcontent h2{ /* [CS] */     
	margin-top:			1em;
	padding:			0 0 0.2em 0;
	font-size:			1.4em!important;
}
#JBcontent form h2{
	font-size:			1em!important;
	border-bottom:		none!important;
}
#content a,
#JBcontent a{
	color:				#FE980D;
	text-decoration:	underline;
}
#content blockquote{
	margin:				0 2em 1em 2em;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.2em;
	line-height:		1.7em;
	text-align:			left;
}
#content ul, #JBcontent ul{
	margin-bottom:		1em;
}
#content ol{
	margin:				0 40px;
	list-style-type:	decimal;
}
#content ol li{
	margin:				0 0 1em 0;
	font-weight:		bold;
	font-size:			1.2em;
}
#content ol li ol li{
	margin:				5px -10px;
	font-weight:		normal;
	font-size:			0.8em;
}
#JBcontent table, #JBcontent form{
	text-align:			left;
}
.linkLatestJobs, .linkAllJobs{ /* [CS] */     
	float:				left;
	margin:				0.5em 0 0 0;
	font:				normal 1.3em Arial, Helvetica, sans-serif;
	color:				#005FB7;
	text-transform:		capitalize;
}
.linkLatestJobs{ /* See ie.css & ie7.css */
	width:				72.7%;
}
.similarJobs, .similarSearches{
	position:			relative;
}

/* --- Contact Us --- */
dl.contactList dt{
	float:				left;
	width:				10%;
	margin-right:		1%;
	font-weight:		bold;
	color:				#DB6700;
}
dl.contactList dd{
	float:				left;
	width:				88%;
}
address.contactPage{
	clear:				both;
	padding:			1em 0 0 0;
}

/* --- Recruiter Info --- */
div.recMenu{
	margin:				10px 0px;
	padding:			17px 0px;
}
div.recMenu em{
	padding-left:		75px;
	font-style:			normal;
	display:			block;
}
div.recMenu .linkTitle{
	color:				#3E7D9F;
	font-size:			1.5em;
}
div#clogin.recMenu{
	background:			url(/images/backgrounds/rmClogin.gif) no-repeat left;
}
div#products.recMenu{
	background:			url(/images/backgrounds/rmProducts.gif) no-repeat left;
}
div#why.recMenu{
	background:			url(/images/backgrounds/rmWhy.gif) no-repeat left;
}
div#lateststats.recMenu{
	background:			url(/images/backgrounds/rmLatest.gif) no-repeat left;
}
div#help.recMenu{
	background:			url(/images/backgrounds/rmHelp.gif) no-repeat left;
}
div#feedback.recMenu{
	background:			url(/images/backgrounds/rmFeedback.gif) no-repeat left;
}
div#contact.recMenu{
	padding:			9px 0px;
	background:			url(/images/backgrounds/rmContact.gif) no-repeat left;
}

/* --- JOB BROWSER --- */
#jobBrowserInc{
	margin:				0px 0px 10px 0px!important;
	background:			url(/images/backgrounds/contentBot.gif) no-repeat bottom left;
	position:			relative;
	zoom:				1; /* Fixes layout issue in IE7> */
}

#jobBrowserInc h2{
	margin:				0px;
	padding:			5px 10px 6px 10px;		
}
#jobBrowserInc h2.selected{
	background:			url(/images/backgrounds/jbHome_Selected.gif) no-repeat top left;
	position:			relative;
}
#jobBrowserInc h2.unselected{
	width:				248px;
	text-align:			right;
	background:			url(/images/backgrounds/jbHome_Unselected.gif) no-repeat bottom right;
	position:			absolute;
	top:				0px;
	right:				0px;
	z-index:			5000;
}
#jobBrowserInc h2 a{
	color:				#010451;
	font-weight:		normal;	
}
#jobBrowserInc h2.selected a{
	color:				#FFF;
	text-decoration:	none;
}
#jobBrowserInc h2.unselected a{
	text-decoration:	underline;
}

#jobBrowser ul{
	margin:				10px 10px 25px 10px!important;
}
#jobBrowser li{
	width:				49%;
	*width:				48.5%;
	margin:				2px 0.5%!important;
	padding:			0px!important;
	background:			#E9ECEF!important;
	float:				left;
}
#jobBrowser li a{
	padding:			4px 5px;
	color:				#010451;
	display:			block;
}
#jobBrowser .viewAll{
	margin-top:			-10px;
	*margin-bottom:		8px;
	padding:			0px 20px 10px 15px;
	*padding-bottom:	0px;
}
#jobBrowser .viewAll a{
	color:				#010451;
	font-size:			1.3em;
	text-decoration:	underline;
}
#jobBrowser h2,
.JB_status2{
	display:			none;
}

/*
================
=== SIDEBARS ===
================
*/
#left h2, #right h2{ /* [CS] */
	margin:				0px!important;
	padding:			0px!important;
	color:				#000C52;
	font-size:			1.5em;
}

#left #quickSearch,
#right #quickSearch{
	background:			url(/images/backgrounds/quickSearch_Bot.gif) no-repeat bottom center;
}
#left #quickSearch h2,
#right #quickSearch h2{
	margin-bottom:		10px!important;
	padding:			4px 10px!important;
	background:			url(/images/backgrounds/quickSearch_Top.gif) no-repeat top left;
}
#left #quickSearch p.intro,
#right #quickSearch p.intro{
	margin-bottom:		5px;
	padding:			5px 10px;
	color:				#FFF;
}
#left #quickSearch #search h2,
#right #quickSearch #search h2{
	display:			none;
}
#left #quickSearch #search .QuickSearchHelp,
#right #quickSearch #search .QuickSearchHelp{
	top:				88px!important;
	*top:				80px!important;
}
#left #quickSearch #search p.submit a,
#right #quickSearch #search p.submit a{
	top:				103px!important;
	*top:				95px!important;
}

#left #videoBanner,
#right #videoBanner{
	height:				162px;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			8px 10px;
	background:			url(/images/backgrounds/videoBanner.gif) no-repeat top center;
}

#left #regSites,
#right #regSites{
	margin-bottom:		10px!important;
	background:			url(/images/backgrounds/regSites.gif) no-repeat top center;
}
#left #regSites h2,
#right #regSites h2{
	padding:			5px 10px!important;
	color:				#FFF;
	text-align:			center;
}
#left #regSites p,
#right #regSites p{
	padding:			23px 15px 15px 15px;
}
#left #regSites a,
#right #regSites a{
	color:				#001E63;
	font-weight:		bold;
	text-decoration:	underline;
}

#left #rssLink a,
#right #rssLink a{
	padding:			15px 10px 14px 50px;
	color:				#001E63;
	font-size:			1.2em;
	font-weight:		bold;
	background:			url(/images/rss.gif) no-repeat top left;
	display:			block;
}

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

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

/* --- 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 Arial, 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 0px;
}
#left .LatestVacanciesTBL td, 
#right .LatestVacanciesTBL td{ /* See ie.css */
	padding:			6px 0 3px 0;
	border-bottom:		1px solid #dce5ec;
}
#left .LatestVacanciesTBL a, 
#right .LatestVacanciesTBL a{ /* [CS] */  
	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{ /* [CS] */   
	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{ /* [CS] */
	margin-bottom:		10px!important;
	background:			url(/images/backgrounds/featEmp_Bot.gif) no-repeat bottom center;
	position:			relative;
}
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2{
	padding:			5px 10px!important;
	color:				#FFF;
	background:			url(/images/backgrounds/featEmp_Top.gif) no-repeat top center;
}
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul{
	margin-top:			25px;
	padding-bottom:		5px;
}
#left .featuredEmployersBox ul li,
#right .featuredEmployersBox ul li{
	padding:			2px 0px;
	text-align:			center;
}
#left .featuredEmployersBox ul li img,
#right .featuredEmployersBox ul li img{
	border:				1px solid #243F80;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	width:				100%;
	color:				#001E63;
	text-align:			center;
	position:			absolute;
	top:				35px;
}
#left .featuredEmployersBox .LinkToClientList a,
#right .featuredEmployersBox .LinkToClientList a{
	color:				#001E63;
	font-weight:		bold;
	text-decoration:	underline;
}

/* --- 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 0px;
}
#left #jobseekerMainInc ul li a,#right #jobseekerMainInc ul li a,
#left #recruiterMainInc ul li a,#right #recruiterMainInc ul li a{ /* [CS] */     
	display:			block;
	width:				100%;
	padding:			2px 5px;
	font-weight:		normal;
	color:				#fff;
	background:			#01A7DB;
}

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

/* --- Recruiter Login & Jobseeker Login --- */
#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 2em 0;
}
#left #jobseekersLoginInc p.submit a, #right #jobseekersLoginInc p.submit a,
#left #recruiterLoginInc p.submit a, #right #recruiterLoginInc p.submit a{
	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;
}

/* --- News --- */
#left #LatestNews,
#right #LatestNews{
	margin:				0 0 1.3em 0;
}
#left #LatestNews .NewsTitle a,
#right #LatestNews .NewsTitle a{ /* [CS] */     
	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{
	margin-bottom:		10px!important;
	padding-bottom:		10px;
	background:			url(/images/backgrounds/quickSearch_Bot.gif) no-repeat bottom left;
	position:			relative;
}
#left #search h2,
#right #search h2{
	padding:			4px 10px!important;
	background:			url(/images/backgrounds/quickSearch_Top.gif) no-repeat top center;
}
#left #search dl, 
#right #search dl{
	padding:			5px 10px;
}
#left #search label, 
#right #search label{
	color:				#FFF;
	font-weight:		bold;
}
#left #search dt,
#left #search dd{
	float:				left;
}
#left #search dt{
	width:				30%;
	margin-right:		5px;
	padding:			3px 0px 0px 0px;
}
#left #search dd{
	width:				170px!important;
	margin-bottom:		5px;
}
#left #search dl input{
	width:				170px!important;
}
#left #search dl select{
	width:				176px!important;
}
#left #search .KeywordsHelp,
#right #search .KeywordsHelp{
	display:			none;
}
#left #search .QuickSearchHelp,
#right #search .QuickSearchHelp{
	position:			absolute;
	top:				120px;
	left:				10px;
}
#left #search .QuickSearchHelp a,
#right #search .QuickSearchHelp a{
	color:				#FE980D;
}
#homepage #left #search .QuickSearchHelp,
#homepage #right #search .QuickSearchHelp{
	top:				115px;
	*top:				108px;
	left:				10px;
}
#left #search p.submit a,
#right #search p.submit a{
	color:				#FE980D;
	position:			absolute;
	top:				135px;
	left:				10px;	
}
#homepage #left #search p.submit a,
#homepage #right #search p.submit a{
	top:				132px;
	*top:				122px;
	left:				10px;
}
#left #search p.submit input,
#right #search p.submit input{
	width:				88px;
	height:				29px;
	margin:				0px 11px;
	padding-bottom:		3px;
	color:				#FFF!important;
	font-size:			1.2em!important;
	font-weight:		bold!important;
	border:				0px!important;
	background:			url(/images/backgrounds/submitSearch.gif) no-repeat!important;
	float:				right;
}

/* --- Text (free text field) --- */
/*	Currently, the H2 in the text area is uneditable, so the negative top margin applied to customText hides
	the blank space created by the empty H2.  This will need to be amended if/when the H2 is made editable. */
.customText{
	margin:				-2.5em 0 1.5em 0;
}

/* --- Menu (User created menus) --- */
#left .sidebarMenu,
#right .sidebarMenu{
	margin-bottom:		10px;
	padding-bottom:		10px;
	background:			url(/images/backgrounds/sMenu_Bot.gif) no-repeat bottom center;
}
#left .sidebarMenu h2,
#right .sidebarMenu h2{
	margin-bottom:		10px!important;
	padding:			4px 10px!important;
	background:			url(/images/backgrounds/sMenu_Top.gif) no-repeat top center;
}
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{
	margin:				3px 10px;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{ /* [CS] */     
	display:			block;
	padding:			3px 5px 3px 17px;
	font-weight:		bold;
	color:				#010451;
	background:			url(/images/backgrounds/arrowRight.gif) no-repeat 5px 7px #FFF;
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{ /* [CS] */     
	width:				100%;
	margin:				10px;
}
#featured, 
#latest{
	margin-bottom:		10px;
	color:				#03003E;
	background:			url(/images/backgrounds/contentBot.gif) no-repeat bottom left;
}
#featured h2, 
#latest h2{
	padding:			6px 10px 6px 40px;
	color:				#FFF;
	background:			url(/images/backgrounds/featJobs_Top.gif) no-repeat;
}
#featuredBox{
	padding:			5px 15px 10px 15px;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ie.css */
	padding:			5px 10px;
	border-bottom:		5px solid #FFF;
}
#content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#content .LatestVacanciesTBL a, 
#JBcontent .LatestVacanciesTBL a{ /* [CS] */ 
	color:				#000;
	text-decoration:	none;
}
#content .LatestVacanciesCol1, 
#JBcontent .LatestVacanciesCol1{ /* [CS] */     
	width:				98px; /* Images should be 88px, giving this 10px of right padding */
	background:			#E9ECEF;
}
#content .LatestVacanciesCol2, 
#JBcontent .LatestVacanciesCol2{ /* [CS] */     
	background:			#E9ECEF;
}
#content .LatestVacanciesCol2 span, 
#JBcontent .LatestVacanciesCol2 span{
	position:			relative;
	float:				left;
	height:				1.65em;
	margin:				0!important;
	padding:			0;
	overflow:			hidden;
}
#content .LatestVacanciesCol2 span.jobs_JobTitle, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobTitle{
	width:				75%;
	font-weight:		bold;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription{
	width:				100%;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription a, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription a{
	font-weight:		normal;
}
#content .LatestVacanciesCol2 span.jobs_Salary, 
#JBcontent .LatestVacanciesCol2 span.jobs_Salary{
	width:				25%;
	font-weight:		bold;
	text-align:			right;
}
/* --- Featured Companies --- */
#content .featuredEmployersBox ul,
#JBcontent .featuredEmployersBox ul{
	margin:				2px 0 5px 0;
}
#content .featuredEmployersBox ul li,
#JBcontent .featuredEmployersBox ul li{
	float:				left;
	padding:			2px 3px;
	background:			transparent;
}
#content .featuredEmployersBox .LinkToClientList,
#JBcontent .featuredEmployersBox .LinkToClientList{
	clear:				both;
}

/* --- Jobseeker Main & Recruiter Main --- */
#content #jobseekerMainInc h3, #JBcontent #jobseekerMainInc h3,
#content #recruiterMainInc h3, #JBcontent #recruiterMainInc h3{
	width:				70%;
	margin:				1em auto 0 auto;
	padding:			5px 2%;
	font-size:			1em;
	color:				#fff;
	border:				1px solid #aaa;
	border-bottom:		none;
	background:			#424242;
}
#content #jobseekerMainInc form, #JBcontent #jobseekerMainInc form,
#content #recruiterMainInc form, #JBcontent #recruiterMainInc form{
	width:				74%;
	margin:				0 auto 1em auto;
	padding:			0;
}
#content #jobseekerMainInc fieldset, #JBcontent #jobseekerMainInc fieldset,
#content #recruiterMainInc fieldset, #JBcontent #recruiterMainInc fieldset{
	padding:			5px 2%;
	border:				1px solid #aaa;
	border-top:			none;
	background:			#eee;
}
#content #jobseekerMainInc form dd, #JBcontent #jobseekerMainInc form dd,
#content #recruiterMainInc form dd, #JBcontent #recruiterMainInc form dd{
	margin-bottom:		10px;
}
#content #jobseekerMainInc form label, #JBcontent #jobseekerMainInc form label,
#content #recruiterMainInc form label, #JBcontent #recruiterMainInc form label{
	font-weight:		bold;
	color:				#555588;
	text-transform:		capitalize;
}
#content #jobseekerMainInc form input, #JBcontent #jobseekerMainInc form input,
#content #recruiterMainInc form input, #JBcontent #recruiterMainInc form input{
	margin-left:		5px;
}
#content #jobseekerMainInc form input.submit, #JBcontent #jobseekerMainInc form input.submit,
#content #recruiterMainInc form input.submit, #JBcontent #recruiterMainInc form input.submit{
	margin-left:		0;
}
#content #jobseekerMainInc ul, #JBcontent #jobseekerMainInc ul,
#content #recruiterMainInc ul, #JBcontent #recruiterMainInc ul{ /* [CS] */     
	border-top:			1px solid #bacbda;
}
#content #jobseekerMainInc ul li, #JBcontent #jobseekerMainInc ul li,
#content #recruiterMainInc ul li, #JBcontent #recruiterMainInc ul li{ /* [CS] */     
	margin:				0;
	padding:			0;
	border-bottom:		1px solid #bacbda;
	background:			none;
}
#content #jobseekerMainInc ul li a, #JBcontent #jobseekerMainInc ul li a,
#content #recruiterMainInc ul li a, #JBcontent #recruiterMainInc ul li a{ /* [CS] */ 
	display:			block;
	position:			relative;
	margin:				2px 0;
	padding:			2px 0 2px 20px;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px;
}
#content #jobseekerMainInc ul li a:hover, #JBcontent #jobseekerMainInc ul li a:hover,
#content #recruiterMainInc ul li a:hover, #JBcontent #recruiterMainInc ul li a:hover{ /* [CS] */ 
	color:				#2D587D;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px #E9F0F6;
}

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

/* --- Recruiter Login & Jobseeker Login --- */
#content #recruiterLoginInc h2, #JBcontent #recruiterLoginInc h2,
#content #jobseekersLoginInc h2, #JBcontent #jobseekersLoginInc h2{ /* [CS] */
	width:				70%;
	margin:				1em auto 0 auto;
	padding:			5px 2%;
	font-size:			1em;
	color:				#fff;
	border:				1px solid #aaa;
	border-bottom:		none;
	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:			none;
	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{ /* [CS] */     
	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 form,
#JBcontent #search form{ /* [CS] */     
	width:				45%;
	padding:			10px 10px 2em 10px;
	border:				1px solid #BACBDA;
	background:			url(/images/backgrounds/lightBlueGrad.gif) repeat-x #fff;
}
#content #search label, 
#JBcontent #search label{
	font-weight:		bold;
}
#content #search select, #content #search input.text, 
#JBcontent #search select, #JBcontent #search input.text{
	display:			block;
	width:				97%;
	margin-bottom:		0.5em;
}
#content #search select, 
#JBcontent #search select{
	width:				99%;
}
#content #search p.submit a,
#JBcontent #search p.submit a{

}
#content #search p.submit .searchButton, 
#JBcontent #search p.submit .searchButton{

}

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

/* --- Menu (User created menus) --- */
#content ul.customSideBarMenu,
#JBcontent ul.customSideBarMenu{ /* [CS] */     
	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{ /* [CS] */     
	color:				#2D587D;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px #E9F0F6;
}
 
/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	height:				80px;
	border-bottom:		5px solid #FE980D;
	background:			url(/images/backgrounds/body.gif) repeat-x;
}
#popup #popupHeader .popupLogo{ /* [CS] */ /* [TEMP] */
	width:				279px;
	height:				81px;
	margin-top:			0px;
	background:			url(/images/logo.gif) no-repeat;
}
#popup #popupFooter{
	border-top:			5px solid #FE980D;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footerLinks{
	width:				990px;
	margin:				10px auto 0px auto;
	text-align:			center;
	background:			url(/images/backgrounds/footerLinks.gif) no-repeat top left #DCDCDC;
}
#footerLinks ul{
	padding:			5px 0px;
	display:			block;
}
#footerLinks li{
	display:			inline;
	line-height:		2.5em;
	border-right:		1px solid #000;
}
#footerLinks li#nsJobsinRickmansworth,
#footerLinks li.lastItem{
	border-right:		0px;
}
#footerLinks li a{
	padding:			0px 13px;
}

#footer{
	height:				220px;
	clear:				both;
	background:			url(/images/backgrounds/footer.gif) repeat-x top left;
	position:			relative;
}
#footer li,
#footer li a{
	color:				#FFF;
	font-size:			0.9em;
	font-weight:		normal;
}
#footer li a:hover{
	text-decoration:	underline;
}
#footer ul{
	width:				990px;
	margin:				0 auto;
	padding:			10px;
}
#footer li{
	float:				left;
	padding:			0 7px;
	border-right:		1px solid #FFF;
}
#footer li.lastItem{
	border-right:		0px;
}

#footer li.CMSlogout{
	padding:			0px;
	border:				0px;
	position:			absolute;
	top:				5px;
	right:				5px;
}
#footer li.CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
	background:			#c40000
}
#footer li.CMSlogout a:hover{
	text-decoration:	none;
	background:			#820000;
}
/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
#JBcontent.compView #latest,
#JBcontent.compView #latest h2{
	background:			transparent;
}
#JBcontent.compView #latest h2{
	padding:			5px 0px;
	color:				#3C434C;
	font-size:			1.3em!important;
}

#JBcontent.jobindex li.indexlink{ /* [CS] */  
	background:			none;   
}
#JBcontent.jobindex li.indexlink ul{
	margin-left:		0;
}
#JBcontent #progress{
	margin:				40px 0 40px 0;
}
#JBcontent.jobView h1 a{
	font-weight:		normal;
	text-decoration:	none;
}
#JBcontent.jobView p{
	text-align:			justify;
}
#JBcontent .styled h2{
	color:				#fff!important;
}

/* --- JOB BROWSER RESULTS NAV --- */
#jobBrowseContainer .tabNav li{
	width:				140px;
	padding:			7px 0px 5px 0px;
	text-align:			center;
	float:				left;
}
#jobBrowseContainer .tabNav li#jbNav_Tab1{
	background:			url(/images/backgrounds/jbNav_Tab1.gif) no-repeat;
}
#jobBrowseContainer .tabNav li#jbNav_Tab2{
	color:				#FFF;
	background:			url(/images/backgrounds/jbNav_Tab2.gif) no-repeat;
}
#jobBrowseContainer .tabNav li#jbNav_Tab2 a{
	color:				#FFF;
}
#jobBrowseContainer .tabNav li a{
	font-size:			1.4em;
	font-weight:		normal;
}
#jobBrowseContainer .tabNav li.unselectedTab a{
	text-decoration:	underline;
}	

/* --- JOB BROWSER RESULTS --- */
#jobBrowserResults{
	padding-top:		5px;
	padding-bottom:		15px;
	background:			url(/images/backgrounds/jbResultsBot.gif) no-repeat bottom center #FE980D;
}
#jobBrowserResults h2{
	height:				0px;
	visibility:			hidden;
}
#jobBrowserResults h3{
	color:				#FFF;
	font-size:			1.4em;
	font-weight:		normal;
}
#CurrentSearch{
	margin:				5px 10px 0px 10px;
	padding:			0px 0px 1px 0px;
	color:				#FFF;
	background:			url(/images/backgrounds/currentSearch_Bot.gif) no-repeat bottom center;
}
#CurrentSearch h2{
	height:				auto;
	padding:			10px 10px 5px 10px!important;
	color:				#FFF;
	background:			url(/images/backgrounds/currentSearch_Top.gif) no-repeat top center;
	visibility:			visible;
}
#CurrentSearch ul{
	margin:				0px 10px;
}
#CurrentSearch p a,
#CurrentSearch ul li a{
	color:				#FFF;
	text-decoration:	underline;
}
#CurrentSearch p{
	padding:			10px 10px 0px 10px;
}
.JobBrowseLinks{
	padding:			10px;
	border-bottom:		5px solid #FFF;
}
.JobBrowseCategoryLinks{
	margin-bottom:		10px;
}
.JobBrowseCategoryLinks li{
	margin:				2px 0px;
}
.JobBrowseCategoryLinks li a{
	color:				#FFF;
	font-weight:		normal;
}
.moreJobOptions{
	cursor:				pointer;
}

/* --- JOB BROWSER SEARCH --- */
#jobBrowseContainer #search{
	padding-top:		5px;
	background:			url(/images/backgrounds/jbSearchBot.gif) no-repeat bottom center #3E7D9F;
}
#jobBrowseContainer #search h2{
	color:				#FFF;
	background:			none;
}

/* --- PAGE ACTIONS --- */
#JBcontent.jobResults .resultsActions{
	margin-right:		0px!important;
	margin-bottom:		10px;
}
#JBcontent.jobResults .pageNumbers li a{
	color:				#03003E!important;
	border:				1px solid #03003E!important;	
}
#JBcontent.jobResults .pageNumbers li a:hover{
	color:				#FFF!important;
	background:			#03003E;
}
#JBcontent.jobResults .pageNumbers li.titleBar{
	color:				#000!important;
	border:				0px!important;
}
#JBcontent.jobResults .pageNumbers li.pageSelected{
	color:				#FFF!important;
	border:				1px solid #03003E!important;
	background:			#03003E!important;
}
#JBcontent.jobResults .resultsActions .buttonLink,
#JBcontent.jobView .jobViewActions .buttonLink{
	color:				#03003E!important;
	text-transform:		capitalize;
	border:				1px solid #03003E!important;
}
#JBcontent.jobResults .resultsActions .buttonLink:hover,
#JBcontent.jobView .jobViewActions .buttonLink:hover{
	color:				#FFF!important;
	background:			#03003E!important;
}
#JBcontent.jobView .jobViewActions .ApplyNow{
	color:				#000!important;
	text-transform:		uppercase;
	border:				1px solid #8B3100!important;
	background:			url(/images/backgrounds/buttonOrange.gif) repeat-x!important;
}
#JBcontent.jobView .jobViewActions .ApplyNow:hover{
	border:				1px solid #000!important;
	background:			#000!important;
}

/* --- Send Me Jobs Like These --- */
.sendMeJobsLikeThese{
	position:			relative;
	clear:				both;
	padding:			15px 0px;
}
#sendMeJobsLikeTheseBot{
	margin:				5px 0 0 0;
	padding:			15px 0px;
	border-top:			1px solid #fff;
}
.sendMeJobsLikeThese label{
	margin:				0 5px;
}
.sendMeJobsLikeThese input.text{
	width:				190px!important;
	padding:			3px!important;
	position:			absolute;
	top:				12px;
	left:				157px;
}
.SendMeJobsButton{
	right:				5px;
	width:				163px!important;
	height:				22px;
	padding:			0px!important;
	font:				bold 0.9em Verdana, Helvetica, sans-serif!important;
	border:				1px solid #000!important;
	background:			#ECE9D8!important;
}
#sendMeJobsLikeTheseTop .SendMeJobsButton{
	position:			absolute;
	top:				7px;	
}
#sendMeJobsLikeTheseBot .SendMeJobsButton{
	position:			absolute;
	bottom:				12px;
}
/* ------------------------------- */


/* --- Job Results --- */
#JBcontent.jobResults .jobInfo{
	width:				533px;
	padding-bottom:		5px;
	border:				0px!important;
	background:			url(/images/backgrounds/jobInfo_Bot.gif) no-repeat bottom center;
}
#JBcontent.jobResults .featuredJob{
	background:			url(/images/backgrounds/featuredJob_Bot.gif) no-repeat bottom center;
}
#JBcontent.jobResults .jobInfo h2{
	padding:			6px 10px 6px 30px!important;
	background:			url(/images/backgrounds/jobInfo_Top.gif) no-repeat top left #3E7D9F!important;
}
#JBcontent.jobResults .featuredJob h2{
	padding-left:		55px!important;
	background:			url(/images/backgrounds/featuredJob_Top.gif) no-repeat top left #FE980D!important;
}
#JBcontent.jobResults .jobInfo h2 a{
	font-size:			1.3em;
}
#JBcontent.jobResults .jobInfo .checkBox{
	top:				9px!important;
	left:				10px!important;
}
#JBcontent.jobResults .jobInfo .buttonLink{
	color:				#FFF!important;
	border:				1px solid #FFF!important;
	top:				4px!important;
	right:				10px!important;
}
#JBcontent.jobResults .jobInfo a.detailsApply{
	background:			#3E7D9F!important;
}
#JBcontent.jobResults .featuredJob a.detailsApply{
	background:			#FE980D!important;
}
#JBcontent.jobResults .jobInfo .jobLogo{
	float:				right;
}
#JBcontent.jobResults .jobInfo .jobLogo img{
	margin-right:		5px;	
}
#JBcontent.jobResults .jobInfo .jobDetails{
	width:				400px;
	padding:			0px!important;
}
#JBcontent.jobResults .jobInfo .jobDetails li{
	width:				390px!important;
	margin:				1px 0px!important;
	padding:			0px 5px!important;
	float:				none!important;
	overflow:			hidden!important;
}
#JBcontent.jobResults .jobInfo p.jobDescription{
	border-top:			1px solid #3E7D9F!important;
}
#JBcontent.jobResults .featuredJob p.jobDescription{
	border-top:			1px solid #FE980D!important;
}

/* --- More Info Floating Div --- */
#divExtraOptions{
	width:				48em;
	border:				0;
	background:			transparent;
	left:				288px!important;
}
#divExtraOptions .closeFloatDiv{
	position:			absolute;
	top:				34px;
	right:				4px;
	width:				20px;
	height:				20px;
	border:				1px solid #140A3B;
	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;
	padding:			0;
}
#divExtraOptions ul.tabNav li.selectedTab,
#divExtraOptions ul.tabNav li.unselectedTab{
	width:				auto;
	font-size:			1.1em;
	border:				1px solid #FE980D;
	border-bottom:		0px;
	background:			#FFE358;
}
#divExtraOptions ul.tabNav li.selectedTab{
	border-color:		#140A3B;
	background:			#FE980D;
}
.ExtraBrowseOptions ul li{
	margin:				0;
	padding:			3px 0;
	text-align:			left;
}
.ExtraBrowseOptions ul li a{
	display:			inline;
}
.ExtraBrowseOptions ul li a:hover{
	background:			#FFE358;
}
.ExtraBrowseOptions{
	border:				2px solid #140A3B;
}

/* ---------------------------------------------------------------------------------------------- */
/*	These rules set the widths on the default results table columns.  They may need to be 
	adjusted for each individual site though.
*/
#JBcontent.jobResults #JobResultsDisplay #colCheckbox{		/* Column: Select this job checkbox */ 
	width:				1%!important;
}
#JBcontent.jobResults #JobResultsDisplay #colHeaderFeatured{/* Column: Featured job icon */
	width:				1%!important;
}
#JBcontent.jobResults #JobResultsDisplay th#colHeader1{		/* Column: Usually job title */
	width:				38%!important;
}
#JBcontent.jobResults #JobResultsDisplay th#colHeader2{		/* Column: Usually job location */
	width:				18%!important;
}
#JBcontent.jobResults #JobResultsDisplay th#colHeader3{		/* Column: Usually job salary */
	width:				25%!important;
}
#JBcontent.jobResults #JobResultsDisplay th#colHeader4{		/* Column: Date that the job was posted */
	width:				17%!important;
}
/* ---------------------------------------------------------------------------------------------- */


/*
===================================================================================
=== 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;
}
/**/
.peelAdShow{
	right:				-1px;
}