/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body {
	padding:			0;
	font:				75%/150% Arial, sans-serif;
	color:				#333;
	text-align:			center;
	background-image:	url(/images/backgrounds/body-bg.jpg);
	background-repeat:	no-repeat;
	background-size:	100% auto;	
	background-attachment: fixed;
	background-color:	#4e84b3;
}
#container {
	position:			relative;
	width:				980px;
	margin:				0 auto;
	padding:			205px 0 0 0;
	text-align:			left;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3{
	font-family:		Georgia, serif;	
	clear:				both;
	margin:				0 0 0.5em 0;
	color:				#231F20;
	font:				bold 1.1em;
}
h1{
	font-size:			1.8em;
	line-height:		130%;
}
h2, .pseudoH2{     
	display:			block;
	font-size:			1.6em;
}
h3, .pseudoH3{
	display:			block;
	margin:				0 0 0.1em 0;
}
p, .pseudoP{
	margin:				0 0 1em 0;
}
a{     
	color:				#3a7dc9;
	text-decoration:	underline;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.hidden{
	display:			none!important;
}
.noborder{
	border:				0!important;
}
.txtLeft{
	text-align:			left;
}
.txtRight{
	text-align:			right;
}
.txtCentre{
	text-align:			center;
}
.txtJustify{
	text-align:			justify;
}
.imgLeft{
	float:				left;
	margin:				-3px 0 0 0;
}
.imgRight{
	float:				right;
	margin:				-3px 0 0 0;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.incBlock{
	margin:				0 0 10px 0!important;
}
.indented{
	margin:				0 40px;
}

/*
=============
=== FORMS ===
=============
*/

/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
html{ /* Make sure the scrollbar is always on */
	overflow-y:			scroll;
}
div:after, ul:after, ol:after, dl:after{
	content:			".";
	display:			block;
	clear:				both;
	height:				0;
	visibility:			hidden;
}
div, ul, ol, dl{
	zoom:				1;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/

#header{     
	position:			absolute;
	top:				0;
	height:				205px;
	width:				100%;
	padding:			0;
	background:			url(/images/backgrounds/header-bg.png) top left no-repeat transparent;
}

/* logo */
#header #logo{
	position:			absolute;
	top:				41px;
	left:				64px;
}

/* text in coloured bar */
#header h1 {
	position:			absolute;
	bottom:				2px;
	left:				0;
	height:				44px;
	margin:				0;
	font-weight:		normal;
	font-style:			italic;
	color:				#FFF;
	text-indent:		45px;
	line-height:		44px;
	text-shadow:		0px -1px 0px #5f71bc;
}

/* social icons */
#header #socialmedia {
	position:			absolute;
	bottom:				131px;
	right:				34px;
	list-style-type:	none;
}
#header #socialmedia li {
	float:				left;
	display:			block;
	width:				32px;
	height:				32px;
	margin:				0 0 0 6px;
}
#header #socialmedia li a {
	float:				left;
	display:			block;
	width:				32px;
	height:				32px;
}

#header #PitmanBanner {
	position:			absolute;
	bottom:				59px;
	right:				34px;
}

/* main banner */
#header #bannerBAN {
	position:			absolute;
	top:				50px;
	right:				0;
	width:				728px;
	height:				90px;
}

/* top menu */
#header #topMenu {
	position:			absolute;
	top:				15px;
	left:				0;
	width:				940px;
	color:				#333;
	text-align:			right;
}
#header #topMenu a {
	color:				#8c081d;
}

/* bread crumbs */
#breadcrumbs {
	display:			block;
	position:			absolute;
	bottom:				-29px;
	left:				0;
	width:				942px;
	margin:				0;
	padding:			5px 8px 5px 30px;
	font-style:			italic;
	color:				#4F4F4F;
	background:			#eaf2fb;
	overflow:			hidden;
}
#breadcrumbs a {
	color:				#4F4F4F;
	text-decoration:	none;
}
/* dont show when editing homepage */
#homepage #breadcrumbs {
	display:			none;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu {
	position:			absolute;
	bottom:				46px;
	left:				0;
	height:				40px;
}
#header #mainMenu ul#topmenu {
	height:				40px;
	margin-left:		30px;
	overflow:			hidden;
}
#header #mainMenu em {
	font-style:			normal;
}

/* 
====================
=== MENU OPTIONS ===
====================
*/
#header #mainMenu ul#topmenu li {
	display:			block;
	float:				left;
	height:				32px;
}
#header #mainMenu ul#topmenu a.starter {
	position:			relative;
	display:			block;
	float:				left;
	height:				40px;
	margin:				0 4px 0 0;
	padding:			0 15px;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
	line-height:		40px;
	background:			#a8aeb3;
	-moz-border-radius:	10px 10px 0 0;
	-webkit-border-radius:	10px 10px 0 0;
	border-radius:		10px 10px 0 0;
}
#header #mainMenu ul#topmenu a.starter:hover {
	background:			#08437d;
}

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

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

