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

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	font:				70%/140% Verdana, Helvetica, sans-serif;
	color:				#3c3c3c;
	text-align:			center;
	background:			#999;
}
#container{
	position:			relative; 
	width:				960px;
	margin:				5px auto 0;
	text-align:			left;
	background:			#fff;
}
#homepage #main{
	padding-top:		315px;
}
h1, h2, h3, h4, h5, h6{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				normal 1.1em Tahoma, Verdana, sans-serif;
	color:				#b80f14;
}
h1{
	font:				normal 1.7em Tahoma, Verdana, sans-serif;
}
.SubPage h1,
.SubPage #JBcontent h1{
	margin:				0 -65px 0.5em -65px!important;
	padding:			0 65px 0.5em 65px!important;
	background:			url(/images/backgrounds/dottedUnderline2.png) repeat-x bottom;
}
.onecol #JBcontent h1{
	margin:				0 -75px 0.5em -75px!important;
}
h2{     
	font-size:			1.6em;
}
.SubPage #content h2,
.SubPage #JBcontent.compView h2{    
	padding:			0 0 0.3em 0;
	font:				bold 1.2em "Trebuchet MS" Trebuchet, Tahoma, Verdana, sans-serif;
	border-bottom:		2px solid #8F1B31;
}
h2.HidePrecedingH2{
	position:			relative;
	margin-top:			-1.9em;
	padding:			0 0 0.05em 0;
	background:			#fff;
	zoom:				1;
}
h3{
	margin:				0 0 0.1em 0;
	font-weight:		bold;
	font-size:			1em;
	line-height:		1.3em;
}
p{
	margin:				0 0 1em 0;
}
address{
	line-height:		1.8em;
}
a{     
	color:				#d11920;
	text-decoration:	underline;
}
a:hover{     
	color:				#000;
}
em.downloadNotes{
	margin:				0 0.7em;
	font-size:			0.9em;
	font-style:			italic;
	color:				#aaa;
}
#content h1 a, #content h2 a, #content h3 a{
	text-decoration:	none;
	color:				#b80f14;
}
ul li{
	text-align:			left;
}
#content ul li, #JBcontent ul li{
	background:			url(/images/icons/bullet1.png) no-repeat 0 0.5em;
}
label{
	text-align:			left;
}
code{
	display:			block;
	margin:				0 0 1em 0;
	padding:			10px;
	font:				1.1em/1.5em "Courier New", Courier, sans-serif;
	text-align:			left;
	color:				#000;
	background:			#E2ECF7;
}
.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;
}
.txtLine{
	font-style:			normal;
	text-decoration:	line-through;
}
.mandatory,.UKonly em{
	font-weight:		bold;
	font-style:			normal;
	color:				#f00300;
}
.UPPwarning{
	font-weight:		bold;
}
.highLight{
	font-size:			1.5em;
	font-style:			normal;
	color:				#b80f14;
}

.specialOffer{
	padding:			0.3em 0 0.8em 0;
	font-weight:		bold;
	font-size:			1.3em;
}
.imgLeft{
	float:				left;
	margin:				-3px 0 0 0;
}
.imgRight{
	float:				right;
	margin:				-3px 0 0 0;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.incBlock{
	margin:				0 0 10px 0!important;
}
.SubPage #content .incBlock{
	margin:				0 0 30px 0!important;
}
.pseudoButton{
	display:			block;
	height:				auto!important;
	padding:			5px!important;
	text-align:			center;
}
.pseudoButton a{
	text-decoration:	none!important;
	color:				#fff!important;
}
.hidden,
.searchInfo,
/* NOTE:  'Apply now' button, wish list button and application history is being hidden at the site admin's (Jane Sly - 17/09/09) request. */
#JBcontent.jobView .jobViewActions .ApplyNow,
#JBcontent.jobView .jobViewActions .addWishList, 
#JBcontent th.tabHead9,
#JBcontent td.JobApplications,
#JBcontent a.appHistoryLink,
#JBcontent .wishlistApplication{ 
	display:			none!important;
}
.indented{
	margin:				0 40px;
}
.linkExample{
	margin:				0 0 20px 0;
	padding:			10px;
	border:				1px solid #eaeaea;
	border-width:		1px 0;
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif!important;
	color:				#2e2e2e;
}
input[type=text], input[type=password], select, textarea, input.text{     /* See ieLegacy.css */
	width:				200px!important;
	padding:			2px;
	border:				1px solid #5A7DA3!important;
}
#left input[type=text], #left input[type=password], #left select, #left textarea, #left input.text,
#right input[type=text], #right input[type=password], #right select, #right textarea, #right input.text{
	width:				122px!important; /* See ieLegacy.css */
}
input.text, input.password, select, textarea, #strCandLoginEmail, #strCandLoginPassword,
#strClientLoginUsername, #strClientLoginPassword, #strSubject, #strName, #strEmail,
#strTelephone, #strFax{     /* For backwards compatibility with IE6> */
	border-color:		#5A7DA3!important;
}
select{
	width:				210px!important;
}
#left select,
#right select{
	width:				130px!important;
}
label{
	font-weight:		bold;
}
#JBcontent label{
	color:				#000;
}
input[type=submit], .pseudoButton{     /* See ieLegacy.css */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				0;
	background:			#8f8f8f!important;
}
input.submit, input.searchButton, .loginButton1, .loginButton2, #JBcontent input.submit, #JBcontent button, .pseudoButton, .SendMeJobsButton{     /* For backwards compatibility with IE6> */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				0;
	background:			#8f8f8f!important;
}
a.pseudoButton{ /* See ie.css & ie7.css */
	position:			relative;
	padding:			2px 12px;
	text-decoration:	none!important;
}

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

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


/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{     
	position:			relative;
	height:				145px;
	margin:				0 0 15px;
	padding:			0;
	background:			#000;
}
.SubPage #header{
	margin-bottom:		30px;
}
#header #logo{ /* [TEMP] */
	position:			absolute;
	top:				13px;
	left:				22px;
}
#header #banner{
	position:			absolute;
	top:				24px;
	left:				190px;
}
#header #banner img{
	border:				1px solid #fff;
}
#header #miniNav{
	position:			absolute;
	top:				10px;
	right:				20px;
	padding-bottom:		1px;
	font:				bold 1.2em Arial, Helvetica, sans-serif;
	display:			none;
}
#header #miniNav li{
	float:				right;
	margin:				0 0 0 10px;
}
#header #miniNav a{
	position:			relative;
	display:			block;
	padding:			3px 5px;
	font-weight:		bold;
	font-size:			1em;
	text-decoration:	none;
	text-align:			center;
	color:				#fff;
}
#header #miniNav a:hover{
	color:				#ffa800;
}
#header #miniNav a em{
	font-style:			normal;
	color:				#323232;
}
#header #miniNav .icaewLink{
	padding:			3px 10px;
	font-size:			0.9em;
	border:				1px solid;
	border-color:		#dc7272 #810b0a #810b0a #d44444;
	background:			#c50c0a;
}
#header #miniNav .icaewLink img{
	margin:				0 0 -2px 5px;
}

