/*
===================================================================================
=== 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:				#363636;
	text-align:			center;
	background:			#666;
}
#outer{
	padding:			0 0 100px 0;
	background:			url(/images/backgrounds/outer.png) repeat-x left top #fff;
}
#container{
	position:			relative; /* Position to relative in order to allow elements contained within to be positioned absolutely within #container */
	width:				915px; /* Total = 915px */
	margin:				0 auto;
	text-align:			left;
}
h1, h2, h3, h4, h5, h6{
	clear:				both;
	margin:				0 0 0.5em 0;
	font-weight:		bold;
}
h1, h2, h3{
	font-weight:		normal;
	font-size:			1.5em;
}
p{
	margin:				0 0 1em 0;
}
ul li{
	text-align:			left;
}
a{ /* [CS] */     
	font-weight:		bold;
	text-decoration:	underline;
	color:				#363636;
}
a:hover{ /* [CS] */     
	color:				#1D52C9;
}
h1 a, h2 a, h3 a{
	font-weight:		normal;
	text-decoration:	none;
}
.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, #newsInc, .filteredNewsInc, .sidebarMenu{
	margin:				0 0 10px 0!important;
}
.filteredNewsInc h2{
	display:			none;
}
.incBlock .incBlock,
#featured .incBlock,
#latest .incBlock,
.sidebarMenu .incBlock{
	background:			transparent!important;
}
/*
=============
=== FORMS ===
=============
*/
form{
	padding:			0!important;
}
input, select, textarea{
	font:				1em Verdana, Tahoma, sans-serif!important;
}
input[type=text], input[type=password], select, textarea, input.text{ /* See ie-legacy.css & colour scheme CSS files */
	width:				155px;
	margin:				2px 0 0 0;
	padding:			2px;
	border:				1px solid #7F9DB9!important;
}
select,
#left #search select,
#right #search select{
	width:				162px!important;
	padding:			0;
}
input[type=submit]{ /* See ie-legacy.css */
	width:				auto;
	margin:				5px 0 0 0;
	padding:			1px 5px;
	font:				1em Verdana, Tahoma, sans-serif!important;
	text-transform:		uppercase;
	color:				#fff;
	border:				2px solid #122F77;
	border-top:			2px solid #5480EF;
	border-left:		2px solid #5480EF;
	background:			#2A4DA5;
}
label{
}
p.submit a{ /* Advanced search link */
	font:				normal 0.9em Arial, sans-serif;
	color:				#000;
}
p.submit a:hover{
	color:				#f06000;
}
#JBcontent input.text{
	width:				95%!important;
}
select{
	width:				98%!important;
}
#JBcontent.login input.text{
	width:				200px!important;
}

/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
html{ /* Make sure the scrollbar is always on */
	height:				100%;
	margin-bottom:		1px
}
#footerBoxes:after,
#search:after{ /* Forced Clear for compliant browsers */
	content:			".";
	display:			block;
	clear:				both;
	height:				0;
	visibility:			hidden;
}
#footerBoxes,
#search{ /* Forced Clear for IE */
	zoom:				1;
}


