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

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	font:				70%/165% Arial, Helvetica, sans-serif;
	color:				#393631;
	text-align:			center;
	background:			url(/images/backgrounds/body.png) repeat-x #305DAB;
}
#container{
	position:			relative; /* Position to relative in order to allow elements contained within to be positioned absolutely within #container */
	width:				965px;
	margin:				0 auto 5px auto;
	padding:			0 5px 0 10px;
	text-align:			left;
	background:			#fff;
}
#main{
	background:			#fff;
}
.twocolL #main{
	background:			url(/images/backgrounds/main2colL.png) repeat-y;
}
.twocolR #main{
	background:			url(/images/backgrounds/main2colR.png) repeat-y;
}
.threecol #main{
	background:			url(/images/backgrounds/main3col.png) repeat-y;
}
h1, h2, h3, h4, h5, h6{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				normal 1.1em Arial, Helvetica, sans-serif;
}

h1{ /* See ieLegacy.css & ie7.css */
	font-size:			1.8em;
}
h2{     
	font-size:			1.6em;
}
h3{
	font-size:			1.4em;
}
h4{
	font-size:			1.2em;
}
h5, h6{
	font-weight:		normal;
}
p{
	margin:				0 0 1em 0;
}
a{     
	text-decoration:	underline;
	color:				#393631;
}
a:hover{     
	color:				#EC9B00;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.noborder{
	border:				none!important;
}
.txtLeft{
	text-align:			left;
}
.txtRight{
	text-align:			right;
}
.txtCentre{
	text-align:			center;
}
.txtJustify{
	text-align:			justify;
}
.imgLeft{
	float:				left;
	margin:				-3px 0 0 0;
}
.imgRight{
	float:				right;
	margin:				-3px 0 0 0;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.incBlock{
	margin:				0!important;
}
.moreInfo{
	margin:				0;
}
/* Display None */
#search .quicknotes, #testimonials .filteredNewsInc h2,#left .LatestVacanciesTBL span br, #left .LatestVacanciesTBL span table,
#right .LatestVacanciesTBL span br, #right .LatestVacanciesTBL span table, #left .LatestVacanciesTBL .LatestVacanciesCol1, 
#right .LatestVacanciesTBL .LatestVacanciesCol1, #left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary, #content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack, #content #LatestNews img, #JBcontent #LatestNews img, #left #testimonials dt.NewsTitle,
#content #latestNews .filteredNewsInc h2, #JBcontent #latestNews .filteredNewsInc h2, #homepage td.LatestVacanciesCol1,
#left #search p.submit a,#right #search p.submit a, #homepage #search .CMSButtonPara, .LinkToClientList, .CustomJobseekerMenuTXT,
#jobseekersLoginInc p.submit a, #recruiterLoginInc p.submit a, #left .filteredNewsInc h2, #right .filteredNewsInc h2,
.filteredNewsInc dt, .filteredNewsInc dd img{
	display:			none!important
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif!important;
}
input[type=text], input[type=password], select, textarea, input.text{ /* See ieLegacy.css  */
	width:				196px!important;
	padding:			2px!important;
	border:				1px solid #003884!important;
}
select{
	width:				200px!important;
}
#left input[type=text], #left input[type=password], #left textarea, #left input.text,
#right input[type=text], #right input[type=password], #right textarea, #right input.text{ /* See ieLegacy.css  */
	width:				97%!important;
}
#left form select, #right form select{
	width:				100%!important;
}
input[type=submit], input.submit{     /* See ieLegacy.css  */
	margin:				5px 0 0 0;
	padding:			1px 10px;
	font-weight:		bold!important;
	font-size:			1.2em!important;
	color:				#ffd200!important;
	border:				1px solid #003884;
	background:			#0052C2!important;
}
p.submit input{ /* See ieLegacy.css & ie7.css */
	margin:				3px 2px 0 0!important;
}
p.submit a{ /* Advanced search link */ /* See ieLegacy.css  */
	margin:				5px 0 0 0;
	font:				normal 0.9em Arial, sans-serif;
	color:				#000;
}
p.submit a:hover{ /* Advanced search link hover */ 
	color:				#EC9B00;
}