/*
=======================
=== 1 COLUMN LAYOUT ===
=======================
*/
body.onecol #content, body.onecol #JBcontent{
	width:				940px;
	margin:				0 0 10px 20px;
}

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	width:				250px;
	margin:				0 0 0 -940px;
}
body.twocolL #content, body.twocolL #JBcontent{
	width:				670px;
	margin:				0 0 10px 270px;
}

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

body.twocolR #content, body.twocolR #JBcontent {
	width:				765px;
	padding:			0 20px 0 0;	
	margin:				0 0 10px 25px;
}
body.twocolR #right {
	width:				160px;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left {
	width:				200px;
	margin-left:		-790px;
}
body.threecol #right {
	width:				160px;
}
body.threecol #content, body.threecol #JBcontent {
	width:				550px;
	margin:				0 20px 10px 240px;
}

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main {
	position:			relative;
	background-color:	#FFF;
}
.incBlock h2 {
	margin:				0 0 0.5em!important;
	padding:			5px;
	border-bottom:		1px solid #ccc;
	font-weight:		normal;
}
form.onexcol {
    width: 				710px;
}
form.twocol {
    width: 				550px;
}

/*
=======================
=== HOMEPAGE LAYOUT ===
=======================
*/
/* for search engines and cms text editing reasons;
   the structure is now: content|left|right for the homepage */
body#homepage #left {
	width:				300px;
	margin:				275px 20px 0 0;
}
body#homepage #right {
	width:				160px;
}
body#homepage #content {
	width:				430px;
	margin:				275px 20px 0 20px;
}

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

/* --- CMS Text --- */
#homepage #content {
	padding:			0 5px;
}
#homepage #content h2 {
	margin:				0 -5px 0.5em;
	padding:			5px;
	border-bottom:		1px solid #ccc;
	font-weight:		normal;
}
#homepage #content .incBlock {
	margin:				0 -5px 20px!important;
}

/* --- browser --- */
#homepage #homeBrowser {
	position:			absolute;
	top:				15px;
	left:				20px;
	width:				760px;
	height:				250px;
	background:			#f3f4f6;
	overflow:			hidden;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:		15px;
}
#homepage #homeBrowser #search {
	border-width:		0;
}
#homepage #homeBrowser #jobBrowserSectors {
	float:				left;
	display:			block;
	width:				225px;
}
#homepage #homeBrowser #jobBrowserLocations {
	float:				left;
	display:			block;
	width:				225px;
}
#homepage #homeBrowser .searchByBox {
	padding:			16px 0 0 20px;
}
#homepage #homeBrowser .searchByBox h2 {
	font-weight:		normal;
	margin-bottom:		8px;
}
#homepage #homeBrowser .searchByBox ul {
	margin:				0;
	padding:			0 0 2px;
}
#homepage #homeBrowser .searchByBox ul li {
	margin:				0;
	padding:			3px 0;
	list-style:			none;
}
#homepage #homeBrowser .searchByBox ul li a {
	color:				#333;
	text-decoration:	none;
}
#homepage #homeBrowser .searchByBox ul li a em {
	font-style:			normal;
	color:				#8c081d;
}
#homepage #homeBrowser a.more {
	display:			block;
	margin:				2px 0 0 20px;
	font-weight:		bold;
	color:				#333;
	text-decoration:	none;
}

/* --- quick search --- */
#homepage #homeBrowser #search {
	position:			absolute;
	top:				20px;
	right:				20px;
	width:				280px;
	height:				200px;
}
#homepage #homeBrowser #search h2 {
	padding:			0;
	border:				0;
}
#homepage #homeBrowser #search dl dt {
	margin:				0;
	padding:			4px 0 3px;
	position:			static;
}
#homepage #homeBrowser #search dl dd {
	margin:				0;
	padding:			0;
	position:			static;
}
#homepage #homeBrowser #search input.text {
	width:				272px;
}
#homepage #homeBrowser #search select {
	width:				280px;
}
#homepage #homeBrowser #search .quickSearchFRM {
	padding:			5px 0 0;
}
#homepage #left #homeBrowser #search #DDKeywords {
	margin:				0;
}
#homepage #left #homeBrowser #search #DTKeywords label {
	top:				-2px;
	left:				2px;
}
#homepage #homeBrowser #search .searchButton {
	float:				right;
	margin:				10px 0 0;
}
#homepage #homeBrowser #search p.advSearch {
	display:			block;
	position:			relative;
	top:				18px;
	left:				20px;
	width:				120px;
}
#homepage #homeBrowser #search p.advSearch a {
	text-decoration:	none;
}

/* --- featured employers --- */
#homepage .featuredEmployersBox {
	float:				left;
	display:			block;
	width:				440px;
	height:				120px;
	margin:				0!important;
	clear:				both;
}
#homepage .featuredEmployersBox h2 a {
	color:				#333;
	text-decoration:	none;
}
#homepage .featuredEmployersBox ul li {
	float:				left;
	display:			block;
	width:				146px;
	padding:			5px 0;
}
#homepage .featuredEmployersBox ul li a {
	display:			block;
	width:				120px;
	height:				60px;
	margin:				0 auto;
	border:				1px solid #333;
}
#homepage .featuredEmployersBox p.LinkToClientList {
	display:			none;
}

