/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	padding:			0;
	font:				75%/150% Arial, Helvetica, sans-serif;
	color:				#3C3C3C;
	text-align:			center;
	background:			url(/images/backgrounds/body.gif) repeat-x top left #FEFEFE;
}
#container{
	position:			relative;
	margin:				0 auto;
	padding:			135px 0 0 0;
	text-align:			left;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3{
	clear:				both;
	margin:				0 0 0.5em 0;
	color:				#005784;
	font:				normal 1.1em Verdana, Helvetica, sans-serif;
}
h1{
	font:				normal 1.8em Verdana, Helvetica, sans-serif;
}
h2, .pseudoH2{     
	display:			block;
	font-size:			1.6em;
}
h3, .pseudoH3{
	display:			block;
	margin:				0 0 0.1em 0;
}
p, .pseudoP{
	margin:				0 0 1em 0;
}
a{     
	color:				#005784;
	font-weight:		bold;
	text-decoration:	underline;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.hidden{
	display:			none!important;
}
.noborder{
	border:				0!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;
}
.indented{
	margin:				0 40px;
}
#homeContent{
	margin:				10px 0 0 0;
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif!important;
	color:				#2e2e2e;
}
input[type=text], input[type=password], select, input.text{     /* See ie.css */
	width:				200px;
	padding:			2px;
	border:				1px solid #5A7DA3;
}
#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; /* See ie.css */
}
select{
	width:				210px;
}
#left select,
#right select{
	width:				130px;
}
input[type=submit], input.submit, .pseudoButton{     /* See ie.css */
	width:				auto;
	overflow:			visible;
	margin:				5px 0;
	padding:			5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		uppercase;
	color:				#fff;
	background:			url(/images/backgrounds/button.gif) repeat-x bottom left #727272;
}
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 */
	overflow-y:			scroll;
}
div:after, ul:after, ol:after, dl:after{
	content:			".";
	display:			block;
	clear:				both;
	height:				0;
	visibility:			hidden;
}
div, ul, ol, dl{
	zoom:				1;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#headerContainer{
	width:				100%;
	position:			absolute;
	top:				0;
}
#header{
	width:				990px;
	height:				130px;
	margin:				0 auto;
	padding:			0;
	border-bottom:		5px solid #FFF;
	position:			relative;
}
.SubPage #container{
	padding-top:		146px;
}
#header #logo{
	position:			absolute;
	top:				16px;
	left:				10px;
}
#header .subLogoHeader{
	position:			absolute;
	top:				72px;
	right:				663px;
	font:				bold 10px Verdana, Tahoma, sans-serif;
}
#header #bannerBAN{
	position:			absolute;
	top:				18px;
	right:				10px;
	width:				468px;
	height:				60px;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-35px;
	width:				100%;
	overflow:			hidden;
}
#breadcrumbs img, .breadcrumbs img{
	margin:				0 5px;
}
#headerSocialMedia {
	position:			absolute;
	top:				32px;
	left:				330px;
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif!important;
	color:				#2e2e2e;
}
input[type=text], input[type=password], select, input.text{     /* See ie.css */
	width:				200px;
	padding:			2px;
	border:				1px solid #5A7DA3;
}
#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; /* See ie.css */
}
select{
	width:				210px;
}
#left select,
#right select{
	width:				130px;
}
input[type=submit], input.submit, .pseudoButton{     /* See ie.css */
	width:				auto;
	overflow:			visible;
	margin:				5px 0;
	padding:			5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		uppercase;
	color:				#fff;
	background:			url(/images/backgrounds/button.gif) repeat-x bottom left #727272;
}
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 */
	overflow-y:			scroll;
}
div:after, ul:after, ol:after, dl:after{
	content:			".";
	display:			block;
	clear:				both;
	height:				0;
	visibility:			hidden;
}
div, ul, ol, dl{
	zoom:				1;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#headerContainer{
	width:				100%;
	position:			absolute;
	top:				0;
}
#header{
	width:				990px;
	height:				130px;
	margin:				0 auto;
	padding:			0;
	border-bottom:		5px solid #FFF;
	position:			relative;
}
.SubPage #container{
	padding-top:		146px;
}
#header #logo{
	position:			absolute;
	top:				13px;
	left:				10px;
}
#header .subLogoHeader{
	position:			absolute;
	top:				72px;
	right:				663px;
	font:				bold 10px Verdana, Tahoma, sans-serif;
}
#header #bannerBAN{
	position:			absolute;
	top:				18px;
	right:				10px;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-35px;
	width:				100%;
	overflow:			hidden;
}
#breadcrumbs img, .breadcrumbs img{
	margin:				0 5px;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{
	background: 		transparent;
	position:			absolute;
	bottom:				0;
	left:				0;
}
#header #mainMenu ul#topmenu{				
	width:				990px;
	overflow:			hidden;
	background: 		transparent;
}
#header #mainMenu em{
	font-style:			normal;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	margin:				0 5px 0 0;
	padding:			0;
	background:			url(/images/backgrounds/mm_button_right.png) no-repeat top right #424242;
	float:				left;
}
#header #mainMenu ul#topmenu li:hover{
	background-color:	#005784;
}
#header #mainMenu ul#topmenu li a{
	padding:			8px 20px;
	color:				#FFF;
	text-decoration:	none;
	background:			url(/images/backgrounds/mm_button_left.png) no-repeat top left;
	display:			block;
}

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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	padding:			5px;
	float:				left;
}
#left, #right{
	width:				280px;
}

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

