/*
===================================================================================
=== 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% Verdana, Tahoma, sans-serif;
	color:				#565656;
	text-align:			center;
	background:			#1f1f1f;
}
#container{
	position:			relative; /* Position to relative in order to allow elements contained within to be positioned absolutely within #container */
	width:				975px; /* Total = 975px */
	margin:				0 auto;
	text-align:			left;
	background:			#fff;
}
h1, h2, h3, h4, h5, h6{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				normal 1.1em Arial, Helvetica, sans-serif;
	color:				#231F20;
}
h1{ /* See ie.css & ie7.css */
	font-size:			1.7em;
}
h2{ /* [CS] */     
	font-size:			1.6em;
	color:				#000;
}
.SubPage #content h2{    
	padding:			0 0 0.3em 0;
	font-weight:		bold;
	font-size:			1.3em;
	color:				#000;
	border-bottom:		2px solid #8F1B31;
}
h3{
	margin:				0 0 0.1em 0;
	font:				bold 1em Verdana, Tahoma, sans-serif;
}
p{
	margin:				0 0 1em 0;
}
a{ /* [CS] */     
	color:				#8F1B31;
	text-decoration:	underline;
}
a:hover{ /* [CS] */     
	color:				#E20B0B;
}
strong em{
	font:				bold 1.3em Arial, Helvetica, sans-serif;
	font-style:			normal;
	color:				#E20B0B;
}
label{
	text-align:			left;
}
.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;
}
.largeTXT{
	font-size:			1.8em;
}
.largeTXT em{
	font-style:			normal;
	color:				#A82644;
}
.sectionDivider{
	margin:				2em 0 1em 0;
}
.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;
}
.pseudoButton{
	display:			block;
	height:				auto!important;
	padding:			5px!important;
	text-align:			center;
}
.pseudoButton a{
	text-decoration:	none!important;
	color:				#fff!important;
}
.candFAQ,
.clientFAQ{
	float:				left;
	width:				20em;
}
.clientFAQ{
	float:				right;
}
.hidden{
	display:			none!important;
}
/*
=============
=== FORMS ===
=============
*/
#JBcontent #lstDataType select{
	width:				auto!important;
}
input, select, textarea{
	font:				1em Verdana, Tahoma, sans-serif!important;
}
input[type=text], input[type=password], select, textarea, input.text{  /* [CS] */     /* See ie.css */
	padding:			4px;
	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{
	padding:			4px 2px 4px 4px;
}
#homepage input[type=text], #homepage input[type=password], #homepage select, #homepage textarea, #homepage input.text{  /* [CS] */     /* See ie.css */
	width:				140px!important;
}
#homepage select{
	width:				150px!important;
}
#left input[type=text], #left input[type=password], #left select, #left textarea, #left input.text,
#right input[type=text], #right input[type=password], #right select, #right textarea, #right input.text{ 
	width:				94%!important
}
#left select,
#right select{
	width:				100%!important;
}
input[type=submit], input[type=button], .pseudoButton{  /* [CS] */     /* See ie.css */
	position:			relative;
	margin:				5px 0 0 0;
	padding:			0 5px;
	height:				31px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-align:			center;
	color:				#fff;
	border:				2px solid #231F1F!important;
	background:			url(/images/backgrounds/buttonRedSQ.png) repeat-x!important;			
}
input.submit, input.searchButton, .loginButton1, .loginButton2, input.button, .pseudoButton{ /* [CS] */     /* For backwards compatibility with IE6> */
	position:			relative;
	margin:				5px 0 0 0;
	padding:			0 5px;
	height:				31px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-align:			center;
	color:				#fff;
	border:				none;
	background:			url(/images/backgrounds/buttonRedSQ.png) repeat-x!important;	
}
#homepage input[type=submit]{
	width:				100px;
	border:				0!important;
	background:			url(/images/backgrounds/buttonRed.png) repeat-x!important;
}
#homepage input.submit, #homepage input.searchButton, #homepage .loginButton1, #homepage .loginButton2{
	width:				100px;
	border:				0!important;
	background:			url(/images/backgrounds/buttonRed.png) no-repeat!important;
}

