/*
===================================================================================
=== 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:				75%/140% Arial, Helvetica, sans-serif;
	color:				#333;
	text-align:			center;
	background:			#3D475E;
}
#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;
	background:			#fff;
}
h1, h2, h3, h4, h5, h6, .pseudoH2{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				normal 1.1em "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	color:				#002563;
}
h1, h2, .pseudoH2{ /* [CS] */     
	font-size:			1.3em;
}
.SubPage #content h2,
.SubPage #JBcontent h2{
	padding:			0 0 5px 0;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
	color:				#DB6700;
	border-bottom:		1px solid #0048B7;
}
h3, #homepage #content h1{
	font:				bold 1.1em Arial, Helvetica, sans-serif;
	color:				#DB6700;
}
.SubPage #content h3,
.SubPage #JBcontent h3{
	margin:				0 0 3px 0;
}
h4{
	margin:				0;
}
p{
	margin:				0 0 1em 0;
}
#main a{ /* [CS] */     
	color:				#00005F;
	text-decoration:	underline;
}
#main a:hover{ /* [CS] */     
	color:				#FF7800;
}
.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!important;
}
.featuredEmployersBox .LinkToClientList em{
	font-style:			normal;
	text-decoration:	underline;
}
.indentedText{
	margin:				0 30px;
}
.bottomDivider{
	margin-bottom:		10px;
	padding-bottom:		0; /* Since this will usually be aplied to text which will have a bottom margin set (i.e. <p>, <h> tags, etc. */
	border-bottom:		1px solid #333;
}
.topDivider{
	margin-top:			10px;
	padding-top:		10px;
	border-top:			1px solid #333;
}
.clearBoth{
	clear:				both;
	padding:			1em 0 0 0;
}
.signinRegisterEmpathsis{
	color:				#FF7800;
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				0.9em Arial, Helvetica, sans-serif!important;
	color:				#011D4A;
}
input[type=text], input[type=password], select, textarea, input.text{  /* [CS] */     /* See ie.css */
	width:				174px!important;
	padding:			2px;
	border:				1px solid #bacbda!important;
}
input.text, input.password, select, textarea, #strCandLoginEmail, #strCandLoginPassword,
#strClientLoginUsername, #strClientLoginPassword, #strSubject, #strName, #strEmail,
#strTelephone, #strFax{  /* [CS] */     /* For backwards compatibility with IE6> */
	border-color:		#bacbda!important;
}
select{
	width:				190px;
	padding:			0;
}
input[type=submit], .pseudoButton{  /* [CS] */     /* See ie.css */
	width:				auto!important;
	overflow:			visible;
	margin:				0;
	padding:			1px 12px;
	font:				bold 0.8em Verdana, Tahoma, sans-serif!important;
	text-transform:		uppercase;
	color:				#011D4A!important;
	border:				1px solid #8B3100;
	border-bottom-width:1px;
	background:			url(/images/backgrounds/buttonWhiteBKG.gif)!important;
}
input.submit, input.searchButton, .loginButton1, .loginButton2, #JBcontent input.submit, #JBcontent button, .pseudoButton{ /* [CS] */     /* For backwards compatibility with IE6> */
	width:				auto!important;
	overflow:			visible;
	margin:				0;
	padding:			1px 12px;
	font:				bold 0.8em Verdana, Tahoma, sans-serif!important;
	text-transform:		uppercase;
	color:				#011D4A!important;
	border:				1px solid #8B3100;
	border-bottom-width:1px;
	background:			url(/images/backgrounds/buttonWhiteBKG.gif)!important;
}
a.pseudoButton{ /* See ie.css & ie7.css */
	position:			relative;
	padding:			2px 12px;
	text-decoration:	none!important;
}
p.submit a{  /* [CS] */     /* Advanced search link */
	font:				normal 0.9em Arial, sans-serif;
	color:				#000;
}
p.submit a:hover{  /* [CS] */ /* [CS] */     
	color:				#f06000;
}
.pseudoH2, .pseudoP{
	display:			block;
}
strong em{
	font-style:			normal;
	color:				#DB6700;			
}

/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
html{ /* Make sure the scrollbar is always on */
	height:				100%;
	margin-bottom:		1px
}