/*
=================================================
=== HACKS (Also, See ieLegacy.css  & ie7.css) ===
=================================================
*/
html{ /* Make sure the scrollbar is always on */
	height:				100%;
	margin-bottom:		1px
}
/* --- Clear Floats --- */
#main:after, #footer:after, #taxGuides:after,#left #search:after, #right #search:after, .incBlock:after{
	content:			".";
	display:			block;
	clear:				both;
	visibility:			hidden;
	height:				0;
}
#main, #footer, #taxGuides, #homeSection,#left ul.customSideBarMenu li a, #right ul.customSideBarMenu li a,#left #search, #right #search, .incBlock{
	zoom:				1;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{     
	position:			relative;
	height:				130px;
	margin:				0;
	padding:			0;
}
.SubPage #header{
	margin-bottom:		30px;
}
#header #logo{
	position:			absolute;
	top:				21px;
	left:				10px;
}
#header #banner{
	position:			absolute;
	top:				6px;
	right:				170px;
}
#header #tell, #header #fav, #header #boss{
	position:			absolute;
	top:				48px;
	right:				10px;
	font-size:			0.9em;
}
#header #fav{
	right:				40px;
}
#header #tell{
	right:				70px;
}
#homeBannerArea{     
	float:				left;
	width:				580px;
	height:				195px;
	border-right:		5px solid #fff;
	background:			#fff;
}
#homeBannerArea h1{
	margin-bottom:		0.2em;
	font-size:			2.7em;
	color:				#0052c2;
}
#homeBannerArea h2, #homeBannerArea p{
	font-weight:		bold;
	font-size:			2em;
}
#homeBannerArea a{
	font-weight:		normal;
	color:				#0052c2;
}
#homepage #search{
	float:				right;
	position:			relative;
	width:				340px;
	height:				145px;
	padding:			25px 20px;
	background:			url(/images/backgrounds/quicksearch.png) no-repeat left top #0052c2;
}
#homepage #search dt{
	position:			absolute;
	top:				70px;
	left:				20px;
	font-weight:		bold;
	color:				#fff;
}
#homepage #search dd{
	position:			absolute;
	top:				70px;
	left:				84px;
	padding:			0!important;
}
#homepage #search dt#DTRegion{
	top:				98px;
}
#homepage #search dd#DDRegion{
	top:				96px;
	left:				85px;
}
#homepage #search dt#DTJobSector{
	top:				125px;
}
#homepage #search dd#DDJobSector{
	top:				123px;
	left:				85px;
}
#homepage #search .searchButton{
	position:			absolute;
	top:				121px;
	right:				20px;
	width:				70px;
	color:				#0052c2!important;
	border:				0;
	background:			#ffd200!important;
}
#homepage #search p.submit a{
	position:			absolute;
	top:				150px;
	left:				20px;
	font-size:			1em;
	color:				#fff;
}
#taxGuides{
	clear:				both;
	padding:			5px 15px;
	color:				#fff;
	border:				solid #fff;
	border-width:		2px 0;
	background:			#585B61;
}
#taxGuides a{
	text-decoration:	none;
	color:				#fff;
}
#taxGuides p, #taxGuides ul{
	float:				left;
	margin:				0;
}
#taxGuides p{
	margin-right:		10px;
}
#taxGuides ul li{
	float:				left;
	margin:				0 5px;
}
#taxGuides ul li img{
	position:			relative;
	top:				2px;
	margin:				0 5px 0 0;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-28px;
	width:				943px;
	margin:				0;
	padding:			2px 10px 3px 10px;
	border:				1px solid #c8c8c8;
	background:			#f5f5f5;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{
	position:			absolute;
	bottom:				0;
	left:				0;
	width:				100%;
	margin:				0!important;
	padding:			0!important;
	border-top:			15px solid #bdbdbd;
	background: 		transparent;
}
#header #mainMenu ul#topmenu{
	margin:				0!important;
	padding:			0!important;
	background: 		transparent;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#mainMenu ul#topmenu li{
	float:				left;
}
#header #mainMenu ul#topmenu a.starter,
#mainMenu ul#topmenu li.ShowLoggedIn{
	display:			block;
	position:			relative;
	top:				-15px; /* See ieLegacy.css & ie7.css */
	padding: 			18px 15px 2px 15px;
	font-weight:		bold;
	text-decoration:	none;
	color:				#4D4F53;
	background:			url(/images/backgrounds/mainNavBorder.png) repeat-y right;
}
#header #mainMenu ul#topmenu a.starter:hover{
	color: 				#0052C2;
	background-color:	#ffd200;
}
#header #mainMenu ul#topmenu a.starter em{
	font-style:			normal;
}
#mainMenu ul#topmenu li.ShowDateTime{
	float:				right;
	padding:			5px 10px 5px 5px; /* See ieLegacy.css & ie7.css for top value */
}
#mainMenu ul#topmenu li.ShowDateTime span{

}

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

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

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-965px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ieLegacy.css  */
	width:				725px; /* TOTAL = 795px */
	overflow:			hidden;
	margin-left:		170px; /* #left (width + lateral padding + lateral borders) */
	padding-left:		35px;
	padding-right:		35px;
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				725px; /* TOTAL = 795px */
	overflow:			hidden;
	margin-left:		0;
	padding-left:		35px;
	padding-right:		35px;
}
/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-795px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				595px; /* Total = 625px */
	overflow:			hidden;
	margin-left:		170px; /* #left (width + lateral padding + lateral borders) */
}
body#homepage.threecol #left{
	margin-left:		-585px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body#homepage.threecol #content, body#homepage.threecol #JBcontent{
	width:				385px; /* Total = 415px */
	overflow:			hidden;
	margin-left:		170px; /* #left (width + lateral padding + lateral borders) */
}

