/*
===================================================================================
=== COLOUR SCHEME ONE (BLUE) ======================================================
===================================================================================

See rules marked '[CS]' for all rules that may need to be changed if you're altering the colour scheme.

Update all rules marked '[TEMP]' when creating a new site (clone) of this template.
See the 'Cloning Template Sites' document for more information.

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

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	font:				75%/140% Arial, Helvetica, sans-serif;
	color:				#757575;
	text-align:			center;
	background:			#fff;
}
#container{
	position:			relative; /* Position to relative in order to allow elements contained within to be positioned absolutely within #container */
	width:				985px; /* Total = 985px */
	margin:				0 auto;
	text-align:			left;
	border-top:			6px solid #995AA3;
	background:			#fff;
}
h1, h2, h3, h4, h5, h6{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
}
h1, h2{
	padding-bottom:		0.3em;
	font-size:			1.2em;
	text-transform:		capitalize;
	color:				#EF519D;
	border-bottom:		1px solid #995AA3;
}
h1 em, h2 em{
	font-style:			normal;
	color:				#858588;
}
h3{
	margin:				0 0 1em 0;
	font-size:			1em;
	color:				#995AA3;
}
.SubPage h1{
	margin-top:			10px;
}
.SubPage h2{
	margin:				1.5em 0 0.3em 0;
	padding:			0;
	font-size:			1em;
	border-bottom:		0;
}
.SubPage h3{
	margin:				1.1em 0 0 0;
}
p{
	margin:				0 0 1em 0;
}
a{ /* [CS] */     
	color:				#ae4477;
}
a:hover{ /* [CS] */     
	text-decoration:	underline;
	color:				#d127c7;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.noborder{
	border:				none!important;
}
.txtLeft{
	text-align:			left;
}
.txtRight{
	text-align:			right;
}
.txtCentre{
	text-align:			center;
}
.txtJustify{
	text-align:			justify;
}
.imgLeft{
	float:				left;
	margin:				-3px 0 0 0;
}
.imgRight{
	float:				right;
	margin:				-3px 0 0 0;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.incBlock{
	margin:				0 0 0 0!important;
}
strong em, em strong{
	font-weight:		bold;
	font-style:			italic;
	color:				#9c2a66;
}
.hidden{
	display:			none;
}

/*
=============
=== FORMS ===
=============
*/
#JBcontent #lstDataType select{
	width:				auto!important;
}
input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif!important;
}
input[type=text], input[type=password], select, textarea, input.text{  /* [CS] */     /* See ie.css */
	width:				200px!important;
	padding:			2px;
	border:				1px solid #bacbda!important;
}
#homepage input[type=text], #homepage input[type=password], #homepage select, #homepage textarea, #homepage input.text{  /* [CS] */     /* See ie.css */
	width:				126px!important;
}
input.text, input.password, select, textarea, #strCandLoginEmail, #strCandLoginPassword,
#strClientLoginUsername, #strClientLoginPassword, #strSubject, #strName, #strEmail,
#strTelephone, #strFax{  /* [CS] */     /* For backwards compatibility with IE6> */
	border-color:		#bacbda!important;
}
select{
	width:				206px;
	padding:			0;
}
#homepage select{
	width:				134px!important;
}
input[type=submit], input[type=button], input.submit{  /* [CS] */     /* See ie.css */
	width:				auto;
	overflow:			visible; /* Width auto and overfloe visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
	margin:				5px 0 0 0;
	padding:			0 12px;
	font-weight:		bold!important;
	color:				#fff;
	border:				1px solid #fff;
	background:			#995AA3!important;
}
input.submit, input.searchButton, .loginButton1, .loginButton2{ /* [CS] */     /* For backwards compatibility with IE6> */
	font-weight:		bold!important;
	background:			#995AA3!important;
}
p.submit a{  /* [CS] */     /* Advanced search link */
	font:				normal 0.9em Arial, sans-serif;
	text-decoration:	underline;
	color:				#000;
}
p.submit a:hover{  /* [CS] */ /* [CS] */     
	color:				#d127c7;
}

/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
html{ /* Make sure the scrollbar is always on */
	height:				100%;
	margin-bottom:		1px
}



/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{ /* [CS] */     
	position:			relative;
	height:				115px;
	margin:				1px 0 5px 0;
	padding:			0;
	background:			url(/images/backgrounds/header.gif) repeat-x top;
}
.SubPage #header{
	margin-bottom:		30px;
}
#header #logo{ /* [CS] */ /* [TEMP] */
	position:			absolute;
	top:				4px;
	left:				10px;
}
#header #strapLine{
	position:			absolute;
	top:				30px;
	right:				155px;
}
#header #banner{
	position:			absolute;
	top:				12px;
	right:				10px;
}
#homeBannerArea{
	position:			relative;
}

