/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/
@import url(/css/undohtml.css);
@import url(/jobboard/css/main.css);

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	font:				70%/140% Verdana, Helvetica, sans-serif;
	color:				#3C3C3C;
	text-align:			center;
	background:			url(/images/backgrounds/body.gif) repeat-x top left #227FCD;
}
#container{
	width:				970px;
	margin:				0 auto;
	padding:			0 5px 5px 5px;
	text-align:			left;
	position:			relative; 
	background:			#FFF;
}
h1, h2, h3, h4, h5, h6{
	clear:				both;
	margin:				0 0 0.5em 0;
	color:				#22598e;
	font:				bold 1.1em Verdana, Helvetica, sans-serif;
}
h1{
	font-weight:		normal;
	font-size:			1.7em;
}
.SubPage h1,
.SubPage #JBcontent h1{
	margin:				0 -55px 5px -55px!important;
	padding:			0 55px 5px 55px!important;
	border-bottom:		1px solid #2380CF;
}
h2{
	font-size:			1.4em;
}
.SubPage #content h2,
.SubPage #JBcontent h2{
	margin:				0 0 3px 0;
	padding-top:		10px;
}
h3{
	font-size:			1.2em;
	margin:				0 0 0.1em 0;
}
p{
	margin:				0 0 1em 0;
}
a{     
	color:				#153D7E;
	font-weight:		bold;
}
a:hover{     
	color:				#22598E;
}
.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 10px 0!important;
}
.SubPage #content .incBlock{
	margin:				0 0 30px 0!important;
}
.pseudoButton{
	display:			block;
	height:				auto!important;
	padding:			5px!important;
	text-align:			center;
}
.pseudoButton a{
	text-decoration:	none!important;
	color:				#fff!important;
}
.hidden{
	display:			none!important;
}
.indented{
	margin:				0 40px;
}
.linkExample{
	margin:				0 0 20px 0;
	padding:			10px;
	border:				1px solid #eaeaea;
	border-width:		1px 0;
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Verdana, Helvetica, sans-serif!important;
	color:				#2e2e2e;
}
input[type=text], input[type=password], select, textarea, input.text{     /* See ie.css */
	width:				200px!important;
	padding:			2px;
	border:				1px solid #5A7DA3!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:				137px!important; /* See ie.css */
}
select{
	width:				210px!important;
}
#left select,
#right select{
	width:				130px!important;
}
input[type=submit], input.submit, .pseudoButton{     /* See ie.css */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				0;
	background:			#8f8f8f!important;
}
input.submit, input.searchButton, .loginButton1, .loginButton2, #JBcontent input.submit, #JBcontent button, .pseudoButton, .SendMeJobsButton{     /* For backwards compatibility with IE6> */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				0;
	background:			#8f8f8f!important;
}
a.pseudoButton{ /* See ie.css & ie7.css */
	position:			relative;
	padding:			2px 12px;
	text-decoration:	none!important;
}

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

/* Can't add these includes 'here' message */
#directorySearch{
	width:				100%;
	height:				100px;
	margin-bottom:		10px;
	background:			url(/jobboard/images/cannotAddHere.png) no-repeat center center!important;
}
#directorySearch h2, #directorySearch form{
	display:			none;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{     
	position:			relative;
	height:				158px;
	padding:			0;
	background:			url(/images/backgrounds/header.gif) repeat-x top left #FFF;
}
.SubPage #header{
	margin-bottom:		30px;
}
#header #logo{ /* [TEMP] */
	position:			absolute;
	top:				11px;
	left:				0px;
}
#header #banner{
	position:			absolute;
	top:				35px;
	left:				345px;
}
#header #miniNav{
	position:			absolute;
	top:				80px;
	right: 0;
	padding-bottom:		1px;
	font:				bold 1em Verdana, Helvetica, sans-serif;
	text-align:			right;
}
#header #miniNav li{
	float:				left;
}
#header #miniNav a{
	color:				#303030;
	position:			relative;
	display:			block;
	padding:			0 10px;
	font-weight:		normal;
	font-size:			1em;
	text-decoration:	none;
	border-right:		1px solid #303030;
}
#header #miniNav li.lastItem a{
	border-right:		none;
}
#header #miniNav a em{
	font-style:			normal;
	color:				#323232;
}
#header #miniNav a:hover{
	background-color:	#faf7fc;
}
#homeBannerArea{  
	width:				785px; /* Total = 810px */
	height:				300px;
	position:			relative;
	padding:			0 0 20px 0;
}
#homeBannerArea h1{
	margin:				0 0 10px 15px;
	padding:			0 0 10px 0;
	background:			url(/images/backgrounds/dottedUnderline1.png) repeat-x bottom;
}
.peelAdShow{
	right:				5px;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-42px;
	width:				948px;
	padding:			3px 10px 3px 10px;
	border:				1px solid #cdcdcd;
	background:			#f1f1f1;
}