/* === */
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-30px;
	width:				915px;
	margin:				0 0 0 13px;
	padding:			2px 10px 4px 10px;
	border:				1px solid #cdcdcd;
	background:			#f1f1f1;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	position:			absolute;
	bottom:				0;
}
#header #mainMenu ul#topmenu{	
	width:				960px;	
	height:				32px;
	border:				0;		
	background:			url(/images/backgrounds/mainNav.png) repeat-x;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	display:			block;
	float:				left;
	margin:				-5px 0 0;
	padding:			0;	
}
#header #mainMenu ul#topmenu a.starter{
	display:			block;
	margin:				-2px 0 0;
	padding:			8px 19px;
	font:				normal 1.2em Arial, Helvetica, sans-serif;
	border-right:		1px solid #300;
}
#header #mainMenu ul#topmenu #mRecruiters{
	position:			absolute;
	bottom:				7px;
	right:				0;
}
#header #mainMenu ul#topmenu #mRecruiters a.starter{
	border-right:		0;
	border-left:		1px solid #300;
}
#header #mainMenu ul#topmenu a.starter:hover{
	color:				#010101;
	background:			#fff;
}

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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	float:				left;
	overflow:			hidden;
}
#content, #JBcontent{
	padding:			20px 80px 10px 95px;
}
#homepage #content{
	padding:			0 0 10px 10px;
}
.threecol #content, .threecol #JBcontent{
	padding:			20px 10px 10px 10px;
}
#right{
	width:				140px;
	padding:			10px 10px 10px 15px;
}
#left{
	width:				235px;
	padding:			10px 15px 10px 10px;  /* See ieLegacy.css */
}
#homepage #right{
	margin-top:			-315px;
}
#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:				770px; /* TOTAL = 960px */
	overflow:			hidden;
	margin-left:		0;
	padding:			15px 95px;
}




/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-960px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ieLegacy.css */
	width:				590px;
	padding:			20px 70px 10px 40px;
	overflow:			hidden;
	margin-left:		260px; /* #left (width + lateral padding + lateral borders) */
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				620px;
	overflow:			hidden;
	margin-left:		0;
}
body#homepage.twocolR #content, body#homepage.twocolR #JBcontent{
	width:				785px;
	overflow:			hidden;
	margin-left:		0;
}
/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-795px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				515px; /* Total = 535px */
	overflow:			hidden;
	margin-left:		260px; /* #left (width + lateral padding + lateral borders) */
} 


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

===============
=== CONTENT ===
===============
*/
#content, #JBcontent{
	text-align:			left;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#JBcontent h1, #JBcontent h2, #JBcontent h3, #JBcontent h4, #JBcontent h5, #JBcontent h6{
	text-align:			left;
}
#content blockquote{
	margin:				0 1em 1em 1em;
	padding:			1em 1em 0.3em 1em;
	font:				bold 1.1em/1.5em Georgia, Times, sans-serif;
	font-style:			italic;
	text-align:			left;
	background:			#EEEBE6;
}
#content .quotee{
	margin:				-0.7em 1em 1.5em 1em;
	font-weight:		bold;
}
#content ul, #JBcontent ul{
	margin-bottom:		1em;
}
#content ol{
	margin:				0 40px;
	list-style-type:	decimal;
}
#content ol li{
	margin:				0 0 1em 0;
}
#JBcontent table, #JBcontent form{
	text-align:			left;
}
.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{     
	float:				left;
	margin:				0.5em 0 0 0;
	font:				normal 1.3em "Lucida Sans Unicode", "Lucida Sans" , Myriad, sans-serif;
	color:				#d11920;
	text-transform:		capitalize;
}
.linkLatestJobs{ /* See ie.css & ie7.css */
	width:				72.7%;
}
#JBcontent.menu .NewsItem{     
	border-bottom:		1px solid #dce5ec;
}
#homeBannerArea{  
	position:			absolute; 
	top:				170px;
	left:				0;
	width:				785px; /* Total = 810px */
	height:				292px;
	padding:			0 15px 0 10px;
}
#homeBannerArea #intro{
	float:				left;
	width:				580px;
	padding:			0 0 5px 10px;
	text-align:			justify;
}
/* --- Job Browser Box --- */
#jobBrowser{
	position:			relative;
	float:				left;
	width:				590px;
}
#jobBrowser .state1{
	display:			none;
}
#jobBrowser ul.tabNav{
	margin:				0;
	width:				355px;
	height:				28px;
	overflow:			hidden;
}
#jobBrowser ul.tabNav li.selectedTab,
#jobBrowser ul.tabNav li.unselectedTab,
#UPPtab{
	float:				left;
	height:				28px;
	margin:				0 5px 0 0;
	padding:			0;
}
#jobBrowser ul.tabNav li.selectedTab a,
#jobBrowser ul.tabNav li.unselectedTab a,
#UPPtab a{
	display:			block;
	padding:			6px 9px;
	font-weight:		bold;
	font-size:			1.2em;
	text-decoration:	none;
	text-align:			center;
	color:				#231F20;
	background:			#c5c5c5;
}
#UPPtab{
	float:				none;
	position:			absolute;
	top:				111px;
	left:				296px;
}
#UPPtab a{
	color:				#fff;
	background:			#231f20;
}
#jobBrowser ul.tabNav li.selectedTab a{
	color:				#fff;
	background:			#bf1116;
}
#jobBrowser .jbBox{ /* See ieLegacy.css */
	clear:				both;
	width:				560px;
	height:				110px;
	padding:			20px 15px;
	font:				1.2em Arial, Helvetica, sans-serif;
	color:				#fff;
	overflow:			hidden;
	background:			url(/images/backgrounds/jobBrowser.png) no-repeat left -90px #cd181f;
}
#jobBrowser .jbBox p{
	margin-bottom:		15px;
}
/* --- */
#jobBrowser .jbBox ul{
	position:			relative;
	height:				165px;
	margin:				0;
	padding:			0;
	overflow:			hidden!important;
}
#jobBrowser .jbBox ul li{
	float:				left;
	width:				49%;
	margin:				0 1% 8px 0;
	padding:			0;
	text-align:			left;
	background:			transparent;
}
#jobBrowser .jbBox ul li a{
	display:			block;
	text-decoration:	none;
	color:				#fff;
}
#jobBrowser .jbBox ul li a:hover{
	color:				#f7d240;
}
/* --- home page quick search --- */
#homepage #search{ /* See ieLegacy.css */
	position:			relative;
	float:				right;
	top:				-47px; /* See ie7.css & ieLegacy.css */
	width:				160px;
	height:				225px;
	padding:			0 10px;
	color:				#fff;
	background:			url(/images/backgrounds/search.png) no-repeat top #B81419;
}
#homepage #search h2{
	width:				120px;
	margin:				0 -10px 0 -10px;
	padding:			10px;
	font-weight:		bold;
	font-size:			1.3em;
	color:				#fff;
}
#homepage #search input.text,
#homepage #search select{
	width:				95%!important;
	margin:				3px 0 5px 0;
}
#homepage #search select{
	width:				98%!important;
}
#homepage #search .submit a{
	position:			relative;
	top:				10px;
	font:				normal 0.9em Arial, sans-serif;
	color:				#fff;
}
#homepage #search .searchButton,
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{ /* See ieLegacy.css */
	float:				right;
	position:			relative;
	top:				0; /* See ie.css */
	width:				65px!important;
	height:				25px;
	padding:			0;
	font-size:			1em!important;
	text-transform:		uppercase;
	color:				#303030!important;
	border:				0!important;
	background:			url(/images/backgrounds/formButtons.png) 0 0 no-repeat #f8f8f8!important;
}
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{
	top:				0px;
}
#homepage #search #DTVicinity,
#homepage #search #DDVicinity{
	display:			none;
}

