/*	This style sheet is for demonstration purposes only and should NOT be used on client's sites.
	The idea behind it is to allow quick switching between colour schemes for sales purposes. */

/*
===================================================================================
=== COLOUR SCHEME FOUR (GREEN) ====================================================
===================================================================================

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);

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	font:				70%/150% Verdana, Arial, Helvetica, sans-serif;
	color:				#666;
	text-align:			center;
	background:			#fff;
}
#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{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
}
h1{ /* See ie.css & ie7.css */
	font-size:			1.7em;
}
h2{ /* [CS] */     
	font-size:			1.4em;
	color:				#707070;
}
h3{
	font-size:			1.1em;
}
p{
	margin:				0 0 1em 0;
}
#content ul li, #JBcontent ul li{
	margin:				0.5em;
	padding:			0 0 0 12px;
	background:			url(/images/icons/bullet01.png) no-repeat 0 0.5em;
}
a{ /* [CS] */     
	font-weight:		bold;
	color:				#96c800;
}
a:hover{ /* [CS] */     
	color:				#003309;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.noborder{
	border:				none!important;
}
.txtLeft{
	text-align:			left;
}
.txtRight{
	text-align:			right;
}
.txtCentre{
	text-align:			center;
}
.txtJustify{
	text-align:			justify;
}
.imgLeft{
	float:				left;
	margin:				-3px 0 0 0;
}
.imgRight{
	float:				right;
	margin:				-3px 0 0 0;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.incBlock{
	margin:				0 0 0 0!important;
}
/*
=============
=== FORMS ===
=============
*/
input, select, textarea, label {
	font:				1em Arial, Helvetica, sans-serif!important;
}
input[type=text], input[type=password], select, textarea, input.text {  /* [CS] */ 
	padding:			2px;
	border:				1px solid #C2C2C2!important;
}
input.text, input.password, select, textarea, #strCandLoginEmail, #strCandLoginPassword,
#strClientLoginUsername, #strClientLoginPassword, #strSubject, #strName, #strEmail,
#strTelephone, #strFax {  /* [CS] */     /* For backwards compatibility with IE6> */
	border-color:		#C2C2C2!important;
}
select {
	width:				195px;
	padding:			0;
}
input[type=submit], input.submit, input.searchButton, .loginButton1, .loginButton2 { /* [CS] */     /* See ie.css */
	margin:				5px 0 0 0;
	padding:			3px 10px;
	font-weight:		bold!important;
	text-transform:		uppercase!important;
	color:				#CAE000!important;
	border:				none;
	background:			#707070!important;
}
p.submit a {  /* [CS] */     /* Advanced search link */
	text-decoration:	underline;
	font-size:			0.9em;
	color:				#666;
}
.KeywordsHelp{
	display:			none;
}
label{
	font-weight:		bold!important;
	color:				#777!important;
}

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


/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{ /* [CS] */     
	position:			relative;
	height:				120px;
	margin:				0;
	padding:			0;
}
.SubPage #header{
	margin-bottom:		45px;
}
#header #logo{ /* [CS] */ /* [TEMP] */
	position:			absolute;
	top:				20px;
	right:				20px;
}
#header #banner{
	position:			absolute;
	top:				6px;
	right:				110px;
}
#header #tell, #header #fav, #header #boss{
	position:			absolute;
	top:				60px;
	left:				15px;
	font-size:			0.9em;
}
#header #tell{
	left:				73px;
}
#header #fav{
	left:				45px;
}
#homeBannerArea{ /* [CS] */     
	width:				100%;
	height:				191px;
	border:				solid #fff;
	border-width:		10px 0;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-35px;
	width:				968px;
	margin:				0;
	padding:			2px 10px 3px 10px;
	border:				1px solid #cdcdcd;
	background:			#dedede;
}
#breadcrumbs a, .breadcrumbs a{
	font-weight:		bold;
	color:				#666;
}

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

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

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu a.starter, 
#mainMenu ul#topmenu li.ShowDateTime span,
#mainMenu ul#topmenu li.ShowLoggedIn{ /* [CS] */     /* This rule applies to the top level menu items (links) */
	padding: 			0 5px 0 10px; /* Make sure the left padding is 4px greater than the right padding (if you want the text to be central) */
	font:				1em Arial, Verdana, Tahoma, sans-serif;
	font-weight:		bold;
	text-transform:		uppercase;
	color:				#414141;
	border-right:		1px solid #000;
}
#header #mainMenu ul#topmenu a.starter:hover{ /* [CS] */     /* Hover state for the top level menu items */
	color:				#96c800;
	background: 		none;
}
#header #mainMenu ul#topmenu li#mContactUs a.starter{
	border-right:		none;
}
#header #mainMenu ul#topmenu #mWishList a{
	margin-left:		27px;
	padding:			5px 12px 5px 12px;
	color:				#fff;
	border:				1px solid #517A0E;
	background:			#CAE000;
}
#header #mainMenu ul#topmenu #mJobCart a:hover{
	background:			#B3E000;
}