/*
===================================================================================
=== 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;
	border-bottom:		7px solid #2380CF;
	background: 		#FFF;
}
#header #mainMenu ul#topmenu{				
	width:				870px;
	height:				27px;
	padding:			7px 100px 0 0;
	overflow:			hidden;
	background: 		transparent;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
	position:			relative /* For IE6 */;
	height:				28px;
	margin:				0 3px;
	padding:			0;
	
}
#header #mainMenu ul#topmenu a.starter{     /* This rule applies to the top level menu items (links) */
	display:			block;
	float:				left;
	margin:				-6px 0;
	padding: 			6px 12px 6px 12px;
	color:				#000;
	font-size:			1.1em;
	font-family:		Arial;
	border-right:		2px solid #2380CF;
}
#header #mainMenu ul#topmenu li.lastItem a.starter{
	border-right:		none;
}
#header #mainMenu ul#topmenu a.starter:hover{
	background:			transparent;
}

#header #mainMenu ul#topmenu li:hover,
#header .pseudomenuItem:hover{
	background-position:left 0;
}
#header #mainMenu ul#topmenu a.starter:hover,
#header .pseudomenuItem a:hover{  /* See ie.css */
	color:				#000;
	background-position:right 0;
}
#header .pseudomenuItem{
	position:			absolute;
	bottom:				6px;
	right:				5px;
	height:				28px;
	margin:				0 3px;
	padding:			0;
	z-index:			100;
}
#header .pseudomenuItem a{
	display:			block;
	padding: 			7px 0px;
	color:				#000;
	font-size:			1.1em;
	font-family:		Arial;
	font-weight:		bold;
	text-decoration:	none;
}
#header #mainMenu ul#topmenu #mLOGIN{
	display:			block;
	position:			absolute;
	top:				0;
	right:				0;
	height:				auto;
	padding:			3px 5px;
	font:				bold 1em Verdana, Helvetica, sans-serif;
	color:				#153D7E!important;
	background:			#fff;
}

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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	float:				left;
	overflow:			hidden;
}
#content, #JBcontent{
	padding:			28px 0 5px 0;
}
#right{
	width:				165px;
	padding:			5px 0 5px 20px;
}
#left{
	width:				235px;
	padding:			5px 0;  /* See ie.css */
}
.SubPage #left{
	padding:			10px 0 5px 0;
}
.SubPage #right{
	padding:			10px 0 5px 20px;
}
#homepage #right{
	padding-top:		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:				940px; /* TOTAL = 960px */
	overflow:			hidden;
	margin-left:		0;
	padding:			28px 10px 10px 10px;
}

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-960px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ie.css */
	width:				685px;
	padding:			28px 10px 5px 10px;
	overflow:			hidden;
	margin-left:		255px; /* #left (width + lateral padding + lateral borders) */
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				665px;
	overflow:			hidden;
	padding:			10px 60px 5px 60px;
	margin-left:		0;
}

body#homepage.twocolR #right{
	width:				245px;
}
body#homepage.twocolR #content{
	width:				705px;
	overflow:			hidden;
	padding:			10px 0px 5px 0px;
	margin-left:		0;
}

/*
=======================
=== 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:				530px; /* Total = 535px */
	overflow:			hidden;
	margin-left:		255px; /* #left (width + lateral padding + lateral borders) */
} 

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

===================================================================================
=== HOME PAGE ====================================================================
===================================================================================
*/
#homeContent{
	height:				292px;
	margin-bottom:		10px;
	position:			relative;
}

/* --- Quick Search --- */
#homepage #search{ /* See ieLegacy.css */
	float:				right;
	width:				225px;
	height:				284px;
	margin:				0!important;
	padding:			0 10px;
	position:			relative;
	border:				1px solid #E6E6E6;
	border-top:			7px solid #153D7E;
	background:			#EFEFEF;
}
#homepage .CMSButtonPara{
	display:			none;
}
#homepage #search h2{
	margin:				0 -10px 0 -10px;
	padding:			10px 10px 5px 10px;
}
#homepage #search input.text,
#homepage #search select{
	width:				95%!important;
	margin:				1px 0px 4px 0px;
}
#homepage #search select{
	width:				98%!important;
}
#homepage #search .submit a{
	position:			absolute;
	bottom:				7px;
	right:				15px;
	width:				60px;
	font-size:			0.9em;
	text-align:			right;
	text-decoration:	underline;
}
#homepage #search .quicknotes{
	display:			none;
}
#homepage #search label{
	font-weight:		bold;
}
#homepage #search .searchButton,
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{ /* See ie.css */
	width:				119px!important;
	height:				30px;
	padding:			0 0 4px 0;
	font-size:			1.3em!important;
	color:				#FFF!important;
	border:				0!important;
	background:			url(/images/backgrounds/submitSearch.gif) no-repeat!important;
}

#homeContent #specialAreas{
	width:				410px;
	height:				264px;
	padding:			10px;
	border:				1px solid #E6E6E6;
	border-top:			7px solid #153D7E;
	background:			#EFEFEF;
	float:				left;
}
#homeContent #specialAreas p{
	padding-top:		5px;
}
#homeContent #specialAreas ul{
	margin:				0px;
	padding:			5px 0px;
}
#homeContent #specialAreas li{
	width:				43%;
	margin:				7px 0px;
	background:			url(/images/backgrounds/arrowRight.gif) no-repeat 0px 3px;
	float:				left;
}
#homeContent #specialAreas li a{
	font-size:			1.1em;
}