/*
===================================================================================
=== MAIN ==========================================================================
===================================================================================
*/
#homeSection{
	margin:				30px 0 0 0;
	border-top:			1px solid #fff;
}

/*
===============
=== CONTENT ===
===============
*/
#content, #JBcontent{
	padding-bottom:		10px!important;
	text-align:			justify;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#JBcontent h1, #JBcontent h2, #JBcontent h3, #JBcontent h4, #JBcontent h5, #JBcontent h6{
	text-align:			left;
}
#content 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 45px 10px 45px;
	list-style-type:	decimal;
}
#content ol li{
	margin:				0 0 5px 0;
}
#JBcontent table, #JBcontent form{
	text-align:			left;
}
.linkLatestJobs, .linkAllJobs{     
	float:				left;
	margin:				0.5em 0 0 0;
	font:				normal 1.3em Arial, Helvetica, sans-serif;
	color:				#0052c2;
	text-transform:		capitalize;
}
.linkLatestJobs{ /* See ieLegacy.css & ie7.css */
	width:				72.7%;
}
.linkLatestJobs a, .linkAllJobs a{     
	color:				#0052c2;
}
.linkLatestJobs a:hover, .linkAllJobs a:hover{     
	color:				#EC9B00;
}
#JBcontent.menu .NewsItem{     
	border-bottom:		1px solid #dce5ec;
}
#content select, #left select, #right select{
	width:				195px!important;
	padding:			0;
}
.similarJobs, .similarSearches{
	position:			relative;
}
.contactUs form{
	width:				75%;
	padding:			10px 25% 10px 0;
	border-top:			2px solid #DC672D;
	border-bottom:		2px solid #DC672D;
}
.contactUs form fieldset{
	padding:			0 5px;
}
.contactUs form fieldset label{
	clear:				both;
	display:			block;
	float:				left;
	width:				15em;
	height:				1em;
	margin:				0 0 10px 0;
	padding:			0.2em 0 0.4em 0;
	font-weight:		bold;
}
.contactUs form fieldset .txtArea{
	height:				7em;
}
.contactUs form fieldset label.txtArea{
	height:				6.5em;
}
.contactUs form fieldset textarea.txtArea{
	width:				23em!important;
	height:				7em;
}
.contactUs form fieldset .frmInput{
	display:			block;
	float:				left;
	margin:				0 0 10px 0;
}
.contactUs form fieldset em, .required em{
	position:			relative;
	top:				5px;
	margin:				0 0 0 3px;
	font-weight:		bold;
	font-size:			1.5em;
	color:				#DC672D;
}
.contactUs form .required{
	margin:				0 5px 1em 5px;
}
.divisionSearchButton a{
	display:			block;
	width:				15em;
	margin:				20px 0;
	padding:			2px 0;
	font-weight:		bold;
	font-size:			1.2em;
	text-decoration:	none;
	text-align:			center;
	color:				#ffd200;
	border:				1px solid #003884;
	background:			#0052C2;
}
.postalContact{
	margin:				15px 0 0 0;
}
.postalContact address{
	display:			block;
	float:				left;
	width:				33%;
	margin:				15px 0 0 0;
	padding:			0 0 15px 0;
	border-bottom:		1px solid #cecece;
}
.postalContact address.Netherlands,
.postalContact address.Switzerland{
	border-bottom:		0;
}