/* --- Banner Square --- */
#homepage #homeBannerSquare {
	float:				left;
	display:			block;
	width:				300px;
	height:				250px;
}

/* --- Home News Includes (Generic Styles) --- */
#homepage #latestNews {
	float:				left;
	display:			block;
	width:				440px;
	padding:			0;
	clear:				both;
}
#homepage .homeNews {
	padding:			10px 0 0;
}
#homepage #content .incBlock .homeNews h2 {
	padding:			5px;
	margin:				0 0 15px!important;
}
#homepage #latestNews dl dt.NewsTitle a, #homepage .homeNews a {
	font-family:		Georgia;
	font-weight:		bold;
	text-decoration:	none;
}
#homepage #latestNews dl dd, #homepage .homeNews div.item {
	margin:				0 0 10px;
	padding:			0 0 10px;
	border-bottom:		2px dotted #ccc;
}
/* - Latest News - */
#homepage #latestNews dl {
	padding:			0 5px;
}
#homepage #latestNews dl dt {
	display:			inline;
}
#homepage #latestNews dl dt.NewsTime {
	margin:				0 6px 0 0;
	padding:			2px 5px;
	background:			#08437D;
	color:				#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:		3px;	
}
/* - BBC RSS Feed / Latest Tweets - */
#homepage .homeNews p.title {
	padding:			0 0 5px;
	margin:				0;
}
/* - Latest Tweets - */
#homepage .Twitter1 div.desc {
	display:			none;
}

/* --- feature buttons --- */
#homepage #homeFeatureButtons {
	float:				left;
	width:				300px;
	padding:			20px 0;
}
#homepage #homeFeatureButtons ul {
	margin:				0;
}
#homepage #homeFeatureButtons ul li {
	margin:				0;
	list-style:			none;
}
#homepage #homeFeatureButtons ul li.last {
	margin:				0;
}

/* --- home cms text --- */
#homepage #homeCMSText {
	float:				left;
	display:			block;
	width:				479px;
	padding:			0 25px 0 5px;
	clear:				both;
}
#homepage #homeCMSText h2 {
	margin:				0 -5px 0.5em;
}

/* --- quick links --- */
#homepage #homeQuickLinksMenu {
	float:				left;
	display:			block;
	width:				280px;
	padding:			10px;
	background:			#f3f4f6;
	border-radius:		10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#homepage #homeQuickLinksMenu h2 {
	border:				0;
}
#homepage #homeQuickLinksMenu ul {
	margin:				0;
}
#homepage #homeQuickLinksMenu ul li {
	margin:				0;
	padding:			5px 0 5px 20px;
	border-bottom:		1px dashed #fff;
	background:			url(/images/backgrounds/arrow.gif) 10px center no-repeat;
	list-style:			none;
}
#homepage #homeQuickLinksMenu ul li a {
	color:				#333;
	text-decoration:	none;
}

/* --- latest jobs --- */
#homepage #right #latest {
	padding-top:		15px;
}
#homepage #right #latest h2 {
	margin:				0!important;
	padding:			6px 0;
	border:				0;
	text-align:			center;
	background:			#08437d;
	color:				#fff;	
	border-radius:		10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}
#homepage #right #latest h2 a {
	text-decoration:	none;
}
#homepage #right #latest #latestBox .item {
	padding:			6px 8px;
	border-left:		1px solid #08437d;
	border-right:		1px solid #08437d;
	border-bottom:		1px solid #08437d;
}
#homepage #right #latest #latestBox .item span {
	display:			block;
}
#homepage #right #latest #latestBox .item span a {
	font-family:		Georgia;
	font-weight:		bold;
	text-decoration:	none;
}
#homepage #right #latest #latestBox #LatestJobsAll a {
	width:				115px;
	display:			block;
	margin:				10px auto 0;
	padding:			4px 8px;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
	background:			#08437d;
	border-radius:		5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* --- feature buttons --- */
#homepage #homeFeatureButtons {
	float:				left;
	width:				300px;
	padding:			20px 0;
}
#homepage #homeFeatureButtons p {
	font-size:			1.1em;
}
#homepage #homeFeatureButtons ul {
	margin:				0;
}
#homepage #homeFeatureButtons ul li {
	margin:				0;
	list-style:		none;
	position:     relative;
}
#homepage #homeFeatureButtons ul li.last {
	margin:				0;
}
#homepage #homeFeatureButtons ul li img {
	-moz-border-radius:	5px;
	-webkit-border-radius: 5px;
	border-radius:		5px;
}
#homepage #homeFeatureButtons ul ul li {
	list-style-type:	circle;
}

/* - feature 1 - */
#homepage #homeFeatureButtons #HFBupload h2 {
	position:			absolute;
	top:				10px;
	left:				16px;
	color:				#FFF;
}
#homepage #homeFeatureButtons #HFBupload ul {
	position:			absolute;
	top:				33px;
	left:				90px;
	color:				#FFF;
}
#homepage #homeFeatureButtons #HFBupload .uploadicon {
	position:			absolute;
	top:				37px;
	left:				20px;
	z-index:			5;
}
#homepage #homeFeatureButtons #HFBupload .featbutarrow {
	position:			absolute;
	right:				12px;
	top:				26px;
}