#right .blockLink{
	margin-bottom:		10px;
	padding:			15px 5px 15px 70px;
	border:				1px solid #E6E6E6;
	border-top:			7px solid #153D7E;
	background:			#EFEFEF;
	position:			relative;
}
#right #uploadCV.blockLink{
	padding-bottom:		17px;
}
#right .blockLink img{
	position:			absolute;
	top:				17px;
	left:				10px;
}
#right .blockLink span{	
	color:				#000;
	font-weight:		normal;
	display:			block;
}
#right .blockLink .pseudoH2{
	margin:				0px 0px 5px 0px;
	color:				#153D7E;
	font-family:		Arial;
	font-size:			1.5em;
	font-weight:		bold;
	text-transform:		capitalize!important;
}

#left #quickLinks,
#right #quickLinks{
	margin-bottom:		10px;
	padding:			10px 5px 5px 5px;
	border:				1px solid #E6E6E6;
	border-top:			7px solid #153D7E;
	background:			#EFEFEF;
}
#left #quickLinks h2,
#right #quickLinks h2{
	font-size:			1.7em;
	text-transform:		uppercase!important;
}
#left #quickLinks h3,
#right #quickLinks h3{
	padding:			7px 5px 7px 35px;
	background:			url(/images/backgrounds/capsule.gif) no-repeat top center;
}
#homepage #quickLinks h3{
	padding:			7px 5px 7px 40px;
}
#left #quickLinks h3 a,
#right #quickLinks h3 a{
	color:				#FFF;
}
#left #quickLinks p,
#right #quickLinks p{
	padding:			5px;
}

/* --- Info Bar (CMS) --- */
#infoBar{
	clear:				both;
	margin-bottom:		10px;
	padding:			10px 6px; /* See ie.css */
	text-align:			left;
	border:				1px solid #E6E6E6;
	border-top:			7px solid #153D7E;
	background:			#F4F4F4;
}
#infoBar img{
	display:			block;
	margin-bottom:		7px;
	border:				1px solid #8B9BB0;
}
#infoBar p{
	float:				left;
	width:				125px;
	margin:				0 6px; /* See ie.css */
	padding:			0;
	background:			transparent;
}
#infoBar a{
	display:			block;
	margin-bottom:		2px;
	font:				bold 1em Arial, Helvetica, sans-serif;
}

/*
===============
=== CONTENT ===
===============
*/
#content, #JBcontent{
	text-align:			left;
}
#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;
}
#homepage h2, 
#content h1, #JBcontent h1{
	color:				#153D7E;
	font-family:		Arial;
	font-size:			1.7em;
	font-weight:		bold;
	text-transform:		uppercase!important;
}
.SubPage #content h1, .SubPage #JBcontent h1{
	text-transform:		capitalize!important;
}
#homepage h2 span, #homepage h2 em{
	color:				#2380CF;
	font-style:			bold;
	font-style:			normal;
}
#JBcontent fieldset h2{
	font-size:			1em!important;
	padding:			5px 10px!important;
}
#content ul, #JBcontent ul{
	margin-bottom:		1em;
}
#content ol{
	margin:				0 40px;
	list-style-type:	decimal;
}
#content ol li{
	margin:				0 0 1em 0;
}
#JBcontent table, #JBcontent form{
	text-align:			left;
}
#content table{
	margin-bottom:		1em;
}
.SubPage #content table tr td{
	padding:			5px;
	border-bottom:		1px solid #efefef;
}
.linkLatestJobs, .linkAllJobs{     
	float:				left;
	margin:				0.5em 0 0 0;
	font:				normal 1.3em "Lucida Sans Unicode", "Lucida Sans" , Myriad, sans-serif;
	color:				#153D7E;
	text-transform:		capitalize;
}
.linkLatestJobs{ /* See ie.css & ie7.css */
	width:				72.7%;
}
#JBcontent.menu .NewsItem{     
	border-bottom:		1px solid #dce5ec;
}
.SubPage #content .searchByBox ul{
	margin:				0 0 20px 0;
	padding:			0;
}
.SubPage #content .searchByBox ul li{
	float:				left;
	width:				30%;
	margin:				0 0.5% 5px 0.5%;
}
.SubPage #content .searchByBox ul li a{
	display:			block;
}

/*
================
=== SIDEBARS ===
================
*/
#left h2,
#right h2{
	color:				#153D7E;
	font-family:		Arial;
	font-size:			1.7em;
	font-weight:		bold;
	text-transform:		uppercase!important;
}
#left h2 em, #left h2 span,
#right h2 em, #right h2 em{
	color:				#2380CF;
	font-style:			bold;
	font-style:			normal;
}

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

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

