/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	padding:			0;
	font:				70%/145% Verdana, Helvetica, sans-serif;
	color:				#6b2583;
	text-align:			center;
	background:			url(/images/backgrounds/headerFooter.png) repeat-x #fff;
}
#container{
	margin:				130px 0 0 0;
	text-align:			left;
	background:			#fff;
}
#main{
	position:			relative;
	width:				990px;
	margin:				0 auto;
}
h1, h2, h3, h4, h5, h6, .pseudoH1, .pseudoH2, .pseudoH3{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				normal 1.1em "Times New Roman PS MT", "Times New Roman", Times, serif;
	text-transform:		capitalize;
	color:				#622372;
}
h1, .pseudoH1{
	font-size:			1.8em;
}
.SubPage h1, .SubPage .pseudoH1{
	font-weight:		normal;
	font-size:			2.8em;
}
h2, .pseudoH2{     
	display:			block;
	font-size:			1.6em;
}
h3, .pseudoH3{
	display:			block;
	font-size:			1.4em;
}
p, .pseudoP{
	margin:				0 0 1em 0;
}
a{     
	font-weight:		bold;
	text-decoration:	underline;
	color:				#8b60a0;
}
h1 a, h2 a, h3 a, h4 a{
	text-decoration:	none;
}
.SubPage #content ul,
.SubPage #JBcontent ul{
	margin:				0 0 5px;
}
.SubPage #content ul li,
.SubPage #JBcontent.cmsManager ul li{
	margin:				0 20px 5px;
	padding:			0;
	list-style:			disc;
	background:			transparent;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.show{
	display:			block;
}
.hide{ /* Do NOT add !important to this rule */
	display:			none;
}
.hidden, #footer #menu72695411990017832160 h2, #jobBrowserInc #jobBrowser .searchByBox h2,
#quickLinks .sidebarMenu h2, #homepage #search .advSearch, #search .QuickSearchHelp, #search .KeywordsHelp,
#FeaturedJobsAll, .pageNumbers .titleBar,#JBcontent .resultsTop,#JBcontent.searchCrit h1,#JBcontent.searchCrit .introText,
#homepage #search h2,#homepage #featured h2,.featuredEmployersBox h2,#JBcontent.CVadd .notes,#JBcontent.jobView dt#DTClientEmail,
#JBcontent.jobView dd#DDClientEmail,#hotJobs .sidebarMenu h2, .jobApplyFull #progressReg,#tdHelp{
	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, #featured{
	margin:				0 0 13px 0!important;
}
.indented{
	margin:				0 40px;
}
#homeContent{
	margin:				10px 0 0 0;
}
/*
=============
=== FORMS ===
=============
*/
form.styled h2,form .searchReplace h2,form.styled table th,form.styled h2,form.styled fieldset h3,table.results th,#JBcontent #JobFilterQuestions h2{
	padding:			2px 15px;
	font-size:			1.9em;
	background-color:	#7d32ab;
}
form.styled table th, table.results th{
	font-size:			1em;
}
label{
	color:				#6b2583;
}
input, select, textarea{
	font:				normal 1em Verdana, Helvetica, sans-serif;
	color:				#6b2583;
}
input[type=text], input[type=password], select, input.text{     /* See ieLegacy.css */
	padding:			3px;
	border:				1px solid #5a7da3;
}
select{
	padding:			2px;
}
#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:				95%; /* See ieLegacy.css */
}
#left select,
#right select{
	width:				100%;
}
input[type=submit], input.submit, .pseudoButton,input[type=button],.buttonLink{     /* See ieLegacy.css */
	background-color:	#7d32ab;
}
a.pseudoButton{

}