/* === Latest News & Quick links === */
#quickLinks h2,
#homepage #newsInc h2{
	margin:				0;
	padding:			10px 0;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
	text-transform:		uppercase;
	color:				#858586!important;
}
#homepage #newsInc{
	float:				left;
	width:				455px;
	background:			url(/images/backgrounds/dottedUnderline1.png) repeat-x top;
}
#quickLinks{
	float:				right;
	width:				300px;
	background:			url(/images/backgrounds/dottedUnderline1.png) repeat-x top;
}
#quickLinks ul{
	margin:				0 0 15px 0;
	padding:			0;
}
#quickLinks li{
	margin:				0 0 5px 0!important;
	padding:			0!important;
	background:			transparent!important;
}
#quickLinks li a{
	display:			block;
	padding:			10px 10px 10px 46px!important;
	text-decoration:	none;
	color:				#333;
	background:			url(/images/icons/quickLinkBulb.png) no-repeat 9px center #f9f5f5!important;
	zoom:				1;
}
#quickLinks li a:hover{
	background-color:	#f3e9e9!important;
}
#quickLinks li#QLupload a{
	background-image:	url(/images/icons/quickLinkMagGlass.png)!important;
}
#quickLinks li#QLjbe a{
	background-image:	url(/images/icons/quickLinkEmail.png)!important;
}
#quickLinks li#QLsave a{
	padding:			8px 10px 8px 46px!important;
}
#quickLinks .alreadyReg{
	font-weight:		bold;
}
#quickLinks .updateNow{
	font-weight:		bold;
	font-size:			1.3em;
}
/* --- */
#homepage #newsInc dl{
	margin:				0;
}
#homepage #newsInc dt.NewsTitle{
	clear:				left;
	margin:				0 0 2px;
}
#homepage #newsInc dt.NewsTitle a{
	text-decoration:	underline;
}
#homepage #newsInc dd.NewsArticle{
	margin:				0 0 5px!important;
	padding:			0;
	text-align:			justify;
}
#homepage #newsInc .NewsArticle img{
	display:			block!important;
	float:				left;
	position:			relative;
	top:				-1.6em;
	margin:				0 0 5px; /* See ieLegacy.css */
	border:				1px solid #888;
}


/* === UPP Candidate Box === */
.UPPcandBox{
	margin:				0 0 20px;
}
.UPPcandBox h2{
	font-size:			1em;

}
.UPPcandBox h2 a{
	display:			block;
	padding:			5px;
	font:				bold 1em Arial, Helvetica, sans-serif;
	text-decoration:	none;
	text-align:			center;
	color:				#fff;
	border:				1px solid;
	border-color:		#dc7272 #810b0a #810b0a #d44444;
	background:			#c50c0a;
}
.UPPcandBox h2 a img{
	margin:				0 0 -2px 5px;
}
.UPPcandBox .FAQlink{
	padding:			3px;
	border:				1px solid #c2c2c2;
	background:			#efefef;
}

/* === UPP Pages === */
.UPPheader{
	margin:				0 0 10px;
	padding:			10px 10px 5px;
	color:				#fff;
	background:			#bc151b;
}
.UPPheader h1{
	margin:				0 0 10px;
	padding:			0;
	color:				#fff;
	border:				0;	
	background:			transparent;
}
table.uppCourses{
	margin:				0 0 10px;
}
table.uppCourses th{
	padding:			2px 4px;
	font-weight:		bold;
	text-align:			left;
}
table.uppCourses td{
	padding:			2px 0 2px 6px;
}
#UPPinfoBar{
	clear:				both;
	padding:			10px 6px; /* See ieLegacy.css */
	text-align:			left;
	border:				1px solid #c2c2c2;
	background:			#e6e6e6;
	height:       180px;
}
#UPPinfoBar img{
	display:			block;
	margin-bottom:		7px;
	border:				1px solid #000;
}
#UPPinfoBar p{
	float:				left;
	width:				170px;
	margin:				0 15px; /* See ieLegacy.css */
	padding:			0;
	background:			transparent;
}
#UPPinfoBar a{
	display:			block;
	margin-bottom:		2px;
	font:				bold 1em Arial, Helvetica, sans-serif;
}

/* === Life as an Intern Pages === */

.internintro {
  width:				620px;
  height:				150px;
  background:			#bc151b;
  color:				#FFF;
  padding:				10px;
  margin:				0 0 10px;
  text-decoration:		none;
  float:				left;
}
.internintro img{
	border:				5px solid #fff;
}
.internintro h2 {
  border-bottom:		0px solid #000;
  font-size:			1.6em;
  color:				#FFF;
  text-decoration:		none;
}
.internintro a {
  text-decoration:		none;
  color:				#FFF;
}
.interntext {
  width:				430px;
  margin-top:			20px;
}

/* === Info Bar === */
#infoBar{
	clear:				both;
	padding:			10px 6px; /* See ieLegacy.css */
	text-align:			left;
	border:				1px solid #c2c2c2;
	background:			#e6e6e6;
}
#infoBar img{
	display:			block;
	margin-bottom:		7px;
	border:				1px solid #000;
}
#infoBar p{
	float:				left;
	width:				173px;
	margin:				0 8px; /* See ieLegacy.css */
	padding:			0;
	background:			transparent;
}
#infoBar a{
	display:			block;
	margin-bottom:		2px;
	font:				bold 1em Arial, Helvetica, sans-serif;
}
.SubPage #content div.incBlock input[type=submit]{
	display:			block;
	float:				none;
	clear:				both;
}
.advertisingOptions{
	display:			block;
	margin:				10px auto 30px auto;
}

/* === UPP Form === */
#frmUPP select#selPhoneType{
	width:				84px!important;
	margin:				0 0 5px;
}
#frmUPP select#selUniCourse{
	width:				305px!important;
}

/* === TV Steps Pages === */
#content #TVstep {
	margin:				0;
	padding:			10px 2px 5px;
	border:				1px solid #C2C2C2;
	background:			#E6E6E6;
}
#content #TVstep li {
	width:				135px;
	padding:			0 9px;
	margin:				0;
	display:			inline-block;
	vertical-align:		top;
	zoom:				1;
	*display:			inline;
	background-image:	none;
	opacity:			0.5;
	filter:				alpha(opacity=50);
}
#content #TVstep p strong {
	font-size:			1.2em;
	color:				#B80F14;	
}
#content #TVstep p {
	margin:				5px 0 5px;
	border-width:		0;
	font-size:			1em;
}
#content #TVstep img {
	border:				1px solid #000;
}
#content #TVstep li:hover {
	opacity:			0.6;
	filter:				alpha(opacity=60);
}
#content #TVstep li.onpage, #content #TVstep.noopacity li, #content #TVstep.noopacity li:hover {
	opacity:			1;
	filter:				alpha(opacity=100);
}

/*
================
=== SIDEBARS ===
================
*/
.SubPage #left div.incBlock,
.SubPage #right div.incBlock{
	margin:				0;
	padding:			10px 15px;
	color:				#fff;
	background:			url(/images/backgrounds/jobBrowserResults.jpg) no-repeat #b61319;
}