/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{ /* [CS] */     
	position:			relative;
	height:				155px;
	margin:				0;
	padding:			0;
	background:			url(/images/backgrounds/header.jpg) repeat-x top;
}
.SubPage #header{
	margin-bottom:		28px;
}
#header #logo{ /* [CS] */ /* [TEMP] */
	position:			absolute;
	top:				25px;
	left:				20px;
}
#header #banner{
	position:			absolute;
	top:				28px;
	right:				100px;
	z-index:			2;
}
#header #siteImage{
	position:			absolute;
	top:				0;
	right:				0;
}
#homeBannerArea{ /* [CS] */     
	position:			relative;
	width:				100%;
	height:				115px;
	background:			url(/images/backgrounds/homeBanner1.gif) repeat-x bottom;
}
#homeBannerArea #numberJobs{
	position:			absolute;
	top:				5px;
	left:				15px;
	font-weight:		bold;
	text-decoration:	underline;
	color:				#fff;
}
#homeBannerArea #numberJobs a{
	color:				#fff;
}
#homeBannerArea #loginBar{
	position:			relative;
	width:				700px;
	height:				24px; /* Total = 29px */
	margin:				0 0 0 290px;
	padding:			5px 0 0 0;
	overflow:			hidden;
	background:			url(/images/backgrounds/jobseekerLoginLeft.gif) no-repeat 0 -1px #91B8FC;
}
#homeBannerArea #loginBar #jobseekersLoginInc h2{ /* See ie.css */
	float:				left;
	margin:				4px 5px 0 35px;
	font:				normal 1em Arial, Helvetical, sans-serif;
	text-transform:		uppercase;
	color:				#00005F;
}
#homeBannerArea #loginBar #jobseekersLoginInc dl dt.usernameLabel,
#homeBannerArea #loginBar #jobseekersLoginInc dl dt.passwordLabel{
	display:			none;
}
#homeBannerArea #loginBar #jobseekersLoginInc dl dd{
	float:				left;
}
#homeBannerArea #loginBar #jobseekersLoginInc dl dd input.text{
	width:				118px!important;
	margin:				0 6px 0 0;
	border-color:		#142543!important;
}
#homeBannerArea #loginBar #jobseekersLoginInc .loginButton1,
#homeBannerArea #loginBar #jobseekersLoginInc .pseudoButton{
	margin:				0 0 0 10px;
}
#homeBannerArea #loginBar #jobseekersLoginInc a.customTxt{
	margin:				0 0 0 15px;
	color:				#00286A;
}
#homeBannerArea #loginBar #jobseekersLoginInc a.customTxt:hover{
	color:				#000;
}
#homeBannerArea #search{
	position:			relative;
	height:				85px; /* Total = 85px */	
}
#homeBannerArea #search h2{
	margin:				5px 0 0 20px;
	font:				bold 1.2em Arial, Helvetica, sans-serif;
}
#homeBannerArea #search label{
	font-size:			0.9em;
}
#homeBannerArea #search label, 
#homeBannerArea #search input, 
#homeBannerArea #search select{
	position:			absolute;
	top:				22px;
	left:				20px;
}
#homeBannerArea #search label#locallabelYorkshireRegion{

}
#homeBannerArea #search select#locallstYorkshireRegion{
	top:				41px;
}
#homeBannerArea #search label#locallabelCity{
	left:				215px;
}
#homeBannerArea #search select#locallstCity{
	top:				41px;
	left:				215px;
}
#homeBannerArea #search label#locallabelJobSector{
	left:				410px
}
#homeBannerArea #search select#locallstJobSector{
	top:				41px;
	left:				410px;
}
#homeBannerArea #search label#locallabelKeywords a{
	font-weight:		bold;
	color:				#0B58CB;
}
#homeBannerArea #search label#locallabelKeywords a:hover{
	color:				#F46D00;
}
#homeBannerArea #search label#locallabelKeywords{
	left:				605px;
}
#homeBannerArea #search input#localstrKeywords{
	top:				41px;
	left:				605px;
}
#homeBannerArea #search p.submit,
#homeBannerArea #search p.QuickSearchHelp{
	margin:				0;
	padding:			0;
}
#homeBannerArea #search p.submit a,
#homeBannerArea #search p.QuickSearchHelp a{
	position:			absolute;
	top:				4px;
	right:				10px;
	font-weight:		bold;
	font-size:			1em;
}
#homeBannerArea #search p.QuickSearchHelp a{
	top:				3px;
	right:				7.5em;
	color:				#0B58CB
}
#homeBannerArea #search p.QuickSearchHelp a:hover{
	color:				#F46D00;
}
#homeBannerArea #search a{
	color:				#011D4A;
}
#homeBannerArea #search a:hover{
	color:				#F46D00;
}
#homeBannerArea #search p.submit input.searchButton{
	position:			absolute;
	top:				42px;
	left:				797px;
	width:				185px!important;
}
#homeBannerArea #search p.CMSButtonPara{
	position:			absolute;
	top:				-2px;
	left:				130px;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-28px;
	width:				98%;
	margin:				0;
	padding:			2px 1% 3px 1%;
	font-weight:		bold;
	color:				#0B58CB;
	border:				solid #aaa;
	border-width:		1px 0;
	background:			#f5f5f5;
}
#breadcrumbs a, .breadcrumbs a{
	color:				#F46D00
}
#breadcrumbs a:hover, .breadcrumbs a:hover{
	color:				#F46D00;
}
	

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	position:			absolute;
	bottom:				32px;
	left:				15px;
	background: 		transparent;
}
#header #mainMenu ul#topmenu{				
	width:				auto;
	height:				auto;
	background: 		transparent;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/