/*
======================================
=== 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:				690px;
	margin-left:		290px; /* #left (width + lateral padding + lateral borders) */
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				690px;
	margin-left:		0px;
}

body#homepage.twocolR #content, body#homepage.twocolR #JBcontent{
	width:				400px;
}
body#homepage.twocolR #right{
	width:				570px;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-780px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				560px;
	margin-left:		290px; /* #left (width + lateral padding + lateral borders) */
} 
body#homepage.threecol #left{
	width:				400px;
	margin-left:		-700px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body#homepage.threecol #content{
	width:				280px;
	margin-left:		410px; /* #left (width + lateral padding + lateral borders) */
} 
body#homepage.threecol #right{
	width:				280px;
}
/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main{
	width:				990px;
	margin:				0 auto;
	padding:			20px 0;
	background:			url(/images/backgrounds/main.gif) no-repeat top center;
}
.SubPage #content, .SubPage #JBcontent,#welcome span{
	text-align:			justify;
}
.SubPage #JBcontent h1,.SubPage #JBcontent h2,.SubPage #JBcontent h3,.SubPage #JBcontent ul,.SubPage #JBcontent ul li,.SubPage #JBcontent ol,.SubPage #JBcontent ol li,
.SubPage #JBcontent.CVresults .candInfo .candExtraDetails{
	text-align:			left!important;
}
.payrollServices,ul.payrollServices li{
	margin:				0!important;
	padding:			0!important;
	list-style:			none;
	background:			transparent;
	float:				left;
}
ul.payrollServices li a{
	display:			block;
	width:				250px;
	height:				56px;
	overflow:			hidden;
	margin:				0 0 20px;
	padding:			12px 0 0 55px;
	font-weight:		normal;
	font-size:			1.5em;
	line-height:		44px;
	text-decoration:	none;
	color:				#fff;
	background:			url(/images/icons/folder.png) no-repeat;
	float:				left;
}

/*
===============
=== CONTENT ===
===============
*/
/* More Info Floating Div */

#divExtraOptions div.state0{
	margin-left:		130px; /* Use this to adjust the horizontal position of the boxes */
}
#divExtraOptions ul.tabNav li.selectedTab{
	background:			#005784;
}
#divExtraOptions ul.tabNav li.selectedTab a{
	border-color:		#a60909;
}
.ExtraBrowseOptions ul{
	border:				2px solid #005784;
}


/*
================
=== SIDEBARS ===
================
*/
/* --- Right Column --- */
#left #looking, #left #sideBanner, #left .featuredEmployersBox,
#right #looking, #right #sideBanner, #right .featuredEmployersBox{
	width:				250px;
	padding:			10px 15px;
	margin-bottom:		10px;
	background:			url(/images/backgrounds/home_bot.gif) no-repeat bottom left;
}
#left #looking h2, #left #sideBanner h2, #left .featuredEmployersBox h2,
#right #looking h2, #right #sideBanner h2, #right .featuredEmployersBox h2{
	margin:				-10px -15px 0 -15px;
	padding:			10px 15px;
	background:			url(/images/backgrounds/home_top.gif) no-repeat top left;
}
#left #looking .mainSite a,
#right #looking .mainSite a{
	zcolor:				#ffcc00;
}


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

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