/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
html{ /* Make sure the scrollbar is always on */
	overflow-y:			scroll;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{
	clear:				both;
	position:			absolute;
	top:				-130px;
	left:				0;
	height:				130px;
	width:				100%;
	padding:			0;
}
#header #logo{
	position:			absolute;
	top:				35px;
	left:				30px;
}
#header #bannerBAN{
	position:			absolute;
	top:				30px;
	right:				10px;
}
#header #miniNav{
	position:			absolute;
	top:				0;
	right:				10px;
}
#header #miniNav li{
	float:				left;
	width:				115px;
	height:				15px;
	margin:				0 15px 0 0;
	padding:			0 0 5px;
	font:				bold 1.2em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	text-align:			center;
	overflow:			hidden;
	background: 		url(/images/backgrounds/main.png) no-repeat -530px -205px;
}
#header #miniNav li.candLoginOut{
	width:				70px;
	margin:				0;
	background-position:-655px -205px;
}
#header #miniNav li a{
	text-decoration:	none;
	color:				#fff;
}
.SubPage #main{
	padding-top:		15px;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-40px;
	width:				968px;
	height:				16px;
	overflow:			hidden;
	padding:			3px 10px 3px 10px;
	border:				1px solid #c79ae3;
	background:			#efe9f2;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	position:			absolute;
	bottom:				0;
	left:				0;
	background: 		transparent;
}
#header #mainMenu ul#topmenu{				
	width:				990px;
	overflow:			hidden;
	font:				bold 1.2em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	background: 		transparent;
}
#header #mainMenu em{
	font-style:			normal;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
	padding:			0 0 0 6px;
}
#header #mainMenu ul#topmenu a.starter{
	position:			relative;
	display:			block;
	padding:			3px 12px 5px 6px;
	text-decoration:	none;
	color:				#fff;
}
#header #mainMenu ul#topmenu li:hover{
	background: 		url(/images/backgrounds/main.png) repeat-x left -410px #fff;	
}
#header #mainMenu ul#topmenu a.starter:hover,
#header #mainMenu ul#topmenu li:hover a{ /* See ieLegacy.css */
	text-decoration:	none;
	color:				#000;
	background: 		url(/images/backgrounds/main.png) repeat-x right -410px #fff;	
}

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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	margin:				30px 0 0;
	padding:			0 20px;
	float:				left;
	overflow:			hidden;
}
#left, #right{
	width:				270px;
	padding:			0 5px 0 0;
}

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

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-990px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
	padding-top:		10px;
}
body#homepage.twocolL #left{
	padding-top:		0;
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ie.css */
	width:				675px;
	margin-left:		275px; /* #left (width + lateral padding + lateral borders) */
	padding-top:		0;
}
body#homepage.twocolL #content{
	width:				695px;
	padding:			0 0 0 20px;
}

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

body.twocolR #content, body.twocolR #JBcontent{
	width:				675px;
	margin-left:		0;
	padding:			10px 20px 0;
}

/* --- hide right col on payment pages --- */
body.Payment #right .featuredEmployersBox {
	display:none;
}


/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-845px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #right{
	width:				140px;
	padding:			10px 0 0 5px;
}
body.threecol #content, body.threecol #JBcontent{
	width:				550px;
	margin-left:		275px; /* #left (width + lateral padding + lateral borders) */
	padding:			10px;
	background:			transparent;
} 

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================

===============
=== CONTENT ===
===============
*/
#jobBrowserInc h1, #quickLinks #quickLinksNav li, #quickLinks h2, #map h2, #featured h2, .highlightedJobs h2, #customRecruiters h2, .featuredEmployersBox h2, #search h2, #searchHome h2, .SubPage #main .sidebarMenu h2{
	font:				normal 1.9em "Times New Roman PS MT", "Times New Roman", Times, serif;
	text-align:			center;
	line-height:		1em;
	color:				#fff;
}
#homepage #jobBrowserInc h1, #homepage #quickLinks #quickLinksNav li, #homepage #quickLinks h2, #homepage #map h2, #homepage #featured h2, #homepage .highlightedJobs h2, #customRecruiters h2, #homepage .featuredEmployersBox h2, 
#homepage #search h2, #searchHome h2, .SubPage #main .sidebarMenu h2{
	font-weight:		bold;
}
#jobBrowserInc h1, #map h2, #featured h2, .highlightedJobs h2, #customRecruiters h2, .featuredEmployersBox h2{ 
	display:			inline-block; /* See ie7.css & ieLegacy.css */
	position:			relative;
	padding-left:		15px;
	line-height:		0.7em;
	background:			url(/images/backgrounds/main.png) no-repeat left 0;
}
#featured h2, .highlightedJobs h2, #customRecruiters h2, .featuredEmployersBox h2{
	display:			block;
	margin:				0 12px;
	padding-left:		10px;
}
#map h2 span, #featured h2 em, .highlightedJobs h2 em, #customRecruiters h2 em, .featuredEmployersBox h2 span{
	display:			block;
	height:				16px;
	padding:			7px 10px 7px 0;
	font-style:			normal;
	color:				#fff;
	overflow:			hidden;
	background:			url(/images/backgrounds/main.png) no-repeat right 0;
}
#jobBrowserInc h1 a, #quickLinks #quickLinksNav li a{
	text-decoration:	none;
	color:				#fff;
}
.contactMap{
	border:				1px solid #aaa;
}