#homeBannerArea a.postJobsNow{
	display:			block;
	position:			absolute;
	top:				0;
	right:				135px;
	width:				94px;
	height:				66px;
	padding:			27px 5px 0 3px;
	font:				bold 0.9em/1.1em "Lucida Sans", Verdana, Tahoma, sans-serif;
	text-align:			center;
	color:				#fff;
	background:			url(/images/backgrounds/postJobsNow.png) no-repeat #fff;
}
#homeBannerArea a.postJobsNow .pseudoH2{
	display:			block;
	margin:				0 0 3px 0;
	font-size:			1.1em;
}
#homeBannerArea a.postJobsNow img{
	display:			block;
	margin:				3px auto 0 auto;
	text-align:			center;
}
#homeBannerArea a.postJobsNow:hover{
	text-decoration:	none;
	color:				#FFEBA4;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-30px;
	width:				830px;
	margin:				0;
	padding:			2px 10px 3px 10px;
	border:				1px solid #cdcdcd;
	background:			#f5f5f5;
}

/*
===================================================================================
=== 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;
	height:				27px;
	background: 		url(/images/backgrounds/menuLeft.png) no-repeat left;
}
#header #mainMenu ul#topmenu{				
	width:				850px; /* Total = 855px */
	height:				27px;
	padding:			0 0 0 5px;
	background: 		url(/images/backgrounds/menuRight.png) no-repeat right;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu a.starter{ /* [CS] */     /* This rule applies to the top level menu items (links) */ /* see ie.css & ie7.css */
	position:			relative;
	top:				5px;
	padding: 			7px 4px 7px 7px; /* Make sure the left padding is 4px greater than the right padding (if you want the text to be central) */
	font-weight:		bold;
	font-size:			0.8em;
	text-transform:		uppercase;
	color:				#fff;
	border-right:		0;
}
#header #mainMenu ul#topmenu a.starter:hover{ /* [CS] */     /* Hover state for the top level menu items */
	color: 				#fff;
	background: 		url(/images/backgrounds/menuHover.png) no-repeat center top #EF519D;
}
#header #mainMenu ul#topmenu .lastItem a.starter{
	border-right:		none;
}

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

#mainMenu ul#topmenu li.ShowLoggedIn{
	display:			none;
}


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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	float:				left;
	overflow:			hidden;
	background:			#fff;
}
#content, #JBcontent{
	padding:			10px;
}
#left,
#right{
	width:				196px;
	padding:			0 10px;
}
#left h1, #left h2, #left h3, #left h4, #left h5, #left h6,
#right h1, #right h2, #right h3, #right h4, #right h5, #right h6,
.incBlock, .sidebarMenu{
	clear:				both;
}

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

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

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				835px; /* TOTAL = 855px */
	overflow:			hidden;
}
body.twocolR #right{
	width:				130px; /* Total = 130px */
	margin:				-58px 0 0 0;
	padding:			0;
	text-align:			right;
}
/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
/* Home Page */
body#homepage.threecol #content{
	width:				425px; /* Total = 430px */
	padding:			3em 5px 0 0;
}
body#homepage.threecol #left{
	width:				420px; /* Total = 425px */
	padding:			7px 0 0 5px;
}
body#homepage.threecol #right{
	width:				130px; /* Total = 130px */
	margin:				-135px 0 0 0;
	padding:			0;
	text-align:			right;
}


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

===============
=== CONTENT ===
===============
*/
#content, #JBcontent{
	padding-bottom:		10px!important;
	text-align:			justify;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#JBcontent h1, #JBcontent h2, #JBcontent h3, #JBcontent h4, #JBcontent h5, #JBcontent h6{
	text-align:			left;
}
#JBcontent form h2{
	border-bottom:		none!important;
}
#content blockquote{
	margin:				0 2em 1em 2em;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.2em;
	line-height:		1.7em;
	text-align:			left;
}
#content ul, #JBcontent ul{
	margin-bottom:		1em;
}
#content ol{
	margin:				0 40px;
	list-style-type:	decimal;
}
#content ol li{
	margin:				0 0 1em 0;
	font-weight:		bold;
	font-size:			1.2em;
}
#content ol li ol li{
	margin:				5px -10px;
	font-weight:		normal;
	font-size:			0.8em;
}
#JBcontent table, #JBcontent form{
	text-align:			left;
}
.helpButton{
	height:				47px;
	padding:			4px 5px;
	border:				1px solid #018BBC;
	background:			url(/images/icons/firstAid.png) no-repeat top right;
}
.pseudoH3{
	display:			block;
	margin-bottom:		0.2em;
	font-weight:		bold;
	color:				#008DBB;
}
.pseudoPara{
	display:			block;
	width:				120px;
	font-size:			1em;
	line-height:		1.3em;
	color:				#000;
}
.linkLatestJobs, .linkAllJobs{ /* [CS] */     
	float:				left;
	margin:				0.5em 0 0 0;
	font:				bold 1.3em "Lucida Sans", Myriad, sans-serif;
	color:				#0082AC;
	text-transform:		capitalize;
}
.linkLatestJobs{ /* See ie.css & ie7.css */
	width:				72.7%;
}
.linkLatestJobs a, .linkAllJobs a{ /* [CS] */     
	color:				#0082AC;
}
.linkLatestJobs a:hover, .linkAllJobs a:hover{ /* [CS] */     
	color:				#f06000;
}
#JBcontent.menu .NewsItem{ /* [CS] */     
	border-bottom:		1px solid #dce5ec;
}
#homepage #content h1.welcomeText{
	position:			absolute;
	top:				230px;
	left:				0;
	width:				425px;
}