/* --- Latest Vacancies & Featured Jobs --- */
#left #featured,
#right #featured{
	width:				260px;
	padding:			10px;
	background:			#005784;
	position:			relative;
}
#left #featured h2,
#right #featured h2{
	margin:				0;
	padding:			5px;
	background:			url(/images/backgrounds/home_feat_top.png) no-repeat top left #FFF;
}
#left #featured h2 a,
#right #featured h2 a{
	color:				#372D2D;
	font-weight:		normal;
	text-decoration:	none;
}
#left #featured #featuredBox,
#right #featured #featuredBox{
	padding:			5px;
	margin-bottom:		25px;
	background:			url(/images/backgrounds/home_feat_bot.png) no-repeat bottom left #FFF;
}
#left #featured .LVcol2,
#right #featured .LVcol2{
	margin-bottom:		10px;
}
#left #featured .lastJobRow .LVcol2,
#right #featured .lastJobRow .LVcol2{
	margin-bottom:		0;
}
#left #featured span.jobs_JobDescription a,
#right #featured span.jobs_JobDescription a{
	color:				#372D2D;
	font-weight:		normal;
	text-decoration:	none;
}
#left #featured p,
#right #featured p{
	margin:				0;
	position:			absolute;
	bottom:				10px;
}
#left #featured p a,
#right #featured p a{
	color:				#FFF;
}

/* --- Featured Companies --- */
#left .featuredEmployersBox h2 a,
#right .featuredEmployersBox h2 a{
	color:				#372D2D;
	font-weight:		normal;
	text-decoration:	none;
}
#left .featuredEmployersBox li,
#right .featuredEmployersBox li{
	width:				50%;
	text-align:			center;
	float:				left;
}
#left .featuredEmployersBox li a,
#right .featuredEmployersBox li a{
	margin:				5px 0;
	display:			block;
}
#left .featuredEmployersBox p,
#right .featuredEmployersBox p{
	display:			none;
}

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

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

/* --- News --- */

/* --- Quick Search Form --- */
#left #search,
#right #search{
	z-index:			99999;
}
#left #search h2,
#right #search h2{
	color:				#FFF;
}
#left #search form,
#right #search form{
	position:			relative;
}
#left #search dt label,
#right #search dt label{
	color:				#FFF;
}
#left #search dd input,
#right #search dd input{
	padding:			5px;
	width:				169px;
}
#left #search .searchButton,
#right #search .searchButton{
	margin-top:			-27px;
	position:			relative;
	float:				right;
}
#left #search .advanced,
#right #search .advanced{
	width:				300px;
	top:				50px;
}

#left #search .advanced label,
#right #search .advanced label,
#search .advanced .notes{
	color:				#424242;
}
#left #search #DTKeywords, #right #search #DTKeywords,
#left #search .QuickSearchHelp, #right #search .QuickSearchHelp,
#left #search .KeywordsHelp, #right #search .KeywordsHelp,
#left #search .advSearch, #right #search .advSearch{
	display:			none;
}

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

/* --- Menu (User created menus) --- */

/* --- Side Banners --- */
#homepage #right #sideBanner{
	margin:				12px 0;
}
#left #sideBanner h2,
#right #sideBanner h2{
	height:				18px;
	padding:			0;
	overflow:			hidden;
}
#left #sideBanner .BannerImages,
#right #sideBanner .BannerImages{
	margin:				0 0 10px 0!important;
}
#left #sideBanner li,
#right #sideBanner li{
	width:				50%;
	text-align:			center;
	float:				left;
}
#left #sideBanner li a,
#right #sideBanner li a{
	display:			block;
}