/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{ /* [CS] */     
	position:			relative;
	height:				115px;
	margin:				0;
	padding:			0;
}
.SubPage #header{
	margin-bottom:		25px;
}
#header #logo{ /* [CS] */ /* [TEMP] */
	position:			absolute;
	top:				20px;
	left:				25px;
}
#header #banner{
	position:			absolute;
	top:				8px;
	right:				5px;
}
#header #tell, #header #fav, #header #boss{
	position:			absolute;
	top:				25px;
	right:				15px;
	font-size:			0.9em;
}
#header #tell{
	right:				73px;
}
#header #fav{
	right:				45px;
}
#homeBannerArea{ /* [CS] */ 
	position:			relative;  
	width:				100%;
	height:				180px;
	background:			url(/images/backgrounds/homeBannerArea.jpg) no-repeat center;
}
#homeBannerArea h1{
	margin-bottom:		0.8em;
}
#homeBannerArea #intro{ /* [CS] */     
	position:			absolute;
	top:				30px;
	right:				30px;
	width:				495px;
	font-weight:		bold;
	color:				#fff;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-25px;
	width:				893px;
	margin:				0;
	padding:			2px 10px 3px 10px;
	border:				1px solid #cdcdcd;
	background:			#f5f5f5;
}

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

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

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
	position:			relative /* For IE6 */;
	height:				40px;
	margin:				0;
	padding:			0 0 0 10px;
	background:			url(/images/backgrounds/menuGraphics.png) no-repeat left top;
}
#header #mainMenu ul#topmenu a.starter{ /* This rule applies to the top level menu items (links) */
	display:			block;
	float:				left;
	margin:				-6px 0;
	padding: 			13px 20px 11px 10px;
	text-transform:		uppercase;
	color:				#EDEAE0;
	border-right:		0;
	background:			url(/images/backgrounds/menuGraphics.png) no-repeat right top;
}
#header #mainMenu ul#topmenu li.lastItem a.starter{
	padding-right:		22px;
	padding-left:		12px;
}
#header #mainMenu ul#topmenu li:hover{
	background:			url(/images/backgrounds/menuGraphics.png) no-repeat left -46px;
}
#header #mainMenu ul#topmenu a.starter:hover{ /* See ie.css */
	color:				#000;
	background:			url(/images/backgrounds/menuGraphics.png) no-repeat right -46px;
}


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

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

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

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

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				700px; /* TOTAL = 700px */
	overflow:			hidden;
	margin-right:		20px;
}
/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-865px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				665px; /* Total = 675px */
	overflow:			hidden;
	margin-left:		210px;
	margin-right:		20px;
} 


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

===============
=== CONTENT ===
===============
*/
#content, #JBcontent{
	padding-bottom:		10px!important;
	text-align:			justify;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#JBcontent h1, #JBcontent h2, #JBcontent h3, #JBcontent h4, #JBcontent h5, #JBcontent h6{
	text-align:			left;
}
#content h2, #JBcontent h2{ /* [CS] */     
	margin-top:			1em;
	padding:			0 0 0.2em 0;
	font-weight:		bold;
	font-size:			1.3em;
	color:				#006CA4!important;
	border-bottom:		2px solid #FF6600;
}
#JBcontent form h2{
	border-bottom:		none!important;
}
#content blockquote{
	margin:				0 2em 1em 2em;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.2em;
	line-height:		1.7em;
	text-align:			left;
}
#content ul, #JBcontent ul{
	margin-bottom:		1em;
}
#content ol{
	margin:				0 40px;
	list-style-type:	decimal;
}
#content ol li{
	margin:				0 0 1em 0;
	font-weight:		bold;
	font-size:			1.2em;
}
#content ol li ol li{
	margin:				5px -10px;
	font-weight:		normal;
	font-size:			0.8em;
}
#JBcontent table, #JBcontent form{
	text-align:			left;
}
.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 Arial, Helvetica, 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;
}
#content select, #left select, #right select{
	width:				195px!important;
	padding:			0;
}
ul.customSideBarMenu{ /* [CS] */     
	margin:				0;
	padding:			0;
}
ul.customSideBarMenu li{
	margin:				2px 0 3px 0;
	zoom:				1;
}
ul.customSideBarMenu li a{
	display:			block;
	position:			relative;
	padding:			1px 0;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		uppercase;
	zoom:				1;
}
ul.customSideBarMenu li ul li a{
	margin:				0 -14px;
	padding:			0 14px 0 20px;		
	font-weight:		normal;
	text-transform:		capitalize;
	background:			url(/images/icons/bullet01.png) no-repeat 12px 0.7em #fbfbfb;
}
ul.customSideBarMenu li ul li a:hover{
	color:				#fff;
	background-color:	#1D52C9;
}
ul.customSideBarMenu li div.subMenu{
	display:			none;
}
#loginReg p{
	margin:				0;
}