#header #mainMenu ul#topmenu li a.starter{ /* [CS] */     /* This rule applies to the top level menu items (links) */     /* See ie.css & ie7.css */
	top:				20px;
	padding: 			20px 5px 0 15px; /* Make sure the left padding is 4px greater than the right padding (if you want the text to be central) */
	font:				normal 0.9em Verdana, Tahoma, sans-serif;
	text-transform:		uppercase;
	color:				#fff;
	border-right:		0;
	background:			url(/images/icons/navBulletOrange.gif) no-repeat left bottom;
}
#header #mainMenu ul#topmenu li#mWishList a{
	padding-right:		25px;
	background:			url(/images/backgrounds/navWishList.gif) no-repeat left bottom;
}
#header #mainMenu ul#topmenu .lastItem a.starter{
	border-right:		none;
}
#header #mainMenu ul#topmenu li:hover{
	padding:			0 0 31px 0; /* Vertical padding must equal 39px */
	background:			url(/images/backgrounds/navOverRight.gif) no-repeat top right;
}
#header #mainMenu ul#topmenu li#mWishList:hover{
	padding-right:		0;
	background:			url(/images/backgrounds/navOverRightWL.gif) no-repeat top right;
}
#header #mainMenu ul#topmenu li a.starter:hover,
#header #mainMenu ul#topmenu li#mWishList a:hover{ /* [CS] */     /* See ie.css & ie7.css */
	top:				13px;
	padding:			14px 10px 21px 14px; /* Vertical padding must equal 35px */
	font-weight:		bold;
	border:				0;
	background:			url(/images/backgrounds/navOverLeft.gif) no-repeat top left;
}
#header #mainMenu ul#topmenu li#mWishList a:hover{
	padding-right:		31px;
}


/* 
===============================
=== CHILD (SUB) MENU STYLES --- 
===============================
*/
#header #mainMenu ul#topmenu ul{ /* [CS] */     
	margin-left:		-2px;
	border:				1px solid #fff;
	border-top-color:	#888;
}
#header #mainMenu ul.subMenu li a{ /* [CS] */     
	padding:			2px 5px;
	border:				1px solid #888;
	background: 		#fff;
}
#header #mainMenu ul.subMenu li a:hover{ /* [CS] */     /* Hover state for submenu items  */
	color: 				#eee;
	background: 		#777;
}

#mainMenu ul#topmenu li.ShowLoggedIn{
	display:			none;
}


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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	float:				left;
	overflow:			hidden;
}
#content, #JBcontent{
	padding:			10px 4px;
}
.SubPage #content,
.SubPage #JBcontent{
	padding-top:		15px;
}
#left, #right{
	width:				190px;
	padding:			10px 26px 5px 0;
}
#right{ /* [CS] */ 
	padding:			10px 10px 0 16px; 
}
#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, #left .pseudoH2, #right .pseudoH2{
	clear:				both;
}

/*
=======================
=== 1 COLUMN LAYOUT ===
=======================
*/
body.onecol #content, body.onecol #JBcontent{
	width:				940px; /* TOTAL = 990px */
	padding:			10px 25px;
	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:				745px; /* TOTAL = 774px */
	padding-right:		25px;
	overflow:			hidden;
	margin-left:		216px; /* #left (width + lateral padding + lateral borders) */
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				754px; /* TOTAL = 774px */
	overflow:			hidden;
	margin-left:		0;
}
/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-774px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				550px; /* Total = 558px */
	overflow:			hidden;
	margin-left:		216px; /* #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,
#content .pseudoH2, #JBcontent .pseudoH2{
	text-align:			left;
}
#JBcontent form h2{
	border-bottom:		none!important;
}
#content blockquote{
	margin:				0 25px 0.3em 25px;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.1em;
	line-height:		1.5em;
	text-align:			left;
}
#content .quotee{
	margin:				0 0 1.5em 10px;
	color:				#FF7800;
}
#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;
}
.helpButton{
	height:				47px;
	padding:			4px 5px;
	border:				1px solid #018BBC;
	background:			url(/images/icons/firstAid.png) no-repeat top right;
}
.pseudoH3{
	display:			block;
	margin-bottom:		0.2em;
	font-weight:		bold;
	color:				#008DBB;
}
.pseudoPara{
	display:			block;
	width:				120px;
	font-size:			1em;
	line-height:		1.3em;
	color:				#000;
}
.linkLatestJobs, .linkAllJobs{ /* [CS] */     
	float:				left;
	margin:				0.5em 0 0 0;
	font:				normal 1.3em "Lucida Sans Unicode", "Lucida Sans" , Myriad, sans-serif;
	color:				#0082AC;
	text-transform:		capitalize;
}
.linkLatestJobs{ /* See ie.css & ie7.css */
	width:				72.7%;
}
.linkLatestJobs a, .linkAllJobs a{ /* [CS] */     
	color:				#0082AC;
}
.linkLatestJobs a:hover, .linkAllJobs a:hover{ /* [CS] */     
	color:				#f06000;
}
#JBcontent.menu .NewsItem{ /* [CS] */     
	border-bottom:		1px solid #dce5ec;
}
#content select, #left select, #right select{
	width:				195px!important;
	padding:			0;
}
#content ul.JobResultCategoryList{
	margin:				0;
	padding:			0;
}
#content ul.JobResultCategoryList li{
	float:				left;
	width:				29.5%;
	margin:				0 1% 5px 0;
}
#content ul.JobResultCategoryList li a{
	display:			block;
}
#content p, #JBcontent p{
	margin:				0 0 1em 0;
}

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;
}
address strong{
	color:				#DB6700;
}
.goldService, .silverService{
	margin:				10px;
	padding:			10px 10px 0 10px;
	border:				2px solid #EA9D18;
	background:			#FCC542;
}
.silverService{
	border-color:		#a6a6a6;
	background:			#cdcdcd;
}
.priceBox{
	clear:				both;
	padding:			0 0 3.5em; 0;
}
.priceBox .price{
	float:				left;
	width:				25%;
	font-weight:		bold;
}
.priceBox .price em{
	font-size:			1.2em;
	color:				#FF7800;
}
.priceBox .line3{
	width:				33%;
}
#content ul.regionalSites{
	margin:				0;
}
#content ul.regionalSites li{
	float:				left;
	width:				29%;
	margin-right:		0.5%;
}
#content ul.regionalSites li a{
	display:			block;
	font-weight:		bold;
	color:				#F46D00;
}
#content ul.regionalSites li a:hover{
	color:				#0B58CB	;	
}