/* -----------------------------
   --- TEMPLATE A --------------
   ---------------------------*/

#mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	padding:			0; /* Be careful when adding lateral (horizontal) padding to here - seems to throw the submenus slightly off line in IE (inc 7) */
	background: 		#6E747B;
	z-index:			100;
}
ul#topmenu{				
	position:			relative;
	width:				990px; /* This will probably need to be change on a per site basis, but 975px is a fairly standard width */
	height:				2.5em;
	margin: 			0;
	padding: 			0;
	font-size:			1em;
	background: 		#6E747B;
	z-index:			100;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
ul#topmenu li{			
	display:			inline;
	margin: 			0;
	padding: 			0;
	list-style: 		none;
	z-index:			100;
}
ul#topmenu li.firstItem{	
}
ul#topmenu li.firstItem a.starter{
}
ul#topmenu li.lastItem{ /* Allows you to apply styles to the last menu option (i.e. turn off a border, add extra padding or margin, etc.) */
}
ul#topmenu li.lastItem a.starter{
}
/* Commented out 2007-10-29 (PJB)
ul#topmenu li.ShowLoggedIn{
	position:			absolute;
	top:				27%;
	right:				10px;
	font-weight:		normal;
	color:				#fff;
	text-decoration:	none;
}*/
#mainMenu ul#topmenu a.starter, 
#mainMenu ul#topmenu .ShowDateTime span,
#mainMenu ul#topmenu li.ShowLoggedIn{	/* This rule applies to the top level menu items (links) */
	position:			relative; /* This rule is solely for the benefit of IE, it forces IE to treat this as a block, therefore applying vertical padding, etc. */
	top:				0.5em;
	margin: 			0;
	padding: 			0.6em 8px 0.6em 12px; /* Make sure the left padding is 4px greater than the right padding (if you want the text to be central) */
	font-weight:		normal;
	color:				#fff;
	text-decoration:	none;
	border-right:		1px solid #fff;
	z-index:			100;
}
#mainMenu ul#topmenu a.starter:hover{ /* Hover state for the top level menu items */
	color: 				#fff;
	background: 		#4A4F54;
}
ul#topmenu em{ /* By default, em is set normal.  If you want to highlight the accesskeys (with an underline for example) you can create a new style for em in the site css */ 
	font-style:			normal;
}

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

ul#topmenu ul{ /* This applies styling to any ul withinh the main (#topmenu) ul.  This include 2nd (.subMenu), 3rd, etc. level menus */
	width:				12em; /* Sets a generic width on all of the submenus.  If you want to set individual widths, do so using the specific IDs of each ul */
	margin-top:			-2px;
	margin-left:		-1px;
	padding: 			0;
	z-index:			200;
}

ul.subMenu{				
	position: 			absolute;
	text-align: 		left;
	visibility: 		hidden;
	z-index: 			100;
}
ul.subMenu li{
	width:				100%;
}
ul.subMenu li a{
	display:			block;
	margin-top:			-2px;
	margin-bottom:		0;
	padding:			0.5em 5px;
	font-size: 			1em;
	color: 				#222;
	text-decoration: 	none;
	border-top:			1px solid #fff;
	border-bottom:		1px solid #ADB3BA;
	background: 		#CCD3DB;
	z-index:			100;
}
ul.subMenu li a:hover{ /* Hover state for submenu items  */
	color: 				#222;
	background: 		#B5BCC4;
}

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

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

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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/