/* === Banner Explanation === */
.bannersLogos{
	margin:				0 0 15px;
	border:				1px solid #bbb;
}
.bannersLogos th{
	width:				12em;
	padding:			5px;
	font-weight:		bold;
	text-align:			left;
	border-right:		4px solid #fff;
}
.bannersLogos td{
	padding:			5px;
	border-right:		4px solid #fff;
}
.bannersLogos td.banDim{
	width:				5em;
}
.bannersLogos td.banDesc{
	border-right:		0;
}
#content .bannersLogos tr.zebra1{
	background:			#f9f9f9;
}
#content .bannersLogos tr.zebra2{
	background:			#ecf2f8;
}
ul.banExamples,
ul.banExamples li{
	margin:				0 0 10px!important;
	padding:			0!important;
	list-style:			none!important;
	background:			transparent!important;
}
ul.banExamples #banCompLogo,
ul.banExamples #banJobLogo,
ul.banExamples #banFeatComp,
ul.banExamples #banCVBE,
ul.banExamples #banJobResults,
ul.banExamples #banJobView,
ul.banExamples #banJBE,
ul.banExamples #banMain{
	width:				120px;
	height:				60px;
	font:				bold 1.2em Verdana, Tahoma, sans-serif;
	line-height:		60px;
	text-align:			center;
	color:				#fff;
}
ul.banExamples #banFeatComp{
	height:				40px;
	padding:			10px 0!important;
	line-height:		1.5em;
}
ul.banExamples #banCVBE,
ul.banExamples #banJobResults,
ul.banExamples #banJobView,
ul.banExamples #banJBE,
ul.banExamples #banMain{
	width:				468px;
}
#banCompLogo{
	background:			#5700c2!important;
}
#banJobLogo{
	background:			#2e00c2!important;
}
#banCVBE{
	background:			#0009c2!important;
}
#banFeatComp{
	background:			#003bc2!important;
}
#banJobResults{
	background:			#0080c2!important;
}
#banJobView{
	background:			#00bbc2!important;
}
#banJBE{
	background:			#00c292!important;
}
#banMain{
	background:			#00c240!important;
}

/*
================
=== SIDEBARS ===
================
*/


/*
===================================================================================
=== INCLUDE STYLING ==============================================================
===================================================================================
*/
/* --- Side Bar Boxes --- */
#left #hotJobs .sidebarMenu,
#right #hotJobs .sidebarMenu
#left #featured,
#right #featured,
#left .featuredEmployersBox,
#right .featuredEmployersBox{
	position:			relative;
	padding-top:		20px;
	background:			url(/images/backgrounds/boxes.png) no-repeat -705px 25px ;
}
#left .highlightedJobs #featured,
#right .highlightedJobs #featured,
#left #hotJobs .sidebarMenu,
#right #hotJobs .sidebarMenu,
#left .featuredEmployersBox,
#right .featuredEmployersBox{
	padding-top:		12px;
	background-position:-705px 0;
}
#left #featuredBox,
#right #featuredBox,
#left #hotJobs .sidebarMenu ul,
#right #hotJobs .sidebarMenu ul,
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul{
	padding:			0 17px 0 13px; /* See ie.css, ieLegacy.css & ie7.css */
	background:			url(/images/backgrounds/boxes.png) no-repeat -705px bottom;
}
#left #featured h2,
#right #featured h2,
#left .highlightedJobs h2,
#right .highlightedJobs h2,
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2{
	margin-top:			-20px;
	margin-bottom:		10px;
}
#left .highlightedJobs h2,
#left #customRecruiters h2{
	margin-top:			0;
	margin-bottom:		-5px;
	z-index:			9999;
}
#left #customRecruiters h2{
	padding-left:		10px;
	font-weight:		bold;
	font-size:			1.5em;
	letter-spacing:		-1px;
}
#customRecruiters h2 em{
	padding:			10px 10px 4px 0;
}

/* --- Hot Jobs --- */
#featured h2,.highlightedJobs h2{
	margin-bottom:		-5px;
	background-position:left -40px;
}
#featured h2 em,.highlightedJobs h2 em{
	background-position:right -40px;
}
#featured .LatestVacanciesTBL{
	width:				100%;
}
#hotJobs .sidebarMenu li{
	margin:				0 15px;
	padding:			0;
}
#hotJobs .sidebarMenu a{
	display:			block;
	width:				100%;
	margin:				2px 0;
	padding:			2px;
	text-align:			center;
	text-decoration:	none;
	color:				#4b005f;
	background:			#ecebed;
}
#hotJobs .sidebarMenu a:hover{
	background:			#ddc9f1;
}
#left #hotJobs,
#right #hotJobs{
	margin:				10px 0 25px;
}
#left #hotJobs .sidebarMenu ul,
#right #hotJobs .sidebarMenu ul{
	padding-bottom:		15px;
}
#hotJobs .sidebarMenu li{
	margin:				0;
}