.SubPage #left div#latest.incBlock,
.SubPage #right div#latest.incBlock,
.SubPage #left div#featured.incBlock,
.SubPage #right div#featured.incBlock{
	margin:				0;
	padding:			0;
	color:				#333;
	background:			transparent;
}
.SubPage #left div.incBlock h2,
.SubPage #right div.incBlock h2{
	padding:			0!important;
	font:				normal 1.6em Tahoma, Verdana, sans-serif!important;
	color:				#fff!important;
	background:			transparent!important;
}
.SubPage #left div#latest.incBlock h2,
.SubPage #right div#latest.incBlock h2,
.SubPage #left div#featured.incBlock h2,
.SubPage #right div#featured.incBlock h2{
	clear:				both;
	font:				normal 1.6em Tahoma, Verdana, sans-serif;
	color:				#b80f14!important;
}
.SubPage #left div.incBlock input[type=text],
.SubPage #right div.incBlock  input[type=text],
.SubPage #left div.incBlock input[type=password],
.SubPage #right div.incBlock  input[type=password]{
	width:				96%!important; /* See ieLegacy.css */
}
.SubPage #left div.incBlock select,
.SubPage #right div.incBlock select{
	width:				97%!important;
}
.SubPage #left div.incBlock input[type=submit],
.SubPage #right div.incBlock  input[type=submit]{
	float:				right;
	color:				#303030!important;
	background:			#f5f5f5!important;
}
.SubPage #left div.incBlock a,
.SubPage #right div.incBlock a{
	color:				#fff;
}
#PostJobNow{
	padding:			10px 4px 4px 4px!important;
}
#PostJobNow a{
	display:			block;
	text-decoration:	none;
}
#PostJobNow span{
	display:			block;
	margin:				0 7px 5px 7px;
}
#PostJobNow .pseudoH2{
	font-weight:		bold;
	font-size:			1.2em;
}
#PostJobNow img{
	display:			block;
	margin:				10px 0 0 0;
	border:				9px solid #fff;
	background:			#fff;
}
.UKonly{
	margin:				15px 0 10px;
	padding:			10px 0 0;
	font-weight:		bold;
	border-top:			1px solid #ccc;	
}
.SubPage #right #unibanners div.incBlock {
	margin:				10px 0 10px 0!important;
	padding:			0!important;
	border:				0!important;
	background:			transparent!important;
}
.SubPage #right #unibanners div.incBlock a{
	font-weight:		bold;
	text-decoration:	none;
	color:				#444;	
}
.SubPage #right #unibanners div.incBlock li{
	margin:				0 0 15px 0!important;
	padding:			8px 8px 1px 8px!important;
	border:				1px solid #cdcdcd!important;
	background:			#e6e6e6!important;
}
.SubPage #right #unibanners div.incBlock li.UPPguideDownload{
	margin:				40px 0 10px!important;
	padding-bottom:		10px!important;
}
.SubPage #right #unibanners li.UPPguideDownload img{
	display:			block;
	margin:				0 0 10px;
}

/*
===================================================================================
=== 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 Verdana, Helvetica, sans-serif;!important;
	color:				#000!important;
	text-decoration:	none!important;
}
#left .LatestVacanciesTBL span br, #left .LatestVacanciesTBL span table,
#right .LatestVacanciesTBL span br, #right .LatestVacanciesTBL span table{
	display:			none!important;
}
/* End of HTML formatting purge! */
#left .LatestVacanciesTBL h2,
#right .LatestVacanciesTBL h2{
	margin-bottom:		0;
}
#left .LatestVacanciesTBL, 
#right .LatestVacanciesTBL{
	width:				auto;
	margin:				0;
}
#left .LatestVacanciesTBL td, 
#right .LatestVacanciesTBL td{ /* See ieLegacy.css */
	padding:			6px 0 3px 0;
	border-bottom:		1px solid #dce5ec;
}
#left .LatestVacanciesTBL a, 
#right .LatestVacanciesTBL a{  
	text-decoration:	none;   
}

#left .LatestVacanciesTBL .LatestVacanciesCol1, 
#right .LatestVacanciesTBL .LatestVacanciesCol1{ /* Advertisers Logo */
	display:			none!important; /* Remove the logo (if present) when in sidebars */
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span{
	position:			relative;
	display:			block!important;
	padding:			0;
	text-align:			left;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span a, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span a{
	color:				#333;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle{
	margin:				0 0 3px 0!important;
	font-weight:		bold!important;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_JobTitle a{
	text-decoration:	underline;
	color:				#d11920;
}
#left .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary, 
#right .LatestVacanciesTBL .LatestVacanciesCol2 span.jobs_Salary{
	margin:				0 0 3px 0!important;
	font-style:			italic!important;
}

/* --- Side Banners --- */
#left .featuredEmployersBox,
#right .featuredEmployersBox,
.SubPage #left .featuredEmployersBox,
.SubPage #right .featuredEmployersBox{
	margin:				0 0 10px 0!important;
	padding:			8px 8px 1px 8px!important;
	border:				1px solid #cdcdcd!important;
	background:			#e6e6e6!important;
}
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2{
	display:			none;
}
#left .featuredEmployersBox ul,
#right .featuredEmployersBox ul,
.SubPage #right #unibanners div.incBlock ul{
	margin:				0;
}
#left .featuredEmployersBox ul li,
#right .featuredEmployersBox ul li,
.SubPage #right #unibanners div.incBlock ul li{
	margin:				0 0 2px 0; /* See ie.css */
	text-align:			center;
}
#left .featuredEmployersBox ul li img,
#right .featuredEmployersBox ul li img,
.SubPage #right #unibanners div.incBlock ul li img{
	border:				1px solid #133077;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	clear:				both;
}
.SubPage #left .featuredEmployersBox a,
.SubPage #right .featuredEmployersBox a{     
	color:				#d11920!important;
}
.SubPage #left .featuredEmployersBox a:hover,
.SubPage #right .featuredEmployersBox a:hover{     
	color:				#000!important;
}

/* --- Recruiter Login & Jobseeker Login --- */
#right #jobseekersLoginInc,
#right #recruiterLoginInc{
	margin:				0 0 10px 0;
	padding:			0 5px;
	color:				#3c3c3c;
	border:				1px solid #cdcdcd;
	background:			#e6e6e6;
}
#right #jobseekersLoginInc.incBlock h2,
#right #recruiterLoginInc.incBlock h2{
	margin:				0 -5px 5px -5px!important;
	padding:			9px 7px!important;
	font:				bold 1.1em Arial, Helvetica, sans-serif!important;
	color:				#fff!important;
	background:			#424242!important;
}
#right #jobseekersLoginInc.incBlock input[type=submit],
#right #recruiterLoginInc.incBlock input[type=submit]{
	float:				none;
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				0;
	background:			#8f8f8f!important;
}
.SubPage #right #jobseekersLoginInc.incBlock a,
.SubPage #right div#recruiterLoginInc.incBlock a{
	color:				#d11920;
}
#right #jobseekersLoginInc .submit,
#right #recruiterLoginInc .submit{
	position:			relative;
	margin:				0 0 5px 0;
	padding:			0 0 1.5em 0;
	text-align:			right;
}
#right #jobseekersLoginInc .submit a,
#right #recruiterLoginInc .submit a{
	display:			block;
	position:			absolute;
	bottom:				0;
	left:				0;
	color:				#d11920;
}

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

/* --- Quick Search Form --- */
#left #search,
#right #search{
	margin:				0;
	padding:			10px 15px 0 15px;
	color:				#fff;
	background:			url(/images/backgrounds/jobBrowserResults.jpg) no-repeat #b61319;
}
#left #jobBrowseContainer #search,
#right #jobBrowseContainer #search{
	min-height:			460px; /* See ieLegacy.css */
}
#left #search h2,
#right #search h2{
	margin:				0 0 10px 0;
	font:				bold 1.4em Arial, Helvetica, sans-serif;
	color:				#fff;
}
#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;
	width:				97%!important;
	margin:				4px 0 10px 0;
}
#left #search select, 
#right #search select{
	width:				99.5%!important;
}
#left #search p.submit a,
#right #search p.submit a{
	display:			block;
	float:				left;
	width:				45%;
	color:				#fff;
}
#search .quicknotes{
	display:			none;
}

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