#left, #content, #JBcontent, #right{
	float:				left;
	margin:				0 0 10px 0;
	overflow:			hidden;
}
#content, #JBcontent{
	padding:			10px 10px 0 10px;
}
#left, #right{
	width:				196px;
	padding:			0 10px;
}
#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:				970px; /* TOTAL = 990px */
	overflow:			hidden;
	margin-left:		0;
}

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/

body.twocolL #left {
	margin-left:		-990px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent { /* See ie.css */
	width:				754px; /* TOTAL = 774px */
	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:				538px; /* 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 {
	text-align:			left;
}
#JBcontent form h2 {
	border-bottom:		none!important;
}
#content p a,
#JBcontent p a {
	text-decoration:	underline;
}
#content blockquote {
	margin:				0 2em 1em 2em;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.2em;
	line-height:		1.7em;
	text-align:			left;
}
#content ul, #JBcontent ul {
	margin-bottom:		1em;
}
#content ol {
	margin:				0 40px;
	list-style-type:	decimal;
}
#content ol li {
	margin:				0 0 1em 0;
	font-weight:		bold;
	font-size:			1.2em;
}
#content ol li ol li {
	margin:				5px -10px;
	font-weight:		normal;
	font-size:			0.8em;
}
#JBcontent table, #JBcontent form {
	text-align:			left;
}
.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:				#0082AC;
	text-transform:		capitalize;
}
.linkLatestJobs { /* See ie.css & ie7.css */
	width:				72.7%;
}
.linkLatestJobs a, .linkAllJobs a { /* [CS] */     
	color:				#96c800;
}
.linkLatestJobs a:hover, .linkAllJobs a:hover { /* [CS] */     
	color:				#00680B;
}
#JBcontent.menu .NewsItem { /* [CS] */     
	border-bottom:		1px solid #dce5ec;
}
#content select, #left select, #right select {
	width:				195px!important;
	padding:			0;
}

#testimonials .CMSButtonPara, #latestNews .CMSButtonPara {
	display:			none;
}
#testimonials h2 a,
#latestNews h2 a {
	padding:			0 5px;
	color:				#707070;
}
.filteredNewsInc h2 {
	display:			none;
}
#testimonials,
#latestNews {
	margin:				0 -10px 10px -10px!important;
	padding:			0 5px 5px 5px!important;
	border:				0!important;
	background:			#DEDEDE;
}
#testimonials .filteredNewsInc,
#latestNews .filteredNewsInc {
	padding:			5px;
	background:			#fff;
}
#homepage #search {
	padding-bottom:		40px!important;
}
#homepage .filteredNewsInc {
	padding-bottom:		19px!important;
}

/*
================
=== SIDEBARS ===
================
*/
#left h2, #right h2{ /* [CS] */     
	margin:				0 -10px 10px -10px!important;
	padding:			10px 10px 0 10px!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 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:				#666;   
}
#left .LatestVacanciesTBL a:hover, 
#right .LatestVacanciesTBL a:hover{ /* [CS] */  
	color:				#003309;   
}
#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:				#105517;  
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a:hover, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a:hover{ /* [CS] */  
	color:				#000;   
}
#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;
	font-weight:		normal!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary{
	display:			none!important; /* Remove the salary when in sidebars */
}

/* --- Featured Companies --- */
#left .featuredEmployersBox,
#right .featuredEmployersBox{ /* [CS] */     
	margin:				0 -10px!important;
	padding:			5px 10px;
	background:			#AFBFAE;
}
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2{
	margin-top:			-5px!important;
	color:				#fff!important;
	text-align:			left;
	border-top:			none!important;
}
#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;
}

/* --- 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:			#CAE000;
}
#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:			#009D00;   
}
#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 #50CB50;
}
#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:	#B3E000;    
}

/* --- 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:				#96c800;
}
#left #LatestNews .NewsTitle a:hover,
#right #LatestNews .NewsTitle a:hover{ /* [CS] */   
	color:				#000;  
}
#left #LatestNews .NewsArticle,
#right #LatestNews .NewsArticle{
	height:				2.8em;
	overflow:			hidden;
	margin:				0 0 0.8em 0;
}
#left #LatestNews img,
#right #LatestNews img{ /* Hide images when in the sidebars (where they'd take up too much room */
	display:			none!important;
}