/* --- Latest Vacancies & Featured Jobs --- */
#latest{
	padding:			0 5% 10px;
}
.LatestVacanciesTBL{
	width:				100;
	text-align:			left;
	border:				0!important;
}
.LatestVacanciesTBL td{
	padding:			10px!important;
	border:				0!important;
	background:			#fff;
}
.LatestVacanciesTBL .job_highlight td{
	padding:			5px 10px!important;
	background:			#F5F0F7;
}
.LatestVacanciesTBL td.LatestVacanciesCol1{
	width:				120px;
	padding:			10px!important;
}
.LatestVacanciesTBL td span{
	display:			block;
}
.LatestVacanciesTBL td span.jobs_location,.LatestVacanciesTBL td span.jobs_Salary{
	display:			inline-block;
	margin:				0 1em 0 0;
}
.LatestVacanciesTBL td span.jobs_JobDescription,
.LatestVacanciesTBL td span.jobs_JobDescription a{
	font-weight:		normal!important;
}
.LatestVacanciesTBL td span strong{
	font-weight:		normal!important;
}

.LatestVacanciesTBL td a{
	text-decoration:	none;
	color:				#6B2583!important;
}

/* --- Featured Companies --- */
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul{
	padding:			0 6px 35px 8px;
}
#left .featuredEmployersBox ul li,
#right .featuredEmployersBox ul li{
	float:				left;
	width:				124px;
	margin:				0 2px 3px;
}
.featuredEmployersBox ul li img{
	border:				1px solid #d5d5d5;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	display:			none;
}

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

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

/* --- News --- */

/* --- Quick Search Form --- */
#search{
	position:			relative;
}
#search h2,#searchHome h2{
	margin:				0 0 10px 0;
	text-align:			center;
	color:				#4a005f;
}
#search form{
	width:				240px;
	height:				135px;
	margin:				0;
	padding:			15px;
	color:				#fff;
	background:			url(/images/backgrounds/main.png) no-repeat 0 -235px #7e529a;
}
.SubPage #search form{
	background-position:-280px -235px;
	background-color:	#c11630;
}
#search dt, #search dd{
	float:				left;
	width:				34%;
	margin:				0 0 6px;
}
#search dt{
	clear:				left;
	padding:			3px 0 1px;
	font-weight:		bold;
}
#search dt label{
	color:				#fff!important;
}
#search dd{
	width:				66%;
}
#search .searchButton{
	position:			absolute;
	bottom:				14px;
	right:				15px;
	width:				120px;
	height:				25px;
	padding:			0;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
	border:				0;
	background:			url(/images/backgrounds/main.png) no-repeat 0 -200px #aa0c25;
}
.SubPage #search .searchButton{
	background-position:-130px -200px!important;
	background-color:	#e51b46!important;
}
.SubPage #search .advSearch{
	position:			absolute;
	bottom:				3px;
	left:				15px;
}
.SubPage #search .advSearch a{
	font:				bold 1em Arial, helvetica, sans-serif;
	text-transform:		capitalize;
	color:				#fff;
}