/* --- Latest Vacancies & Featured Jobs --- */
#left #latest, #right #latest,
#left #featured, #right #featured{
	border:				1px solid #E6E6E6;
	border-top:			7px solid #153D7E;
	background:			#EFEFEF;
}
#left #latest h2, #right #latest h2,
#left #featured h2, #right #featured h2{
	padding-top:		10px;
	text-align:			center;
}

/* 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 Verdana, 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:				100%!important;
}
#left .LatestVacanciesTBL h2,
#right .LatestVacanciesTBL h2{
	margin-bottom:		0;
}
#left .LatestVacanciesTBL, 
#right .LatestVacanciesTBL{
	width:				auto;
	margin:				0;
}
#left .LatestVacanciesTBL td, 
#right .LatestVacanciesTBL td{ /* See ie.css */
	padding:			6px 5px 3px 5px;
	border-top:			1px solid #dce5ec;
}
#left .LatestVacanciesTBL .lastJobRow td, 
#right .LatestVacanciesTBL .lastJobRow td{
	border-bottom:		1px solid #dce5ec;
}
#left .LatestVacanciesTBL a, 
#right .LatestVacanciesTBL a{  
	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:			block!important;
	padding:			0;
	text-align:			left;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span a, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span a{
	color:				#333;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle{
	margin:				0 0 3px 0!important;
	font-weight:		bold!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a{
	text-decoration:	underline;
	color:				#153D7E;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary{
	margin:				0 0 3px 0!important;
	font-style:			italic!important;
}

/* --- Side Banners --- */
#left .featuredEmployersBox,
#right .featuredEmployersBox{
	margin:				0 0 10px 0!important;
	padding:			5px 8px 1px 8px!important; /* See ie7.css & ieLegacy.css */
	border:				1px solid #cdcdcd!important;
	border-top:			7px solid #153D7E!important;
	background:			#e6e6e6!important;
}
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2{
	display:			none;
}
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul{
	margin:				0;
}
#left .featuredEmployersBox ul li,
#right .featuredEmployersBox ul li{
	margin:				0 0 3px 0; /* See ie7.css & ieLegacy.css */
	text-align:			center;
}
#left .featuredEmployersBox ul li img,
#right .featuredEmployersBox ul li img{
	border:				1px solid #133077;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	clear:				both;
	text-align:			center;
}
#left .featuredEmployersBox .LinkToClientList a,
#right .featuredEmployersBox .LinkToClientList a{
	color:				#153D7E!important;
	font-weight:		normal;
	text-decoration:	underline;

}

/* --- Recruiter Login & Jobseeker Login --- */
#right #jobseekersLoginInc,
#right #recruiterLoginInc{
	margin:				0 0 10px 0;
	color:				#3C3C3C;
	border:				1px solid #CDCDCD;
	background:			#E6E6E6;
}
#right #jobseekersLoginInc h2,
#right #recruiterLoginInc h2{
	margin-bottom:		0;
	font-size:			1em!important;
}
#right #jobseekersLoginInc form,
#right #recruiterLoginInc form{
	padding:			5px;
}
#right #jobseekersLoginInc p.submit,
#right #recruiterLoginInc p.submit{
	height:				50px;
	margin-bottom:		0;
}
#right #jobseekersLoginInc p.submit input,
#right #recruiterLoginInc p.submit input{
	margin-top:			-45px;
	font-size:			1em!important;
	float:				right;
}
#right #jobseekersLoginInc p.submit a,
#right #recruiterLoginInc p.submit a{
	float:				left;
	margin:				35px 0 0 0;
	font-weight:		normal;
	text-decoration:	underline;
}
#right .ClientHome{
	margin:				5px 0 5px 0!important;
	clear:				both;
}
#right .ClientHome a{
	font-weight:		normal;
	text-decoration:	underline;
}

/* --- News --- */
#left #LatestNews,
#right #LatestNews{
	margin:				0 0 1.3em 0;
}
#left #LatestNews .NewsArticle,
#right #LatestNews .NewsArticle{
	height:				2.8em;
	overflow:			hidden;
	margin:				0 0 0.8em 0;
}
#left #LatestNews img,
#right #LatestNews img{ /* Hide images when in the sidebars (where they'd take up too much room */
	display:			none!important;
}