/*
================
=== SIDEBARS ===
================
*/
#left .sidebarMenu,
#left #search{
	padding:			5px 0 0 0;
	background:			url(/images/backgrounds/sideBoxTop.png) no-repeat left top;
}
#left .sidebarMenu h2,
#left #search h2{ /* [CS] */ 
	margin:				0 0 5px 0; 
	padding:			0 5px 5px 10px;   
	background:			url(/images/backgrounds/sideBoxBot.png) no-repeat left bottom;
}
#left .testimonialsButton,
#right .testimonialsButton{
	margin:				1em 0 0 0;
	text-align:			center;
}
#left .testimonialsButton a,
#right .testimonialsButton a{
	display:			block;
	width:				167px;
	height:				28px;
	margin:				0 auto;
	background:			url(/images/testimonials-blue.png) no-repeat;
}


/*
===================================================================================
=== 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 a:hover, 
#right .LatestVacanciesTBL a:hover{ /* [CS] */  
	color:				#f06000;   
}
#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:				#0082AC;  
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a:hover, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a:hover{ /* [CS] */  
	color:				#f06000;   
}
#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] */ 
	position:			relative;    
	margin:				0 0 0 -8px!important;
	padding:			5px 0;
	border:				1px solid #989898;
}
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2{
	margin:				5px 0 10px 0;
	text-align:			center;
	border-top:			none!important;
}
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul{ /* See ie.css */
	min-height:			45px;
	margin:				30px 0 0 6px;
}
#left .featuredEmployersBox ul li,
#right .featuredEmployersBox ul li{
	float:				left;
	padding:			1px 3px 1px 0;
}
#left .featuredEmployersBox ul li img,
#right .featuredEmployersBox ul li img{
	border:				1px solid #989898;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	clear:				both;
	margin:				0;
}
#left .featuredEmployersBox .LinkToClientList em,
#right .featuredEmployersBox .LinkToClientList em{
	font-style:			normal;
	position:			absolute;
	top:				35px;
	left:				19px;
}

/* --- 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 -10px;
}
#left #jobseekerMainInc ul li a,#right #jobseekerMainInc ul li a,
#left #recruiterMainInc ul li a,#right #recruiterMainInc ul li a{ /* [CS] */     
	display:			block;
	width:				90%;
	padding:			2px 5%;
	font-weight:		normal;
	color:				#fff;
	background:			#01A7DB;
}
#left #jobseekerMainInc ul li a:hover,#right #jobseekerMainInc ul li a:hover,
#left #recruiterMainInc ul li a:hover,#right #recruiterMainInc ul li a:hover{ /* [CS] */  
	background:			#0195C4;   
}
#left #jobseekerMainInc ul li ul li a, #right #jobseekerMainInc ul li ul li a,
#left #recruiterMainInc ul li ul li a, #right #recruiterMainInc ul li ul li a{ /* [CS] */     
	margin:				0 10px;
	padding:			2px 10px 2px 30px;
	font-weight:		normal;
	color:				#fff;
	text-decoration:	none;
	background:			url(/jobboard/images/icons/smallArrow.png) no-repeat 20px 5px #5BBFDE;
}
#left #jobseekerMainInc ul li ul li a:hover, #right #jobseekerMainInc ul li ul li a:hover,
#left #recruiterMainInc ul li ul li a:hover, #right #recruiterMainInc ul li ul li a:hover{ /* [CS] */ 
	background-color:	#51B2D0;    
}