/*
==========================================
=== 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:				128px;
	margin:				0;
	padding:			0;
	background:			url(/images/backgrounds/header.png) repeat-x top;
}
.SubPage #header{
	margin-bottom:		30px;
}
#header #logo{ /* [CS] */ /* [TEMP] */
	position:			absolute;
	top:				4px;
	right:				10px;
}
#header #banner{
	position:			absolute;
	top:				20px;
	left:				125px;
}
#header #boss{
	position:			absolute;
	top:				0;
	left:				15px;
	width:				68px;
	height:				28px;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1em;
	text-transform:		uppercase;
	text-align:			center;
	text-decoration:	none;
	color:				#fff;
	background:			url(/images/backgrounds/tabPanic.png) no-repeat;
}

#homeBannerArea{ /* [CS] */    
	position:			relative; 
	width:				100%;
	height:				151px;
	background:			url(/images/backgrounds/homeBanner.gif) repeat-x bottom;
}
#homeBannerArea dl dd{
	margin:				0 0 8px 0;
}
#homeBannerArea dl dd.usernameBox input{
	background:			#FFFFA0;
}
#homeBannerArea dl dd.passwordBox input{
	background:			#E3ECF3;
}
#homeBannerArea .CustomJobseekerMenuTXT,
#homeBannerArea .ClientHome{
	display:			none;
}
#homeBannerArea .submit{
	margin:				-5px 0 0 0;
}
#homeBannerArea .submit .loginButton1{
	display:			block;
	float:				left;
	width:				60px;
	color:				#000;
	background-image:	url(/images/backgrounds/buttonGrey.png)!important;
}
#homeBannerArea .submit a{
	display:			block;
	float:				right;
	width:				30px;
	height:				29px;
	margin:				7px 0 0 0;
	text-indent:		-10000px;
	background:			url(/images/icons/iconsSprite.png) no-repeat 0 -161px;	
}

#homeBannerLeft{ /* [CS] */     
	position:			absolute;
	top:				0;
	left:				0;
	width:				175px;
	height:				151px;
	overflow:			hidden;
}
#homeBannerLeft h2,
#homeBannerRight h2{
	margin:				15px 12px 0 12px;
	color:				#000;
}
#homeBannerLeft #candlogin,
#homeBannerRight #candlogin{
	padding:			8px 12px;
}
#homeBannerRight{ /* [CS] */     
	position:			absolute;
	top:				0;
	right:				0;
	width:				175px;
	height:				151px;
	overflow:			hidden;
}
#homeBannerRight #employerlogin{
	padding:			8px 12px;
}
#homeBannerArea #intro{ /* [CS] */     
	position:			absolute;
	top:				0;
	left:				180px;
	width:				300px; /* Total = 615px */
	height:				126px;
	overflow:			hidden;
	padding:			25px 305px 0 20px;
	background:			url(/images/homeBanner.jpg) no-repeat right top;
}
#homeBannerArea #intro h1{
	margin:				0 0 5px 0;
	font-size:			2.1em;
	line-height:		1.4em;
	color:				#000;
}
#homeBannerArea #intro p a{
	line-height:		1.5em;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-30px;
	width:				98%;
	margin:				0;
	padding:			2px 1% 3px 1%;
	border:				solid #cdcdcd;
	border-width:		1px 0;
	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;
	right:				240px;
	background: 		transparent;
}
#header #mainMenu ul#topmenu{				
	width:				auto;
	height:				auto;
	background: 		transparent;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
	position:			relative /* For IE6 */;
	height:				31px;
	margin:				0 2px;
	padding:			0;
	background:			url(/images/backgrounds/menuLeft.png) no-repeat left top;
}
#header #mainMenu ul#topmenu a.starter{ /* [CS] */     /* This rule applies to the top level menu items (links) */
	display:			block;
	float:				left;
	margin:				-7px 0;
	padding: 			8px 11px 8px 11px;
	font-size:			1.1em;
	color:				#EDEAE0;
	border-right:		0;
	background:			url(/images/backgrounds/menuRight.png) no-repeat right bottom;
}
#header #mainMenu ul#topmenu li:hover{
	bottom:				-1px;
	background-image:	url(/images/backgrounds/menuLeft_.png);
}
#header #mainMenu ul#topmenu a.starter:hover{ /* [CS] */      /* See ie.css */     /* Hover state for the top level menu items */
	bottom:				-1px;
	color:				#000;
	background:			url(/images/backgrounds/menuRight_.png) no-repeat right center;
}


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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	float:				left;
	overflow:			hidden;
}
#content, #JBcontent{
	padding:			10px 0;
}
#left, #right{
	width:				160px;
	padding:			10px 15px;
}
#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:				945px; /* TOTAL = 975px */
	overflow:			hidden;
	margin-left:		0;
	padding:			15px;
}

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-975px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ie.css */
	width:				770px; /* TOTAL = 785px */
	overflow:			hidden;
	margin-left:		190px; /* #left (width + lateral padding + lateral borders) */
	padding-right:		15px;
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				770px; /* TOTAL = 785px */
	overflow:			hidden;
	margin-left:		0;
	padding-left:		15px;
}
/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-785px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				595px; /* Total = 595px */
	overflow:			hidden;
	margin-left:		190px; /* #left (width + lateral padding + lateral borders) */
} 


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