/* - feature 2 - */
#homepage #homeFeatureButtons #HFBjobemail h2 {
	position:			absolute;
	top:				8px;
	left:				16px;
	color:				#FFF;
}
#homepage #homeFeatureButtons #HFBjobemail ul {
	position:			absolute;
	top:				31px;
	left:				90px;
	color:				#FFF;
}
#homepage #homeFeatureButtons #HFBjobemail .emicon {
	position:			absolute;
	top:				25px;
	left:				9px;
	z-index:			5;
}
#homepage #homeFeatureButtons #HFBjobemail .featbutarrow {
	position:			absolute;
	right:				12px;
	top:				35px;
}

/* - feature 3 - */
#homepage #homeFeatureButtons #HFBjobempl h2 {
	position:			absolute;
	top:				8px;
	left:				16px;
	color:				#FFF;
}
#homepage #homeFeatureButtons #HFBjobempl ul {
	position:			absolute;
	top:				30px;
	left:				90px;
	color:				#FFF;
}
#homepage #homeFeatureButtons #HFBjobempl .jeicon {
	position:			absolute;
	top:				25px;
	left:				10px;
	z-index:			5;
}
#homepage #homeFeatureButtons #HFBjobempl .featbutarrow {
	position:			absolute;
	right:				12px;
	top:				29px;
}

/* --- Skyscraper --- */
#skyscraper {
	width:				120px;
	height:				600px;
	margin:				40px auto 20px!important;
}

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

/* --- Quick Search --- */
#left #search {
	background-color:	#F3F4F6;
	border:				1px solid #e3e4e5;
	padding:			5px;
	margin-top:			10px;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	border-radius:		10px;
}
#left #search h2 {
	border-width:		0;
	margin:				0 0 5px !important;
}
#left #search #frmJobSearch2 dl {
	padding:			50px 0 0;
	position:			relative;
}
#left #search #frmJobSearch2 dl dt.divcheckbox {
	padding:			0;
}
#left #search #frmJobSearch2 dl dd.divcheckbox .divCheckBoxListLinks {
	display:			none;
}
#left #search #frmJobSearch2 dl dd.divcheckbox .divCheckBoxListContainer {
	margin-top:			0;
}
#left #search #frmJobSearch2 dl dt#DTKeywords {
	position:			absolute;
	top:				2px;
}
#left #search #frmJobSearch2 dl dd#DDKeywords {
	position:			absolute;
	top:				22px;
}
#left #search .QuickSearchHelp, #left #search .KeywordsHelp, #left #search .advSearch {
	display:			none;
}
#left #search .searchButton {
	margin:				0 0 5px 8px;
}

/* --- Premium jobs --- */
#premium #premiumBox .item {
	padding:			0 0 15px;
}
#premium #premiumBox span {
	display:			block;
}
#premium #premiumBox span a {
	font-weight:		bold;
	text-decoration:	none;
}
#premium #premiumBox span.jobs_JobTitle {
	padding:			6px 0 3px;
}
#premium #premiumBox span.jobLogo a {
	display:			block;
	width:				120px;
	height:				60px;
	border-top:			1px solid #EFEFEF;
	border-left:		1px solid #EFEFEF;
	border-right:		1px solid #BABABA;
	border-bottom:		1px solid #BABABA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border-radius:		3px;
}

/* --- Job Browser --- */
#jobBrowseContainer ul.tabNav {
	position:			relative;
	top:				1px;
	font-family:		Georgia;
}
#jobBrowseContainer ul.tabNav li a {
	text-decoration:	none;
}
#jobBrowseContainer #search {
	position:			relative;
	padding-top:		70px;
	border:				1px solid #e3e4e5;
	-moz-border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;	
	border-radius:		0 10px 10px 10px;
}
#jobBrowseContainer #search dt#DTKeywords {
	position:			absolute;
	top:				15px;
	left:				0;
}
#jobBrowseContainer #search dd#DDKeywords {
	position:			absolute;
	top:				35px;
	left:				0;
}
#jobBrowseContainer #search dd#DDKeywords input#localstrKeywords {
	width:				93%;
}
#jobBrowseContainer #search .searchButton {
	float:				right;
	margin:				10px 8px 12px;
}
#jobBrowseContainer #JobBrowserFilter ul.JobBrowseCategoryLinks {
	padding:			5px 0;
}
#jobBrowseContainer #JobBrowserFilter ul.JobBrowseCategoryLinks li a {
	text-decoration:	none;
}
#jobBrowserResults .JobBrowseLinks li em, #jobBrowserResults .JobBrowseLinks a:hover {
	color:				#8C081D;
}
#jobBrowseContainer #search .checkboxListActions, #jobBrowseContainer #search div.quicknotes,
#jobBrowseContainer #search p.advSearch {
	display:			none;
}