/* --- Menu (User created menus) --- */
#left ul.customSideBarMenu, 
#right ul.customSideBarMenu{
	margin:				0 0 10px 0;
}
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{
	margin:				0 0 2px 0;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{
	position:			relative;   
	display:			block;
	padding:			5px 10px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#fff;
	background:			#CB181E;
}
#left ul.customSideBarMenu li a:hover,
#right ul.customSideBarMenu li a:hover{ 
	background:			#670404;
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#content #latest,
#JBcontent #latest,
#content #featured,
#JBcontent #featured{
	margin:				0 0 10px 0!important;
}
#content .LatestVacanciesTBL, 
#JBcontent .LatestVacanciesTBL{     
	width:				100%;
}
#content .LatestVacanciesTBL td, 
#JBcontent .LatestVacanciesTBL td{ /* See ieLegacy.css */
	padding:			5px 10px;
	background:			url(/images/backgrounds/dottedUnderline2.png) repeat-x bottom;
}
#content .LatestVacanciesTBL tr.lastJobRow td, 
#JBcontent .LatestVacanciesTBL tr.lastJobRow td{
	background:			transparent;
}
#content .LatestVacanciesTBL td .floatHack, 
#JBcontent .LatestVacanciesTBL td .floatHack{
	display:			none;
}
#content .LatestVacanciesTBL a, 
#JBcontent .LatestVacanciesTBL a{  
	text-decoration:	none;   
}
#content .LatestVacanciesCol1, 
#JBcontent .LatestVacanciesCol1{     
	width:				120px; /* Images should be 88px, giving this 10px of right padding */
	padding:			5px 0 5px 0!important;
}
#content .LatestVacanciesCol2 span, 
#JBcontent .LatestVacanciesCol2 span{
	display:			block;
}
#content .LatestVacanciesCol2 span a, 
#JBcontent .LatestVacanciesCol2 span a{
	color:				#3c3c3c;
}
#content .LatestVacanciesCol2 span.jobs_JobTitle a, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobTitle a{
	color:				#d11920;
	text-decoration:	underline;
}
#content .LatestVacanciesCol2 span.jobs_JobTitle a:hover, 
#JBcontent .LatestVacanciesCol2 span.jobs_JobTitle a:hover{    
	color:				#000;
}
#content .LatestVacanciesCol2 span.jobs_Salary, 
#JBcontent .LatestVacanciesCol2 span.jobs_Salary{
	font-style:			italic;		
}
/* --- Featured Companies --- */
#content .featuredEmployersBox ul,
#JBcontent .featuredEmployersBox ul{
	margin:				2px 0 5px 0;
}
#content .featuredEmployersBox ul li,
#JBcontent .featuredEmployersBox ul li{
	float:				left;
	padding:			2px 3px;
	background:			transparent;
}
#content .featuredEmployersBox .LinkToClientList,
#JBcontent .featuredEmployersBox .LinkToClientList{
	clear:				both;
}

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

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

/* --- News --- */
#content #newsInc,
#JBcontent #newsInc{
}
#content #LatestNews,
#JBcontent #LatestNews{
	margin:				0 0 10px 0;
}
#content #LatestNews .NewsTitle a,
#JBcontent #LatestNews .NewsTitle a{     
	font-weight:		bold!important;
}
#content #LatestNews .NewsArticle,
#JBcontent #LatestNews .NewsArticle{
	margin:				0 0 1em 0;
}
#content #LatestNews img,
#JBcontent #LatestNews img{ /* Hide images */
	display:			none!important;
}

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

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

/* --- Menu (User created menus) --- */
#content .sidebarMenu h2,
#JBcontent .sidebarMenu h2{
	width:				50%;
}
#content ul.customSideBarMenu, 
#JBcontent ul.customSideBarMenu{
	width:				50%;
	margin:				0 0 10px 0;
}
#JBcontent ul.customSideBarMenu  li, 
#content ul.customSideBarMenu li{
	margin:				0 0 2px 0;
	padding:			0;
	background:			transparent;
}
#JBcontent ul.customSideBarMenu li a,
#content ul.customSideBarMenu li a{   
	position:			relative;  
	display:			block;
	padding:			5px 10px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#fff;
	background:			#CB181E;
}
#JBcontent ul.customSideBarMenu li a:hover,
#content ul.customSideBarMenu li a:hover{ 
	background:			#670404;
}
 
/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	height:				70px;
	padding:			5px;
	border-bottom:		3px solid #E31F24;
	background:			#000;
}
#popup #popupHeader .popupLogo{ /* [TEMP] */
	width:				40px;
	height:				70px;
	background:			url(/images/email/email_logo.gif) no-repeat;
}
#popup #popupFooter{
	border-top:			4px solid #E31F24;
} 

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	overflow:			hidden;
	padding:			10px 30px;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#fff;
	background:			url(/images/backgrounds/footer.png) repeat-x top #b40e13;
}
#footer li{
	float:				left;
	margin:				0!important;
	padding:			0 7px;
}
/* --- */
#footer p#copyrightInfo{
	margin:				0;
	padding:			0 7px;
}
#footer ul#footNav{
	clear:				both;
	margin:				0;
	font-size:			0.9em;
}
#footer ul#footNav li.strategies{
	clear:				both;
	width:				98%;
}
#footer ul#footNav a{
	font-size:			1.1em;
	color:				#fff;
}
/* --- */
#footer ul#searchJobsList,
#footer ul#footNav{
	clear:				both;
	padding:			5px 0 0 0;
	font-size:			0.9em;
}
#footer ul#searchJobsList a{
	color:				#565656;
}
/* --- */
#footer .CMSlogout{
	position:			absolute;
	bottom:				-35px;
	left:				0;
}
#footer .CMSlogout a{
	display:			block;
	padding:			3px 10px;
	font-weight:		bold;
	font-size:			1.1em;
	color:				#fff;
	background:			#c40000
}
#footer .CMSlogout a:hover{
	text-decoration:	none;
	background:			#820000;
}
/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
#JBcontent.jobindex li.indexlink{  
	background:			none;   
}
#JBcontent.jobindex li.indexlink ul{
	margin-left:		0;
}
#JBcontent.advertisers ol{     
	background:			none;
}
#JBcontent.advertisers ol li{   
	background:			none;  
}
#JBcontent #progress{
	margin:				40px 0 40px 0;
}
#JBcontent.jobView p{
	text-align:			left;
}
#JBcontent.jobView .jobInfo a{
	text-decoration:	none;
	color:				#3c3c3c;
	cursor:				text;
}
#JBcontent .styled h2{
	color:				#fff!important;
}
#JBcontent form.styled fieldset h2,
#left #jobseekersLoginInc h2, #right #jobseekersLoginInc h2,
#left #recruiterLoginInc h2, #right #recruiterLoginInc h2{
	padding:			9px 10px;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
	color:				#fff;
	background:			#424242;
}

#JBcontent.advertisers ul li{
	background:			url(/images/icons/bullet1.png) no-repeat 0 4px!important;
}
#JBcontent .employersAgencies{
	text-align:			left;
}
#JBcontent .employerBTN{
	margin-right:		10px;
}
#JBcontent .employerBTN,
#JBcontent .agencyBTN{
	display:			inline-block;
	padding-left:		10px!important;
	padding-right:		10px!important;
}