/*
================
=== SIDEBARS ===
================
*/
#left #search, #left .sidebarMenu, #left #testimonials, #left #latestNews, #left #news, #left #featured, #left #latest, #left #featuredemployers, #left .featuredEmployersBox, #left #jobseekersLoginInc, #left #newsInc, #left #recruiterLoginInc,
#right #search, #right .sidebarMenu, #right #testimonials, #right #latestNews, #right #news, #right #featured, #right #latest, #right #featuredemployers, #right .featuredEmployersBox, #right #jobseekersLoginInc, #right #newsInc, #right #recruiterLoginInc{
	margin:				0 0 15px 0!important;
	padding:			0 0 24px 0;
	background:			url(/images/backgrounds/sidebarBoxes.png) no-repeat -180px bottom;
}
#right #search, #right .sidebarMenu, #right #testimonials, #right #latestNews, #right #news, #right #featured, #right #latest, #right #featuredemployers, #right .featuredEmployersBox, #right #jobseekersLoginInc, #right #newsInc, #right #recruiterLoginInc{
	background-position:-540px bottom;
}
#left #search form, #left .sidebarMenu ul, #left .filteredNewsInc, .SubPage #left #featuredBox, #left #latestBox, #left .featuredEmployersBox ul, #left #jobseekersLoginInc #candlogin, #left #newsInc #LatestNews, #left #recruiterLoginInc #employerlogin, #left #testimonials .BannerImages,
#right #search form, #right .sidebarMenu ul, #right .filteredNewsInc, .SubPage #right #featuredBox, #right #latestBox, #right .featuredEmployersBox ul, #right #jobseekersLoginInc #candlogin, #right #newsInc #LatestNews, #right #recruiterLoginInc #employerlogin, #right #testimonials .BannerImages{
	margin:				0!important;
	padding:			10px 20px 0 8px;
	background:			url(/images/backgrounds/sidebarBoxes.png) no-repeat 0 top;
}
#right #search form, #right .sidebarMenu ul, #right .filteredNewsInc, .SubPage #right #featuredBox, #right #latestBox, #right .featuredEmployersBox ul, #right #jobseekersLoginInc #candlogin, #right #newsInc #LatestNews, #right #recruiterLoginInc #employerlogin, #right #testimonials .BannerImages{
	padding:			10px 8px 0 20px;
	background-position:-359px top;
}
#left .filteredNewsInc, #left #newsInc #LatestNews,
#right .filteredNewsInc, #right #newsInc #LatestNews{
	height:				9em;
	overflow:			hidden;
	margin:				0 0 10px 0!important;
	padding-right:		8px;
}
#left h2, #right h2{
	margin:				0;
	padding:			7px 5px 7px 35px;
	text-align:			left;
	color:				#fff;
	background:			url(/images/backgrounds/roundedCornerRight1.png) no-repeat -105px top #585B61;
}
#left h2{
	margin:				0;
	padding:			7px 35px 7px 5px;
	background:			url(/images/backgrounds/roundedCornerLeft1.png) no-repeat 75px 0 #585B61;
}
#homepage #right #featured h2, #homepage #search h2{
	width:				9em;
	padding:			0;
	font-size:			2.1em;
	color:				#ffd200;
	background:			transparent;
}
#left #testimonials .moreInfo{
	margin:				0 20px 0 8px;
}
#right #testimonials .moreInfo{
	margin:				0 8px 0 20px;
}
.BannerImages {
	position:relative;
}
.BannerImages  ul li{
	float:				left;
	width:				50%;
	text-align:			center;
}
#content .BannerImages  ul li,
#JBcontent .BannerImages  ul li{
	width:				auto;
}
#homepage #featured{
	position:			relative;
	top:				-10px;
	padding:			12px 20px 0 20px;
	background:			url(/images/backgrounds/featured.png) no-repeat left top #FFD200;
}
#homepage #featured #featuredBox{
	margin:				0 -20px;
	padding:			20px 10px 5px 10px;
	background:			url(/images/backgrounds/roundedCornerLeft3.png) no-repeat left bottom;
}
#homepage #featured #featuredBox table{
	width:				100%;
}
#homepage #featured #featuredBox td{
	padding:			5px 10px 5px 35px;
	border-bottom:		10px solid #FFD200;
	background:			url(/images/icons/star1.png) no-repeat 10px 8px #fff;
}
#homepage #featured #featuredBox td a{
	text-decoration:	none;
}
#homepage #featured #featuredBox td a:hover{     
	color:				#EC9B00;
}
#homepage #featured #featuredBox td span.jobs_JobTitle,
#homepage #featured #featuredBox td span.jobs_JobDescription{
	display:			block!important;
}
#homepage #featured #featuredBox td span.jobs_JobTitle{
	margin:				0 0 5px 0!important;
	text-decoration:	underline!important;
}