/* --- Extra Options popup --- */
#divExtraOptions ul.tabNav li.unselectedTab a {
	/* these rules are all important to fix an ie6 bug */
	border-color:		#4995EA!important;
	color:				#fff!important;
	background:			#77B1EF!important;
}
#divExtraOptions ul.tabNav li.selectedTab a {
	border-color:		#4995EA!important;
	color:				#fff!important;
	background:			#4995EA!important;
}
#divExtraOptions .ExtraBrowseOptions ul {
	border:				2px solid #4995EA;
}
#divExtraOptions .ExtraBrowseOptions ul li a {
	color:				#333;
	text-decoration:	none;
}
#divExtraOptions .ExtraBrowseOptions ul li a em {
	color:				#4995EA;
}

/* --- Featured Recruiters --- */
#right .featuredEmployersBox ul {
	width:				132px;
	margin:				0 auto;
}
#right .featuredEmployersBox ul li {
	padding:			5px;
}
#right .featuredEmployersBox ul li a {
	display:			block;
	width:				120px;
	height:				60px;
	border-top:			1px solid #EFEFEF;
	border-left:		1px solid #EFEFEF;
	border-right:		1px solid #BABABA;
	border-bottom:		1px solid #BABABA;
	border-radius:		3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
#right .featuredEmployersBox h2, #right .featuredEmployersBox p.LinkToClientList {
	display:			none;
}

/*
===================================================================================
=== CONTENT AND JBCONTENT =========================================================
===================================================================================
*/

/* --- Search Criteria --- */
#JBcontent.searchCrit #fldJobSearch {
	border:				1px solid #e3e4e5;
}
form#frmJobSearch {
	width:				560px;
}

/* --- Job results --- */
/* paging + buttons */
#JBcontent.jobResults .resultsActions {
	display:			none;
}
#JBcontent.jobResults .pageNumbTop {
	position:			relative;
	top:				-28px!important;
	left:				350px;
	width:				190px;
	height:				20px;
	line-height:		20px;
}
#JBcontent.jobResults .pageNumbBot {
	position:			relative;
	top:				34px;
	left:				350px;
	width:				190px;
	height:				20px;
	margin:				0;
	line-height:		20px;
}
#JBcontent.jobResults .pageNumbTop .pageNumbers, #JBcontent.jobResults .pageNumbBot .pageNumbers {
	float:				right;
}
#JBcontent.jobResults .pageNumbTop .pageNumbers li, #JBcontent.jobResults .pageNumbBot .pageNumbers li {
	padding:			0;
}
#JBcontent.jobResults .pageNumbTop .pageNumbers li a, #JBcontent.jobResults .pageNumbTop .pageNumbers li em,
#JBcontent.jobResults .pageNumbBot .pageNumbers li a, #JBcontent.jobResults .pageNumbBot .pageNumbers li em {
	font-family:		arial!important;
	font-size:			1em!important;
	color:				#333;
	background:			none;
}
#JBcontent.jobResults .pageNumbTop .pageNumbers li em, #JBcontent.jobResults .pageNumbBot .pageNumbers li em {
	font-weight:		bold!important;
}
#JBcontent.jobResults .pageNumbTop .pageNumbers li a.pageNavBtn, #JBcontent.jobResults .pageNumbBot .pageNumbers li a.pageNavBtn {
    min-width:			1px;
}
#JBcontent.jobResults .numResults {
	padding:			10px;
	border:				1px solid #ccc;
	text-align:			left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:		10px;
}
#JBcontent.jobResults .numResultsTop {
	margin:				15px 0 0!important;
}	
#JBcontent.jobResults .numResultsBot {
	margin:				0 0 10px!important;
}
	
/* send me jobs like these */
#JBcontent.jobResults .sendMeJobsLikeThese {
	height:				48px;
	padding:			0;
}
#JBcontent.jobResults .sendMeJobsLikeThese form {
	padding:			15px 0 0 10px
}
#JBcontent.jobResults #sendMeJobsLikeTheseTop {
	margin:				20px 0 10px;
}
#JBcontent.jobResults #sendMeJobsLikeTheseBot {
	margin:				0 0 20px;
}
#JBcontent.jobResults .sendMeJobsLikeThese label {
	padding:			1px 12px 0 5px;
}
#JBcontent.jobResults .sendMeJobsLikeThese .text {
	width:				190px;
	margin:				0 8px 0 0;
}
/* job info boxes */
#JBcontent.jobResults .jobInfo {
	position:			relative;
	min-height:			120px;
	padding:			10px 340px 10px 10px;
	border:				1px solid #e3e4e5;
	text-align:			left;
	border-radius:		10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#JBcontent.jobResults .featuredJob {
    background:			#F3F4F6;
	border:				1px solid #e3e4e5;
}
#JBcontent.jobResults .jobInfo h2 {
	margin:				0;
	padding:			0;
	border:				0;
	background:			none;
}
#JBcontent.jobResults .jobInfo h2 a {
	padding:			0;
	font-size:			1.4em;
	font-weight:		normal;
	color:				#1369bd;
	line-height:		1.2em;
}
#JBcontent.jobResults .jobInfo ul.jobDetails {
    margin:				6px 0 0;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li {
	color:				#666;
	clear:				both;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li strong {
	display:			none;
}
#JBcontent.jobResults .jobInfo p.jobDescription {
	position:			absolute;
	top:				10px;
	left:				223px;
	width:				300px;
	height:				120px;
	padding:			0 0 0 15px;
	border-left:		1px solid #ccc;
}
#JBcontent.jobResults .jobInfo input.checkBox {
	top:				auto;
	bottom:				10px;
	left:				10px;
}
#JBcontent.jobResults .jobInfo a.detailsApply {
	position:			absolute;
	top:				auto;
	bottom:				10px;
	right:				10px;
}
#JBcontent.jobResults .jobInfo .jobLogo, #JBcontent.jobResults .jobInfo .checkBox {
	display:			none;
}
/* JBR banner */
#bannerJBR {
	margin:				0!important;
}
#bannerJBR img {
	margin:				0 0 10px!important;
}