/* --- Search Browser Box --- */
#jobseekersRecruiters{
	position:			relative;
	width:				425px;
	height:				347px;
	margin:				0 0 1.5em 0;
	color:				#032147;
	background:			url(/images/backgrounds/jobseekersRecruiters.png) no-repeat left bottom;
}
#jobseekersRecruiters .state1{
	display:			none;
}
#jobseekersRecruiters ul.tabNav{
	height:				28px;
	margin:				0 0 10px 0;
	padding:			0;
	background:			url(/images/backgrounds/jobseekersRecruitersTop.png) no-repeat left top;
}
#jobseekersRecruiters ul.tabNav li{
	float:				left;
	height:				100%;
	margin:				0;
	padding:			0;
	background:			transparent;
}
#jobseekersRecruiters ul.tabNav li a{ /* See ie.css */
	display:			block;
	height:				24px;
	padding:			4px 10px 0 10px;
	font-weight:		bold;
	color:				#36434A;
	border-left:		1px solid #B8C5CC;
	border-right:		1px solid #EAF7FE;
}
#jobseekersRecruiters ul.tabNav li a.selectedTab,
#jobseekersRecruiters ul.tabNav li a:hover{
	text-decoration:	none;
	color:				#fff;
	background:			url(/images/backgrounds/jobseekersRecruitersOver2.png) repeat-x left top;
}
#jobseekersRecruiters ul.tabNav li.tabNavJobseekers a.selectedTab,
#jobseekersRecruiters ul.tabNav li.tabNavJobseekers a:hover{
	background:			url(/images/backgrounds/jobseekersRecruitersOver1.png) repeat-x left top;
}
#jobseekersRecruiters ul.tabNav li.tabNavJobseekers a{
	border-left:		0;
}
#jobseekersRecruiters .jrBox{
	padding:			0 10px;
}
#jobseekersRecruiters .searchByBox h2{
	display:			none;
}
#jobseekersRecruiters .searchByBox ul,
#jobseekersRecruiters .popSearchBy ul{
	margin:				0;
	padding:			0;
}
#jobseekersRecruiters .searchByBox ul li,
#jobseekersRecruiters .popSearchBy ul li{
	float:				left;
	width:				33%;
	margin:				0;
	padding:			0;
	text-align:			left;
	background:			transparent;
}
#jobseekersRecruiters .searchByBox ul li a,
#jobseekersRecruiters .popSearchBy ul li a{
	color:				#032147;
}
#jobseekersRecruiters .searchByBox ul li a:hover,
#jobseekersRecruiters .popSearchBy ul li a:hover{
	color:				#d127c7;
}
#jobseekersRecruiters #search{
	position:			relative;
	height:				8em;
	padding:			1em 0 0 0;
}
#jobseekersRecruiters #search h2{
	display:			none;
}
#jobseekersRecruiters #search dl dt label,
#jobseekersRecruiters #search dl dd input,
#jobseekersRecruiters #search dl dd select{
	position:			absolute;
	top:				1.5em;
}
#jobseekersRecruiters #search dl dt label{
	font-weight:		bold;
	font-size:			0.9em;
	color:				#272727;
}
#jobseekersRecruiters #search dl dt #locallabelKeywords{
}
#jobseekersRecruiters #search dl dd #localstrKeywords{
	left:				6.5em;
}
/* ------- */
#jobseekersRecruiters #search dl dt #locallabelJobType{
	right:				138px;
}
#jobseekersRecruiters #search dl dd #locallstJobType{
	right:				0px;
}
/* ------- */
#jobseekersRecruiters #search dl dt #locallabelJobSector{
	top:				5em;
}
#jobseekersRecruiters #search dl dd #locallstJobSector{
	top:				4.5em;
	left:				6.5em;
}
/* ------- */
#jobseekersRecruiters #search dl dt #locallabelArea{
	top:				5em;
	right:				138px;
}
#jobseekersRecruiters #search dl dd #locallstArea{
	top:				4.5em;
	right:				0px;
}
/* ------- */
#jobseekersRecruiters #search dl dt #locallabelRegion{
	top:				5em;
	right:				138px;
}
#jobseekersRecruiters #search dl dd #locallstRegion{
	top:				4.5em;
	right:				0px;
}
#jobseekersRecruiters #search p.submit{
	position:			absolute;
	bottom:				5px;
	left:				0;
	margin:				0;
}
#jobseekersRecruiters #search p.submit a{
	float:				left;
}
#jobseekersRecruiters #search p.submit input.searchButton{
	float:				right;
	margin:				-3px 0 0 0;
}
#jobseekersRecruiters #jobseekersLoginInc,
#jobseekersRecruiters #recruiterLoginInc{
	position:			absolute;
	bottom:				0;
	width:				425px;
	height:				55px;
	margin:				-12px -10px 0 -10px!important;
	background:			url(/images/backgrounds/jobseekersRecruitersBot.png) no-repeat bottom;
}