/* --- Quick Search Form --- */
#left #search,
#right #search{
	margin:				0 -10px 10px -10px!important;
	padding:			0 10px 10px 10px!important;
	background:			#DEDEDE!important; 
}
#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;
}
#left #search .searchButton, 
#right #search .searchButton{
	display:				block;
	float:					right;
	margin-top:				0px;
	-moz-border-radius:		0;
	-webkit-border-radius:	0;
	border-radius:			0;
}
#left .QuickSearchHelp a,
#right .QuickSearchHelp a,
#left .viewAllJobs a,
#right .viewAllJobs a {
	float:				left;
	margin-top:			-4px; /* See ie7.css & ie.css */
	padding-bottom:		15px;
	font-weight:		bold;
	font-size:			0.9em;
	text-decoration:	underline;
	color:				#666;
}
#left .QuickSearchHelp a,
#left .advSearch a {
    margin-top:			1px;
}
#left .advSearch a {
	float:				left;
	font-weight:		bold;
	font-size:			0.9em;
	text-decoration:	underline;
	color:				#666;
}
#left .viewAllJobs a,
#right .viewAllJobs a{
	float:				right;
}

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

/* --- Menu (User created menus) --- */
#left .sidebarMenu h2,
#right .sidebarMenu h2{
	margin:				0 -10px!important;
	padding:			10px!important;
	color:				#CAE000;
	background:			#707070;
}
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{
	margin:				2px -10px;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{ /* [CS] */     
	display:			block;
	width:				90%;
	padding:			5px 5%;
	font-weight:		bold;
	color:				#707070;
	background:			#CAE000;
}
#left ul.customSideBarMenu li a:hover,
#right ul.customSideBarMenu li a:hover{ /* [CS] */    
	background:			#B3E000; 
}
#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;
	background-image:	url(/jobboard/images/icons/smallArrow.png) no-repeat 20px 5px #50CB50;
}
#left ul.customSideBarMenu li ul li a:hover, 
#right ul.customSideBarMenu li ul li a:hover{ /* [CS] */  
	background-color:	#B3E000;   
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#content #featured, #content #latest,
#JBcontent #featured, #JBcontent #latest{
	padding:			0 5px 5px 5px;
	background:			#DEDEDE;
}
#featured h2, 
#latest h2{
	margin:				0;
	padding:			10px 5px!important;
	font-size:			1.5em;
	border-bottom:		none;
}
#featured h2 a { 
	color:				#707070;
}
#featured h2 a:hover { 
	color:				#707070;
}
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{ /* [CS] */     
	width:				100%;
	background:			#fff;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ie.css */
	padding:			5px 5px;
}
#content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#content .LatestVacanciesTBL a, 
#JBcontent .LatestVacanciesTBL a{ /* [CS] */ 
	color:				#666;    
}
#content .LatestVacanciesTBL a:hover, 
#JBcontent .LatestVacanciesTBL a:hover{ /* [CS] */ 
	color:				#96c800;    
}
#content .LatestVacanciesCol1, 
#JBcontent .LatestVacanciesCol1{ /* [CS] */     
	width:				98px; /* Images should be 88px, giving this 10px of right padding */
}
#content .LatestVacanciesCol2, 
#JBcontent .LatestVacanciesCol2{ /* [CS] */  
}
#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:		5%;
	font-weight:		bold;
}
#content .LatestVacanciesCol2 span.jobs_Salary, 
#JBcontent .LatestVacanciesCol2 span.jobs_Salary{
	float:				right;
	width:				25%;
	font-weight:		normal;
	text-align:			right;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription{
	width:				100%;
	height:				2.7em;
	font-weight:		normal;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription a, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription a{
	font-weight:		normal;
}

#homepage #main #featured #featuredBox .ShowAllFeaturedJobs {
	display:			none;
}

/* --- 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 #C2C2C2;
}
#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 #C2C2C2;
	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:				#004707;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px #EDF6EF;
}

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

/* --- Recruiter Login & Jobseeker Login --- */
#JBcontent.register form dt.candEmail2, #JBcontent.register form dd.candEmail2, #JBcontent.register form dt.candPassword2, #JBcontent.register form dd.candPassword2 {
    left: 0px;
    position: static;
    top: 0px;
}