===============
=== CONTENT ===
===============
*/
#content, #JBcontent{
	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 blockquote{
	margin:				0 1em 1em 1em;
	padding:			1em 1em 0.3em 1em;
	font:				bold 1.1em/1.5em Georgia, Times, sans-serif;
	font-style:			italic;
	text-align:			left;
	background:			#EEEBE6;
}
#content .quotee{
	margin:				-0.7em 1em 1.5em 1em;
	font-weight:		bold;
}
#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:				#005FB7;
	text-transform:		capitalize;
}
.linkLatestJobs{ /* See ie.css & ie7.css */
	width:				72.7%;
}
.linkLatestJobs a, .linkAllJobs a{ /* [CS] */     
	color:				#005FB7;
}
.linkLatestJobs a:hover, .linkAllJobs a:hover{ /* [CS] */     
	color:				#f06000;
}
#JBcontent.menu .NewsItem{ /* [CS] */     
	border-bottom:		1px solid #dce5ec;
}

/* --- Job Browser Box --- */
#jobBrowser{
	position:			relative;
	margin:				10px 0 0 0;
	padding:			32px 0 10px 0;
}
#jobBrowser .state1{
	display:			none;
}
#jobBrowser ul.tabNav{
	position:			absolute;
	top:				0;
	left:				0;
	margin:				0;
}
#jobBrowser ul.tabNav li.selectedTab,
#jobBrowser ul.tabNav li.unselectedTab{
	float:				left;
	width:				175px;
	height:				35px;
	margin:				0;
	padding:			0;
	background:			url(/images/backgrounds/tabJobBrowser.png) no-repeat;
}
#jobBrowser ul.tabNav li.unselectedTab{
	width:				135px;
	margin:				4px 0 0 0;
	background:			url(/images/backgrounds/tabJobBrowser.png) no-repeat 0 -36px;
}
#jobBrowser ul.tabNav li.selectedTab a,
#jobBrowser ul.tabNav li.unselectedTab a{
	display:			block;
	padding:			6px 0 0 0;
	font:				1.6em Arial, Helvetica, sans-serif;
	text-decoration:	none;
	text-align:			center;
	color:				#231F20;
}
#jobBrowser ul.tabNav li.unselectedTab a{
	padding-top:		7px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
}
#jobBrowser #divBrowse ul.tabNav li.unselectedTab{
	margin-left:		3px;
}
#jobBrowser #divPopular ul.tabNav li.unselectedTab{
	margin-right:		3px;
}
#jobBrowser .jbBox{ /* See ie.css */
	min-height:			50px;
	padding:			10px 25px;
	border-top:			3px solid #535353;
	background:			url(/images/backgrounds/boxJobBrowser.png) no-repeat bottom;
}
#jobBrowser .jbBox h2{
	display:			none;
}
/* --- */
#jobBrowser .jbBox ul{
	position:			relative;
	height:				12em;
	margin:				0;
	padding:			0;
	overflow:			hidden!important;
}
#jobBrowser .jbBox ul li{
	float:				left;
	width:				31%;
	margin:				0 1.5% 3px 0;
	padding:			0;
	text-align:			left;
	background:			transparent;
}
#jobBrowser .jbBox ul li a{
	display:			block;
	font:				bold 1em Arial, Helvetica, sans-serif;
	text-decoration:	none;
	color:				#000;
}
#jobBrowser .jbBox ul li a:hover{
	color:				#E20B0B;
}
#jobBrowser .jbBox p.seeFullList{
	margin:				10px 0 0 0;
}
#jobBrowser .jbBox p.seeFullList a{
	
}
 /* === Rate Card === */