#jobseekersRecruiters #jobseekersLoginInc h2,
#jobseekersRecruiters #jobseekersLoginInc dt,
#jobseekersRecruiters #jobseekersLoginInc dd,
#jobseekersRecruiters #jobseekersLoginInc .loginButton1,
#jobseekersRecruiters #recruiterLoginInc h2,
#jobseekersRecruiters #recruiterLoginInc dt,
#jobseekersRecruiters #recruiterLoginInc dd,
#jobseekersRecruiters #recruiterLoginInc .loginButton1{
	position:			absolute;
}
#jobseekersRecruiters #jobseekersLoginInc h2,
#jobseekersRecruiters #recruiterLoginInc h2{
	top:				23px;
	left:				5px;
	font-size:			1em;
	color:				#fff;
	border-bottom:		0;
}
#jobseekersRecruiters #recruiterLoginInc h2{
	left:				17px;
}
#jobseekersRecruiters #jobseekersLoginInc input.text,
#jobseekersRecruiters #recruiterLoginInc input.text{
	width:				105px!important;
}
#jobseekersRecruiters #jobseekersLoginInc dt.usernameLabel,
#jobseekersRecruiters #jobseekersLoginInc dt.passwordLabel,
#jobseekersRecruiters #recruiterLoginInc dt.usernameLabel,
#jobseekersRecruiters #recruiterLoginInc dt.passwordLabel{
	top:				5px;
	left:				110px;
	font-size:			0.8em;
	color:				#fff;
}
#jobseekersRecruiters #jobseekersLoginInc dd.usernameBox,
#jobseekersRecruiters #jobseekersLoginInc dd.passwordBox,
#jobseekersRecruiters #recruiterLoginInc dd.usernameBox,
#jobseekersRecruiters #recruiterLoginInc dd.passwordBox{
	top:				20px;
	left:				110px;
}
#jobseekersRecruiters #jobseekersLoginInc dt.passwordLabel,
#jobseekersRecruiters #recruiterLoginInc dt.passwordLabel{
	left:				228px;
}
#jobseekersRecruiters #jobseekersLoginInc dd.passwordBox,
#jobseekersRecruiters #recruiterLoginInc dd.passwordBox{
	left:				228px;
}
#jobseekersRecruiters #jobseekersLoginInc .loginButton1,
#jobseekersRecruiters #recruiterLoginInc .loginButton1{ /* See ie.css */
	top:				16px;
	left:				345px;
}
#jobseekersRecruiters #jobseekersLoginInc p.submit a,
#jobseekersRecruiters #jobseekersLoginInc p.CustomJobseekerMenuTXT,
#jobseekersRecruiters #recruiterLoginInc p.submit a,
#jobseekersRecruiters #recruiterLoginInc p.ClientHome{
	display:			none;
}


/*
================
=== SIDEBARS ===
================
*/
/* --- LEFT --- */
#homepage #left #featured{
	clear:				none;
	float:				left;
	width:				200px;
	margin:				0 0 0 5px!important;
}
#homepage #left .featuredEmployersBox{ /* See ie.css & ie7.css */
	clear:				none;
	float:				right;
	width:				200px;
	height:				376px;
	margin:				0 0 13px 0!important;
	background:			url(/images/backgrounds/featuredEmployersBox.png) no-repeat bottom;
}
#homepage #left .featuredEmployersBox h2{
	padding:			5px 10px;
	font-size:			1em;
	background:			url(/images/backgrounds/featuredEmployersBoxTop.png) no-repeat top;
}
#homepage #left #newsInc{
	
}
#homepage #left #newsInc,
#homepage #left .whiteBox{
	clear:				both;
	margin:				0 0 10px 0;
}

#homepage #LatestNews, .whiteBox{
	padding:			0 10px 5px 10px;
	font-size:			0.9em;
	background:			url(/images/backgrounds/whiteBox.png) no-repeat bottom;
}
#homepage #LatestNews{
	padding-top:		3px;
}
#homepage #newsInc h2, .whiteBox h2{
	min-height:			14px; /* Total = 30px */
	margin:				0;
	padding:			8px 10px;
	font-size:			1.1em;
	color:				#3D3D3D;
	border-color:		#d8d8d8;
	background:			url(/images/backgrounds/whiteBoxTop.png) no-repeat top;
}
#homepage #newsInc p, .whiteBox p{
	margin:				0;
}
#homepage dl dt.NewsTitle{
	padding-right:		15px;
	background:			url(/images/backgrounds/newsCornerArrow.png) no-repeat right top;
}
#homepage dl dt.NewsTitle a{
	color:				#ae4477!important;
}
#homepage dl dt.NewsTitle a:hover{ /* [CS] */ 
	text-decoration:	underline;
	color:				#d127c7!important;
}
#homepage dl dd.NewsArticle{
	padding:			0 0 5px 0;	
	border-bottom:		1px solid #d8d8d8;
}
.whiteBox p{
	padding:			0 7px 5px 0;	
	border-bottom:		1px solid #d8d8d8;
	background:			url(/images/backgrounds/boxCornerArrow.png) no-repeat right bottom;
}
.whiteBox p.moreInfo{
	padding:			0;
	border-bottom:		0;
	background:			url(/images/backgrounds/CornerArrow.png) no-repeat right center;
}