/*
================
=== SIDEBARS ===
================
*/
.quicknotes{
	display:			none;
}
#left .incBlock,
#right .incBlock,
#footerBoxes .incBlock,
#left #featured,
#right #featured,
#footerBoxes #featured,
#left #latest,
#right #latest,
#footerBoxes #latest,
#left .sidebarMenu,
#right .sidebarMenu,
#footerBoxes .sidebarMenu{
	position:			relative;
	width:				160px; /* Total = 190px */
	min-height:			35px; /* See ie.css */
	padding:			0 15px 15px 15px;
	background:			url(/images/backgrounds/boxGraphics.png) no-repeat -200px bottom;
	zoom:				1;
}
#left .incBlock h2,
#right .incBlock h2,
#footerBoxes .incBlock h2,
#left #featured h2,
#right #featured h2,
#footerBoxes #featured h2,
#left #latest h2,
#right #latest h2,
#footerBoxes #latest h2,
#left .sidebarMenu h2,
#right .sidebarMenu h2,
#footerBoxes .sidebarMenu h2{
	margin:				0 -15px -5px -15px;
	padding:			10px 15px 10px 15px;
	background:			url(/images/backgrounds/boxGraphics.png) no-repeat -200px top;
}
.expandMenu{
	background-position:0 bottom!important;
}
.expandMenu h2{
	background-position:0 top!important;
}

/*
===================================================================================
=== 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, 
#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:				#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 */
}

/* --- Featured Companies --- */
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul{
	margin:				2px 0 5px 2px;
}
#left .featuredEmployersBox ul li,
#right .featuredEmployersBox ul li{
	float:				left;
	padding:			2px 3px;
}
#left .featuredEmployersBox ul li img,
#right .featuredEmployersBox ul li img{
	border:				1px solid #fff;
}
#left .featuredEmployersBox a,
#right .featuredEmployersBox a{
	color:				#fff;
	text-decoration:	underline;
}
#left .featuredEmployersBox a:hover,
#right .featuredEmployersBox a:hover{
	color:				#444;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	clear:				both;
}

/* --- 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 .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 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;
}
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{
	display:			block;
	float:				right;
	margin-top:			-3px;
}

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

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{ /* [CS] */     
	width:				100%;
	border-bottom:		1px dashed #7c7c7c;
}
#featured h2, 
#latest h2{
	border-bottom:		none;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ie.css */
	padding:			10px 0;
}
#content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#content .LatestVacanciesTBL a, 
#JBcontent .LatestVacanciesTBL a{ /* [CS] */ 
	color:				#000;    
}
#content .LatestVacanciesTBL a:hover, 
#JBcontent .LatestVacanciesTBL a:hover{ /* [CS] */ 
	color:				#f06000;    
}
#content .LatestVacanciesCol1, 
#JBcontent .LatestVacanciesCol1{ /* [CS] */     
	width:				98px; /* Images should be 88px, giving this 10px of right padding */
	border-top:			1px dashed #7c7c7c;
}
#content .LatestVacanciesCol2, 
#JBcontent .LatestVacanciesCol2{ /* [CS] */     
	border-top:			1px dashed #7c7c7c;
}
#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:		2%;
	font-weight:		bold;
}
#content .LatestVacanciesCol2 span.jobs_Area, 
#JBcontent .LatestVacanciesCol2 span.jobs_Area{
	width:				25%;
	font-weight:		bold;
	color:				#000;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription{
	width:				70%;
	margin-right:		2%;
	font-weight:		normal;
}
#content .LatestVacanciesCol2 span.jobs_Salary, 
#JBcontent .LatestVacanciesCol2 span.jobs_Salary{
	width:				25%;
	font-weight:		normal;
}
/* --- 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 --- */

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

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