/* --- Quick Search Form --- */
#left #search,
#right #search{
	margin-bottom:		10px;
	padding:			10px 10px 0px 10px;
	border:				1px solid #E6E6E6;
	border-top:			7px solid #153D7E;
	background:			#EFEFEF;
	position:			relative;
}
#left #jobBrowseContainer #search,
#right #jobBrowseContainer #search{
	position:			relative;
}
#left #search h2,
#right #search h2{
	
}
#left #search label, 
#right #search label{
	color:				#000;
	font-weight:		bold;
}
#left #search select, #left #search input.text, 
#right #search select, #right #search input.text{
	display:			block;
	width:				96.5%!important;
	margin:				4px 0 10px 0;
}
#left #search select, 
#right #search select{
	width:				99.5%!important;
}
#left #search p.submit,
#right #search p.submit{
	position:			relative;
}
#left #search p.submit input,
#right #search p.submit input{
	margin-top:			0px;
	margin-bottom:		0px;
}
#left #search p.submit a,
#right #search p.submit a{
	position:			absolute;
	top:				-2px;
	right:				2px;
	width:				60px;
	font-size:			0.9em;
	text-align:			right;
	text-decoration:	underline;
}
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{
	/*bottom:				5px!important;*/
}
#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 .sidebarMenu,
#right .sidebarMenu{
	padding:			10px 10px 0px 10px;
	border:				1px solid #E6E6E6;
	border-top:			7px solid #153D7E;
	background:			#EFEFEF;
}
#left ul.customSideBarMenu, 
#right ul.customSideBarMenu{
	margin:				0 -10px 10px -10px;
}
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{
	margin:				0 0 2px 0;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{
	position:			relative;   
	display:			block;
	padding:			5px 10px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#fff;
	background:			#153D7E;
}
#left ul.customSideBarMenu li a:hover,
#right ul.customSideBarMenu li a:hover{ 
	background:			#2380CF;
}

/*
=========================================================
=== 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;
	border-top:			7px solid #153D7E;
	background:			#F4F4F4;
}
#homepage #content #featured,
#homepage #content #latest{
	clear:				both;
	width:				100%;
	min-height:			310px; /* See ieLegacy.css */
	margin:				0 0 10px 0!important;
	padding:			10px;
}
#homepage #content #featured{
	margin-right:		11px!important;
}
#homepage #latest .CMSButtonPara{
	display:			none;
}
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{     
	width:				100%;
	margin:				-5px 0 0 0!important;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ie.css */
	padding:			2px 10px;
	border-bottom:		1px solid #153D7E
}
#content .LatestVacanciesTBL tr.lastJobRow td, 
#JBcontent .LatestVacanciesTBL tr.lastJobRow td{
	border:				0;
}
#content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#content .LatestVacanciesTBL a, 
#JBcontent .LatestVacanciesTBL a{  
	text-decoration:	none;   
}
#content .LatestVacanciesCol1, 
#JBcontent .LatestVacanciesCol1{     
	width:				120px; /* Images should be 88px, giving this 10px of right padding */
	padding:			5px 0 5px 0!important;
}
#content .LatestVacanciesCol2 span, 
#JBcontent .LatestVacanciesCol2 span{
	color:				#000;
	display:			block;
}
#content .LatestVacanciesCol2 span a, 
#JBcontent .LatestVacanciesCol2 span a{
	color:				#000;
}
#content .LatestVacanciesCol2 span strong, 
#JBcontent .LatestVacanciesCol2 span strong{
	font-weight:		normal;
}
#content .LatestVacanciesCol2 span.jobs_JobTitle a, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobTitle a{
	color:				#153D7E;
}
#content .LatestVacanciesCol2 span.jobs_SalaryList, 
#JBcontent .LatestVacanciesCol2 span.jobs_SalaryList{
	width:				18%;
	height:				15px;
	margin-bottom:		3px;
	padding:			0 1% 0 0;
	text-align:			left;
	border-right:		1px solid #000;
	overflow:			hidden;
	float:				left;
}
#content .LatestVacanciesCol2 span.jobs_Region, 
#JBcontent .LatestVacanciesCol2 span.jobs_Region{
	width:				38%;
	height:				15px;
	padding:			0 1%;
	font-weight:		normal!important;
	text-align:			center;
	border-right:		1px solid #000;
	overflow:			hidden;
	float:				left;
}
#content .LatestVacanciesCol2 span.jobs_Area, 
#JBcontent .LatestVacanciesCol2 span.jobs_Area{
	width:				37%;
	height:				15px;
	padding:			0 1%;
	font-weight:		normal!important;
	text-align:			center;
	overflow:			hidden;
	float:				left;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription{
	clear:				both;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription a, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription a,
#content .LatestVacanciesCol2 span.jobs_SalaryList strong,
#JBcontent .LatestVacanciesCol2 span.jobs_SalaryList strong{
	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;
}

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

/* --- Recruiter Login & Jobseeker Login --- */

/* --- News --- */
#content #newsInc,
#JBcontent #newsInc{
}
#content #LatestNews,
#JBcontent #LatestNews{
	margin:				0 0 10px 0;
}
#content #LatestNews .NewsTitle a,
#JBcontent #LatestNews .NewsTitle a{     
	font-weight:		bold!important;
}
#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 --- */

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

/* --- Menu (User created menus) --- */
#content .sidebarMenu h2,
#JBcontent .sidebarMenu h2{
	width:				50%;
}
#content ul.customSideBarMenu, 
#JBcontent ul.customSideBarMenu{
	width:				50%;
	margin:				0 0 10px 0;
}
#JBcontent ul.customSideBarMenu  li, 
#content ul.customSideBarMenu li{
	margin:				0 0 2px 0;
	padding:			0;
	background:			transparent;
}
#JBcontent ul.customSideBarMenu li a,
#content ul.customSideBarMenu li a{   
	position:			relative;  
	display:			block;
	padding:			5px 10px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#fff;
	background:			#CB181E;
}
#JBcontent ul.customSideBarMenu li a:hover,
#content ul.customSideBarMenu li a:hover{ 
	background:			#670404;
}
 