/* --- Testimonials --- */
#homepage #testimonials .BannerImages ul{
	height:				100px;
}
#left #testimonials .BannerImages li,
#right #testimonials .BannerImages li{
	float:				none;
}


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

/* End of HTML formatting purge! */
#left .LatestVacanciesTBL h2,
#right .LatestVacanciesTBL h2{
	margin-bottom:		0;
}
#left .LatestVacanciesTBL td, 
#right .LatestVacanciesTBL td{ /* See ieLegacy.css  */
	padding:			6px 0 3px 0;
	border-bottom:		1px solid #dce5ec;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle{
	font-weight:		bold!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a{   
	color:				#0052c2;  
}

/* --- Featured Companies --- */
#left .featuredEmployersBox li,
#right .featuredEmployersBox li{
	margin:				0 0 2px 12px;
}

/* --- 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:				5px 0 0 0;
}
#left #jobseekersLoginInc p.submit a, #right #jobseekersLoginInc p.submit a,
#left #recruiterLoginInc p.submit a, #right #recruiterLoginInc p.submit a{
	display:			block!important;
	float:				left;
	width:				20px;
	margin:				0;
}
#left #jobseekersLoginInc p.submit input, #right #jobseekersLoginInc p.submit input,
#left #recruiterLoginInc p.submit input, #right #recruiterLoginInc p.submit input{
	display:			block;
	float:				right;
}

/* --- News --- */
#left #LatestNews .NewsArticle a,
#left #LatestNews .NewsArticle a img{
	display:			block!important;
}


/* --- Quick Search Form --- */
#left #search,
#right #search{
	padding:			0 0 20px 0;
}
#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 .searchButton, 
#right #search p.submit .searchButton{
	display:			block;
	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. */
.SubPage #left .customText,
.SubPage #right .customText{
	margin:				-40px 0 15px 0;
	padding:			5px 7px;
	background:			#f2f2f2;
}

/* --- Menu (User created menus) --- */
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{    
	display:			block;
	padding:			2px;
	font-weight:		bold;
	text-decoration:	none;
	border-bottom:		1px solid #4d4f53;
}
#left ul.customSideBarMenu li a:hover,
#right ul.customSideBarMenu li a:hover{
	color:				#0052C2; 
	background:			#FFD200;
}
#left ul.customSideBarMenu li.sideLast a,
#right ul.customSideBarMenu li.sideLast a{
	border-bottom:		0;
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{     
	width:				100%;
	border-bottom:		1px dashed #7c7c7c;
}
#featured h2, 
#latest h2{
	border-bottom:		none;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ieLegacy.css  */
	padding:			10px 0;
}
#content .LatestVacanciesCol1, 
#JBcontent .LatestVacanciesCol1{     
	width:				98px; /* Images should be 88px, giving this 10px of right padding */
	border-top:			1px dashed #7c7c7c;
}
#content .LatestVacanciesCol2, 
#JBcontent .LatestVacanciesCol2{     
	border-top:			1px dashed #7c7c7c;
}
#content .LatestVacanciesCol2 span.jobs_JobTitle, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobTitle{
	font-weight:		bold;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription,