/* --- Looking For A Job --- */
#left #looking,
#right #looking{
	height:				280px;
	color:				#FFF;
	background:			url(/images/backgrounds/looking.png) no-repeat top left;
}
#left #looking h2,
#right #looking h2{
	color:				#FFF;
	background:			transparent;
}
#left #looking a,
#right #looking a{
	color:				#FFF;
	font-weight:		normal;
}
#left #looking li,
#right #looking li{
	margin-bottom:		4px;
}

/* === Site Buttons === */
.siteButtons{
	margin:				30px 0!important;
	padding:			0!important;
}
.siteButtons li{
	float:				left;
	width:				50%;
	margin:				0 0 10px!important;
	padding:			0!important;
	text-align:			center;
	background:			transparent!important;
}
.siteButtons li a{
	display:			block;
	width:				250px;
	height:				28px;
	margin:				0 auto;
	font:				bold 1.3em/28px Arial, Helvetica, sans-serif;
	text-transform:		lowercase;
	text-align:			center;
	text-decoration:	none;
	color:				#fff;
	background:			url(/images/backgrounds/siteButton.png) no-repeat;
}
.siteButtons li a:hover{
	background-position:0 -228px;
}

/* == Social Media === */
ul#socialMediaLinks, ul#socialMediaLinks li{
	padding:			0;
	background:			transparent;
}
ul#socialMediaLinks{
	margin:				20px -15px 5px;
}
ul#socialMediaLinks li{
	float:				left;
	margin:				0 15px;
}
ul#socialMediaLinks li a{
	display:			block;
	width:				200px;
	height:				220px;
	text-indent:		-10000px;
	background:			url(/images/icons/rss.png) no-repeat 0 -1150px;
}
ul#socialMediaLinks li.socialLinkedIn a{
	background:			url(/images/icons/linkedIn.png) no-repeat 0 -1150px;
}
ul#socialMediaLinks li.socialTwitter a{
	background:			url(/images/icons/twitter.png) no-repeat 0 -1150px;
}

/* === Contact Us === */
#contactMap{
	margin:				0 auto;
	border:				1px solid #333;
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/

/* --- Latest Vacancies & Featured Jobs --- */
#content #featuredJobs,
#JBcontent #featuredJobs{
	width:				260px;
	margin-bottom:		10px;
	padding:			10px;
	background:			#005784;
	position:			relative;
}
#content #featuredJobs h2,
#JBcontent #featuredJobs h2{
	margin:				0;
	padding:			5px;
	background:			url(/images/backgrounds/home_feat_top.png) no-repeat -1350px top #FFF;
}
#content #featuredJobs h2 a,
#JBcontent #featuredJobs h2 a{
	color:				#372D2D;
	font-weight:		normal;
	text-decoration:	none;
}
#content #featuredJobs #featuredJobs_Container,
#JBcontent #featuredJobs #featuredJobs_Container{
	height:				197px!important;
	margin-bottom:		25px!important;
	background:			url(/images/backgrounds/home_feat_bot.png) no-repeat -1350px bottom #FFF!important;
}
#content #featuredJobs #featuredJobs_Container_firstPage,
#content #featuredJobs #featuredJobs_Container_secondPage{
	padding:			0 5px;
}
#content #featuredJobs .LVcol2,
#JBcontent #featuredJobs .LVcol2{
	margin-bottom:		10px;
}
#content #featuredJobs .lastJobRow .LVcol2,
#JBcontent #featuredJobs .lastJobRow .LVcol2{
	margin-bottom:		0;
}
#content #featuredJobs span.jobs_JobDescription a,
#JBcontent #featuredJobs span.jobs_JobDescription a{
	color:				#372D2D;
	font-weight:		normal;
	text-decoration:	none;
}
#content #featuredJobs p,
#JBcontent #featuredJobs p{
	margin:				0;
	position:			absolute;
	bottom:				10px;
}
#content #featuredJobs p a,
#JBcontent #featuredJobs p a{
	color:				#FFF;
}

/* --- Featured Companies --- */

/* --- Featured Companies --- */

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

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

/* --- News --- */

/* --- Quick Search Form --- */

/* --- Job Browser --- */

/* --- Menu (User created menus) --- */