/* --- Job Browser (home page) --- */
#jobBrowserInc{
	position:			relative;
	margin:				25px 0 20px;
	background:			url(/images/backgrounds/boxes.png) no-repeat left top;
}
#jobBrowserInc h1{
	top:				-24px;
	margin:				0 13px -15px;
}
#jobBrowserInc h1 a{
	display:			block;
	padding:			7px 15px 7px 0;
	color:				#fff;
	background:			url(/images/backgrounds/main.png) no-repeat right 0;
}
#jobBrowserInc #jobBrowser{
	width:				675px;
	padding:			0 10px 40px;
	font:				1em Arial, Helvetica, sans-serif;
	background:			url(/images/backgrounds/boxes.png) no-repeat left bottom;
}
#jobBrowserInc #jobBrowser ul{
	margin:				0 0 10px;
	padding:			0;
}
#jobBrowserInc #jobBrowser li{
	float:				left;
	width:				32.3%;
	height:				23px;
	overflow:			hidden;
	margin:				0 0.5% 2px;
	padding:			0;
}
/* 
Mulit-column vertical list HACK - yes, I know!
----------------------------------------------
If you increase/decrease the no. categories from 33, make sure you you update the '+li' rules below.
This will NOT work in IE6 (surprise!).  So see the ieLegacy.css for a 'graceful degradation'. 
*/
#jobBrowserInc #jobBrowser .verticalList li{
	float:				none;
}
#jobBrowserInc #jobBrowser li+li+li+li+li+li+li+li+li+li+li+li{ /* 12th LI + (i.e. 2nd column) */
	position:			relative;
	top:				-275px;
	left:				33.2%;
}
#jobBrowserInc #jobBrowser li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ /* 23rd LI + (i.e. 3rd column) */
	position:			relative;
	top:				-273px;
	left:				66.4%;
	margin-bottom:		2px!important;
}
#jobBrowserInc #jobBrowser li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, /* 22nd LI (i.e. last LI of 2nd column) */
#jobBrowserInc #jobBrowser li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ /* 33rd LI (i.e. last LI of 3rd column) */
	margin-bottom:		-275px!important;
}

/* ---------------------------------------------- */

#jobBrowserInc #jobBrowser li a{
	display:			block;
	position:			relative;
	padding:			4px 8px;
	text-decoration:	none;
	color:				#4a005f;
	background:			#ecebed;
}
#jobBrowserInc #jobBrowser li a:hover{
	background:			#ddc9f1;
}
#jobBrowserInc #jobBrowser li a em{
	font-style:			normal;
	color:				#ff8c00;
}
#jobBrowserInc #jobBrowser .advSearch{
	position:			absolute;
	bottom:				5px;
	right:				20px;
}
#jobBrowserInc #jobBrowser .advSearch a{
	display:			block;
	padding:			0 25px 0 10px;
	font-weight:		bold;
	text-decoration:	none;
	color:				#2f2137;
	background:			url(/images/backgrounds/icons.png) no-repeat right -25px;
}

/* --- Job Browser Bar (results page) --- */
/* Job Browser */
#jobBrowseContainer #jobBrowserResults{
	min-height:			10px; /* See ieLegacy.css */
	padding:			0 20px 10px;
	background:			url(/images/backgrounds/boxes.png) no-repeat -985px bottom;
}
#jobBrowseContainer #jobBrowserResults h2{
	display:			block;
	position:			relative;
	margin:				0 -20px -6px;
	padding:			3px 0 9px;
	font-size:			0;
	text-indent:		-10000px;
	background:			url(/images/backgrounds/boxes.png) no-repeat -985px top #e1e3e2;
}
#jobBrowserResults .JobBrowseLinks{
	margin:				0 0 20px;
}
#jobBrowserResults #SalaryBrowseLinks{
	min-height:			150px;
}
#jobBrowserResults h3,#jobBrowseContainer #CurrentSearch h2{
	margin:				0 -14px 10px;
	padding:			8px 15px;
	font-size:			1.9em;
	text-indent:		0;
	color:				#622372;
	border:				solid #c5c5c5;
	border-width:		1px 0;
	background:			#e1e3e2;
}
#jobBrowserResults h3 strong{
	font-weight:		normal;
}
#CurrentSearch h2{
	border-top:			0;
}
#jobBrowserResults ul li a, #CurrentSearch ul li, #CurrentSearch p, #CurrentSearch p a{
	display:			block;
	padding:			3px 0;
	font:				bold 1em Arial, Helvetica, sans-serif;
	text-transform:		capitalize;
	text-decoration:	none;
}
#jobBrowserResults ul li a,  #CurrentSearch p a{
	color:				#4a005f;
}
#CurrentSearch ul li a, #CurrentSearch p a{
	text-decoration:	underline;
}
#CurrentSearch p a{
	color:				#c1001d;
}
#CurrentSearch  ul li{
	border-bottom:		1px solid #ccc;
}
#jobBrowseContainer #JobBrowserFilter div{
	padding:			0;
	border-bottom:		0;
}
#jobBrowseContainer #JobBrowserFilter ul{
	padding:			0;
}
#jobBrowseContainer #JobBrowserFilter .moreJobOptions{
	margin:				5px 0;
}
#jobBrowseContainer #jobBrowserResults ul li a em,
.ExtraBrowseOptions ul li a em{
	font-style:			normal;
	color:				#ff8000;
}
#jobBrowserResults a.moreJobOptions{
	display:			inline-block;
	padding:			10px 23px 0px 0;
	font:				bold 1em Arial, Helvetica, sans-serif;
	text-transform:		capitalize;
	text-decoration:	none;
	cursor:				pointer;
	color:				#c1001d;
	background:			url(/images/backgrounds/icons.png) no-repeat right -15px;
}
#jobBrowserResults a.moreJobOptions:hover{
	color:				#f2004a;
}
/* Extra Options */
#divExtraOptions div.state0{
	width:				639px;
	margin-left:		129px; /* Use this to adjust the horizontal position of the boxes*/
}
#divExtraOptions ul.tabNav li.selectedTab,
#divExtraOptions ul.tabNav li.unselectedTab{
	background:			#E1E3E2;
}
#divExtraOptions ul.tabNav li.unselectedTab a{
	border:				2px solid #ccc;
}
#divExtraOptions ul.tabNav li.selectedTab a{
	border:				2px solid #C0094D;
}
#divExtraOptions ul.tabNav li.selectedTab{
	background:			#D60C57;
}
.ExtraBrowseOptions ul{
	border:				2px solid #C0094D;
}
.ExtraBrowseOptions ul li a{
	font:				bold 1em Arial, Helvetica, sans-serif;
	text-transform:		capitalize;
	text-decoration:	none;
	color:				#4a005f;
}
/* Current Search */
#jobBrowseContainer #CurrentSearch{
	margin:				0;
	padding:			10px 0;
	color:				#292929;
	border:				0;
	background:			transparent;
}
#jobBrowseContainer #CurrentSearch h2{
	display:			block;
	margin:				-5px -14px 10px;
	padding-top:		3px;
	border-top:			0;	
}
#jobBrowseContainer #CurrentSearch a{
	color:				#8b60a0;
}
#jobBrowseContainer #CurrentSearch li{
	font-size:			1em;
}
#jobBrowseContainer #CurrentSearch ul li strong{
	color:				#ff6600;
}
#jobBrowseContainer #CurrentSearch li a{
	color:				#8b60a0;
}
#jobBrowseContainer #CurrentSearch p{
	margin:				5px 0 0;
}