/* --- Job View --- */
#JBcontent.jobView h1 {
	padding:			5px 10px;
}
#JBcontent.jobView .upperJobViewActions {
	width:				130px;
}
#JBcontent.jobView .upperJobViewActions .buttonLink {
	padding:			5px;
}

/* --- Job Apply --- */
#JBcontent.jobApply form#frmJobApplyCand {
	width:				565px !important;
}
#JBcontent.jobApply form#frmJobApplyCand dl dd.fixType3 {
	width:				500px;
}

/*
===================================================================================
=== CV DATABASE LAYOUT ============================================================
===================================================================================
*/

#JBcontent.newCVresults .candInfo .icons ul li, #JBcontent.newCVview .icons ul li {
    background-color: 	#2EA82F !important;
}
#JBcontent.newCVresults #frmCVresults .candInfoWrapper .checkBox {
	position:			absolute;
	top:				17px;
	left:				20px;
}
#JBcontent.newCVresults .candInfo h2 {
	padding:			10px 10px 15px 45px;
}
#JBcontent.newCVresults .resultsActions {
	margin:				0 0 10px;
}
#JBcontent.newCVresults .resultsActions a, #JBcontent.newCVresults .resultsActions input {
	font-size:			1em;
}
.CVResultsPopup {
	background-color:	#2EA82F;
}

/* --- Cand CV --- */
#JBcontent.CVview form.candViewForm .candInfo {
	background-color:	#F3F4F6;
}
#JBcontent.CVview .candDetails .candBlock {
	border-color:		#E3E4E5;
}

/*
===================================================================================
=== MISC SYSTEM PAGES =============================================================
===================================================================================
*/

/* --- Client List --- */
/* this is an old page but if you want to use it then you will need to also
   exclude clientJobs (R) and clientTel (R) to use the layout below */
#JBcontent.clientlist table {
	width:				70%;
	background:			#fff;
	border-radius:		0;
	-moz-border-radius:	0;
	-webkit-border-radius:0;
}
#JBcontent.clientlist table th {
	display:			none;
}
#JBcontent.clientlist table td {
	display:			block;
	border-bottom:		1px solid #ccc;
}
#JBcontent.clientlist table td a {
	display:			block;
	position:			relative;
	height:				60px;
	padding-right:		130px;
}
#JBcontent.clientlist table td .miniButton {
	position:			absolute;
	bottom:				0;
}
#JBcontent.clientlist table td img {
	position:			absolute;
	top:				0;
	right:				0;
	border-top:			1px solid #EFEFEF;
	border-left:		1px solid #EFEFEF;
	border-right:		1px solid #BABABA;
	border-bottom:		1px solid #BABABA;
	border-radius:		3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#JBcontent.clientlist tr:hover td {
	background:			none!important;
}
#JBcontent.clientlist table td a {
	text-decoration:	none;
}

/* --- Employers A-Z --- */
#JBcontent.clientAZ p.introText {
	padding:			15px 0 0;
}
#JBcontent.clientAZ ul.clientListByLetter {
	float:				left;
	margin:				0 0 15px;
	padding:			5px 7px;
	background:			#F3F4F6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:		3px;	
}
#JBcontent.clientAZ ul.clientListByLetter li {
	padding:			0 2px;
}
#JBcontent.clientAZ ul.clientListByLetter li a {
	display:			block;
	float:				left;
	padding:			2px 6px;
	font-weight:		bold;
	text-decoration:	none;
}
#JBcontent.clientAZ ul.clientListByLetter li a:hover {
	color:				#333;
	background:			#fff;
}
#JBcontent.clientAZ .clientListBox {
	clear:				both;
}
#JBcontent.clientAZ .clientListBox .clientListItem .clientListItemName a {
	font-weight:		bold;
	text-decoration:	none;
}
#JBcontent.clientAZ .clientListBox .clientListItem .clientListItemLogo {
	border-top:			1px solid #EFEFEF;
	border-left:		1px solid #EFEFEF;
	border-right:		1px solid #BABABA;
	border-bottom:		1px solid #BABABA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:		3px;	
}