.adOptions ul{
	margin:				0 5px!important;
}
.adOptions ul li{
	padding:			0!important;
	background:			transparent!important;
}
.bannerSection{
	clear:				both;
	padding:			10px;
	border-top:			1px solid #8F1B31;
	zoom:				1;
}
.bannerSection:after{
	clear:				both;
	display:			block;
	content:			".";
	height:				0;
	visibility:			hidden;
}
.bannerIMG{
	float:				left;
	margin:				0 10px 0 0;
	padding:			25px 11px 11px 11px;
	font-weight:		bold;
	text-align:			center;
}
.bannerSection h3{
	clear:				none;
	float:				left;
	width:				410px;
	margin:				20px 0 0.5em 0;
	font:				bold 1.3em Arial, Helvetica, sans-serif;
}
.bannerSection input{
	float:				left;
	margin:				35px 5px 0 0;
}
.banner1 .bannerIMG{
	width:				110px;
	height:				53px;
	background:			url(/images/adverts/120x75.png) no-repeat;
}
.banner2 .bannerIMG{
	width:				110px;
	height:				72px;
	padding-top:		50px;
	background:			url(/images/adverts/120x120.png) no-repeat;
}
.banner2  h3{
	margin-top:			55px;
}
.banner2 input{
	margin-top:			60px;
}
.banner3 .bannerIMG{
	width:				110px;
	height:				127px;
	padding-top:		100px;
	background:			url(/images/adverts/120x225.png) no-repeat;
}
.banner3  h3{
	margin-top:			85px;
}
.banner3 input{
	margin-top:			120px;
}
.banner4{
	margin-bottom:		3em;
	padding-bottom:		0;
	border-bottom:		1px solid #8F1B31;
}
.banner4 .bannerIMG{
	float:				none;
	width:				457px;
	height:				32px;
	margin-left:		20px;
	padding-top:		30px;
	background:			url(/images/adverts/468x60.png) no-repeat;
}
.banner4 h3{
	float:				none;
	margin:				5px 0 0 0;
}
.banner4 input{
	margin-top:			32px;
}
fieldset#contactDetails{
	width:				36em;
	margin:				0 0 1em 0;
	padding:			20px 30px;
	background:			#EEEBE6;
	zoom:				1;
}
fieldset#contactDetails:after{
	display:			block;
	clear:				both;
	content:			".";
	height:				0;
	visibility:			hidden;
}
fieldset#contactDetails label{
	clear:				both;
	display:			block;
	float:				left;
	width:				15em;
	height:				1.5em;
	margin:				0 0 5px 0;
	padding:			0.2em 0 0.4em 0;
	font-weight:		bold;
}
fieldset#contactDetails .txtArea{
	height:				5em;
}
fieldset#contactDetails label.txtArea{
	height:				5.4em;
}
fieldset#contactDetails .frmInput{
	display:			block;
	float:				right;
	width:				20em;
	margin:				0 0 5px 0;
}
fieldset#contactDetails #submitFRM{
	display:			block;
	clear:				both;
	float:				right;
}
fieldset#contactDetails em, .required em{
	position:			relative;
	top:				5px;
	margin:				0 0 0 3px;
	font-weight:		bold;
	font-size:			1.5em;
	color:				#E20B0B;
}

/*
================
=== SIDEBARS ===
================
*/
.featuredEmployersButton{
	display:			block;
	width:				120px;
	height:				40px;
	margin:				0 auto;
	padding:			10px 0;
	font:				1.6em/1.1em Arial, Helvetica, sans-serif;
	text-decoration:	none;
	text-align:			center;
	color:				#000!important;
	background:			url(/images/backgrounds/featuredCompaniesTitle.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] */  
	text-decoration:	none;   
}

#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_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 */
}

/* --- Side Banners --- */
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2,
#left .BannerImages h2,
#right .BannerImages h2{
	margin-top:			-5px!important;
	color:				#fff!important;
	text-align:			left;
	border-top:			none!important;
}
#left h2.BannerImagesH2,
#right h2.BannerImagesH2{
	margin-left:		20px;
}
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul,
#left .BannerImages ul,
#right .BannerImages ul{
	margin:				0;
}
#left .featuredEmployersBox ul li,
#right .featuredEmployersBox ul li,
#left .BannerImages ul li,
#right .BannerImages ul li{
	margin:				0 0 10px 0;
	text-align:			center;
}
#left .featuredEmployersBox ul li img,
#right .featuredEmployersBox ul li img,
#left .BannerImages ul li img,
#right .BannerImages ul li img{
	border:				1px solid #eee;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	clear:				both;
}