/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	width:				100%;
	height:				110px;
	padding:			0;
	border-bottom:		7px solid #2380CF;
	background:			url(/images/backgrounds/header.gif) repeat-x #FFF;
}
#popup #popupHeader .popupLogo{ /* [TEMP] */
	width:				329px;
	height:				81px;
	position:			absolute;
	top:				11px;
	left:				0px;
	background:			url(/images/logo.gif) no-repeat top;
}
#popup #popupFooter{
	border-top:			7px solid #2380CF;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	overflow:			hidden;
	font-size:			0.9em;
	color:				#000;
	padding:			10px 0px 0px 0px;
	border-top:			7px solid #2380CF;
}
#footer li{
	float:				left;
	margin:				0!important;
	padding:			0 5px;
	border-right:		1px solid #153D7E;
}
#footer li.lastItem{
	border:				0;
}
#footer p{
	clear:				both;
	padding:			2px 4px;
}
#footer a{
	color:				#000;
	font-weight:		normal;
}

/* --- */
#footer .CMSlogout{
	position:			absolute;
	bottom:				2px;
	right:				5px;
	padding:			0 0 10px 0;
}
#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{  
	background:			transparent;   
}
#JBcontent.jobindex li.indexlink ul{
	margin-left:		0;
}
#JBcontent.advertisers ol{     
	background:			transparent;
}
#JBcontent.advertisers ol li{   
	background:			transparent;  
}
#JBcontent #progress{
	margin:				40px 0 40px 0;
}
#JBcontent.jobView p{
	text-align:			left;
}
#JBcontent .styled h2{
	color:				#fff!important;
}
#JBcontent form.styled fieldset h2,
#left #jobseekersLoginInc h2, #right #jobseekersLoginInc h2,
#left #recruiterLoginInc h2, #right #recruiterLoginInc h2{
	padding:			9px 10px;
	font:				bold 1.1em Verdana, Helvetica, sans-serif;
	color:				#fff;
	background:			#424242;
}


.lstdoBDay{
	width:				50px!important;
	margin-right:		2px;
}

.lstdoBMonth{
	width:				60px!important;
	margin-right:		2px;
}

.lstdoBYear{
	width:				70px!important;
	margin-right:		2px;
}
#JBcontent.advertisers ul li{
	background:			url(/images/icons/bullet1.png) no-repeat 0 4px!important;
}

/* 
====================================
=== NEW RESULTES PAGE 2008-05-22 === 
====================================
*/
/* --- Page Numbers --- */
#JBcontent ul.pageNumbers{
	clear:				both;
	margin:				15px 0!important;
}
#JBcontent ul.pageNumbers li{
	float:				left;
	margin:				0;
	padding:			0;
	color:				#3c3c3c;
	background:			transparent!important;
}
#JBcontent ul.pageNumbers li a,
#JBcontent ul.pageNumbers li.pageSelected{
	display:			block;
	min-width:			1em; /* See ie.css */
	padding:			2px;
	font-weight:		bold;
	text-align:			center;
	border:				0;
	background:			transparent;
}
#JBcontent ul.pageNumbers li a:hover,
#JBcontent ul.pageNumbers li.pageSelected{
	color:				#000;
	background:			transparent;
}
#JBcontent ul.pageNumbers li.titleBar{
	margin:				0 3px 0 0;
	padding:			2px;
	font-weight:		normal;
}

/* --- Job Results --- */
#JBcontent.jobResults h2{
	font-weight:		bold;
}
#JBcontent.jobResults .jobInfo a.detailsApply,
#JBcontent.jobResults .jobInfo .jobLogo,
#JBcontent.jobResults .compInfo .compLogo,
#JBcontent.jobResults .jobInfo ul.jobDetails li strong{
	display:			none;
}
#JBcontent.jobResults .resultsActions{
	margin-top:			10px;
	height:				2em;
	padding:			0 0 15px 0;
}
body.twocolL #JBcontent.jobResults .resultsActions,
body.twocolR #JBcontent.jobResults .resultsActions{
	margin-right:		82px;
	*margin-right:		42px; /* IE7> Hack */
}
#JBcontent.jobResults .buttonLink{
	float:				right;
	width:				auto;
	overflow:			visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
	margin:				0 0 0 5px;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				0;
	cursor:				pointer;
	background:			#8f8f8f!important;
}
#JBcontent.jobResults .buttonLink:hover{
	color:				#fff!important;
	background:			#9b0707!important;
}
#JBcontent.jobResults .jobInfo,
#JBcontent.jobResults .featuredJob{
	clear:				both;
	position:			relative;
	margin:				2px 0;
	padding:			0 0 3px 25px;
	border:				0;
	background:			url(/images/backgrounds/dottedUnderline2.png) repeat-x left bottom;
}
#JBcontent.jobResults .featuredJob{	
	border-color:		#F07921;
}
body.twocolL #JBcontent.jobResults .jobInfo,
body.twocolR #JBcontent.jobResults .jobInfo,
body.twocolL #JBcontent.jobResults .featuredJob,
body.twocolR #JBcontent.jobResults .featuredJob{
	width:				100%;
	margin:				5px 0;
}
#JBcontent.jobResults .jobInfo h2,
#JBcontent.jobResults .featuredJob h2{
	margin:				0 0 0 -26px;
	padding:			8px 0 0 25px;
	font-size:			1.1em;
	color:				#153D7E;
	background:			transparent;
}
#JBcontent.jobResults .featuredJob h2{
	margin-top:			-3px;
	zbackground:			url(/images/backgrounds/dottedUnderline2.png) repeat-x top;
}
#JBcontent.jobResults .jobInfo h2 a{
	color:				#153D7E!important;
	text-decoration:	underline!important;
}
#JBcontent.jobResults .jobInfo input.checkBox{
	position:			absolute;
	top:				10px;
	left:				5px;
}
#JBcontent.jobResults .jobInfo a.detailsApply:hover{
	background:			#000!important;
}
#JBcontent.jobResults .jobInfo ul.jobDetails{
	min-height:			1.7em;
	margin:				0 0 5px 0;
	padding:			0;
	font-style:			italic;
	color:				#000;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li{
	width:				49%;
	height:				auto;
	margin:				2px 1% 2px 0;
	padding:			0;
	font-style:			italic;
	background:			transparent;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li a,