/* --- 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:				#96c800;
}
#content #LatestNews .NewsTitle a:hover,
#JBcontent #LatestNews .NewsTitle a:hover{ /* [CS] */ 
	color:				#000;   
}
#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 #C2C2C2;
}
#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;
}
#search .quickSearchFRM #localstrKeywords {
	width:				190px;
}

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

/* --- Menu (User created menus) --- */
#content ul.customSideBarMenu,
#JBcontent ul.customSideBarMenu{ /* [CS] */     
	border-top:			1px solid #C2C2C2;
}
#content ul.customSideBarMenu li,
#JBcontent ul.customSideBarMenu li{
	margin:				0;
	padding:			0;
	border-bottom:		1px solid #C2C2C2;
	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:				#004707;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px #EDF6EF;
}

/*
===================================================================================
=== JOB SEARCH CRITERIA ===========================================================
===================================================================================
*/

.searchCrit #frmJobSearch tbody td, .searchCrit #frmJobSearch tbody fieldset td {
	width:				225px;
	padding: 			10px;
}
#frmJobSearch fieldset h2 {
	margin:				-10px -10px 10px;
}
#frmJobSearch #fldJobSearch dl {
	width:				225px;
}
#frmJobSearch fieldset dl {
	width:				225px;
}
form#frmJobSearch dd.searchKeywords .notes a {
    position: 			static;
	margin: 			0 0 8px;
	padding:			0;
	font-size:			1em;
	color:				#666666;
}
form#frmJobSearch dt.searchKeywords, form#frmJobSearch dd.searchKeywords,
form#frmJobSearch dt.DTsalaryMin, form#frmJobSearch dd.DDsalaryMin,
form#frmJobSearch dt.DTsalaryMax, form#frmJobSearch dd.DDsalaryMax, 
form#frmJobSearch dt.DTsalaryFrame, form#frmJobSearch dd.DDsalaryFrame,
form#frmJobSearch dt.DTposted, form#frmJobSearch dd.DDposted {
    position: 			static;
	margin: 			0;
	padding:			0;
}
form#frmJobSearch dd.searchKeywords, form#frmJobSearch dd.DDsalaryMin,
form#frmJobSearch dd.DDsalaryMax, form#frmJobSearch dd.DDsalaryFrame, form#frmJobSearch dd.DDposted {
 	margin: 			0 0 10px 5px;
}
#frmJobSearch #strSalaryMin, #frmJobSearch #strSalaryMax {
 	width: 			70px !important;
}
#frmJobSearch #lstSalaryFrame, #frmJobSearch #lstPostedDate, #frmJobSearch #lstJobType {
 	width: 			90px !important;
}
#frmJobSearch #lstJobSector, #frmJobSearch #lstRegion {
	width:			175px !important;
}
form#frmJobSearch dt.DTsalaryMin, form#frmJobSearch dt.DTcompType {
	border:				0px; 
}
#frmJobSearch #fldJobSearch .searchKeywords .notes {
	width:				225px;
}
#frmJobSearch .searchCriteriaButtons input {
	border:				1px solid #222222;
}

/*
===================================================================================
=== JOB RESULTS ===================================================================
===================================================================================
*/

#frmJobResults .resultsActions input[type="submit"], #frmJobResults .resultsActions input[type="button"] {
	padding: 			3px 10px;
    border: 			1px solid #4F84B7;
	font-weight:		bold !important;	
}
#JBcontent .pageNumbBot, #CompanyJobResults .pageNumbBot {
    bottom: 			-44px;
}