#content .LatestVacanciesCol2 span.jobs_Salary, 
#JBcontent .LatestVacanciesCol2 span.jobs_Salary{
	font-weight:		normal;
}
/* --- Featured Companies --- */
#content .featuredEmployersBox ul,
#JBcontent .featuredEmployersBox ul{
	height:				80px;
	padding:			0 20px;
	overflow:			hidden;
	margin:				2px 0 5px 0;
}
#content .featuredEmployersBox ul li,
#JBcontent .featuredEmployersBox ul li{
	float:				left;
	padding:			2px 3px;
	background:			transparent;
}

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

/* --- News --- */
#content #latestNews,
#JBcontent #latestNews{
	margin:				0 0 10px 0;
	background:			url(/images/backgrounds/contentBox.png) no-repeat bottom #fafafa;
}
#content #latestNews h2,
#JBcontent #latestNews h2{
	margin:				0 0 10px 0;
	padding:			5px 10px 7px 10px;
	text-align:			left;
	color:				#fff!important;
	border:				0;
	background:			url(/images/backgrounds/dropShadow1.png) no-repeat right top #585B61;
}
#content dl#LatestNews,
#JBcontent dl#LatestNews{
	padding:			0 10px;
}
#content dl#LatestNews .NewsTitle a,
#JBcontent dl#LatestNews .NewsTitle a{     
	font-weight:		bold!important;
	text-transform:		capitalize;
}
#content dl#LatestNews .NewsTitle a:hover,
#JBcontent dl#LatestNews .NewsTitle a:hover{ 
	color:				#EC9B00;   
}
#content dl#LatestNews .NewsArticle,
#JBcontent dl#LatestNews .NewsArticle{
	margin:				0 0 1em 0;
}
#content #latestNews p,
#JBcontent #latestNews p{
	padding:				0 10px 1.5em 10px!important;
}

/* --- Quick Search Form --- */
#content #search form,
#JBcontent #search form{     
	width:				45%;
	padding:			10px 10px 2em 10px;
	border:				1px solid #003884;
}
#content #search label, 
#JBcontent #search label{
	font-weight:		bold;
}
#content #search select, #content #search input.text, 
#JBcontent #search select, #JBcontent #search input.text{
	display:			block;
	width:				97%;
	margin-bottom:		0.5em;
}
#content #search select, 
#JBcontent #search select{
	width:				99%;
}
#content #search p.submit a,
#JBcontent #search p.submit a{
	display:			block;
	float:				left;
}
#content #search p.submit .searchButton, 
#JBcontent #search p.submit .searchButton{
	display:			block;
	float:				right;
	margin-top:			-3px;
}

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

/* --- Menu (User created menus) --- */
#content ul.customSideBarMenu,
#JBcontent ul.customSideBarMenu{ 
	border-top:			1px solid #003884
}
#content ul.customSideBarMenu li,
#JBcontent ul.customSideBarMenu li{
	margin:				0;
	padding:			0;
	border-bottom:		1px solid #003884;
	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;
}
#content ul.customSideBarMenu li a:hover,
#JBcontent ul.customSideBarMenu li a:hover{     
	color:				#2D587D;
}
 