/* --- Send me jobs like these --- */
#JBcontent .pageNumbTop{
	margin-top:			-70px;
}
#sendMeJobsLikeTheseTop{
	position:			relative;
	top:				-20px;
	margin-bottom:		-20px;
}

/* --- Quick Links --- */
#quickLinks{
	float:				left;
	width:				310px;
	height:				300px;
	margin:				0 15px 0 0;
}
#quickLinks h2{
	margin:				0 0 10px 0;
	line-height:		1em;
	text-align:			center;
	color:				#4a005f;
}
#quickLinks #quickLinksNav{
	margin:				0 0 10px 0;
}
#quickLinks #quickLinksNav li{
	display:			inline-block; /* See ie7.css & ieLegacy.css */
	margin:				0 5px 0 0;
	padding:			0 0 0 9px;
	background:			url(/images/backgrounds/main.png) no-repeat left -160px;
}
#quickLinks #quickLinksNav li a{
	display:			block;
	position:			relative;
	padding:			4px 27px 11px 18px;
	background:			url(/images/backgrounds/main.png) no-repeat right -160px;
}
#quickLinks #quickLinksNav li.selected{
	background-position:left -120px;
}
#quickLinks #quickLinksNav li.selected a{
	background-position:right -120px;
}
#quickLinks #QK_JobSeeker{
	min-height:			215px;
	background:			url(/images/backgrounds/quickLinks1.jpg) no-repeat left bottom;
}
#quickLinks #QK_Employer{
	min-height:			215px;
	background:			url(/images/backgrounds/quickLinks2.jpg) no-repeat left bottom;
}
#quickLinks p{
	margin:				0;
}
#quickLinks .sidebarMenu{
	margin:				0 0 0 165px;
}
#quickLinks .sidebarMenu ul{
	margin:				0!important;
	padding:			0!important;
}
#quickLinks .sidebarMenu li{
	margin:				0!important;
	padding:			2px 0 2px 15px;
	background:			url(/images/backgrounds/icons.png) no-repeat left -83px;
}

/* --- Map --- */
#map{
	float:				right;
	width:				370px;
	text-align:			center;
}
#map h2{
	margin:				0;
	padding-left:		10px;
	font-size:			1.8em;
}
#map h2 span{
	width:				328px;
}