/* --- 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:				#005FB7;
}
#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{
	zoom:				1;
	padding-bottom:		20px;
}
#left #search:after,
#right #search:after{
	clear:				both;
	display:			block;
	content:			".";
	height:				0;
	visibility:			hidden;
}
#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;
	margin-bottom:		0.5em;
}
#left #search p.submit a,
#right #search p.submit a{
	display:			block;
	float:				left;
	width:				45%;
}
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{
	display:			block;
	float:				right;
	margin-top:			-3px;
}
#left #search .quicknotes, 
#right #search .quicknotes{
	display:			none;
}

/* --- 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 0;
}
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{ /* See ie.css */
	min-height:			22px;
	margin:				0 0 5px 0;
	padding:			5px 0;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{ /* [CS] */     
	display:			block;
	padding:			2px 2px 2px 35px;
	font-weight:		bold;
	text-decoration:	none;
}
#left ul.customSideBarMenu li#sideBarFindaJob,
#right ul.customSideBarMenu li#sideBarFindaJob{
	background:			url(/images/icons/iconsSprite.png) no-repeat 1px 0;
}
#left ul.customSideBarMenu li#sideBarRegisterWithUs,
#right ul.customSideBarMenu li#sideBarRegisterWithUs{
	background:			url(/images/icons/iconsSprite.png) no-repeat 3px -32px;
}
#left ul.customSideBarMenu li#sideBarUserLogin,
#right ul.customSideBarMenu li#sideBarUserLogin{
	background:			url(/images/icons/iconsSprite.png) no-repeat 3px -64px;
}
#left ul.customSideBarMenu li#sideBarWhatsHappeningatFECareers,
#right ul.customSideBarMenu li#sideBarWhatsHappeningatFECareers{
	background:			url(/images/icons/iconsSprite.png) no-repeat 0 -379px;
}
#left ul.customSideBarMenu li#sideBarContactUs,
#right ul.customSideBarMenu li#sideBarContactUs{
	background:			url(/images/icons/iconsSprite.png) no-repeat 0 -130px;
}
#left ul.customSideBarMenu li#sideBarFECareersRSSFeeds,
#right ul.customSideBarMenu li#sideBarFECareersRSSFeeds{
	background:			url(/images/icons/iconsSprite.png) no-repeat 0 -417px;
}
#left ul.customSideBarMenu li#sideBarFECommunitySocialNetwork,
#right ul.customSideBarMenu li#sideBarFECommunitySocialNetwork{
	background:			url(/images/icons/iconsSprite.png) no-repeat 0 -378px;
}


/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#content #latest,
#JBcontent #latest,
#content #featured,
#JBcontent #featured{
	margin:				0 0 10px 0!important;
	padding:			5px 0 0 0;
	background:			url(/images/backgrounds/boxRedBorder.png) no-repeat top;
}
#content #latest h2,
#JBcontent #latest h2,
#content #featured h2,
#JBcontent #featured h2{
	margin:				5px 25px;
	color:				#8F1B31;
}
#content #latest #latestBox,
#JBcontent #latest #latestBox,
#content #featured #featuredBox,
#JBcontent #featured #featuredBox{
	padding:			0 10px;
	background:			url(/images/backgrounds/boxRedBorder_.png) no-repeat bottom;
}
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{ /* [CS] */     
	width:				100%;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ie.css */
	padding:			10px 2.5%;
}
#content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#content .LatestVacanciesTBL a, 
#JBcontent .LatestVacanciesTBL a{ /* [CS] */  
	text-decoration:	none;   
}
#content .LatestVacanciesCol1, 
#JBcontent .LatestVacanciesCol1{ /* [CS] */     
	width:				98px; /* Images should be 88px, giving this 10px of right padding */
	border-top:			3px solid #9a9a9a;
}
#content .LatestVacanciesCol2, 
#JBcontent .LatestVacanciesCol2{ /* [CS] */     
	border-top:			3px solid #9a9a9a;
}
#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:				70%;
	margin-right:		6%;
	font-weight:		bold;
}
#content .LatestVacanciesCol2 span.jobs_Salary, 
#JBcontent .LatestVacanciesCol2 span.jobs_Salary{
	width:				24%;
	font-weight:		bold;
	color:				#8F1B31;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription{
	width:				100;
	font-weight:		normal;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription a, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription a{
	color:				#000;
}
/* --- 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 #newsInc,
#JBcontent #newsInc{
	padding:			0 10px;
	border:				3px solid #cecece;
	border-width:		0 3px 5px 3px;
}
#content #newsInc h2,
#JBcontent #newsInc h2{
	height:				22px; /* Total = 32px */
	margin:				0 -13px 10px -13px;
	padding:			5px 40px;
	background:			url(/images/backgrounds/boxNewsHeader.gif) no-repeat;
}
#content #LatestNews,
#JBcontent #LatestNews{
	margin:				0 0 10px 0;
}
#content #LatestNews .NewsTitle a,
#JBcontent #LatestNews .NewsTitle a{ /* [CS] */     
	font-weight:		bold!important;
	text-transform:		capitalize;
}
#content #LatestNews .NewsArticle,
#JBcontent #LatestNews .NewsArticle{
	margin:				0 0 1em 0;
}
#content #LatestNews img,
#JBcontent #LatestNews img{ /* Hide images */
	display:			none!important;
}