/* --- News --- */
#content #LatestNews,
#JBcontent #LatestNews{
	margin:				0 0 1.3em 0;
}
#content #LatestNews .NewsTitle a,
#JBcontent #LatestNews .NewsTitle a{ /* [CS] */     
	font-weight:		bold!important;
	font-size:			1.1em;
	text-transform:		capitalize;
	color:				#005FB7;
}
#content #LatestNews .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;
}
#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;
}

/* --- Newsletter --- */
#content #newsletter, 
#JBcontent #newsletter{
	position:			relative;
	top:				15px;
	width:				210px;
	padding:			0 10px 12px 10px;
	text-align:			left;
	background:			url(/images/backgrounds/boxGraphics.png) no-repeat -400px bottom;
	z-index:			2;
}
#content #newsletter h2,
#JBcontent #newsletter h2{
	margin:				0 -10px;
	padding:			10px 10px 0 10px;
	font-weight:		normal;
	font-size:			1.5em;
	color:				#363636!important;
	border:				0;
	background:			url(/images/backgrounds/boxGraphics.png) no-repeat -400px top;
}
#content #newsletter #strNewsLetterEmail,
#JBcontent #newsletter #strNewsLetterEmail{
	width:				121px;
}
#content #newsletter #cmdSubmitNews,
#JBcontent #newsletter #cmdSubmitNews{
	position:			absolute;
	bottom:				10px;
	right:				10px;
	padding:			2px 3px;
}
#content #newsletter .error,
#JBcontent #newsletter .error{
	position:			absolute;
	top:				-18px;
	left:				-2px;
	width:				210px;
	padding:			5px 10px;
	color:				#fff;
	border:				2px solid #fff;
	background:			#aa0000;
}
#content #newsletter .message,
#JBcontent #newsletter .message{
	position:			absolute;
	top:				27px;
	left:				10px;
	width:				210px;
	padding:			5px 0;
	background:			#fcfcfc;
	z-index:			2;
}

/* --- Menu (User created menus) --- */
 