/* ------------------- */
.quicknotes{
	display:			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;
}
#left .LatestVacanciesTBL span br, #left .LatestVacanciesTBL span table,
#right .LatestVacanciesTBL span br, #right .LatestVacanciesTBL span table{
	display:			none!important;
}
/* End of HTML formatting purge! */
#left .LatestVacanciesTBL td .floatHack, 
#right .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#left .LatestVacanciesTBL h2,
#right .LatestVacanciesTBL h2{
	margin-bottom:		0;
}
#left .LatestVacanciesTBL, 
#right .LatestVacanciesTBL{
	width:				auto;
	margin:				0 0;
}
#left .LatestVacanciesTBL td, 
#right .LatestVacanciesTBL td{ /* See ie.css */
	padding:			3px 0;
	font-size:			0.9em;
	color:				#ae4477;
	border-bottom:		1px solid #FFE0EE;
}

#left .LatestVacanciesTBL .LatestVacanciesCol1, 
#right .LatestVacanciesTBL .LatestVacanciesCol1{ /* Advertisers Logo */
	display:			none!important; /* Remove the logo (if present) when in sidebars */
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span{
	position:			relative;
	display:			inline!important;
	padding:			0;
	color:				#ae4477!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle{
	margin-right:		5px!important;
	font-weight:		normal!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a{ /* [CS] */   
	
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a:hover, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a:hover{ /* [CS] */  
	  
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Area strong, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Area strong{
	font-weight:		normal!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobDescription, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobDescription{

}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary{
	display:			block;
}

/* --- Featured Companies --- */
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2{
	color:				#fff!important;
	text-align:			left;
	border-top:			none!important;
}
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul{
	margin:				2px 0 5px 5px;
}
#left .featuredEmployersBox ul li,
#right .featuredEmployersBox ul li{ /* See ie.css & ie7.css */
	float:				left;
	margin:				0;
	padding:			0 3px 3px 3px;
}
#left .featuredEmployersBox ul li img,
#right .featuredEmployersBox ul li img{
	border:				1px solid #fff;
}
#left .featuredEmployersBox a,
#right .featuredEmployersBox a{
	color:				#fff;
	text-decoration:	underline;
}
#left .featuredEmployersBox a:hover,
#right .featuredEmployersBox a:hover{
	color:				#444;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	display:			none;
}

/* --- Jobseeker Main & Recruiter Main --- */
#left #jobseekerMainInc, #right #jobseekerMainInc,
#left #recruiterMainInc, #right #recruiterMainInc{
	margin:				0;
}
#left #jobseekerMainInc h3, #right #jobseekerMainInc h3,
#left #recruiterMainInc h3, #right #recruiterMainInc h3{
	margin-top:			0.6em;
}
#left #jobseekerMainInc form, #right #jobseekerMainInc form,
#left #recruiterMainInc form, #right #recruiterMainInc form{
	margin:				0.3em 0 1em 0;
}
#left #jobseekerMainInc ul li, #right #jobseekerMainInc ul li,
#left #recruiterMainInc ul li, #right #recruiterMainInc ul li{
	margin:				2px -10px;
}
#left #jobseekerMainInc ul li a,#right #jobseekerMainInc ul li a,
#left #recruiterMainInc ul li a,#right #recruiterMainInc ul li a{ /* [CS] */     
	display:			block;
	width:				90%;
	padding:			2px 5%;
	font-weight:		normal;
	color:				#fff;
	background:			#01A7DB;
}
#left #jobseekerMainInc ul li a:hover,#right #jobseekerMainInc ul li a:hover,
#left #recruiterMainInc ul li a:hover,#right #recruiterMainInc ul li a:hover{ /* [CS] */  
	background:			#0195C4;   
}
#left #jobseekerMainInc ul li ul li a, #right #jobseekerMainInc ul li ul li a,
#left #recruiterMainInc ul li ul li a, #right #recruiterMainInc ul li ul li a{ /* [CS] */     
	margin:				0 10px;
	padding:			2px 10px 2px 30px;
	font-weight:		normal;
	color:				#fff;
	text-decoration:	none;
	background:			url(/jobboard/images/icons/smallArrow.png) no-repeat 20px 5px #5BBFDE;
}
#left #jobseekerMainInc ul li ul li a:hover, #right #jobseekerMainInc ul li ul li a:hover,
#left #recruiterMainInc ul li ul li a:hover, #right #recruiterMainInc ul li ul li a:hover{ /* [CS] */ 
	background-color:	#51B2D0;    
}

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