/*
===================================================================================
=== HOMEPAGE ======================================================================
===================================================================================
*/
#homepage h2{
	text-transform:		lowercase;
}
#homepage #welcomeContainer{
	background:			#005784;
}
#homepage #welcome{
	width:				990px;
	padding:			10px 0;
	margin:				0 auto;
}
#homepage #contentScroller{
	padding:			5px;
	height:				155px;
	background:			url(/images/backgrounds/content_scroller.png) no-repeat top left;
}
#homepage #contentScroller .content{
	width:				100%;
	height:				100%;
	background:			#000;
	position:			relative;
	overflow:			hidden;
}
#homepage.childSite #contentScroller a{
	cursor:				default;
}
#homepage #contentScroller .takeMeThere img{
	position:			relative;
	top:				5px;
	margin:				0 0 0 10px;
}
#homepage #contentScroller .left,
#homepage #contentScroller .right{
	margin:				0;
	position:			relative;
}
#homepage #contentScroller .left a,
#homepage #contentScroller .right a{
	margin:				60px 0;
	padding:			10px 10px 10px 5px;
	background:			url(/images/backgrounds/content_scroller_left.png) no-repeat top right;
	display:			block;
}
#homepage #contentScroller .right a{
	padding:			10px 5px 10px 10px;
	background:			url(/images/backgrounds/content_scroller_right.png) no-repeat top left;
}
#homepage #contentScroller .content div.current,
#homepage #contentScroller .content div.new{
	width:				100%;
	height:				100%;
	position:			absolute;
}
#homepage #contentScroller .content div#Slide1{
	background:			url(/images/slides/one.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide2{
	background:			url(/images/slides/two.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide3{
	background:			url(/images/slides/three.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide4{
	background:			url(/images/slides/four.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide5{
	background:			url(/images/slides/five.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide6{
	background:			url(/images/slides/six.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide7{
	background:			url(/images/slides/seven.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide8{
	background:			url(/images/slides/eight.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide9{
	background:			url(/images/slides/nine.jpg) no-repeat top left;
}

#homepage #contentScroller .content div.current h1,
#homepage #contentScroller .content div.new h1{
	padding:			1.7% 8%;
	color:				#FFF;
	font-size:			1.5em;
}
#homepage #contentScroller .content div.current a,
#homepage #contentScroller .content div.new a{
	width:				84%;
	height:				96.6%;
	padding:			1.7% 8%;
	color:				#FFF;
	font-weight:		normal;
	text-decoration:	none;
	display:			block;
}
#homepage #contentScroller .content div.current span,
#homepage #contentScroller .content div.new span{
	padding-right:		200px;
	display:			block;
}
#homepage #contentScroller .content div.current span.header,
#homepage #contentScroller .content div.new span.header{
	margin-bottom:		10px;
	font-size:			1.5em;
	font-weight:		bold;
}

/* --- Quick Search --- */
#homepage #search{
	height:				80px;
	padding:			10px 15px;
	background:			url(/images/backgrounds/quick_search_home.png) no-repeat 0 -550px;
}
#homepage #search h2{
	color:				#FFF;
}
#homepage #search dd input{
	padding:			5px!important;
	width:				280px!important;
}
#homepage #search .searchButton{
	margin-top:			-27px;
	position:			relative;
	float:				right;
}
#homepage #search .advanced{
	width:				300px;
	top:				32px;
	z-index:			99999;
}
#homepage #search #DTKeywords,
#homepage #search .QuickSearchHelp,
#homepage #search .KeywordsHelp,
#homepage #search .advSearch{
	display:			none;
}

/* --- Job Browser --- */
#jobBrowserHome{
	position:			relative;
	height:				495px;
	padding:			10px 15px 0;
	background:			url(/images/backgrounds/jb_home_bot.gif) no-repeat bottom left;
}
#jobBrowserHome h2{
	margin:				-10px -15px 0 -15px;
	padding:			10px 15px;
	background:			url(/images/backgrounds/jb_home_top.gif) no-repeat top left;
}
#jobBrowserHome .browse{
	width:				50%;
	float:				left;
}
#jobBrowserHome .browse h2{
	margin:				0;
	padding:			5px 0 5px 18px;
	color:				#000;
	font-size:			1.1em;
	font-weight:		bold;
	text-transform:		capitalize;
	background:			url(/images/backgrounds/arrow_right_black.gif) no-repeat 0 7px;
}
#jobBrowserHome .browse li a{
	margin:				5px 0; /* See ie.css */
	color:				#6F6F6F;
	font-size:			0.9em;
	text-decoration:	none;
	display:			block;
}
#jobBrowserHome .browse li a em{
	color:				#929292;
	font-style:			normal;
}
#uploadCV a{
	display:			block;
	position:			absolute;
	bottom:				10px;
	left:				15px;
	width:				330px;
	height:				65px;
	padding:			15px 20px;
	text-decoration:	none;
	background:			url(/images/backgrounds/cvUpload.png) no-repeat;
}
#uploadCV .pseudoH2{
	margin:				0 0 8px;
	font:				normal 1.5em Arial, Helvetica, sans-serif;
	text-transform:		lowercase;
	color:				#2b2b2b;
}
#uploadCV .pseudoP{
	display:			block;
	margin:				5px 0 0;
	font:				normal 0.9em/1.7em Verdana, Tahoma, sans-serif;
	text-align:			justify;
	color:				#2b2b2b;
}
#uploadCV .pseudoP .uploadIcon{
	float:				right;
	margin:				-25px 0 0 20px;
}
#uploadCV .uploadCVbutton{
	display:			block;
	position:			absolute;
	bottom:				10px;
	right:				10px;
	width:				155px;
	height:				28px;
	margin:				0 0 0 -5px;
	font:				1.3em/28px Arial, Helvetica, sans-serif;
	text-transform:		lowercase;
	text-align:			center;
	color:				#fff;
	background:			url(/images/backgrounds/cvUploadButton.png) no-repeat;
}