/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	height:				53px;
	padding:			5px;
}
#popup #popupHeader .popupLogo{ /* [CS] */ /* [TEMP] */
	width:				243px;
	height:				53px;
	background:			url(/images/email/email_logo.gif) no-repeat;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footerBoxes{
	display:			none;
	clear:				both;
	margin:				0 -5px 20px 0;	/* See ie.css */
}
#homepage #footerBoxes{
	display:			block;
}
#footerBoxes .incBlock{
	clear:				none;
	float:				left;
	height:				75px; /* Total = 85px */
	margin:				0 5px 0 0!important;
	padding-bottom:		10px;	/* See ie.css */
}
#footerBoxes .CMSButtonPara{
	display:			none;
}
#footerBoxes form{
	width:				200px;
}
#footerBoxes label{
	display:			block;
}
#footerBoxes #loginReg{
	margin-right:		25px!important;
}
#footerBoxes #newsletter,
#footerBoxes #events,
#footerBoxes #testimonials{
	width:				210px;
	padding-left:		10px;
	padding-right:		10px;
	background:			url(/images/backgrounds/boxGraphics.png) no-repeat -400px bottom;
}
#footerBoxes #events,
#footerBoxes #testimonials{
	cursor:				pointer;
}
#footerBoxes #newsletter h2,
#footerBoxes #events h2,
#footerBoxes #testimonials h2{
	margin-left:		-10px;
	margin-right:		-10px;
	padding-left:		10px;
	padding-right:		10px;
	background:			url(/images/backgrounds/boxGraphics.png) no-repeat -400px top;
}
#footerBoxes h2 a{
	color:				#363636;
}
#footerBoxes #newsletter{
	z-index:			2;
}
#footerBoxes #newsletter #strNewsLetterEmail{
	width:				121px!important;
}
#footerBoxes #newsletter #submitFRM{
	padding:			2px 3px;
	border:				0;
	background:			#8DA2A5;
}
#footerBoxes #newsletter .error{
	position:			absolute;
	top:				-15px;
	left:				-2px;
	width:				210px;
	padding:			5px 10px;
	color:				#fff;
	border:				2px solid #fff;
	background:			#aa0000;
}
#footerBoxes #newsletter .message{
	position:			absolute;
	top:				30px;
	left:				10px;
	width:				210px;
	padding:			10px 0;
	background:			#fcfcfc;
	z-index:			2;
}
#footerBoxes #newsletter #cmdSubmitNews{
	position:			absolute;
	bottom:				15px;
	right:				10px;
	padding:			2px 3px;
}
#footerBoxes .filteredNewsInc{
	margin:				0!important;
}
#footerBoxes #testimonials .NewsTitle a{
	position:			absolute;
	bottom:				5px;
	height:				1.7em;
	font-weight:		normal;
	font-size:			0.8em;
	text-decoration:	none;
	overflow:			hidden;
}
#footerBoxes #testimonials .NewsArticle{
	font-weight:		bold;
	font-style:			italic;
}
#footerBoxes .NewsArticle{
	height:				3em;
	overflow:			hidden;
}
#footerBoxes .NewsArticle img{
	display:			none;
}
#footer{
	clear:				both;
	height:				1.6em;
	padding:			5px;
	font-size:			0.9em;
	border-top:			25px solid #14254F;
}
#footer ul{
	margin:				0 0 0 -7px;
}
#footer li{
	float:				left;
	padding:			0 7px;
	border-right:		1px solid #888;
}
#footer li a{ /* [CS] */  
	font-weight:		normal;
	color:				#555;   
}
#footer li a:hover{ /* [CS] */     
	text-decoration:	underline;
	color:				#f06000;
}
#footer li.lastItem, #footer li.CMSlogout{
	border-right:		none;
}
#footer li.CMSlogout{
	position:			absolute;
	bottom:				-25px;
	left:				-6px;
}
#footer li.CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
	background:			#c40000
}
#footer li.CMSlogout a:hover{
	text-decoration:	none;
	background:			#820000;
}
/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
#JBcontent.menu a{
	text-decoration:	none;
}
#JBcontent #indexmenu{
	margin:				0;
	padding:			0;
}
#JBcontent li.indexlink{ /* [CS] */  
	float:				left;
	width:				45%;
	margin:				0;
	background:			transparent;   
}
#JBcontent li.indexlink ul{
	margin-left:		0;
}
#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;
}
/* ---------------------------------------------------------------------------------------------- */
body.twocolL #JBcontent.jobView form.jobViewForm .jobInfo dl dt,
body.twocolR #JBcontent.jobView form.jobViewForm .jobInfo dl dt,
body.twocolL #JBcontent.jobView form.jobViewForm dl.extraInfo dt,
body.twocolR #JBcontent.jobView form.jobViewForm dl.extraInfo dt,
body.twocolL #JBcontent.compView form.compViewForm .compInfo dl dt,
body.twocolR #JBcontent.compView form.compViewForm .compInfo dl dt{
	width:				19%; /* Formally 12% */
}
body.twocolL #JBcontent.jobView form.jobViewForm .jobInfo dl dd,
body.twocolR #JBcontent.jobView form.jobViewForm .jobInfo dl dd,
body.twocolL #JBcontent.jobView form.jobViewForm dl.extraInfo dd,
body.twocolR #JBcontent.jobView form.jobViewForm dl.extraInfo dd,
body.twocolL #JBcontent.compView form.compViewForm .compInfo dl dd,
body.twocolR #JBcontent.compView form.compViewForm .compInfo dl dd{
	width:				59%;
}
#JBcontent .jobInfo h2 a{
	font:				bold 1em Arial, Helevtica, sans-serif!important;
}
#JBcontent #labelWorkExperience{
	display:			block;
}
#JBcontent .lstdoBDay,
#JBcontent .lstdoBMonth,
#JBcontent .lstdoBYear{
	width:				auto!important;
	margin-right:		10px!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;
}
/**/