/* --- Recruiter Login & Jobseeker Login --- */
#left #jobseekersLoginInc p, #right #jobseekersLoginInc p,
#left #recruiterLoginInc p, #right #recruiterLoginInc p{
	clear:				both;
}
#left #jobseekersLoginInc p.submit, #right #jobseekersLoginInc p.submit,
#left #recruiterLoginInc p.submit, #right #recruiterLoginInc p.submit{
	margin:				6px 0 2em 0;
}
#left #jobseekersLoginInc p.submit a, #right #jobseekersLoginInc p.submit a,
#left #recruiterLoginInc p.submit a, #right #recruiterLoginInc p.submit a{
	display:			block;
	float:				left;
}
#left #jobseekersLoginInc p.submit input, #right #jobseekersLoginInc p.submit input,
#left #recruiterLoginInc p.submit input, #right #recruiterLoginInc p.submit input{
	display:			block;
	float:				right;
	margin-top:			-3px;
}

/* --- News --- */
#left #LatestNews,
#right #LatestNews{
	margin:				0 0 1.3em 0;
}
#left #LatestNews .NewsTitle a,
#right #LatestNews .NewsTitle a{ /* [CS] */     
	font-weight:		bold;
	text-transform:		capitalize;
	color:				#0082AC;
}
#left #LatestNews .NewsTitle a:hover,
#right #LatestNews .NewsTitle a:hover{ /* [CS] */   
	color:				#f06000;  
}
#left #LatestNews .NewsArticle,
#right #LatestNews .NewsArticle{
	height:				2.8em;
	overflow:			hidden;
	margin:				0 0 0.8em 0;
}
#left #LatestNews img,
#right #LatestNews img{ /* Hide images when in the sidebars (where they'd take up too much room */
	display:			none!important;
}

/* --- Quick Search Form --- */
#left #search,
#right #search{
	padding-bottom:		2.3em;
}
#left #search label, 
#right #search label{
	font-weight:		bold;
}
#left #search select, #left #search input.text, 
#right #search select, #right #search input.text{
	display:			block;
	margin-bottom:		0.5em;
}
#left #search p.submit a,
#right #search p.submit a{
	display:			block;
	float:				left;
}
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{
	display:			block;
	float:				right;
	margin-top:			-3px;
}

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

/* --- Menu (User created menus) --- */
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{
	margin:				2px -10px;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{ /* [CS] */     
	display:			block;
	width:				90%;
	padding:			2px 5%;
	font-weight:		normal;
	color:				#fff;
	background:			#01A7DB;
}
#left ul.customSideBarMenu li a:hover,
#right ul.customSideBarMenu li a:hover{ /* [CS] */    
	background:			#0195C4; 
}
#left ul.customSideBarMenu li ul li a, 
#right ul.customSideBarMenu li ul li a{ /* [CS] */  
	margin:				0 10px;
	padding:			2px 10px 2px 30px;
	font-weight:		normal;
	color:				#fff;
	text-decoration:	none;
	background-image:	url(/jobboard/images/icons/smallArrow.png) no-repeat 20px 5px #5BBFDE;
}
#left ul.customSideBarMenu li ul li a:hover, 
#right ul.customSideBarMenu li ul li a:hover{ /* [CS] */  
	background-color:	#51B2D0;   
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{ /* [CS] */     
	width:				100%;
	border-bottom:		1px dashed #7c7c7c;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ie.css */
	padding:			10px 0;
}
#content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#content .LatestVacanciesTBL a, 
#JBcontent .LatestVacanciesTBL a{ /* [CS] */ 
	color:				#000;    
}
#content .LatestVacanciesTBL a:hover, 
#JBcontent .LatestVacanciesTBL a:hover{ /* [CS] */ 
	color:				#f06000;    
}
#content .LatestVacanciesCol1, 
#JBcontent .LatestVacanciesCol1{ /* [CS] */     
	width:				98px; /* Images should be 88px, giving this 10px of right padding */
	border-top:			1px dashed #7c7c7c;
}
#content .LatestVacanciesCol2, 
#JBcontent .LatestVacanciesCol2{ /* [CS] */     
	border-top:			1px dashed #7c7c7c;
}
#content .LatestVacanciesCol2 span, 
#JBcontent .LatestVacanciesCol2 span{
	position:			relative;
	float:				left;
	height:				1.65em;
	margin:				0!important;
	padding:			0;
	overflow:			hidden;
}
#content .LatestVacanciesCol2 span.jobs_JobTitle, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobTitle{
	width:				60.5%;
	margin-right:		6%;
	font-weight:		bold;
}
#content .LatestVacanciesCol2 span.jobs_Area, 
#JBcontent .LatestVacanciesCol2 span.jobs_Area{
	width:				32%;
	font-weight:		bold;
	color:				#000;
}
#content .LatestVacanciesCol2 span.jobs_JobDescription, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobDescription{
	width:				60.5%;
	margin-right:		6%;
	font-weight:		normal;
}
#content .LatestVacanciesCol2 span.jobs_Salary, 
#JBcontent .LatestVacanciesCol2 span.jobs_Salary{
	width:				32%;
	font-weight:		normal;
}
/* --- Featured Companies --- */
#content .featuredEmployersBox ul,
#JBcontent .featuredEmployersBox ul{
	margin:				2px 0 5px 0;
}
#content .featuredEmployersBox ul li,
#JBcontent .featuredEmployersBox ul li{
	float:				left;
	padding:			2px 3px;
	background:			transparent;
}
#content .featuredEmployersBox .LinkToClientList,
#JBcontent .featuredEmployersBox .LinkToClientList{
	clear:				both;
}