/* --- Company Profile --- */
#JBcontent.compView h1 {
	display:			none;
}
#JBcontent.compView h2 {
	font-size:			1.8em;
	font-weight:		normal;
	margin:				0 0 10px;
	padding:			10px 5px;
	border-bottom:		1px solid #ccc;
}
#JBcontent.compView .compInfo {
	float:				left;
	width:				340px;
	margin:				0 0 0 10px;
	padding:			0;
}
#JBcontent.compView .compInfo .compLogo {
	display:			none;
}
#JBcontent.compView .compInfo dl dt {
	width:				140px;
	margin:				0 0 8px;
}
#JBcontent.compView .compInfo dl dd {
	width:				200px;
	margin:				0 0 8px;
}
#JBcontent.compView .compDescription {
	float:				left;
	width:				370px;
	margin:				5px 0 0;
	padding:			10px 15px;
	border:				0;
	background:			#D4E8FF;
	clear:				none!important;
	border-radius:		10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#JBcontent.compView #latest h2 {
	padding:			15px 5px 5px;
	font-size:			1.6em;
}

/* --- Job Index --- */
#JBcontent.jobindex ul {
	margin:				15px 10px;
	padding:			0;
}
#JBcontent.jobindex ul li {
	margin:				0;
	padding:			0;
	list-style-type:	none;	
}
#JBcontent.jobindex ul li h2 {
	margin:				0 0 0.5em!important;
	padding:			5px;
	border-bottom:		1px solid #ccc;
	font-weight:		normal;
}
#JBcontent.jobindex ul li ul {
	margin:				0 0 15px;
	padding:			0;
}
#JBcontent.jobindex ul li ul li {
	display:			block;
	float:				left;
	width:				300px;
	margin:				0 0 5px 5px;
	padding:			0;
}

/*
===================================================================================
=== SUBPAGES ======================================================================
===================================================================================
*/

body.SubPage #main {
	padding:			45px 0 0;
}
body.SubPage #JBcontent.menu ul li a, body.SubPage #JBcontent.menu ol li a {
	color:				#333;
}

/* --- CV Cover Letters --- */
#main #content.cvcoverletters ol {
	margin:				0 10px 1em 25px;
}
#main #content.cvcoverletters ol li {
	list-style-type:	decimal;
}

/*
===================================================================================
=== ADMIN AREA ====================================================================
===================================================================================
*/

/* --- Company Manager --- */
#frmCompAdd {
	width:				800px;
}

/* --- Job Manager --- */
#frmJobAdd {
	width:				750px;
}

/* --- Menu Manager --- */
#JBcontent.cmsMenu #CMSMenuManager select {
	width: 				215px!important;
}

/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
body#popup{
	border-color:		#4792e7;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer {
	width:				980px;
	margin:				0 auto;
	padding:			10px 0 20px;
	color:				#fff;
	background:			url(/images/backgrounds/footer.gif) top left repeat-x #8fa1af;
}
#footer .wrap {
	position:			relative;
	width:				940px;
	margin:				0 auto;
	text-align:			left;
}

#footer a {
	color:				#fff;
}
#footer h2 {
	margin:				0 0 1em;
	font-weight:		normal;
	color:				#ddd;
}

/* --- menus --- */
#footer .sidebarMenu {
	margin:				20px 0;
}
#footer .sidebarMenu a {
	color:				#fff;
	text-decoration:	none;
}
#footer .sidebarMenu ul {
	margin:				0;
	padding:			0;
}
#footer .sidebarMenu ul li {
	padding:			2px 0;
}

/* candidates */
#footer #candidatesMenu {
	float:				left;
	display:			block;
	width:				160px;
	margin:				0 0 15px;
}

/* clients */
#footer #clientsMenu {
	float:				left;
	display:			block;
	width:				150px;
	margin:				0 0 15px;
}

/* site pages */
#footer #sitePagesMenu {
	float:				left;
	display:			block;
	width:				180px;
	margin:				0 0 15px;
}

/* --- contact details --- */
#footer #contactDetails {
	float:				left;
	display:			block;
	width:				440px;
	margin:				20px 0;
}
#footer #contactDetails ul {
	float:				left;
	display:			block;
	margin:				0 10px 0 0;
}
#footer #contactDetails ul li {
	padding:			3px 0 3px 38px;
	height:				30px;
	font-weight:		bold;
	font-size:			1em;
	color:				#fff;
	line-height:		30px;
	list-style:			none;
}
#footer #contactDetails ul li.phone {
	background:			url(/images/backgrounds/phone.png) center left no-repeat;
}
#footer #contactDetails ul li.fax {
	background:			url(/images/backgrounds/fax.png) center left no-repeat;
}
#footer #contactDetails ul li.email {
	background:			url(/images/backgrounds/email.png) center left no-repeat;
}
#footer #contactDetails #address {
	display:			block;
	float:				left;
	min-width:			1px;
	margin:				5px 0 0;
	padding:			3px 0 0 38px;
	background:			url(/images/backgrounds/address.png) top left no-repeat;
}