/* ---- Job Browser/Search Box ---- */
#jobBrowseContainer ul.tabNav {
    position: 			relative;
}
#jobBrowseContainer ul.tabNav li.tabOne {
    background-color: 	#707070;
    -moz-border-radius:	10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
   	border-radius: 		10px 10px 0 0;
    float: 				left;
    height: 			32px;
    margin: 			0 4px 0 -10px;
    width: 				85px;
}
#jobBrowseContainer ul.tabNav li.tabOne a {
	color:				#DEDEDE;
}
#jobBrowseContainer ul.tabNav li.tabTwo {
    background-color: 	#DEDEDE;
    -moz-border-radius:	10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
   	border-radius: 		10px 10px 0 0;
    float: 				left;
    height: 			32px;
    margin-right: 		0;
    width: 				85px;
}
#jobBrowseContainer ul.tabNav li.tabTwo a {
	color:				#707070;
}
#jobBrowseContainer ul.tabNav li.tabTwo a, #jobBrowseContainer ul.tabNav li.tabOne a {
	padding:			5px 15px;
	font-size:			1.3em;
	display:			block;
	font-weight:		normal;
}
#jobBrowseContainer #jobBrowserResults {
    background: 		none repeat scroll 0 0 #707070;
    clear: 				both;
    color: 				#FFFFFF;
	margin: 			0 -10px 5px;
    min-height: 		200px;
    padding: 			5px 0 0;
}
#jobBrowserResults a {
    color: 				#DEDEDE;
    display: 			block;
    font-size: 			1.1em;
    font-weight: 		normal;
    margin: 			0;
    padding: 			2px 0;
    position: 			relative;
    text-decoration: 	none;
}
#jobBrowserResults .JobBrowseLinks li em {
    color: 				#CAE000;
    font-size: 			0.9em;
    font-style: 		normal;
    font-weight: 		bold;
}
#jobBrowserResults #JobBrowserFilter h3 {
	font:				1.2em Verdana,Arial,Helvetica,sans-serif;
	font-weight:		bold;
}
#frmBrowseQuickSearch .QuickSearchHelp, #frmBrowseQuickSearch #locallabelPostedDate,
#jobBrowseContainer #search #frmBrowseQuickSearch #locallstPostedDate, 
#frmBrowseQuickSearch .advSearch {
	display:			none;
}
#jobBrowseContainer #CurrentSearch {
    background: 		none repeat scroll 0 0 #707070;
    border: 			2px solid #CAE000;
    color: 				#FFFFFF;
    margin: 			10px;
    padding: 			10px 7px;
}
#jobBrowseContainer #jobBrowserResults #CurrentSearch h2 {
    padding: 			0 10px 0 !important;
}

/* - Extra Browser Options - */
.ExtraBrowseOptions ul {
    border: 			2px solid #707070;
}
#divExtraOptions ul.tabNav li.selectedTab a {
    border-color: 		#707070;
    color: 				#FFFFFF;
}
#divExtraOptions ul.tabNav li.selectedTab {
    background: 		none repeat scroll 0 0 #707070;
}
#divExtraOptions ul.tabNav li.selectedTab a {
	color:				#DEDEDE;
} 
#divExtraOptions ul.tabNav li.unselectedTab a {
	color:				#707070;
}
 
/* ---- Job Info ---- */
#JBcontent.jobResults .jobInfo, #JBcontent.jobResults .featuredJob {
    background: 		none repeat scroll 0 0 #FFFFFF;
    border:				1px solid #707070;
    clear: 				both;
    margin: 			10px 0;
    padding: 			0 0 3px 0;
    position: 			relative;
}
#JBcontent.jobResults .featuredJob {	
	border-color:		#35B213;
}
#JBcontent.jobResults .jobInfo h2, #JBcontent.jobResults .featuredJob h2 {
	top:				0px;
    margin: 			0 0 10px;
    font-size: 			1.4em;
    text-decoration: 	none;
}
#JBcontent.jobResults .jobInfo h2 {
    padding: 			0px 150px 0px 0px;
    background:			#777;
}
#JBcontent.jobResults .jobInfo h2 a {
	color:				#CAE000!important;
	padding: 			8px 8px 8px 35px;
}
#JBcontent.jobResults .featuredJob h2 {
    padding: 			0px 150px 0px 30px;
    background:			url(/images/backgrounds/featuredStar.gif) no-repeat left center #CAE000;
}
#JBcontent.jobResults .featuredJob h2 a {
	color:				#777!important;
	padding: 			8px 8px 8px 35px;
}
#JBcontent.jobResults .jobInfo input.checkBox {
    left: 				5px;
    position: 			absolute;
    top: 				10px;
}
#JBcontent.jobResults .jobInfo a.detailsApply { 
	display:			block!important;
    background: 		none repeat scroll 0 0 transparent !important;
    border-color: 		#FFFFFF !important;
    color: 				#FFFFFF !important;
    padding-bottom: 	3px;
    position: 			absolute;
    right: 				10px;
    top: 				4px;
}
#JBcontent.jobResults .jobInfo a.detailsApply:hover, #CompanyJobResults.jobs .jobInfo a.detailsApply:hover {
	color:				#CAE000!important;
	background:			#000!important;
}