/* --- Jobseeker Main & Recruiter Main --- */
#content #jobseekerMainInc h3, #JBcontent #jobseekerMainInc h3,
#content #recruiterMainInc h3, #JBcontent #recruiterMainInc h3{
	width:				70%;
	margin:				1em auto 0 auto;
	padding:			5px 2%;
	font-size:			1em;
	color:				#fff;
	border:				1px solid #aaa;
	border-bottom:		none;
	background:			#424242;
}
#content #jobseekerMainInc form, #JBcontent #jobseekerMainInc form,
#content #recruiterMainInc form, #JBcontent #recruiterMainInc form{
	width:				74%;
	margin:				0 auto 1em auto;
	padding:			0;
}
#content #jobseekerMainInc fieldset, #JBcontent #jobseekerMainInc fieldset,
#content #recruiterMainInc fieldset, #JBcontent #recruiterMainInc fieldset{
	padding:			5px 2%;
	border:				1px solid #aaa;
	border-top:			none;
	background:			#eee;
}
#content #jobseekerMainInc form dd, #JBcontent #jobseekerMainInc form dd,
#content #recruiterMainInc form dd, #JBcontent #recruiterMainInc form dd{
	margin-bottom:		10px;
}
#content #jobseekerMainInc form label, #JBcontent #jobseekerMainInc form label,
#content #recruiterMainInc form label, #JBcontent #recruiterMainInc form label{
	font-weight:		bold;
	color:				#555588;
	text-transform:		capitalize;
}
#content #jobseekerMainInc form input, #JBcontent #jobseekerMainInc form input,
#content #recruiterMainInc form input, #JBcontent #recruiterMainInc form input{
	margin-left:		5px;
}
#content #jobseekerMainInc form input.submit, #JBcontent #jobseekerMainInc form input.submit,
#content #recruiterMainInc form input.submit, #JBcontent #recruiterMainInc form input.submit{
	margin-left:		0;
}
#content #jobseekerMainInc ul, #JBcontent #jobseekerMainInc ul,
#content #recruiterMainInc ul, #JBcontent #recruiterMainInc ul{ /* [CS] */     
	border-top:			1px solid #bacbda;
}
#content #jobseekerMainInc ul li, #JBcontent #jobseekerMainInc ul li,
#content #recruiterMainInc ul li, #JBcontent #recruiterMainInc ul li{ /* [CS] */     
	margin:				0;
	padding:			0;
	border-bottom:		1px solid #bacbda;
	background:			none;
}
#content #jobseekerMainInc ul li a, #JBcontent #jobseekerMainInc ul li a,
#content #recruiterMainInc ul li a, #JBcontent #recruiterMainInc ul li a{ /* [CS] */ 
	display:			block;
	position:			relative;
	margin:				2px 0;
	padding:			2px 0 2px 20px;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px;
}
#content #jobseekerMainInc ul li a:hover, #JBcontent #jobseekerMainInc ul li a:hover,
#content #recruiterMainInc ul li a:hover, #JBcontent #recruiterMainInc ul li a:hover{ /* [CS] */ 
	color:				#2D587D;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px #E9F0F6;
}

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

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

/* --- News --- */
#content #LatestNews,
#JBcontent #LatestNews{
	margin:				0 0 1.3em 0;
}
#content #LatestNews .NewsTitle a,
#JBcontent #LatestNews .NewsTitle a{ /* [CS] */     
	font-weight:		bold!important;
	font-size:			1.1em;
	text-transform:		capitalize;
	color:				#0082AC;
}
#content #LatestNews .NewsTitle a:hover,
#JBcontent #LatestNews .NewsTitle a:hover{ /* [CS] */ 
	color:				#f06000;   
}
#content #LatestNews .NewsArticle,
#JBcontent #LatestNews .NewsArticle{
	margin:				0 0 1em 0;
}
#content #LatestNews img,
#JBcontent #LatestNews img{ /* Hide images */
	display:			none!important;
}

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

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

/* --- Menu (User created menus) --- */
#content ul.customSideBarMenu,
#JBcontent ul.customSideBarMenu{ /* [CS] */     
	border-top:			1px solid #bacbda
}
#content ul.customSideBarMenu li,
#JBcontent ul.customSideBarMenu li{
	margin:				0;
	padding:			0;
	border-bottom:		1px solid #bacbda;
	background-position:5px
}
#content ul.customSideBarMenu li a,
#JBcontent ul.customSideBarMenu li a{
	display:			block;
	position:			relative;
	margin:				2px 0;
	padding:			2px 0 2px 20px;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px;
}
#content ul.customSideBarMenu li a:hover,
#JBcontent ul.customSideBarMenu li a:hover{ /* [CS] */     
	color:				#2D587D;
	background:			url(/jobboard/images/icons/bullet2.png) no-repeat 5px #E9F0F6;
}
 