/* --- Job Of The Week --- */
#homepage #featJob{
	height:				110px;
	margin-bottom:		10px;
	padding:			10px 15px;
	background:			url(/images/backgrounds/feat_job.png) no-repeat 0 -700px;
}
#homepage #featJob h2{
	color:				#FFF;
	background:			transparent;
}
#homepage #featJob ul{
	margin:				0;
}
#homepage #featJob li{
	margin:				0;
	padding:			0;
	background:			transparent!important;
}

/* --- Jobs By Email --- */
#homepage #jbe{
	position:			relative;
	width:				280px;
	height:				190px;
	padding:			0;
	background:			url(/images/backgrounds/jbe.png) no-repeat 0 -1000px;
}
#homepage #jbe a{
	display:			block;
	padding:			20px 120px 10px 20px;
	font-weight:		normal;
	text-decoration:	none;
	text-align:			justify;
	color:				#333;
}
#homepage #jbe .pseudoH2{
	margin:				0 0 15px;
	text-transform:		lowercase;
	color:				#372D2D;
	background:			transparent;
}
#homepage #jbe .pseudoP{
	font-size:			0.9em;
}
#homepage #jbe .jbeButton{
	display:			block;
	position:			absolute;
	bottom:				10px;
	right:				10px;
	width:				130px;
	height:				28px;
	font:				1.3em/28px Arial, Helvetica, sans-serif;
	text-transform:		lowercase;
	text-align:			center;
	color:				#fff;
	background:			url(/images/backgrounds/jbeButton.png) no-repeat;
}


/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	width:				100%;
	height:				52px;
	padding:			10px 5px;
	border-bottom:		5px solid #005784;
	background:			#FFF;
}
#popup #popupHeader .popupLogo{ /* [TEMP] */
	width:				250px;
	height:				52px;
	background:			url(/images/email/email_logo.gif) no-repeat top;
}
#popup #popupFooter{
	border-top:			5px solid #005784;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footerContainer{
	height:				113px;
	background:			url(/images/backgrounds/footer.gif) repeat-x top left;
	clear:				both;
}
#footer{
	position:			relative;
	width:				990px;
	margin:				0 auto;
	padding:			10px 0;
	color:				#372D2D;
	font-size:			0.9em;
}
#footer li{
	float:				left;
	margin:				0!important;
	padding:			0 5px;
	border-right:		1px solid #372D2D;
}
#footer li.lastItem{
	border:				none;
}
#footer p{
	padding:			2px 5px;
	clear:				both;
}
#footer a{
	color:				#372D2D;
	font-weight:		normal;
	text-decoration:	none;
}
#footer .footerExtras{
	position:			absolute;
	bottom:				50px;
	right:				0;
	width:				335px;
	height:				33px;
	padding:			5px;
	background:			url(/images/backgrounds/footerExtras.png) no-repeat;
}
#footer .footerExtras li{
	margin:				0;
	padding:			0 4px;
	border:				0;
}