/* 
====================================
=== NEW RESULTES PAGE 2008-05-22 === 
====================================
*/
/* --- Page Numbers --- */
#JBcontent ul.pageNumbers{
	clear:				both;
	margin:				15px 0!important;
}
#JBcontent ul.pageNumbers li{
	float:				left;
	margin:				0;
	padding:			0;
	color:				#3c3c3c;
	background:			transparent!important;
}
#JBcontent ul.pageNumbers li a,
#JBcontent ul.pageNumbers li.pageSelected{
	display:			block;
	min-width:			1em; /* See ieLegacy.css */
	padding:			2px;
	font-weight:		bold;
	text-align:			center;
	border:				0;
	background:			transparent;
}
#JBcontent ul.pageNumbers li a:hover,
#JBcontent ul.pageNumbers li.pageSelected{
	color:				#000;
	background:			transparent;
}
#JBcontent ul.pageNumbers li.titleBar{
	margin:				0 3px 0 0;
	padding:			2px;
	font-weight:		normal;
}
/* -------------------- */
/* --- Job Results --- */
#JBcontent.jobResults h2{
	font-weight:		bold;
}
#JBcontent.jobResults .jobInfo a.detailsApply,
#JBcontent.jobResults .jobInfo .jobLogo,
#JBcontent.jobResults .compInfo .compLogo,
#JBcontent.jobResults .jobInfo ul.jobDetails li.jobarea strong{
	display:			none;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li strong{
	width:				auto;
	margin:				0 5px 0 0; /* See ie7.css & ieLegacy.css */
}
#JBcontent.jobResults .resultsActions{
	margin-top:			10px;
	height:				2em;
	padding:			0 0 15px 0;
}
body.twocolL #JBcontent.jobResults .resultsActions,
body.twocolR #JBcontent.jobResults .resultsActions{
	margin-right:		82px;
	*margin-right:		42px; /* IE7> Hack */
}
#JBcontent.jobResults .buttonLink{
	float:				right;
	width:				auto;
	overflow:			visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
	margin:				0 0 0 5px;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				0;
	cursor:				pointer;
	background:			#8f8f8f!important;
}
#JBcontent.jobResults .buttonLink:hover{
	color:				#fff!important;
	background:			#9b0707!important;
}
#JBcontent.jobResults .jobInfo,
#JBcontent.jobResults .featuredJob{
	clear:				both;
	position:			relative;
	margin:				2px 0;
	padding:			0 0 3px 25px;
	border:				0;
	background:			url(/images/backgrounds/dottedUnderline2.png) repeat-x left bottom;
}
#JBcontent.jobResults .featuredJob{	
	border-color:		#F07921;
}
body.twocolL #JBcontent.jobResults .jobInfo,
body.twocolR #JBcontent.jobResults .jobInfo,
body.twocolL #JBcontent.jobResults .featuredJob,
body.twocolR #JBcontent.jobResults .featuredJob{
	width:				100%;
	margin:				5px 0;
}
#JBcontent.jobResults .jobInfo h2,
#JBcontent.jobResults .featuredJob h2{
	width:				35%;
	margin:				0 0 0 -26px;
	padding:			8px 0 5px 25px;
	font-size:			1.1em;
	color:				#D11920;
	background:			transparent;
}
#JBcontent.jobResults .jobInfo h2 a{
	color:				#D11920!important;
	text-decoration:	underline!important;
}
#JBcontent.jobResults .jobInfo input.checkBox{
	position:			absolute;
	top:				10px;
	left:				5px;
}
#JBcontent.jobResults .jobInfo a.detailsApply:hover{
	background:			#000!important;
}
#JBcontent.jobResults .jobInfo ul.jobDetails{
	min-height:			1.7em;
	margin:				0 0 5px 0;
	padding:			0;
	font-style:			italic;
	color:				#000;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li{
	width:				100%;
	height:				auto;
	margin:				3px 0 0 0;
	padding:			0;
	font-style:			italic;
	background:			transparent;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li a,
#JBcontent.jobResults .jobInfo ul.jobDetails li span.linkless{
	display:			block;
	float:				left;
	width:				100%;
	font-weight:		normal;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li.jobCompanyName,
#JBcontent.jobResults .jobInfo ul.jobDetails li.jobarea{
	float:				left;
	width:				59%;
	height:				1.3em;
	overflow:			hidden;
	margin:				0;
	text-align:			left;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li.jobarea{
	float:				right;
	width:				40%;
	text-align:			right;
}
#JBcontent.jobResults .jobInfo p.jobDescription{
	clear:				both;
	margin:				0 0 8px 0;
	padding:			5px 0 0 0;
	border-top:			0;
}
#JBcontent.jobResults .featuredJob p.jobDescription{
	border-color:		#EDB68D;
}

/* --- CV Results --- */
#JBcontent.CVresults .candInfo{
	border:				1px solid #CD191F;
}
#JBcontent.CVresults .candInfo h2{
	background:			#CD191F;
}
#JBcontent.CVresults .candInfo h2 a:hover{
	text-decoration:	underline!important;
}
#JBcontent.CVresults .candInfo .candDetails ul{
	width:				98%;
}
#JBcontent.CVresults .candInfo .candDetails ul li strong{
	width:				55%;
}
#JBcontent.CVresults .candInfo .candDetails ul li.canddegreeClassDesc strong,
#JBcontent.CVresults .candInfo .candDetails ul li.canddegreeSubjectVal strong{
	width:				40%;
}

/* --- Send Me Jobs Like These --- */
.sendMeJobsLikeThese{
	position:			relative;
	clear:				both;
	min-height:			13px; /* See ieLegacy.css */
	padding:			5px 0;
	background:			transparent;
}
#sendMeJobsLikeTheseBot{
	margin:				-1px 0 0 0;
	padding:			5px 0 17px 0;
	border-top:			1px solid #fff;
	background:			url(/images/backgrounds/dottedUnderline2.png) repeat-x bottom;
}
.sendMeJobsLikeThese label,
.sendMeJobsLikeThese input.text{
	margin:				0 5px 0 0;
}
.sendMeJobsLikeThese input.text{
	width:				190px!important;
}
#sendMeJobsLikeTheseTop .SendMeJobsButton{
	position:			absolute;
	top:				0;
	right:				0;
	width:				200px!important;
	height:				21px;
	padding:			0 0 3px 0!important;
	font:				normal 0.8em Verdana, Helvetica, sans-serif!important;
	text-transform:		uppercase;
	background:			url(/images/backgrounds/formButtons.png) no-repeat left -35px!important;
}
#sendMeJobsLikeTheseBot .SendMeJobsButton{
	position:			absolute;
	bottom:				11px;
	right:				0;
	width:				200px!important;
	height:				21px;
	padding:			0 0 3px 0!important;
	font:				normal 0.8em Verdana, Helvetica, sans-serif!important;
	text-transform:		uppercase;
	background:			url(/images/backgrounds/formButtons.png) no-repeat left -35px!important;
}
/* ------------------------------- */

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

#jobBrowseContainer ul.tabNav{
	margin:				0;
}
#jobBrowseContainer ul.tabNav li.selectedTab,
#jobBrowseContainer ul.tabNav li.unselectedTab{
	float:				left;
	height:				28px;
	margin:				0 5px 0 0;
	padding:			0;
	background:			url(/images/backgrounds/jobBrowser.png) right top no-repeat;
}
#jobBrowseContainer ul.tabNav li.tabTwo{
	float:				right;
	margin-right:		0;
}
#jobBrowseContainer ul.tabNav li.selectedTab a,
#jobBrowseContainer ul.tabNav li.unselectedTab a{
	display:			block;
	padding:			6px 28px;
	font-weight:		bold;
	font-size:			1.3em;
	text-decoration:	none;
	text-align:			center;
	color:				#231F20;
	background:			url(/images/backgrounds/jobBrowser.png) left 0 no-repeat;
}
#jobBrowseContainer ul.tabNav li.selectedTab{
	background-position:right -45px
}
#jobBrowseContainer ul.tabNav li.selectedTab a{
	color:				#fff;
	background-position:left -45px
}