/* --- 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;
	margin-top:			-3px;
}

/* --- 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:				#0082AC;
}
#left #LatestNews .NewsTitle a:hover,
#right #LatestNews .NewsTitle a:hover{ /* [CS] */   
	color:				#f06000;  
}
#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{
	position:			relative;
	width:				100%;
	padding:			5px 0 25px 0;
}
#left #search form{
	padding:			0 5px 0 10px;
}
#right #search form{
	padding:			0 10px 0 5px;
}
#left #search label, 
#right #search label{
	font-weight:		bold;
}
#left #search select, #left #search input.text, 
#right #search select, #right #search input.text{
	display:			block;
	width:				100%!important;
	margin-bottom:		0.5em;
}
#left #search input.text, 
#right #search input.text{
	width:				97%!important
}
#left #search p.submit a,
#right #search p.submit a{
	display:			block;
	float:				left;
}
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{
	display:			block;
	width:				100%!important;
	margin:				10px 0 0 0;
	padding-left:		0!important;
	padding-right:		0!important;
	text-align:			center;	
}
#left .quicknotes,
#right .quicknotes{
	position:			absolute;
	bottom:				1px; /* Should always be 12px less than p.submit a */
	right:				7px;
}
#left p.submit a,
#right p.submit a{
	display:			block;
	position:			absolute;
	bottom:				13px;
	left:				10px;
	font-size:			1em;
}
#left #onlineAwards,
#right #onlineAwards{ /* See ie7.css & ie.css */
	margin:				0 0 0 -7px;
	padding:			20px 6px 10px 6px;
}
#left #onlineAwards img.nora2007,
#right #onlineAwards img.nora2007{
	margin-right:		12px;
}
	

/* --- 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 ul.customSideBarMenu, 
#right ul.customSideBarMenu{
	margin:				0 0 10px 12px;
}
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{
	margin:				1px 0 2px 0;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{ /* [CS] */     
	display:			block;
	width:				90%;
	padding:			2px 5%;
	font-weight:		normal;
	text-decoration:	none;
	color:				#00005F;
	background:			url(/images/icons/bulletOrange.gif) no-repeat left center;
}
#left ul.customSideBarMenu li#sideBarGoToWishList a,
#right ul.customSideBarMenu li#sideBarGoToWishList a{
	
}
#left ul.customSideBarMenu li a:hover,
#right ul.customSideBarMenu li a:hover{ /* [CS] */    
	font-weight:		bold;
	color:				#DB6700; 
}
#left ul.customSideBarMenu li ul li a, 
#right ul.customSideBarMenu li ul li a{ /* [CS] */  
	margin:				0 10px;
	padding:			2px 10px 2px 30px;
	font-weight:		normal;
	color:				#fff;
	text-decoration:	none;
}
#left ul.customSideBarMenu li ul li a:hover, 
#right ul.customSideBarMenu li ul li a:hover{ /* [CS] */  
	background-color:	#51B2D0;   
}

/* --- More Info Include (left only) --- */
#left #moreInfo{
	background:			url(/images/backgrounds/sideBoxBot.png) no-repeat bottom;
}
#left #moreInfo .inner{
	margin:				0 0 10px 0;
	padding-bottom:		12px;
	background:			url(/images/backgrounds/sideBoxTop.png) no-repeat top;
}
#left #moreInfo .inner p{
	margin:				0;
	padding:			15px 10px 0 15px; 
	text-align:			right;
	background:			url(/images/icons/speechBubble.png) no-repeat 5px 4px;
}

/* --- Other Regions --- */
#left #otherRegions,
#right #otherRegions{
	text-align:			center;
}
#left #otherRegions h2,
#right #otherRegions h2{
	text-align:			left;
	margin:				0 0 5px 0;
	padding:			0 0 0 10px;
}

/* --- Advertise Jobs --- */
#left #advertiseJobs,
#right #advertiseJobs{ /* See ie.css */
	margin:				0 0 10px 0;
}
#left #advertiseJobs .pseudoH2,
#right #advertiseJobs .pseudoH2{
	margin:				0;
}
#left #advertiseJobs a,
#right #advertiseJobs a{ /* See ie.css */
	display:			block;
	width:				135px; /* Total = 190px */
	height:				140px; /* Total = 180px */
	padding:			43px 30px 0 25px;
	text-align:			center;
	text-decoration:	none;
	color:				#00005F;
	background:			url(/images/backgrounds/advertiseJobs.jpg) no-repeat;
}
#left #advertiseJobs a{ /* See ie.css */
	margin-left:		10px;
}


/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#homepage #content #featured,
#homepage #JBcontent #featured{
	position:			relative;
	height:				12em;
	margin:				0 0 10px 0;
	padding:			10px 0 10px 65px;
	border-bottom:		1px solid #ddd;
	background:			url(/images/backgrounds/featured.gif) no-repeat 4px 0;
}
#featured h2, 
#latest h2{
	
}
#homepage #content #featured .CMSButton,
#homepage #JBcontent #featured .CMSButton{
	display:			none;
}
#homepage #content .LatestVacanciesTBL, 
#homepage #JBcontent .LatestVacanciesTBL{ /* [CS] */     
	
}
#homepage #content .LatestVacanciesTBL td .floatHack, 
#homepage #JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}