/* --- */
#footer .CMSlogout{
	position:			absolute;
	bottom:				6px;
	right:				12px;
}
#footer .CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#FFF;
	background:			#DA0F00;
}
#footer .CMSlogout a:hover{
	background:			#820000;
}

/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
/* --- Generic Forms --- */
form.styled h2, form .searchReplace h2, form.styled table th, form.styled h2, form.styled fieldset h3, table.results th, .savedsearch h2{
	color:				#FFF;
	background-color:	#005784;
}
form.styled h2 a, form .searchReplace h2 a, form.styled table th a, form.styled h2 a, form.styled fieldset h3 a, table.results th a{
	color:				#FFF;
}
form.styled table tr.subHeaders th{
	background:			#005784;
}

/* --- Candidate Registration Page --- */
#JBcontent.register form dt.candEmail2,
#JBcontent.register form dd.candEmail2,
#JBcontent.register form dt.candPassword2,
#JBcontent.register form dd.candPassword2{
	top:				67px;
}
#JBcontent.register form dd.candEmail2{
	top:				87px;
}
#JBcontent.register form dt.candPassword2{
	top:				134px;
}
#JBcontent.register form dd.candPassword2{
	top:				154px;
}

/* --- Job Results --- */
#JBcontent.jobResults .resultsActions .viewSelected{
	padding:			7px 15px;
	font-size:			1em!important;
	font-weight:		normal!important;
	text-transform:		capitalize;
	background:			url(/jobboard/images/backgrounds/formBackgrounds.png) repeat-x left top #626C77;
}
#JBcontent.jobResults .resultsActions .viewSelected:hover{
	background-color:	#111;
}
#JBcontent.jobResults .jobInfo{
	border-color:		#424242;
}
#JBcontent.jobResults .featuredJob{
	border-color:		#005784;
}
#JBcontent.jobResults .jobInfo h2{
	background-color:	#424242;
}
#JBcontent.jobResults .featuredJob h2{
	background-color:	#005784;
}
#JBcontent.jobResults .jobInfo a.detailsApply,
#JBcontent.jobResults .featuredJob a.detailsApply{
	background-color:	#005784;
}
#JBcontent.jobResults .jobInfo input.checkBox{
	top:				10px;
}
#JBcontent.jobResults .jobInfo ul li{
	background:			transparent!important;
}

/* --- Job Browser --- */
#jobBrowseContainer .tabNav li{
	width:				135px;
	float:				left;
	background:			url(/images/backgrounds/mm_button_right.png) no-repeat right top;
}
#jobBrowseContainer .tabNav li.tabOne{
	margin-right:		10px;
	background-color:	#005784;
}
#jobBrowseContainer .tabNav li.tabTwo{
	background-color:	#424242;
}
#jobBrowseContainer .tabNav li a{
	padding:			10px;
	color:				#FFF;
	text-align:			center;
	text-decoration:	none;
	display:			block;
	background:			url(/images/backgrounds/mm_button_left.png) no-repeat left top;
}

#jobBrowseContainer #jobBrowserResults,
#jobBrowseContainer #search{
	background:			url(/images/backgrounds/col_bot_trans.png) no-repeat bottom left #005784;
}

#jobBrowseContainer #jobBrowserResults{
	padding-bottom:		10px;
}
#jobBrowseContainer #jobBrowserResults #CurrentSearch{
	border-color:		#424242;
	background-color:	#616161;
}
#jobBrowserResults .JobBrowseLinks li em{
	color:				#FFF;
}

#jobBrowseContainer #search{
	padding:			10px;
	color:				#FFF;
	background-color:	#424242;
}

/*
===================================================================================
=== DEBUG =========================================================================
===================================================================================
*/
/*
body{
	background:			red!important;
}	
#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;
}
/**/