#JBcontent.jobResults .jobInfo .jobLogo {
	float:				left;
	margin:				0 4px 5px;
}
#JBcontent.jobResults .jobInfo ul.jobDetails, #JBcontent.CVresults .candInfo .candDetails ul, 
#JBcontent.CVresults .candInfo .candExtraDetails p, #CompanyJobResults.jobs .jobInfo ul.jobDetails {
	margin: 			0;
    min-height: 		33px;
    padding: 			4px 0 0;
    border:				0;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li strong, #JBcontent.CVresults .candInfo .candDetails ul li strong {
    font-size:			1.1em;
    display: 			block;
    float: 				left;
    margin: 			0 1px 0 0;
    overflow: 			hidden;
    width: 				33%;
    color:				#666666;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li {
    background: 		none repeat scroll 0 0 transparent;
    float: 				left;
    font-style: 		normal;
    margin: 			0 2px 2px 0;
    padding: 			0;
    width: 				33%;
    color:				#666666;
}
#JBcontent.jobResults .jobInfo p.jobDescription, #JBcontent.CVresults .candInfo p.candDescription {
    border-top: 		1px solid #92AFCB;
    clear: 				both;
    margin: 			0 8px 8px;
    padding: 			5px 0 0;
}
#JBcontent.jobResults .jobInfo p.jobDescription {
	border-color:		#bbb;
}
#JBcontent.jobResults .featuredJob p.jobDescription {
	border-color:		#BBE27B;
}


/*
===================================================================================
=== JOB VIEW ======================================================================
===================================================================================
*/

#JBcontent.jobView .buttonLink, #JBcontent.jobView .buttonLink a,
#JBcontent.jobResults .buttonLink {
	text-transform:		uppercase;
	color:				#CAE000!important;
	background:			#777!important;
}
#JBcontent.jobView .buttonLink:hover, #JBcontent.jobResults .buttonLink:hover {
	color:				#777!important;
	background:			#CAE000!important;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl, #JBcontent.jobView form.jobViewForm dl.extraInfo{
	width:				96%;
}
#JBcontent.jobView .ApplyNow{
	border-color:		#777;
}
#JBcontent .JobDetailsSection .jobViewForm {
	width: 				530px;
} 
#JBcontent.jobView .searchInfo li {
    padding: 			1px 0;
}
#JBcontent.jobView .searchInfo ul {
    margin: 			0 0 10px;
}
#JBcontent .jobViewForm .jobViewActions a, #frmJobPreview .jobViewActions .addWishList, 
#frmJobPreview .jobViewActions .ApplyNow {
    border: 			1px solid #4F84B7;
    font-weight: 		bold !important;
    padding: 			3px 10px;
    text-decoration:	none;
}
#JBcontent.jobView input.ApplyNow {
    margin-top: 		0;
}

/*
===================================================================================
=== JOB APPLY =====================================================================
===================================================================================
*/

#JBcontent.jobApply form {
    width: 535px;
}
.jobApply #frmJobApplyCand #formHelpBox {
	display:			none;
}
#JBcontent.jobApply form dd.applyEmail2 {
    top: 19px;
}
#JBcontent.jobApply form dt.applyTime {
    top: 50px;
}
#JBcontent.jobApply form dd.applyTime {
    top: 69px;
}

/*
===================================================================================
=== JOBSEEKER HOME ================================================================
===================================================================================
*/

/* --- Add CV --- */
.Candidates #main #JBcontent ol li a .pseudoP {
    text-decoration: 	none;
}

/* --- Add CV --- */
#JBcontent.CVadd form.twocol td {
	width:				240px;
}