#homepage #content .LatestVacanciesCol2 span, 
#homepage #JBcontent .LatestVacanciesCol2 span{
	position:			absolute;
	top:				3em;
	left:				67px;
	width:				230px;
	height:				3em;
	overflow:			hidden;
}
/* --- Hide anything the client has turned on, which can't appear here --- */
#homepage #content .LatestVacanciesCol1, /* job logo */
#homepage #JBcontent .LatestVacanciesCol1,
#homepage #content .LatestVacanciesCol2 span, /* any span other than job title or description */
#homepage #JBcontent .LatestVacanciesCol2 span{
	display:			none;
}
/* --- End of 'client safe' --- */

#homepage #content .LatestVacanciesCol2 span.jobs_JobTitle,
#homepage #JBcontent .LatestVacanciesCol2 span.jobs_JobTitle.
#homepage #content .LatestVacanciesCol2 span.jobs_JobDescription, 
#homepage #JBcontent .LatestVacanciesCol2 span.jobs_JobDescription{
	display:			block;
}
#homepage #content .LatestVacanciesCol2 a, 
#homepage #JBcontent .LatestVacanciesCol2 a{
	text-decoration:	none;
	text-align:			left;
}
#homepage #content .LatestVacanciesCol2 span.jobs_JobTitle a, 
#homepage #JBcontent .LatestVacanciesCol2 span.jobs_JobTitle a{
	font-weight:		bold;
	color:				#DB6700;
}
#homepage #content .LatestVacanciesCol2 span.jobs_JobTitle, 
#homepage #JBcontent .LatestVacanciesCol2 span.jobs_JobTitle{
	height:				1.5em;
	overflow:			hidden;
}
/* Job One */
#homepage #content #featured1 .LatestVacanciesCol2 span.jobs_JobTitle, 
#homepage #JBcontent #featured1 .LatestVacanciesCol2 span.jobs_JobTitle{
	
}
#homepage #content #featured1  .LatestVacanciesCol2 span.jobs_JobDescription, 
#homepage #JBcontent #featured1  .LatestVacanciesCol2 span.jobs_JobDescription{
	top:				4.5em;
}
/* Job Two */
#homepage #content #featured2 .LatestVacanciesCol2 span.jobs_JobTitle, 
#homepage #JBcontent #featured2 .LatestVacanciesCol2 span.jobs_JobTitle{
	left:				315px;
}
#homepage #content #featured2  .LatestVacanciesCol2 span.jobs_JobDescription, 
#homepage #JBcontent #featured2  .LatestVacanciesCol2 span.jobs_JobDescription{
	top:				4.5em;
	left:				315px;
}
/* Job Three */
#homepage #content #featured3 .LatestVacanciesCol2 span.jobs_JobTitle, 
#homepage #JBcontent #featured3 .LatestVacanciesCol2 span.jobs_JobTitle{
	top:				8.5em;
}
#homepage #content #featured3  .LatestVacanciesCol2 span.jobs_JobDescription, 
#homepage #JBcontent #featured3  .LatestVacanciesCol2 span.jobs_JobDescription{
	top:				10em;
}
/* Job Four */
#homepage #content #featured4 .LatestVacanciesCol2 span.jobs_JobTitle, 
#homepage #JBcontent #featured4 .LatestVacanciesCol2 span.jobs_JobTitle{
	top:				8.5em;
	left:				315px;
}
#homepage #content #featured4  .LatestVacanciesCol2 span.jobs_JobDescription, 
#homepage #JBcontent #featured4  .LatestVacanciesCol2 span.jobs_JobDescription{
	top:				10em;
	left:				315px;
}
.SubPage #content .LatestVacanciesTBL span.jobs_JobTitle,
.SubPage #JBcontent .LatestVacanciesTBL span.jobs_JobTitle{
	float:				left;
	width:				60%;
}
.SubPage #content .LatestVacanciesTBL  span.jobs_Salary,
.SubPage #JBcontent .LatestVacanciesTBL  span.jobs_Salary{
	float:				right;
	width:				35%;
	text-align:			right;
}
.SubPage #content .LatestVacanciesTBL  span.jobs_JobDescription,
.SubPage #JBcontent .LatestVacanciesTBL  span.jobs_JobDescription{
	clear:				both;
	width:				100%;
}

/* --- 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:				#0082AC;
}
#content #LatestNews .NewsTitle a:hover,
#JBcontent #LatestNews .NewsTitle a:hover{ /* [CS] */ 
	color:				#f06000;   
}
#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{
	display:			block;
	float:				left;
}
#content #search p.submit .searchButton, 
#JBcontent #search p.submit .searchButton{
	display:			block;
	float:				right;
	margin-top:			-3px;
}

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