/* --- Menu (User created menus) --- */
.SubPage #main .sidebarMenu{
	width:				260px;
	margin:				0 auto 15px;
}
.SubPage #main .sidebarMenu h2{
	height:				18px;
	overflow:			hidden;
	margin:				0 0 10px;
	padding:			6px 0;
	background:			url(/images/backgrounds/main.png) no-repeat -530px -540px;
}
.SubPage #main .sidebarMenu ul li a{
	display:			block;
	height:				15px;
	margin:				0 0 5px;
	padding:			5px 15px;
	text-decoration:	none;
	text-transform:		capitalize;
	color:				#6b2583;
	background:			url(/images/backgrounds/main.png) no-repeat -260px -540px;
}
.SubPage #main .sidebarMenu ul li a:hover{
	background-position:-260px -575px;
}

/*
===================================================================================
=== HOMEPAGE ======================================================================
===================================================================================
*/

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

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	position:			relative;
	clear:				both;
	padding:			25px 0 0;
	font:				1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	text-align:			left;
	color:				#9c9c9c;
	background:			url(/images/backgrounds/headerFooter.png) repeat-x 0 -140px #fff;
}
#footer .innerFoot{
	width:				990px;
	margin:				0 auto;
	background:			#fff;	
}
#footer .sidebarMenu{
	float:				left;
	width:				13%;
	min-height:			15em; /* See ieLegacy.css */
	padding:			10px 3.5%;
	border-right:		1px solid #eee;
}
#footer .sidebarMenu h2{
	margin:				0;
	font:				bold 1.1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color:				#9c9c9c;
}
#footer ul li{
	background:			transparent;
}
#footer a{
	display:			block;
	padding:			2px;
	color:				#9c9c9c;
	font-weight:		normal;
	text-decoration:	none;
}
#footer a:hover{     
	color:				#8b60a0;
	background:			#efe9f3;
}
#footer .copy{
	float:				right;
	margin:				10px 10px 0 0;
}
#footer #menu72695411990017832160{
	clear:				both;
	float:				none;
	width:				94%;
	min-height:			0;
	padding:			2em 3% 0;
	text-align:			center;
	border:				0;
}
#footer #menu72695411990017832160 ul li{
	display:			inline;
	padding:			0 8px;
}
#footer #menu72695411990017832160 ul li a{
	display:			inline;
	text-decoration:	underline;
	color:				#744990;
	background:			transparent;
}

/* --- */
#footer .CMSlogout{
	position:			absolute;
	top:				6em;
	right:				10px;
}
#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 =======================================================
===================================================================================
*/
/* === Job Search Form === */
form#frmJobSearch fieldset{
	border-bottom:		45px solid #cbcacc;
}
form#frmJobSearch dt#DTjobSector{
	margin:				15px -15px 5px;
	padding:			15px 15px 0;
	border-top:			2px solid #c4c4c4;
	zoom:				1;
}
form#frmJobSearch dt.DTsalaryMax,
form#frmJobSearch dt.DTsalaryFrame{
	top:				7.4em;
}
form#frmJobSearch dd.DDsalaryMax,
form#frmJobSearch dd.DDsalaryFrame{
	top:				9.4em;
}
form#frmJobSearch dt.DTposted,
form#frmJobSearch dd.DDposted{
	top:				13.5em;
}
form#frmJobSearch dd.DDposted{
	top:				15.5em;
}
form#frmJobSearch dd.DDsalaryFrame select,
form#frmJobSearch dd.DDposted select,
form#frmJobSearch dd#DDlocation select,
form#frmJobSearch dd#DDjobCategory select{
	width:				125px;
}
form#frmJobSearch dt#DTlocation,
form#frmJobSearch dt#DTjobCategory,
form#frmJobSearch dd#DDlocation,
form#frmJobSearch dd#DDjobCategory{
	position:			absolute;
	top:				19.5em;
	left:				340px;
}
form#frmJobSearch dd#DDlocation,
form#frmJobSearch dd#DDjobCategory{
	top:				21.1em;
}
form#frmJobSearch dt#DTjobCategory{
	top:				29.2em;
}
form#frmJobSearch dd#DDjobCategory{
	top:				31.1em;
}
form#frmJobSearch .searchCriteriaButtons{
	position:			absolute;
	margin:				0;
	bottom:				35px;
	right:				35px;
}
#JBcontent.jobApplyFull dt.applyEmail2 {
	top:				47px;
}
#JBcontent.jobApplyFull dd.applyEmail2 {
	top:				66px;
}
#JBcontent.jobApplyFull dt.applyPassword2 {
	top:				95px;
}
#JBcontent.jobApplyFull dd.applyPassword2 {
	top:				113px;
}