/* === JOB BROWSER RESULTS === */
#jobBrowserResults{
	min-height:			0;
	margin:				0;
	padding:			10px 5px 0 15px;
	color:				#fff;
	background:			url(/images/backgrounds/jobBrowserResults.jpg) no-repeat #b61319;
	zoom:				1;
}
#jobBrowserResults h2{
	display:			none;
}
#jobBrowserResults h2,
#jobBrowserResults h3{
	margin:				0 0 7px 0;
	font:				normal 1.4em Arial, Helvetica, sans-serif;
	color:				#fff;
}
#jobBrowserResults a{
	display:			block;
	position:			relative;
	margin:				0 2px 0 -8px;
	padding:			1px 5px 1px 8px;
	text-decoration:	none;
	color:				#fff;
}
#jobBrowserResults a:hover{
	background:			#82050C;
}
#jobBrowserResults .JobBrowseLinks{
	margin:				10px -5px 0 -15px;
	padding:			0 5px 10px 15px;
	border-bottom:		4px solid #fff;
}
#jobBrowserResults .JobBrowseLinks h3{
	font-size:			1.2em;
}
/* --- Current Search Details --- */
#jobBrowserResults #CurrentSearch{
	width:				200px;
	margin:				0 -7px 10px -7px;
	padding:			10px;
	background:			url(/images/backgrounds/CurrentSearch.png) no-repeat right bottom #5f0d11;
}
#jobBrowserResults #CurrentSearch h2{
	display:			block;
	margin:				-10px -10px 5px -10px;
	padding:			10px 10px 0 10px;
	background:			url(/images/backgrounds/CurrentSearch.png) no-repeat left top;
}
#jobBrowserResults #CurrentSearch ul{
	margin:				0 0 10px 0;
}
#jobBrowserResults #CurrentSearch ul li{
	padding:			5px 0;
}
#jobBrowserResults #CurrentSearch p{
	margin:				0;
}
#jobBrowserResults #CurrentSearch a{
	display:			block;
	text-decoration:	underline;
}
#jobBrowserResults #CurrentSearch a:hover{
	background:			transparent;
}
#jobBrowserResults #JobBrowserFilter{
	min-height:			10px;
}

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

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

/* 
=====================
=== JOB VIEW PAGE === 
=====================
*/
#JBcontent.jobView form.jobViewForm .jobInfo dl,
#JBcontent.compView form.compViewForm .compInfo dl{
	border-top:			0;
}
#JBcontent.jobView .buttonLink,
#JBcontent.jobView .buttonLink a{
	padding:			2px 10px 3px 10px;
	text-transform:		capitalize;
	color:				#fff;
	border:				0;
	background:			#8f8f8f!important;
}
#JBcontent.jobView .buttonLink:hover{
	background:			#8f8f8f!important;
}
#JBcontent.jobView .ApplyNow{
	width:				90px;
	height:				19px;
	padding:			2px 0 0 0;
	text-align:			center;
	color:				#fff;
	border:				0;
	background:			url(/images/backgrounds/formButtons.png) no-repeat left -66px #9B0707!important;
}
#JBcontent.jobView .ApplyNow:hover{
	background:			url(/images/backgrounds/formButtons.png) no-repeat left -66px #9B0707!important;
}
#JBcontent.jobView .returnResults a{
	font-weight:		bold;
}
#JBcontent.jobView form.jobViewForm .extraInfo{
	border-left:		0!important;
	border-right:		0!important;
	background:			transparent!important;
}
body.twocolL #JBcontent.jobView form.jobViewForm .jobInfo dl dt,
body.twocolR #JBcontent.jobView form.jobViewForm .jobInfo dl dt,
body.twocolL #JBcontent.jobView form.jobViewForm dl.extraInfo dt,
body.twocolR #JBcontent.jobView form.jobViewForm dl.extraInfo dt,
body.twocolL #JBcontent.compView form.compViewForm .compInfo dl dt,
body.twocolR #JBcontent.compView form.compViewForm .compInfo dl dt{
	width:				33%;
}
body.twocolL #JBcontent.jobView form.jobViewForm .jobInfo dl dd,
body.twocolR #JBcontent.jobView form.jobViewForm .jobInfo dl dd,
body.twocolL #JBcontent.jobView form.jobViewForm dl.extraInfo dd,
body.twocolR #JBcontent.jobView form.jobViewForm dl.extraInfo dd,
body.twocolL #JBcontent.compView form.compViewForm .compInfo dl dd,
body.twocolR #JBcontent.compView form.compViewForm .compInfo dl dd{
	width:				55%;
}

/* --- Hide unwanted fields from the view page (they have to be on there to save the data) --- */
#JBcontent.jobView #DTjobType,#JBcontent.jobView #DDjobType, 
#JBcontent.jobView #DTentryLevel,#JBcontent.jobView #DDentryLevel, 
#JBcontent.jobView #DTgroupTrainingScheme,#JBcontent.jobView #DDgroupTrainingScheme,
#JBcontent.jobView #DTcopyType,#JBcontent.jobView #DDcopyType,
#JBcontent.jobView #DThardCopyIssues,#JBcontent.jobView #DDhardCopyIssues{
	display:			none!important;
}

#JBcontent.jobView .jobInfo dl{
	border-bottom:			0!important;
}
#JBcontent.jobView .companyDescription{
	margin:				10px 0;
	padding:			10px 0 0 0;
	text-align:			justify;
	border-top:			1px solid #ccc;
}
#JBcontent.jobView .companyDescription h2{
	padding:			0;
	font:				bold 1em Verdana, Tahoma, sans-serif;
	color:				#333!important;
}
#JBcontent.jobView .companyDescription p{
	padding:			0;
	text-align:			justify;
}