/* --- Job Browser Box --- */
#jobBrowser{
	position:			relative;
	padding:			42px 0 10px 0;
}
#jobBrowser .state1{
	display:			none;
}
#jobBrowser ul.tabNav{
	position:			absolute;
	top:				0;
	left:				0;
	margin:				0;
}
#jobBrowser ul.tabNav li.tabNavTown,
#jobBrowser ul.tabNav li.tabNavCategory{
	float:				left;
	width:				217px;
	height:				55px;
	margin:				0;
	padding:			0;
	background:			url(/images/backgrounds/JBsearchTownSelected.gif) no-repeat;
}
#jobBrowser ul.tabNav li.tabNavCategory{
	width:				202px;
	background-image:	url(/images/backgrounds/JBsearchCategory.gif)
}
#jobBrowser #searchCatTab ul.tabNav li.tabNavTown,
#jobBrowser #searchCatTab ul.tabNav li.tabNavCategory{
	background:			url(/images/backgrounds/JBsearchTown.gif) no-repeat;
}
#jobBrowser #searchCatTab ul.tabNav li.tabNavCategory{
	width:				202px;
	background-image:	url(/images/backgrounds/JBsearchCategorySelected.gif)
}
#jobBrowser ul.tabNav li.tabNavTown a,
#jobBrowser ul.tabNav li.tabNavCategory a{
	display:			block;
	height:				94%;
	padding:			6% 0 0 0;
	font:				normal 1.3em "Lucida Sans Unicode", "Lucida Sans" , Arial, sans-serif;
	text-decoration:	none;
	text-align:			center;
	color:				#002563;
}
#jobBrowser ul.tabNav li.tabNavTown a{
	padding-left:		50px;
}
#jobBrowser .jbBox{
	padding:			15px 10px 10px 10px;
	border-top:			1px solid #afafaf;
	background:			url(/images/backgrounds/JBTownBox.gif) no-repeat bottom;
}
#jobBrowser .jbBox h2{
	display:			none;
}
#jobBrowser div#searchCatTab .jbBox{
	background:			url(/images/backgrounds/JBCategoryBox.gif) no-repeat bottom;
}
/* --- */
#jobBrowser .jbBox ul{
	position:			relative;
	height:				5.7em;
	margin:				0;
	padding:			0 0 0 25px;
	overflow:			hidden!important;
}
#jobBrowser .jbBox ul li{
	float:				left;
	width:				31%;
	margin:				0 0 0 1.5%;
	padding:			0;
	text-align:			left;
	background:			transparent;
}
#jobBrowser .jbBox ul li a{
	display:			block;
	font-weight:		bold;
	text-decoration:	none;
	color:				#DB6700;
}
#jobBrowser .jbBox ul li a:hover{
	color:				#00005F;
}
#jobBrowser .jbBox p.seeFullList{
	margin:				10px 0 0 35px;
}
#jobBrowser .jbBox p.seeFullList a{
	
}
/* --- */
body.childSite #jobBrowser .state0,
body.childSite #jobBrowser ul.tabNav li.tabNavTown{
	display:			none;
}
body.childSite #jobBrowser .state1{
	display:			block;
}
body.childSite #jobBrowser div#searchCatTab .jbBox{
	background:			url(/images/backgrounds/JBTownBox.gif) no-repeat bottom;
}
body.childSite #jobBrowser ul.tabNav li.tabNavCategory,
body.childSite #jobBrowser #searchCatTab ul.tabNav li.tabNavCategory{
	width:				245px;
	background:			url(/images/backgrounds/JBsubsiteTab.gif) no-repeat;
}
body.childSite #jobBrowser #searchCatTab ul.tabNav li.tabNavCategory{
	padding-left:		25px;
}


 
/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	height:				65px;
	background:			url(/images/backgrounds/header.jpg) repeat-x 0 -20px;
}
#popup #popupHeader .popupLogo{ /* [CS] */ /* [TEMP] */
	width:				300px;
	height:				65px;
	margin-top:			0px;
	background:			url(/images/logo.gif) no-repeat;
}
#popup ul li{
	margin:				0 15px 5px 15px;
	padding:			0 0 0 15px;
	background:			url(/jobboard/images/icons/bullet01.png) no-repeat 0 5px;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
}
#footer ul#legal{
	padding:			10px 0 16px 10px;
	background:			#323232;
	zoom:				1;
}
#footer ul#legal:after{
	content:			".";
	clear:				both;
	display:			block;
	height:				0;
	visibility:			hidden;
}
#footer ul#legal li{
	float:				left;
	margin:				0 15px 0 0;
	font:				0.8em Verdana, Tahoma, sans-serif;
	color:				#fff;
}
#footer ul#legal li.strats{
	float:				right;
}
#footer ul#legal li a{
	color:				#fff;
}
#footer ul#legal li a:hover{
	color:				#ffba00;
}
#footer ul#regionalSites{
	padding:			7px 0 13px 10px;
	background:			url(/images/backgrounds/regionalSites.gif) repeat-x bottom #546C9F;
	zoom:				1;
}
#footer ul#regionalSites:after{
	content: 			"."; 
	clear: 				both;
    display: 			block; 
    height: 			0;  
    visibility: 		hidden;
}
#footer ul#regionalSites li{
	float:				left;
	margin:				0 11px 8px 0;
	background:			url(/images/backgrounds/regionalSitesButtonRight.gif) no-repeat right top;
}
#footer ul#regionalSites li.lastItem{
	margin-right:		0;
}
#footer ul#regionalSites li a{
	display:			block;
	padding:			4px 12px; /* padding:			4px 18px; */
	font-weight:		bold;
	font-size:			1.1em;
	text-decoration:	none;
	color:				#fff;
	background:			url(/images/backgrounds/regionalSitesButtonLeft.gif) no-repeat left top;
}
#footer ul#regionalSites li a:hover{
	color:				#ffba00;
}
#footer ul#networkSites{
	padding:			7px 0 7px 10px;
	background:			#D5DAE5;
	zoom:				1;
}
#footer ul#networkSites:after{
	content: 			"."; 
	clear: 				both;
    display: 			block; 
    height: 			0;  
    visibility: 		hidden;
}
#footer ul#networkSites li{
	float:				left;
}
#footer ul#networkSites li a{
	display:			block;
	margin:				0 0 8px 0;
	padding:			0 13px;
	font-size:			1em;
	text-decoration:	none;
	color:				#0F2D63;
	border-right:		1px solid #0F2D63;
}
#footer ul#networkSites li a:hover{
	text-decoration:	underline;
}
#footer li.CMSlogout{
	position:			absolute;
	bottom:				-30px;
	left:				0px;
}
#footer li.CMSlogout a{
	display:			block;
	padding:			5px 15px;
	font:				bold 1.2em Arial, Helvetica, sans-serif;
	text-transform:		uppercase;
	text-decoration:	none;
	color:				#fff;
	border:				1px solid #fff;
	background:			#c40000
}
#footer li.CMSlogout a:hover{
	background:			#820000;
}