/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	height:				42px;
	padding:			10px;
}
#popup #popupHeader .popupLogo{
	width:				243px;
	height:				42px;
	background:			url(/images/logo.gif) no-repeat;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	position:			relative;
	margin:				0 -5px 0 -10px;
	padding:			0 5px 15px 10px;
	font-size:			1em;
	background:			url(/images/backgrounds/footer.png) no-repeat bottom #fff;
}
#footer ul{
	padding:			28px 5px 0 5px;
	background:			url(/images/backgrounds/pageFooter.png) no-repeat #d8d8d8;
}
#footer li{
	float:				left;
	margin:				6px 0;
	padding:			0 7px;
	border-right:		1px solid #888;
}
#footer li a{  
	color:				#555;   
}
#footer li a:hover{     
	text-decoration:	underline;
	color:				#EC9B00;
}
#footer li.lastItem, #footer li.CMSlogout{
	border-right:		none;
}
#footer li.CMSlogout{
	position:			absolute;
	bottom:				-25px;
	left:				-6px;
}
#footer li.CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
	background:			#c40000
}
.fastTrack{
	position:			absolute;
	bottom:				-4px;
	right:				20px;
}
.WFAtext{
	clear:				both;
	margin:				0 12px;
}
#footer li.CMSlogout a:hover{
	text-decoration:	none;
	background:			#820000;
}
/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
/* --- Colour Scheme --- */
/* ====== Login Boxes, Form Headers, etc. ====== */
#JBcontent form.onexcol fieldset, #JBcontent form.onecol fieldset, #JBcontent form.onewidecol fieldset, #JBcontent form.twocol td,
#JBcontent table.results, #JBcontent.menu ol{
	background:			#f4f4f4;/*#f2f4d7;*/
}
#JBcontent .savedsearch h2, #JBcontent form.styled fieldset h2, #JBcontent #JobFilterQuestions h2, #content #jobseekersLoginInc h2{
	font-weight:		normal;
	font-size:			1.6em;
	background:			#585B61;
}  
#JBcontent .savedsearch h2 a{

}
#JBcontent form.styled fieldset h2{

}
#JBcontent form.styled fieldset h3{

}
#JBcontent table.results th{

}
#JBcontent form.styled fieldset h2 a, #JBcontent form.styled fieldset h3 a, #JBcontent table.results thead a{

}
#JBcontent form.styled fieldset h2 a:hover, #JBcontent form.styled fieldset h3 a:hover, #JBcontent table.results thead a:hover{

}
#JBcontent #JobFilterQuestions{

}
#JBcontent #JobFilterQuestions h2{

}
/* ====== Other Colour Scheme Rules ====== */
.savedsearch{

}
#JBcontent table tr.zebra2, #JBcontent table tr.dblzebra3, #JBcontent table tr.dblzebra4{
	background:			#eaeaea;
}
.jobView dl.refandcontact{

}
#JBcontent.jobResults .jobInfo,
#JBcontent.jobResults .featuredJob{
	border:				1px solid #595B5D;
}
#JBcontent.jobResults .featuredJob{	
	border-color:		#0052C2;
}
#JBcontent.jobResults .jobInfo h2,
#JBcontent.jobResults .featuredJob h2{
	font-weight:		bold;
	background:			#595B5D;
}
#JBcontent.jobResults .featuredJob h2{
	background:			url(/images/icons/featuredStar.png) no-repeat left center #0052C2;
}
#JBcontent.jobResults .jobInfo p.jobDescription{
	border-top:			1px solid #ddd;
}
#JBcontent.jobResults .resultsActions .buttonLink{
	font-size:			1em!important;
	color:				#0052C2!important;
}
#JBcontent.jobResults .buttonLink:hover{
	color:				#fff!important;
	background:			#0052C2!important;
}
/* ----------------------------------------------------- */

#JBcontent form{
	line-height:		1.3em;
}
#JBcontent.jobindex li.indexlink{  
	background: 		transparent;   
}
#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;
}

/* ---------------------------------------------------------------------------------------------- */
/*	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;
}
/* ---------------------------------------------------------------------------------------------- */
/* 
====================
=== SITEMAP PAGE === 
====================
*/
#JBcontent ul#indexmenu{
	margin:				0;
}
#JBcontent li.indexlink{
	float:				left;
	width:				32.3%;
	margin:				0 1% 0 0;
	padding-left:		0;
	background:			transparent;
}
#JBcontent li.indexlink ul{
	padding:			0 5px;
	overflow:			auto;
}
#JBcontent li.indexlink ul li{
	margin-bottom:		10px;
}

/*
==============================================================================================
=== LAST THINGS TO DO (BECAUSE WE NEED TO LET AS MUCH OF THE PAGE LOAD FIRST AS POSSIBLE!) ===
==============================================================================================
*/
#homepage #main{
	background:			url(/images/rightHomeImage.jpg) no-repeat right bottom #f2f2f2;
}

/*
===================================================================================
=== 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:			magenta!important;
}
#footer{
	background:			orange!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;
}
/**/