/* --- copy text --- */
#footer .copy {
	display:			block;
	clear:				both;
	position:			relative;
	height:				47px;
	border-top:			1px solid #fff;
}
#footer .copy .left {
	display:			block;
	float:				left;
	margin:				15px 0 5px;
	left:				15px;
	height:				32px;
	line-height:		32px;
}
#footer .copy .left a img {
	float:				left;
	margin-right:		6px;
}

/*
===================================================================================
=== CUSTOM JOB BOARD COLOURS ======================================================
===================================================================================
*/
/* --- Generic Buttons --- */
input[type="submit"], input[type="button"], .buttonLink, .pseudoButton {
	font-family:		Georgia, Arial, Sans-Serif;
	border:				0;
	background:			#2ea82f;
	color:				#fff;
}
input[type="submit"]:hover, input[type="button"]:hover, .buttonLink:hover, .pseudoButton:hover {
	background:			#289428;
}

/* --- Standard form colour changes --- */
form.twocol table td, form.onecol fieldset, form.onewidecol fieldset, form.onexcol fieldset, form div.searchReplace table, table.SelectedCands, #JBcontent.notifyCand table, #JBcontent.cmsMenu #CMSMenuManager, .savedsearch, #JBcontent #JobFilterQuestions, table.results, .miniDashboard, #legend, .CaptchaContainer, .viewState1, .sendMeJobsLikeThese, #jobBrowseContainer #jobBrowserResults, #JBcontent.jobView .jobInfo, #JBcontent.jobView dl.extraInfo, #jobBrowseContainer #search, #JBcontent.jobView .jobPreviewActions {
    background:			#F3F4F6;
}
form.styled dl + h2, #main h3.midHeader, #frmJobAdd #ReferralSection h2 {
    border-color:		#99A6AF;
}

form#frmDownloadPage, form#frmcmsPageAdd, #JBcontent.MicrositeAdd form, form#frmCVSearch, form#frmCVSearch2 {
	width:				750px;
}

/* --- Meta manager specific styles? --- */
#JBcontent.EditPageTitles #fldcustomPageTitleAdd1 th {
	background:			#99A6AF;
}
#JBcontent.EditPageTitles #fldcustomPageTitleAdd1 table td {
	background:			#C2CACF;
	border:				1px solid #C2CACF;
}

/* --- Zebra styles --- */
#JBcontent table tr.zebra1,#JBcontent table tr.dblzebra1,#JBcontent table tr.dblzebra2,#JBcontent.compView .LatestVacanciesTBL .job_highlight td{
	background:			#d4e8ff;
}
#JBcontent table tr.zebra2,#JBcontent table tr.dblzebra3,#JBcontent table tr.dblzebra4{
	background:			#e5f1ff;
}
#main table.results tr:hover td {
    background:			#9ecbff;
}

/* --- Text buttons --- */
#JBcontent.cmsManager .pageActionButton, #JBcontent.newsCatManager .addArticles, #JBcontent.newsManager .addNewsCat, #JBcontent.adminAdd .pageActionButton, #JBcontent.compadd .pageActionButton, #JBcontent td.ColQuestion .pageActionButton, .miniButton, input.miniButton, .pageActionButton, .showPackages a, .pageNavBtn, strong.pageSelected, .pageSelected em, input.pageActionButton[type="button"], .detailsApply, input.SendMeJobsButton, .resultsActions .buttonLink, .upperJobViewActions .addWishList, .upperJobViewActions .sendFriend, .resetFRM a {
	background:			#2ea82f;
}
#JBcontent.cmsManager .pageActionButton:hover, #JBcontent.newsCatManager .addArticles:hover, #JBcontent.newsManager .addNewsCat:hover, #JBcontent.adminAdd .pageActionButton:hover, #JBcontent.compadd .pageActionButton:hover, #JBcontent td.ColQuestion .pageActionButton:hover, .miniButton:hover, .pageActionButton:hover, .showPackages a:hover, .pageNavBtn:hover, .detailsApply:hover, input.SendMeJobsButton:hover, .resultsActions .buttonLink:hover, .upperJobViewActions .addWishList:hover, .upperJobViewActions .sendFriend:hover, .resetFRM a:hover {
    background:			#289428;
}

/* --- DIV Checkbox Styles --- */
div.divCheckBoxListSelected {
    background-color:	#e6d5dc;
}

/* --- Job browser --- */
#jobBrowseContainer ul.tabNav li {
	border:				1px solid #e3e4e5;
    background-color:	#F3F4F6;
}

/* --- Captcha container --- */
div.CaptchaContainer {
	background:			#f4dbdc!important;
}

/*
=============================
== VARIOUS HACKS AND FIXES ==
=============================
*/
#content p {
	/* this fixes the edit page content button from being floated */
	clear:				both;
}
.JobboardAdminNews h2 {
	border:				0;
}
.CMSBottomBorder td {
    border-color:		#fff;
}
#CMSFooter a {
	/* fixes the editor save buttons from inheriting the footer link colour */
	color:				#333;
}
#main .menu ol li a {
    background-color:	transparent;
}
#search .CMSButton,
#latest .LatestContentManageButton {
	/* hide cms buttons from content we dont want clients to be able to edit */
	display:			none;
}