/* --- Quick Search Form --- */
#content #search,
#JBcontent #search{ /* [CS] */ 
	margin:				0 0 10px 0;
	color:				#000;
	background:			url(/images/backgrounds/boxQuickSearch.png) no-repeat top;
}
#content #search h2,
#JBcontent #search h2{
	margin:				0;
	padding:			10px 25px;
	color:				#fff;
}
#content #search form,
#JBcontent #search form{
	position:			relative;
	margin:				0;
	padding:			0 25px 15px 25px;
	zoom:				1;
	background:			url(/images/backgrounds/boxQuickSearch_.png) no-repeat bottom;
}
#content #search form:after,
#JBcontent #search form:after{
	display:			block;
	clear:				both;
	content:			".";
	visibility:			hidden;
	height:				0;
}
#content #search a,
#JBcontent #search a{
	color:				#000;
}
#content #search a:hover,
#JBcontent #search a:hover{ 
	color:				#E20B0B;
}
#content #search dl dt,
#JBcontent #search dl dt{
	float:				left;
	width:				100px;
	padding:			3px 0 0 0;
}
#content #search dl dd,
#JBcontent #search dl dd{
	float:				left;
	width:				170px;
}
#content #search select, #content #search input.text, 
#JBcontent #search select, #JBcontent #search input.text{
	display:			block;
	width:				98%;
	margin-bottom:		0.5em;
}
#content #search select, 
#JBcontent #search select{
	width:				100%;
}
#content #search p.submit,
#JBcontent #search p.submit{
	clear:				both;
	float:				right;
	width:				275px;
	margin:				10px 0 0 0;
}
#content #search p.submit a,
#JBcontent #search p.submit a{
	display:			block;
	float:				left;
}
#content #search p.submit .searchButton, 
#JBcontent #search p.submit .searchButton{
	position:			relative;
	display:			block;
	float:				right;
	margin:				-8px 25px 0 0;
}
#content #search .quicknotes,
#JBcontent #search .quicknotes{
	position:			absolute;
	bottom:				12px;
	left:				25px;
}
#content #search .KeywordsHelp, 
#JBcontent #search .KeywordsHelp{
	display:			none;
}