/* --- Job Preview --- */
#JBcontent.jobView form.jobViewForm .jobInfo .jobLogo{
	right:				-10px;
}
#JBcontent.jobPreviewPage form.jobViewForm .jobInfo .jobLogo{
	top:				-15px;
}
#JBcontent.jobPreviewPage .buttonLink{
	font:				bold 1em Verdana, Tahoma, sans-serif!important;
}
#JBcontent.jobPreviewPage a.buttonLink{
	padding:			3px 10px 4px 10px;
}
#JBcontent.jobPreviewPage .ApplyNow{
	height:				21px;
	padding:			2px 0 10px 0; /* See ieLegacy.css */
}
#JBcontent.jobPreviewPage .ApplyNow:hover{
	background:			url(/images/backgrounds/formButtons.png) no-repeat left -66px #9B0707!important;
}
/* 
====================
=== CV VIEW PAGE === 
====================
*/
#JBcontent.CVview .candDetails .candBlock dt,
#JBcontent.CVview .candDetails .candExperience h2{
	width:				42%;
}
#JBcontent.CVview .candDetails .candBlock dd,
#JBcontent.CVview .candDetails .candBlock dl p{
	width:				55%;
}
#JBcontent.CVview .candDetails .jobPreferences h2{
	margin-bottom:		0;
}
#JBcontent.CVview .candDetails .candBlock h3{
	margin:				10px 0 5px 0;
}
#JBcontent.CVview form.candViewForm .candInfo{
	min-height:			8em;
}
*html #JBcontent.CVview form.candViewForm .candInfo{
	height:				8em;
}
#JBcontent.CVview form.candViewForm .candInfo ul.contactNumbers{
	position:			absolute;
	top:				2em;
	left:				15px;
}
#JBcontent.CVview form.candViewForm .candInfo ul.contactNumbers li strong{
	text-align:			left;
}
#JBcontent.CVview form.candViewForm .candInfo .desiredJobDetails{
	display:			none;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails{
	position:			absolute;
	top:				4em;
	right:				15px;
	width:				27em;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dt,
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dd{
	clear:				none;
	float:				left;
	width:				auto!important;
	margin:				0 0 0 5px;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dt{
	width:				14em!important;
	padding:			0 5px 0 0;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dd{
	margin-right:		15px;
}


/* 
====================
=== SITEMAP PAGE === 
====================
*/
#JBcontent ul#indexmenu{
	margin:				0;
}
#JBcontent li.indexlink{
	float:				left;
	width:				49%;
	margin:				0 1% 0 0;
	padding-left:		0;
	background:			transparent;
}
#JBcontent li.indexlink ul{
	height:				18em;
	padding:			0 5px;
	overflow:			auto;
	border:				1px solid #e0e0e0;
	background:			#f6f6f6;
}
#JBcontent li.indexlink ul li{
	margin-bottom:		10px;
}
/*
===================================================================================
=== NEW STYLING FOR JB BOXES/FORMS ================================================
===================================================================================
*/
#JBcontent form.styled,
#JBcontent table.results{
	width:				100%!important;
	margin:				0;
}
#JBcontent form.twocol td{
	width:				50%!important;
}
#JBcontent form.styled .wide {
	width:				100%!important;
}
#JBcontent form.styled .wide fieldset{
	width:				100%!important;
}

#JBcontent form.onexcol fieldset, #JBcontent form.onecol fieldset, #JBcontent form.onewidecol fieldset, #JBcontent form.twocol td,
#JBcontent table.results, #JBcontent .savedsearch{
	margin:				15px 0 0 0!important;
	border:				0;
	background:			transparent;
}
.onecol #JBcontent form input[type=text],
.onecol #JBcontent form input[type=password]{
	width:				32%!important;
}
.onecol #JBcontent form textarea{
	width:				32%!important;
}
.onecol #JBcontent form select{
	width:				37%!important;
}
#JBcontent form.twocol input[type=text]{ /* See ieLegacy.css */
	width:				90%!important;
}
#JBcontent form.twocol textarea{
	width:				90%!important;
}
#JBcontent form.twocol select{
	width:				92%!important;
}
#JBcontent form select.lstDOBDay,
#JBcontent form select.lstDOBMonth,
#JBcontent form select.lstDOBYear{
	width:				20%!important;
	margin-right:		2%;
}
#JBcontent.cmsMenu form.twocol input[type=text]{ /* See ieLegacy.css */
	width:				32%!important;
}
#JBcontent.CVadd #lstDesiredJobType{
	width:				32%!important
}

#JBcontent.CVadd h3.educationCont{
	margin-top:			175px;  /* See ie7.css & ieLegacy.css */
}
#JBcontent.CVadd dt.englishGrade{ /* ieLegacy.css */
	margin-top:			59px;
}
#JBcontent.CVadd dt.otherQualClass{ /* ieLegacy.css */
	margin-top:			55px;
}
#JBcontent.CVadd .sectionHeader{
	margin:				0 -2px 10px 0;
	padding:			3px;
	font-weight:		bold;
	color:				#000;
	background:			#F7F0F0;
}


#JBcontent .savedsearch h2,
#JBcontent form.styled fieldset h2,
#JBcontent form.styled fieldset h3{ /*--Colour, BKG & padding set as !important, in order to override any local default H2 settings-- */
	padding:			5px!important;
	font:				bold 1.1em Verdana, Helvetica, sans-serif;
	color:				#333!important;
	border-bottom:		1px solid #b40e13;
	background:			transparent!important;
}
#JBcontent .savedsearch h2 a{
	color:				#d11920;
	text-decoration:	underline;
}
#JBcontent .savedsearch h2 a:hover{     
	color:				#000;
}
#JBcontent table.results th{
	padding:			5px!important;
	color:				#333!important;
	border-bottom:		1px solid #b40e13;
	background:			transparent!important;
}
#JBcontent table.results th a{
	color:				#333!important;
}
#JBcontent form.styled fieldset h2 a, #JBcontent form.styled fieldset h3 a, #JBcontent table.results thead a{
	
}
#JBcontent form.styled fieldset h2 a:hover, #JBcontent form.styled fieldset h3 a:hover, #JBcontent table.results thead a:hover{
	
}
#JBcontent #JobFilterQuestions{
	
}
#JBcontent #JobFilterQuestions h2{
	
}
#JBcontent table tr.zebra2, #JBcontent table tr.dblzebra3, #JBcontent table tr.dblzebra4{
	background:			#faefef;
}
.jobView dl.refandcontact{
	
}
#JBcontent.menu ol{
	width:				100%!important;
	border:				0;
	background:			transparent;
}
#JBcontent.menu ol li{
	border:				0;
	border-bottom:		1px solid #f3e2f4;
}
#JBcontent.clientlist div table{
	width:				100%;
}
#JBcontent.jobManager .addJob{
	padding:			5px 8px!important;
	font-size:			1.2em!important;
	text-transform:		uppercase;
	background:			#B40E13!important;
}
#JBcontent.jobManager th.tabHead4,
#JBcontent.jobManager td.jobRefTD{
	visibility:			hidden;
	display:			none;
}
#JBcontent.multipostCats h2{
	margin:				20px 0 0 0;
}
#JBcontent .bottomClientText{
	margin:				20px 0;
}

#JBcontent .jobTitleField,
#JBcontent .jobRefField,
#JBcontent dt.jobRefField,
#JBcontent.jobAdd #DTgroupTrainingTxt{	
	display:			none!important;
}
#JBcontent .tabHead4{
	visibility:			hidden;
	width:				0!important;
}

div#contactUs{
	margin:				0 0 10px 0;
	padding-top:		0!important;
	padding-bottom:		0!important;
	border:				1px solid #666;
	background:			#DEDEDE!important;
}
div#contactUs p{
	padding:			0 5px;
	color:				#666!important;
}
#contactUs h2{
	color:				#FFF;
	font-size:			1.2em;
	font-weight:		bold;
	padding:			5px;
	background:			#424242!important;
}
div#contactUs a{
	color:				#666!important;
	font-weight:		bold;
}

.CVStats{
	display:			none;
}
#broadbean{
	margin:				0 0 10px 0;
	text-align:			center;
}

#JBcontent.menu .jobCreditReport{
	display:			none;
}
#JBcontent fieldset h2 em{
	display:			block;
	margin:				5px 0 0 0;
	font-weight:		normal;
	font-style:			normal;
}
#JBcontent fieldset h2 em strong{
	font-weight:		bold;
	color:				#b80f14;
}
#JBcontent .jobViewActions{
	padding:			0!important;
	border-top:			0!important;
}


/*
===================================================================================
=== 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;
}
/**/
.ShowElement{
	display: 			block!important;
}
.HideElement{
	display:			none!important;
}


#JBcontent.CustomFieldsManager table tr td input[type=text],
#JBcontent.CustomFieldsManager table tr td select{
	width:				200px!important;
}
#JBcontent.jobManager .message{
	display:none;
}