#JBcontent.jobResults .jobInfo ul.jobDetails li span.linkless{
	display:			block;
	float:				left;
	width:				100%;
	font-weight:		normal;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo p.jobDescription{
	clear:				both;
	margin:				0 0 8px 0;
	padding:			0;
	border-top:			0;
}
#JBcontent.jobResults .featuredJob p.jobDescription{
	border-color:		#EDB68D;
}
/* --- Send Me Jobs Like These --- */
.sendMeJobsLikeThese{
	position:			relative;
	clear:				both;
	min-height:			13px; /* See ie.css */
	padding:			5px 0;
	background:			transparent;
}
#sendMeJobsLikeTheseBot{
	margin:				-1px 0 0 0;
	padding:			5px 0 17px 0;
	border-top:			1px solid #fff;
	background:			url(/images/backgrounds/dottedUnderline2.png) repeat-x bottom;
}
.sendMeJobsLikeThese label,
.sendMeJobsLikeThese input.text{
	margin:				0 5px 0 0;
}
.sendMeJobsLikeThese input.text{
	width:				135px!important;
}
#sendMeJobsLikeTheseTop .SendMeJobsButton{
	position:			absolute;
	top:				0;
	right:				0;
	width:				200px!important;
	height:				21px;
	padding:			0 0 3px 0!important;
	font:				normal 0.8em Verdana, Helvetica, sans-serif!important;
	text-transform:		uppercase;
	background:			url(/images/backgrounds/formButtons.png) no-repeat left -35px!important;
}
#sendMeJobsLikeTheseBot .SendMeJobsButton{
	position:			absolute;
	bottom:				11px;
	right:				0;
	width:				200px!important;
	height:				21px;
	padding:			0 0 3px 0!important;
	font:				normal 0.8em Verdana, Helvetica, sans-serif!important;
	text-transform:		uppercase;
	background:			url(/images/backgrounds/formButtons.png) no-repeat left -35px!important;
}
/* ------------------------------- */

/* 
===================
=== JOB BROWSER === 
===================
*/
#jobBrowseContainer{
	margin:				0;
	padding:			0;
}

#jobBrowseContainer ul.tabNav{
	margin:				0;
}
#jobBrowseContainer ul.tabNav li.selectedTab,
#jobBrowseContainer ul.tabNav li.unselectedTab{
	float:				left;
	height:				32px;
	margin:				0 2px 0 0;
	padding:			0;
	background:			url(/images/backgrounds/jobBrowser.png) right top no-repeat;
}
#jobBrowseContainer ul.tabNav li.tabTwo{
	float:				right;
	margin-right:		0;
}
#jobBrowseContainer ul.tabNav li.selectedTab a,
#jobBrowseContainer ul.tabNav li.unselectedTab a{
	display:			block;
	padding:			7px 23px;
	font:				bold 1.3em Verdana, Helvetica, sans-serif;
	text-transform:		uppercase;
	text-decoration:	none;
	text-align:			center;
	color:				#231F20;
	background:			url(/images/backgrounds/jobBrowser.png) left 0 no-repeat;
}
#jobBrowseContainer ul.tabNav li.tabOne{
	background-position:right -45px
}
#jobBrowseContainer ul.tabNav li.tabOne a{
	color:				#fff;
	background-position:left -45px
}

#jobBrowseContainer #search{
	border-top:			none;
	background:			#E6E6E6;
}