/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	height:				85px;
	background:			url(/images/backgrounds/header.gif) repeat-x 0 -22px;
}
#popup #popupHeader .popupLogo{ /* [CS] */ /* [TEMP] */
	width:				225px;
	height:				75px;
	margin-top:			5px;
	background:			url(/images/logo.gif) no-repeat;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	height:				1.6em;
	padding:			5px;
	font-size:			0.9em;
	text-align:			center;
	border-top:			6px solid #995AA3;
}
#footer ul{
	width:				88%;
	margin:				2em auto 0 auto;
}
#footer li{
	float:				left;
	padding:			0 7px;
	border-right:		1px solid #888;
}
#footer li a{ /* [CS] */  
	color:				#555;   
}
#footer li a:hover{ /* [CS] */     
	text-decoration:	underline;
	color:				#f06000;
}
#footer li.lastItem, #footer li.CMSlogout{
	border-right:		none;
}
#footer li.CMSlogout{
	position:			absolute;
	bottom:				-25px;
	left:				-6px;
}
#footer .RDGlogo{
	float:				left;
	margin:				1.6em 0 0 0;
}
#footer li.CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
	background:			#c40000
}
#footer li.CMSlogout a:hover{
	text-decoration:	none;
	background:			#820000;
}
/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
#JBcontent.jobindex li.indexlink{ /* [CS] */  
	background:			none;   
}
#JBcontent.jobindex li.indexlink ul{
	margin-left:		0;
}
#JBcontent.advertisers ol{ /* [CS] */     
	background:			none;
}
#JBcontent.advertisers ol li{ /* [CS] */   
	background:			none;  
}
#JBcontent #progress{
	margin:				40px 0 40px 0;
}
#JBcontent.jobView p{
	text-align:			justify;
}
#JBcontent .styled h2{
	color:				#fff!important;
}
#JBcontent .NewsItem{
	width:				100%;
}
#JBcontent .NewsItem .NewsText{
	width:				100%;
}
/* ---------------------------------------------------------------------------------------------- */
/*	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;
}
/* ---------------------------------------------------------------------------------------------- */
#JBcontent.jobView form.jobViewForm .jobInfo dl dt,
#JBcontent.jobView form.jobViewForm dl.extraInfo dt{
	width:				13%!important;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl dd,
#JBcontent.jobView form.jobViewForm dl.extraInfo dd{
	width:				63%!important;
	margin:				0 0 6px 14%!important;
}
#JBcontent.jobView h1{
	padding-bottom:		15px;
}
#JBcontent.jobView form.jobViewForm{
	border-bottom:		2px solid #ae4477;
}

/* ====== 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 .savedsearch h2{
	color:				#fff;
	background:			#995AA3;
}
#JBcontent form.styled fieldset h2{
	color:				#fff;
	background:			#995AA3;
}
#JBcontent form.styled fieldset h3{
	color:				#fff;
	background:			#995AA3;
}
#JBcontent table.results th{
	color:				#fff;
	background:			#995AA3;
}
#JBcontent form.styled fieldset h2 a, #JBcontent form.styled fieldset h3 a, #JBcontent table.results thead a{
	color:				#fff;
}
#JBcontent form.styled fieldset h2 a:hover, #JBcontent form.styled fieldset h3 a:hover, #JBcontent table.results thead a:hover{}

/* ====== Other Colour Scheme Rules ====== */
.savedsearch{}
	
#JBcontent table tr.zebra2, #JBcontent table tr.dblzebra3, #JBcontent table tr.dblzebra4{}

.jobView dl.refandcontact{}

.advertisers_top,
.advertisers_middle{
	background:			url(/images/icons/creditCardIcons.png) no-repeat 653px 15px!important;
}
#JBcontent.advertisers ul li{
	background:			transparent;
}
#JBcontent.CVsave select{
	width:				auto!important;
}
.advertisers h2{
	color:				#AE4477;
}

/*
===================================================================================
=== DEBUG =========================================================================
===================================================================================
*/
/*
#container{
	background:			yellow!important;
}
#left{
	background:			red!important;
}
#content, #JBcontent{
	background:			mediumturquoise!important;
}
#right{
	background:			blue!important;
}
#header{
	background:			blue!important;
}
#mainMenu ul#topmenu{
	background:			darkblue!important;
}
#abovecontent{
	background:			mediumslateblue!important;
}
#main{
	background:			lightgray!important;
}
#footer{
	background:			magenta!important;
}
.LatestVacanciesCol2 span.jobs_JobTitle{
	background:			#C5D9E1;
}
.LatestVacanciesCol2 span.jobs_Area{
	background:			#C5DECC;
}
.LatestVacanciesCol2 span.jobs_JobDescription{
	background:			#E1E0C5;
}
.LatestVacanciesCol2 span.jobs_Salary{
	background:			#DFC5E1;
}
/**/