/* --- 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:				72px;
	border-bottom:		3px solid #A34758;
	background:			#fff;
}
#popup #popupHeader .popupLogo{ /* [CS] */ /* [TEMP] */
	width:				155px;
	height:				72px;
	background:			url(/images/email/email_logo.gif) no-repeat;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	zoom:				1;
	padding:			5px 10px 25px 10px;
	border-top:			10px solid #000;
}
#footer:after{
	clear:				both;
	display:			block;
	content:			".";
	height:				0;
	visibility:			hidden;
}
#footer li{
	float:				left;
	padding:			0 5px;
}
/* --- */
#footer ul#jobLinks li{ /* See ie.css */
	min-height:			19px;
	margin:				0 0 0 10px;
	padding:			0 0 0 25px;
	background:			url(/images/icons/iconsSprite.png) no-repeat 0 -191px;
}
#footer ul#jobLinks li.whosAdvertising{ /* See ie.css */
	float:				right;
	min-height:			25px;
	padding-right:		7px;
	background-position:0 -211px;
}
#footer ul#jobLinks li.creditCards{
	float:				right;
	padding-right:		7px;
	background:			transparent;
}
/* --- */
#footer ul#copyrightInfo{
	clear:				both;
	margin:				0;
	font-size:			0.9em;
}
#footer ul#copyrightInfo a{
	color:				#565656;
}
/* --- */
#footer ul#searchJobsList{
	clear:				both;
	padding:			5px 0 0 0;
	font-size:			0.9em;
}
#footer ul#searchJobsList a{
	color:				#565656;
}
/* --- */
#footer ul#affiliations{
	clear:				both;
	float:				left;
	padding:			15px 0 0 0;
	font-size:			0.9em;
}
#footer ul#footerLinks{
	float:				right;
	padding:			15px 0 0 0;
	font-size:			0.9em;
}
#footer ul#footerLinks li{ /* See ie.css */
	min-height:			23px;
	margin:				0 0 0 10px;
	padding:			2px 0 0 30px;
	background:			url(/images/icons/iconsSprite.png) no-repeat 0 -237px;
}
#footer ul#footerLinks li.FLnews{
	background-position:0 -262px;
}
#footer ul#footerLinks li.FLevents{
	background-position:0 -287px;
}
#footer ul#footerLinks li.FLsearch{
	background-position:0 -312px;
}
#footer ul#footerLinks li.FLvideo{
	background-position:0 -338px;
}
#footer ul#footerLinks a{
	color:				#565656;
}
/* --- */
#footer .CMSlogout{
	position:			absolute;
	bottom:				-35px;
	left:				0px;
}
#footer .CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
	background:			#c40000
}
#footer .CMSlogout a:hover{
	text-decoration:	none;
	background:			#820000;
}
/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
#JBcontent.jobindex li.indexlink{ /* [CS] */  
	background:			none;   
}
#JBcontent.jobindex li.indexlink ul{
	margin-left:		0;
}
#JBcontent.advertisers ol{ /* [CS] */     
	background:			none;
}
#JBcontent.advertisers ol li{ /* [CS] */   
	background:			none;  
}
#JBcontent #progress{
	margin:				40px 0 40px 0;
}
#JBcontent.jobView p{
	text-align:			justify;
}
#JBcontent .styled h2{
	color:				#fff!important;
}
/* ---------------------------------------------------------------------------------------------- */
/*	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 h2{
	font-weight:		bold;
}
#JBcontent.jobResults .resultsActions .buttonLink,
#JBcontent.jobView .buttonLink{
	padding:			5px;
	height:				auto;
	text-align:			center;
	color:				#fff;
	border:				2px solid #231F1F!important;
	background:			url(/images/backgrounds/buttonRedSQ.png) no-repeat!important;	
}
#JBcontent.jobView .buttonLink:hover{
	background:			#000!important;
}
#JBcontent.jobResults .jobInfo,
#JBcontent.jobResults .featuredJob{
	border:				1px solid #aaa;
}
#JBcontent.jobResults .featuredJob{	
	border-color:		#a0a0a0;
}
#JBcontent.jobResults .jobInfo h2,
#JBcontent.jobResults .featuredJob h2{
	background:			#a9a9a9;
}
#JBcontent.jobResults .featuredJob h2{
	background:			url(/images/backgrounds/featuredStar.gif) no-repeat left center #A42440;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl dt,
#JBcontent.jobView form.jobViewForm dl.extraInfo dt,
#JBcontent.compView form.compViewForm .compInfo dl dt{
	width:				23%;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl dd,
#JBcontent.jobView form.jobViewForm dl.extraInfo dd,
#JBcontent.compView form.compViewForm .compInfo dl dd{
	width:				60%;
}
#JBcontent.compView #latest,
#JBcontent.compView #latest #latestBox{
	background:			transparent;
}
#JBcontent.compView #latest h2{
	margin-left:		0;
}
#JBcontent #mainkey a{
	cursor:				pointer;
}
#JBcontent .lstDOBDay{
	width:				50px !important;
}
#JBcontent .lstDOBMonth{
	width:				75px !important;
}
#JBcontent .lstDOBYear{
	width:				75px !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;
}
/**/