/* --- Job Browser Results --- */
#jobBrowserResults{
	margin:				0;
	padding:			1px 0 0 0;
	color:				#fff;
	background:			#153D7E;
	zoom:				1;
}
#jobBrowserResults h2{
	display:			none;
}
#jobBrowserResults h2,
#jobBrowserResults h3{
	margin:				0 0 7px 0;
	color:				#fff;
}
#jobBrowserResults a{
	display:			block;
	position:			relative;
	margin:				0 2px 0 0;
	padding:			1px 0;
	font-weight:		normal;
	text-decoration:	none;
	color:				#fff;
}
#jobBrowserResults .JobBrowseLinks{
	margin:				10px 0 0 0;
	padding:			5px 15px 15px 15px;
	border-bottom:		3px solid #fff;
}
#jobBrowserResults .JobBrowseLinks .moreJobOptions{
	margin:				7px 0 0 0;
	font-weight:		bold;
	cursor:				pointer;
}
/* --- Current Search Details --- */
#jobBrowserResults #CurrentSearch{
	width:				200px;
	margin:				10px auto;
	padding:			10px 7px;
	border-bottom:		10px solid #153D7E;
	background:			#133658;
}
#jobBrowserResults #CurrentSearch h2{
	display:			block;
	margin:				0;
	font:				1.2em Verdana, Tahoma, sans-serif;
}
#jobBrowserResults #CurrentSearch ul{
	margin:				0 0 10px 0;
}
#jobBrowserResults #CurrentSearch ul li{
	padding:			5px 0;
}
#jobBrowserResults #CurrentSearch p{
	margin:				0;
}
#jobBrowserResults #CurrentSearch a{
	display:			block;
	text-decoration:	underline;
}
#jobBrowserResults #CurrentSearch a:hover{
	background:			transparent;
}

/* --- More Info Floating Div --- */
#divExtraOptions{
	width:				47em;
	border:				0;
	background:			transparent;
}
#divExtraOptions .closeFloatDiv{
	position:			absolute;
	top:				34px;
	right:				4px;
	width:				20px;
	height:				20px;
	border:				1px solid #153D7E;
	background:			url(/jobboard/images/icons/closeFloatDiv.png) no-repeat center center #fff;
}
#divExtraOptions .closeFloatDiv a{
	display:			block;
	width:				20px;
	height:				20px;
	text-decoration:	none;
}
#divExtraOptions .closeFloatDiv span{
	visibility:			hidden;
}
#divExtraOptions ul.tabNav{
	margin:				0;
	padding:			0;
}
#divExtraOptions ul.tabNav li.selectedTab,
#divExtraOptions ul.tabNav li.unselectedTab{
	width:				auto;
	font-size:			1.1em;
	border:				1px solid #b6b6b6;
	background:			#e6e6e6;
}
#divExtraOptions ul.tabNav li.selectedTab{
	border-color:		#1B3700;
	border-bottom-color:#153D7E;
	background:			#153D7E;
}
.ExtraBrowseOptions ul li{
	margin:				0;
	padding:			3px 0;
	text-align:			left;
}
.ExtraBrowseOptions ul li a{
	display:			inline;
}
.ExtraBrowseOptions ul li a:hover{
	color:				#153D7E;
	background:			#E6F2CF;
}
.ExtraBrowseOptions{
	border:				2px solid #1B3700;
}

/* 
=====================
=== JOB VIEW PAGE === 
=====================
*/
#JBcontent.jobView .buttonLink,
#JBcontent.jobView .buttonLink a{
	margin:				0 5px 10px 0;
	padding:			2px 10px 3px 10px!important;
	text-transform:		capitalize;
	color:				#fff;
	border:				0;
	background:			#8f8f8f!important;
}
#JBcontent.jobView .buttonLink:hover{
	background:			#8f8f8f!important;
}
#JBcontent.jobView .ApplyNow{
	width:				90px;
	height:				19px;
	padding:			2px 0 0 0!important;
	text-align:			center;
	color:				#fff;
	font-size:			1em!important;
	border:				0;
	background:			#9B0707!important;
}
#JBcontent.jobView .ApplyNow:hover{
	color:				#FFF;
	background:			#000!important;
}

/* --- Job Preview --- */
#JBcontent.jobPreviewPage form.jobViewForm .jobInfo .jobLogo{
	top:				-15px;
}
#JBcontent.jobPreviewPage .buttonLink{
	font:				bold 1em Verdana, Tahoma, sans-serif!important;
}
#JBcontent.jobPreviewPage a.buttonLink{
	padding:			3px 10px 4px 10px;
}
#JBcontent.jobPreviewPage .ApplyNow{
	height:				20px;
	padding:			2px 0 10px 0; /* See ie.css */
}

/* 
====================
=== SITEMAP PAGE === 
====================
*/
#JBcontent ul#indexmenu{
	margin:				0;
}
#JBcontent li.indexlink{
	float:				left;
	width:				49%;
	margin:				0 1% 0 0;
	padding-left:		0;
	background:			transparent;
}
#JBcontent li.indexlink ul{
	position:			relative;
	height:				18em;
	padding:			0 5px;
	overflow:			auto;
	border:				1px solid #e0e0e0;
	background:			#f6f6f6;
}
#JBcontent li.indexlink ul li{
	margin:				0 0 10px 0;
	padding:			0;
	background:			transparent;
}

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