/* --- My Job Search --- */
form#frmJobSearch dd.DDsearchName, form#frmJobSearch dd.DDcompType {
    border-bottom: 		2px solid #C4C4C4;
    margin: 			10px -10px;
    padding: 			0 15px 15px;
}
form#frmJobSearch dt.DTjobByEmail, form#frmJobSearch dd.DDjobByEmail {
    display: 			none;
}

/*
===================================================================================
=== CV VIEW =======================================================================
===================================================================================
*/

#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails {
    position: 			relative;
    right: 				0;
    top: 				0;
    width: 				auto;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dt {
    clear: left;
}
 
/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/

#popup #popupHeader{
	height:				60px;
	padding:			10px;
}
#popup #popupHeader .popupLogo{ /* [CS] */ /* [TEMP] */
	width:				350px;
	height:				60px;
	background:			url(/images/logo.gif) no-repeat;
}
#popupFooter a.close{
	border:				1px solid #333!important;
	background-color:	#777!important;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	padding:			5px;
	font:				0.9em Arial, Helvetica, sans-serif;
	border:				1px solid #a0a0a0;
}
#footer li{
	float:				right;
	padding:			0 5px;
	border-right:		1px solid #707070;
}
#footer li a{ /* [CS] */  
	color:				#555;   
}
#footer li a:hover{ /* [CS] */     
	text-decoration:	underline;
	color:				#96c800;
}
#footer ul.jobboardFooterInc {
	float:				right;
	margin:				0;
	padding-right:		4px;
	width:				auto;
	display:			inline-block!important;
}
#footer ul.jobboardFooterInc li {
	border-width:		0;
	padding:			0;
	margin:				0;
}
#footer li.firstItem, #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;
}

/*
===================================================================================
=== ADMIN MENUS ========================================================================
===================================================================================
*/

.AdminMenu #main .menu a, .AdminPages #main .restrictedMenu ol a {
	text-decoration:	none;
}

/* --- Job Manager --- */
.jobManager #frmJobManager2 th a {
	color:				#FFF;
	text-decoration:	none;
}

/* --- Banner Manager --- */
.bannerAd #frmBannerAdd fieldset h2 p {
	display:			none;
}

/* --- Add News --- */
.newsAddPage #frmNewsAdd h2 a {
	color:				#fff;
}

/* --- Job Apply - Preview --- */
.jobPreview .JobDetailsSection #frmJobPreview .jobInfo .applyLogo {
	display:			none;
}

/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/

input[type="submit"], input[type="button"], .buttonLink, .pseudoButton {
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    border-radius: 		0px;
}
#JBcontent form.styled fieldset h2 {
    background: 		none repeat scroll 0 0 #424242;
    color: 				#FFFFFF;
    font-size: 			1em;
    font-weight: 		bold;
    padding: 			5px 10px;
}
#JBcontent form.styled fieldset h3 {
    background: 		none repeat scroll 0 0 #424242;
    color: 				#FFFFFF;
    font-size: 			1em;
    font-weight: 		bold;
    padding: 			5px 10px;
}
#JBcontent input.submit, #JBcontent button{
	border-color:		#004F08;
	background:			#01710C;
}
.menu ol{
	border-color:		#B6DABE;
	background:			#EEF6F0;
}
.menu ol li{
	border-bottom:		1px solid #B6DABE;		
}

#JBcontent.jobindex li.indexlink{ /* [CS] */  
	background:			none;   
}
#JBcontent.jobindex 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;
}
#JBcontent input.submit, #JBcontent button{
	border-color:		#222;
	background:			#444;
}
.menu ol{
	border-color:		#ccc;
	background:			#f5f5f5;
}
.menu ol li{
	border-bottom:		1px solid #ccc;	
}

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

.message{	
	color:				#96c800;
}
.CVStats{
	display:			none;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl dt,
#JBcontent.jobView form.jobViewForm dl.extraInfo dt,
#JBcontent.compView form.compViewForm .compInfo dl dt{
	width:				25%;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl dd,
#JBcontent.jobView form.jobViewForm dl.extraInfo dd,
#JBcontent.compView form.compViewForm .compInfo dl dd{
	width:				51%;
}
#JBcontent.jobResults .jobInfo .jobLogo, 
#JBcontent.jobResults .jobInfo ul.jobDetails li strong {
	display:			block!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;
}
/**/