/* --- Job Results --- */
/* Job Info Boxes */
#JBcontent.jobResults .jobInfo,
#JBcontent.jobResults .featuredJob{
	border:				2px solid #f5f5f5;
	background:			#f5f5f5;
}
#JBcontent.jobResults .featuredJob{
	border:				2px solid #8E9BA5;
	background:			#f5f5f5;
}
#JBcontent.jobResults .jobInfo h2,
#JBcontent.jobResults .featuredJob h2{
	padding-left:		9px;
	font:				normal 1.3em Verdana, Tahoma, sans-serif;
	background:			url(/images/backgrounds/main.png) no-repeat left -495px;
}
#JBcontent.jobResults .jobInfo h2 a,
#JBcontent.jobResults .featuredJob h2 a{
	height:				21px;
	padding-left:		20px;
	overflow:			hidden;
	font-weight:		normal;
	background:			url(/images/backgrounds/main.png) no-repeat right -495px;
}
#JBcontent.jobResults .featuredJob{
	border-color:		#8a60a0;
}
#JBcontent.jobResults .score5,
#JBcontent.jobResults .score4{
	border-color:		#d60c57;
}
#JBcontent.jobResults .score5 h2,
#JBcontent.jobResults .score4 h2{
	background-position:left -450px;
}
#JBcontent.jobResults .score5 h2 a,
#JBcontent.jobResults .score4 h2 a{
	background-position:right -450px;
}
#JBcontent.jobResults .score3 h2,
#JBcontent.jobResults .score2 h2,
#JBcontent.jobResults .score1 h2{
	background-position:left -495px;
}
#JBcontent.jobResults .score3 h2 a,
#JBcontent.jobResults .score2 h2 a,
#JBcontent.jobResults .score1 h2 a{
	background-position:right -495px;
}
#JBcontent.jobResults .jobInfo a.detailsApply,
#JBcontent.jobResults .jobInfo a.detailsApply:hover{
	position:			absolute;
	top:				4px;
	right:				10px;
	width:				120px;
	height:				25px;
	padding:			4px 0;
	text-align:			center;
	color:				#fff;
	border:				0;
	background:			url(/images/backgrounds/main.png) no-repeat -130px -540px;
}
#JBcontent.jobResults .score4 a.detailsApply,#JBcontent.jobResults .score5 a.detailsApply,
#JBcontent.jobResults .score4 a.detailsApply:hover,#JBcontent.jobResults .score5 a.detailsApply:hover{
	background-position:0 -540px;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li{
	float:				left;
	width:				38.5%;
	height:				1.6em;
	overflow:			hidden;
	margin:				3px 0 0 0;
	padding:			0 0.5% 0 0;
	font-style:			normal;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li strong{
	float:				left;
	width:				6.6em;
	margin:				0 5px 0 0;
	font:				bold 1.2em Arial, Helvetica, sans-serif;
}
#JBcontent.jobResults .jobInfo ul.jobDetails .jobjobSector,
#JBcontent.jobResults .jobInfo ul.jobDetails .joblocation,
#JBcontent.jobResults .jobInfo ul.jobDetails .jobSalary{
	width:				60%;
}
#JBcontent.jobResults .jobInfo ul.jobDetails .jobjobSector strong,
#JBcontent.jobResults .jobInfo ul.jobDetails .joblocation strong,
#JBcontent.jobResults .jobInfo ul.jobDetails .jobSalary strong{
	width:				4.5em;
}

/* --- Job View --- */
#JBcontent.jobView .jobDescription div{
	margin-bottom:		1em;
}
#JBcontent.jobView .jobDescription h3{
	color:				#C1001D;
	font-size:			1.5em;
	font-weight:		bold;
}
#JBcontent.jobView div.compDesc{
	margin:				0;
	padding:			5px;
	border:				1px solid #82A1B2;
	background:			#F9F9F9;
}
#JBcontent.jobView .compDesc p{
	margin:				0;
}
.ApplyNow, input.ApplyNow{ 
	background-color:	#bb0000;
}
.ApplyNow:hover, input.ApplyNow:hover{
	background-color:	#880000;
}

/* === Add CV Form === */
#JBcontent.CVadd textarea#strSynopsis{
	min-height:			1em;
	height:				3.3em;
}

/* --- Job Apply --- */
#JBcontent table.JobFilterQuestions td.OpenEndedAnswer input{
	width:				450px;
}

/* --- homepage margin fix --- */
#list2 div ul {
	margin:0!important;
}

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