/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
#JBcontent.jobindex li.indexlink{ /* [CS] */  
	background:			none;   
}
#JBcontent.jobindex li.indexlink ul{
	margin-left:		0;
	text-align:			left;
}
#JBcontent.advertisers ol{ /* [CS] */   
	border-bottom:		none!important;  
	background:			none;
}
.advertisers ol li{
	border:				0!important;
}
.advertisers ol li{
	margin:				0 0 15px 0;
	padding:			0;
}
.advertisers ol li h2, .advertisers .extraServices h2{
	padding:			5px!important;
	border:				1px solid #FF7800!important;
	border-width:		1px 0!important;
}
.advertisers .extraServices h2{
	color:				#00005F!important;
}
#JBcontent.advertisers a{   
	text-decoration:	none;
}
#JBcontent.advertisers div{
	font-weight:		bold;
}
#JBcontent.advertisers div form strong{ /* See ie.css & ie7.css */
	font-weight:		normal;
}
#JBcontent.advertisers .advertisers_bottom div{
	display:			none;
}
#JBcontent #progress{
	margin:				40px 0 40px 0;
}
#JBcontent.jobView p{
	text-align:			justify;
}
#JBcontent .styled h2{
	color:				#fff!important;
}
#JBcontent.jobView form.jobViewForm .jobInfo .jobLogo img,
#JBcontent.jobResults .jobInfo .jobLogo img,
#JBcontent.compView form.compViewForm .compInfo .compLogo img{
	border:				1px solid #e9e9e9;
}

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


#JBcontent.jobResults .jobInfo h2{
	font:				bold 1.4em Arial, Helvetica, sans-serif;
}
#JBcontent.jobResults .jobDetails{
	font-size:			0.9em!important;
	color:				#000;
}
#JBcontent.jobResults .resultsActions .buttonLink{
	float:				right;
	width:				auto;
	overflow:			visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
	margin:				0 0 10px 3px;
	padding:			2px 10px!important;
	font:				bold 1em Airal, Helvetica, sans-serif!important;
	text-decoration:	none;
	text-transform:		capitalize;
	color:				#0054A6!important;
	border:				1px solid #4F84B7;
	cursor:				pointer;
	background:			#f8f8f8!important;
}
#JBcontent.jobResults .resultsActions .buttonLink:hover{
	color:				#fff;
	background:			#4F84B7!important;
}
#JBcontent.jobView .ApplyNow{
	color:				#000!important;
	border:				1px solid #8B3100;
	border-bottom-width:1px;
	background:			url(/images/backgrounds/buttonWhiteBKG.gif)!important;
}
#JBcontent.jobView .ApplyNow:hover{
	color:				#fff!important;
}
#JBcontent.jobResults .buttonLink:hover{
	color:				#fff!important;
	background:			#4F84B7!important;
}

#JBcontent.CVview .downloadCVlink a{
	font-weight:		bold;
	color:				#E04C1B;
}
#JBcontent.CVview .downloadCVlink a:hover{
	color:				#000;
}
#JBcontent.CVview .candName{
	font-weight:		bold;
	color:				#2D6CED;
}



#JBcontent table.results thead th#colCheckbox{
	width:				1%;
}
#JBcontent table.results thead th#colHeadersName{
	width:				29%;
}
#JBcontent table.results thead th#colHeadersDesiredJobCatDesc{
	width:				28%;
}
#JBcontent table.results thead th#colHeadersDesiredCityDesc{
	width:				15%;
}
#JBcontent table.results thead th#colHeadersSalary{
	width:				10%;
}
#JBcontent table.results thead th#colHeadersNoticePeriodDesc{
	width:				10%;
}
#JBcontent table.results thead th#colHeaderdCreateDate{
	width:				7%;
}


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