/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body {
	padding:			0;
	font:				75%/150% Arial, sans-serif;
	color:				#333;
	text-align:			center;
	background:			url(/images/backgrounds/background-borders.gif) center top repeat-y #fff;
}
#container{
	position:			relative;
	width:				940px;
	margin:				0 auto;
	padding:			255px 0 0 0;
	text-align:			left;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3{
	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:				#615676;
	text-decoration:	underline;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.hidden,#JBcontent.advertisers h2.inverse,#SecurityReport{
	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:				255px;
	width:				940px;
	padding:			0 20px;
	margin:				0 -20px;
	background:			url(/images/backgrounds/background.gif) top left repeat-x;
}

/* logo */
#header #logo{
	position:			absolute;
	top:				60px;
	left:				15px;
}

/* text in coloured bar */
#header h1 {
	position:			absolute;
	bottom:				2px;
	left:				0;
	height:				44px;
	margin:				0;
	font-family:		Verdana;
	font-weight:		normal;
	font-size:			1.7em;
	color:				#fff;
	text-indent:		30px;
	line-height:		44px;
	letter-spacing:		-1px;
	text-shadow:		0 1px 1px #0066B3;
}

/* social icons */
#header #socialmedia {
	position:			absolute;
	top:				40px;
	right:				100px;
	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;
}

/* main banner */
#header #bannerBAN {
	position:			absolute;
	top:				85px;
	right:				100px;
	width:				468px;
	height:				60px;
	background:			#f7f7f7;
}

/* top menu */
#header #topMenu {
	position:			relative;
	top:				12px;
	left:				0;
	width:				940px;
	height:				18px;
	color:				#333;
	text-align:			right;
}
#header #topMenu span.left {
	position:			absolute;
	display:			block;
	top:				0;
	left:				0;
	width:				550px;
	height:				18px;
	text-align:			left;
}
#header #topMenu span.left a {
	color:				#000;
	text-decoration:	none;
}
#header #topMenu span.right {
	position:			absolute;
	display:			block;
	top:				0;
	right:				80px;
	width:				390px;
	height:				18px;
}

/* bread crumbs */
#breadcrumbs {
	display:			block;
	position:			absolute;
	bottom:				-28px;
	left:				0;
	width:				930px;
	margin:				0;
	padding:			5px 25px;
	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:				51px;
	left:				20px;
	height:				32px;
}
#header #mainMenu ul#topmenu {
	height:				32px;
	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:				32px;
	margin:				0 4px 0 0;
	padding:			0 15px;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
	line-height:		32px;
	background:			url(/images/backgrounds/menu.gif) top;
	border-radius:			5px 5px 0;
	-moz-border-radius:		5px 5px 0;
	-webkit-border-radius:	5px 5px 0;
	-moz-transition:		background .3s ease-out;
	-webkit-transition:		background .3s ease-out;
}
#header #mainMenu ul#topmenu a.starter:hover {
	background-position: bottom;
	-webkit-transition:	background .3s ease-out;
	-moz-transition:	background .3s ease-out;
}

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

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

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

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

body.twocolL #left{
	width:				210px;
	margin:				0 0 0 -920px;
}
body.twocolL #content, body.twocolL #JBcontent{
	width:				690px;
	margin-left:		240px;
}

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

body.twocolR #content,
body.twocolR #JBcontent {
	width:				760px;
	padding:			0 20px 0 0;
}
body.twocolR #right {
	width:				160px;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/

body.threecol #left {
	width:				190px;
	margin-left:		-780px;
}
body.threecol #right {
	width:				160px;
}
body.threecol #content,
body.threecol #JBcontent {
	width:				550px;
	margin:				0 20px 0 210px;
}

/*
=======================
=== 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:				270px 20px 0 0;
}
body#homepage #right {
	width:				160px;
}
body#homepage #content {
	width:				430px;
	margin:				270px 20px 0 0;
}

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main {
	position:			relative;
}
.incBlock h2 {
	margin:				0 0 0.5em!important;
	padding:			5px;
	border-bottom:		1px solid #ccc;
	font-weight:		normal;
}

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

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

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

/* --- Premium Jobs --- */
#right #premium{
	padding-top:		15px;
}
#right #premium h2{
	margin:				0!important;
	padding:			6px 0;
	border:				0;
	font-weight:		normal;
	text-align:			center;
	color:				#fff;
	background:			#B3A3D4;
	border-radius:		10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}
#right #premium #premiumBox .item {
	padding:			6px 8px;
	border-left:		1px solid #B3A3D4;
	border-right:		1px solid #B3A3D4;
	border-bottom:		1px solid #B3A3D4;
}
#right #premium #premiumBox .item span {
	display:			block;
}
#right #premium #premiumBox .item span a {
	font-weight:		bold;
	text-decoration:	none;
	color:				#B3A3D4;
}
#right #premium #premiumBox #LatestJobsAll a {
	display:			block;
	width:				145px;
	margin:				10px auto 0;
	padding:			4px 0;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
	text-align:			center;
	background:			#B3A3D4;
	border-radius:		5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* --- Job Browser --- */
#jobBrowseContainer ul.tabNav li a {
	text-decoration:	none;
}
#jobBrowseContainer #search {
	position:			relative;
	padding-top:		70px;
}
#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:				#615676;
}
#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;
}

/* --- Selected Jobs/Candidates --- */
/*.SelectedItemsContainer.NoItems {
	display:			none!important
}*/
.SelectedItemsContainer span span {
	width:				13px;
	height:				13px;
	border:				0;
	background:			url(/images/backgrounds/closeWindow.gif) no-repeat;
}

/* --- Featured Recruiters --- */
#right .featuredEmployersBox ul {
	width:				132px;
	margin:				10px 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;
}

/* --- Custom Sidebar Menus --- */
body.SubPage #left .sidebarMenu ul,
body.SubPage #right .sidebarMenu ul {
	margin:				0 0 1em;
}
body.SubPage #left .sidebarMenu ul li,
body.SubPage #right .sidebarMenu ul li {
	margin:				0 0 5px;
	list-style-type:	none;
}
body.SubPage #left .sidebarMenu ul li a,
body.SubPage #right .sidebarMenu ul li a {
	color:				#FFF;
	display:			block;
	padding:			3px 6px;
	border:				1px solid #9687B3;
	text-decoration:	none;
	background:			#b3a3d4;
	border-radius:		5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
body.SubPage #left .sidebarMenu ul li a:hover,
body.SubPage #right .sidebarMenu ul li a:hover {
	border:				1px solid #9687b3;
	background:			#9687b3;
}

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

/* --- Job Results --- */
/* Paging + Buttons */
#JBcontent.jobResults .pageNumbTop {
	position:			relative;
	top:				-107px!important;
	left:				350px;
	width:				190px;
	height:				20px;
	line-height:		20px;
}
#JBcontent.jobResults .pageNumbBot {
	position:			relative;
	top:				124px;
	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 {
	margin:				15px 0 0!important;
	padding:			10px;
	border:				1px solid #ccc;
	text-align:			left;
	border-radius:		10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* Hover Styles */
#JBcontent.jobResults .SendMeJobsButton:hover, #JBcontent.jobResults .addWishList:hover, 
#JBcontent.jobResults .viewSelected:hover, #JBcontent.jobResults .selectAll:hover, 
#JBcontent.jobResults .selectJob:hover, #JBcontent.jobResults .detailsApply:hover {
	background-color:	#9687B3;
	border:				1px solid #615676;
	padding:			0 5px;
}
#JBcontent.jobResults .selectJob:hover {
	padding:			0 5px;
}

/* Send Me Jobs Like These */
#JBcontent.jobResults .sendMeJobsLikeThese {
	height:				48px;
	padding:			0;
	clear:				both;
}
#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 #cmdSendMeJobsLikeTheseTop, #JBcontent.jobResults #cmdSendMeJobsLikeTheseTop {
	margin:				0 5px 0 0;
}
#JBcontent.jobResults .sendMeJobsLikeThese label {
	padding:			1px 12px 0 5px;
}
#JBcontent.jobResults .sendMeJobsLikeThese .text {
	width:				190px;
	margin:				0 8px 0 0;
}
/* result actions */
#JBcontent.jobResults .resultsActions {
	float:				right;
}
#JBcontent.jobResults .resultsActions input.buttonLink {
	float:				left;
}
#JBcontent.jobResults .resultsBot {
	padding:			15px 0 0;
}
/* job info boxes */
#JBcontent.jobResults .jobInfo {
	position:			relative;
	min-height:			120px;
	padding:			10px 340px 30px 10px;
	border:				1px solid #9687B3;
	text-align:			left;
	border-radius:		10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear:				both;
}
#JBcontent.jobResults .featuredJob {
	border:				1px solid #9687b3;
	background:			#d5d0df;
}
#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:				#555;
	line-height:		1.2em;
}
#JBcontent.jobResults .featuredJob h2 a {
	color:				#000;
}
#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 div.selectJobContainer {
	position:			absolute;
	bottom:				10px;
	left:				10px;
}
#JBcontent.jobResults .jobInfo div.selectJobContainer input {
	padding:			1px 6px;
	font-size:			8pt;
	font-weight:		normal;
	text-transform:		uppercase;
	background:			#9687B3;
	border-radius:		3px;
	-moz-border-radius:	3px;
	-webkit-border-radius: 3px;
}
#JBcontent.jobResults .featuredJob div.selectJobContainer input {
	background:			#9687B3;
}
#JBcontent.jobResults .jobInfo p.jobDescription {
	position:			absolute;
	top:				10px;
	left:				223px;
	width:				300px;
	height:				120px;
	padding:			0 0 0 15px;
	border-left:		1px solid #9687B3;
}
#JBcontent.jobResults .jobInfo input.checkBox {
	top:				auto;
	bottom:				10px;
	left:				10px;
}
#JBcontent.jobResults .jobInfo a.detailsApply {
	position:			absolute;
	top:				auto;
	bottom:				10px;
	right:				10px;
	background:			#9687B3;
}
#JBcontent.jobResults .featuredJob a.detailsApply {
    background:			#9687B3;
}
#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:			15px;
}
#JBcontent.jobView .jobLogo {
	display:			none;
}
#JBcontent.jobView .extraInfo {
	display:			none;
}
#JBcontent.jobView .jobViewActions {
	margin-bottom:		15px;
}

/* --- Job Apply --- */
#JBcontent.jobApply div.divCheckBoxList {
    max-height:			100px;
}

/* --- 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:			#EAF2FB;
}
#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;
	border-radius:		3px;
	-moz-border-radius: 3px;
	-webkit-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;
}

/* --- Menu Pages --- */
div.menu ol li {
    -moz-transition: background 0.5s ease-out 0s;
	-webkit-transition: background 0.5s ease-out 0s;
    background: #fff;
}
div.menu ol li:hover {
    -moz-transition: background 0.5s ease-out 0s;
	-webkit-transition: background 0.5s ease-out 0s;
    background: #EAF2FB;
}

/* --- Advertisers Page --- */
#JBcontent.advertisers ol li{
	margin:				0 0 10px;
	padding:			10px;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:10px;
	background:			#99d9e8;	
}
#JBcontent.advertisers ol li h2{
	margin:				0 0 -5px;
	padding:			0;
	font-size:			1.3em;
	border:				0;
}
#JBcontent.advertisers ol li h2 a{
	display:			block;
	height:				40px;
	line-height:		40px;
	padding:			0 45px;
	text-decoration:	none;
	color:				#50438a;
	background:			url(/images/icons/buyNow.png) no-repeat left center;
}
#JBcontent.advertisers ol li.advertisers_bottom h2{
	margin:				0 0 5px;	
	padding:			10px 0 0;
}
#JBcontent.advertisers ol li.advertisers_bottom h2 a{
	display:			block;
	height:				20px;
	line-height:		20px;
	margin:				0;
	padding:			0;
	background:			transparent;
}
#JBcontent.advertisers ol li ul li{
	margin:				1em 0 0;
	padding:			5px;
	list-style:			none;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	background:			url(/jobboard/images/backgrounds/lighten50.png) repeat-x left top;
}
#JBcontent.advertisers ol li a{
	color:				#000;	
}
#JBcontent.advertisers .priceLink{
	margin:				0 10px;
	font-weight:		bold;
	font-size:			1.2em;
}
#JBcontent.advertisers a .ad_button{
	position:			relative;
	top:				5px;
	margin:				0 0 0 5px;
}
#JBcontent.advertisers .advertCalc #txtQty {
	width:				10%;
}
#JBcontent.advertisers .advertCalc #btnCalculate {
	padding:			4px 10px;
}
#JBcontent.advertisers .advertCalc #btnCalculate:hover {
	background-color:	#9687B3;
	border:				1px solid #615676;
	padding:			3px 9px;
}
#JBcontent.advertisers .advertCalc .ad_button {
	position:			relative;
	top:				8px;
}

/*
===================================================================================
=== 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:				0;
	left:				0;
	width:				760px;
	height:				250px;
	background:			#f7f7f7;
	overflow:			hidden;
	border-radius:		0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}
#homepage #homeBrowser #jobBrowserSectors {
	float:				left;
	display:			block;
	width:				225px;
}
#homepage #homeBrowser #jobBrowserLocations {
	float:				left;
	display:			block;
	width:				225px;
}
#homepage #homeBrowser .searchByBox {
	padding:			15px 0 0 20px;
}
#homepage #homeBrowser .searchByBox h2 {
	margin:				0 -5px 0.2em;
	border-bottom:		0;
	font-weight:		normal;
}
#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:				#4590e4;
}
#homepage #homeBrowser a.more {
	display:			block;
	margin:				0 0 0 20px;
	font-weight:		bold;
	color:				#333;
	text-decoration:	none;
}
#homepage.childSite #homeBrowser .searchByBox {
	padding:			15px 0 0 35px;
}
#homepage.childSite #homeBrowser .searchByBox ul  {
	width:				425px;
}
#homepage.childSite #homeBrowser .searchByBox ul li {
	width:				49%;
	float:				left;
}
#homepage.childSite #homeBrowser a.more {
	margin:				2px 0 0 35px;
}

/* --- 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:			5px 0;
}
#homepage #homeBrowser #search dl dd {
	float:				none;
	width:				auto;
	margin:				0;
	padding:			0;
}
#homepage #homeBrowser #search input.text {
	width:				272px;
}
#homepage #homeBrowser #search select {
	width:				280px;
}
#homepage #homeBrowser #search .quickSearchFRM {
	padding:			5px 0 0;
}
#homepage #homeBrowser #search #DDKeywords {
	margin:				0;
}
#homepage #homeBrowser #search .searchButton {
	float:				right;
	margin:				10px 0 0;
}
#homepage #homeBrowser #search p.advSearch {
	position:			absolute;
	bottom:				8px;
	left:				20px;
	width:				120px;
}
#homepage #homeBrowser #search p.advSearch a {
	text-decoration:	none;
}

/* --- featured employers --- */
#homepage .featuredEmployersBox {
	float:				left;
	display:			block;
	width:				440px;
	margin:				0!important;
	clear:				both;
}
#homepage .featuredEmployersBox h2 {
	padding:			15px 5px 5px!important;
}
#homepage .featuredEmployersBox h2 a {
	color:				#333;
	text-decoration:	none;
}
#homepage .featuredEmployersBox ul li {
	float:				left;
	display:			block;
	width:				146px;
	padding:			10px 0;
}
#homepage .featuredEmployersBox ul li a {
	display:			block;
	width:				120px;
	height:				60px;
	margin:				0 auto;
	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;
}
#homepage .featuredEmployersBox p.LinkToClientList {
	display:			none;
}

/* --- banner square --- */
#homepage #homeBannerSquare {
	float:				left;
	display:			block;
	width:				300px;
	height:				316px;
}

/* --- latest news --- */
#homepage #latestNews {
	float:				left;
	display:			block;
	width:				440px;
	min-height:			302px;
	padding:			0;
	clear:				both;
}
#homepage #latestNews dl {
	padding:			0 5px;
}
#homepage #latestNews dl dt {
	display:			inline;
}
#homepage #latestNews dl dd {
	margin:				0 0 15px;
	padding:			0 0 15px;
	border-bottom:		2px dotted #ccc;
}
#homepage #latestNews dl dt.NewsTime {
	margin:				0 6px 0 0;
	padding:			2px 5px;
	background:			#6EAAED;
	color:				#fff;
	border-radius:		3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#homepage #latestNews dl dt.NewsTitle a {
	font-weight:		bold;
	text-decoration:	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:			#B3A3D4;
	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;
}

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

/* --- latest jobs (left) --- */
#homepage #content #latest #latestBox {
	
}
#homepage #content #latest #latestBox .jobs_JobTitle {
	float:				left;
	clear:				left;
	margin-right:		12px;
	font-weight:		bold;
}
#homepage #content #latest #latestBox .jobs_JobTitle a {
	text-decoration:	none;
}
#homepage #content #latest #latestBox .jobs_Salary {
	float:				left;
	clear:				left;
}
#homepage #content #latest #latestBox .jobs_JobDescription {
	float:				left;
	clear:				left;
	border-bottom:		2px dotted #CCC;
	margin:				0 0 10px 0;
	padding:			0 0 10px 0;	
}

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

/*
===================================================================================
=== CANDIDATE AREA ================================================================
===================================================================================
*/

/*
===================================================================================
=== CLIENT AREA ===================================================================
===================================================================================
*/

/* --- CV Results --- */
#JBcontent.newCVresults #frmCVresults .resultsActions {
	margin:				10px 5px;
}
#JBcontent.newCVresults #frmCVresults .resultsActions .buttonLink {
	margin-left:		2px;
	padding:			0 2px;
	border:				1px solid #9687B3;
}
#JBcontent.newCVresults #frmCVresults .resultsActions .buttonLink:hover {
	padding:			0 2px;
	border:				1px solid #615676;
}
#JBcontent.newCVresults .candInfo .candInfoWrapper {
	padding:			5px 0;
}
#JBcontent.newCVresults .candInfo .candDetails ul li {
	width:				37%;
}
#JBcontent.newCVresults .candInfo #candSection3 p {
	margin:				5px 5px 10px 15px;
	font-weight:		bold;
}
#JBcontent.newCVresults .candInfo #candSection4 p {
	margin:				5px 5px 10px 15px;
	font-weight:		bold;
}
#JBcontent.newCVresults .candInfo .candExtraDetails ul {
	margin:				10px 0 0;
}
#JBcontent.newCVresults .candInfo .candDetails {
	padding:			0 0 5px 0;
}
#JBcontent.newCVresults .candInfo ul.candOptions3 {
	list-style-type:	none !important;
	margin:				0 10px 10px;
}
#JBcontent.newCVresults .candInfoWrapper ul li {
	color:				#3D7ABF;

}
#JBcontent.newCVresults .candInfoWrapper ul li strong {
	color:				#333;
}


#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails {
	position: 			static;
	right: 				0;
	top: 				0;
	width: 				400px;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dt {
	margin:				0;
	padding: 			0 10px 0 0;
	width: 				96%;
	text-align:			left;
}
#JBcontent.CVview form.candViewForm .candInfo ul.contactNumbers {
	float:				none;
	position:			absolute;
	right:				20px;
	top:				10px;
}
#JBcontent.CVview form.candViewForm .candInfo {
	background-color:	#D5D0DF;
}
#JBcontent.CVview .candDetails .candBlock {
	border-bottom-color: #D5D0DF;
}

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

.JobboardAdminNews h2 {
	margin: 			-5px -5px 5px -5px !important;
}
#frmNewsAdd {
	width:				710px;
}

/* --- CMS Pagegroup Manager --- */
#CMSGroupManager .ButtonContainer .miniButton {
	border:				1px solid #9687B3;
}
#CMSGroupManager .ButtonContainer .miniButton:hover {
	padding:			1px 6px;
	border:				1px solid #615676;	
}

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

/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/

body#popup{
	border-color:		#4792e7;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer {
	width:				980px;
	margin:				20px auto 0;
	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:				175px;
	margin:				0 0 15px;
}

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

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

/* --- contact details --- */
#footer #contactDetails {
	float:				left;
	display:			block;
	width:				390px;
	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:			1.2em;
	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 {
	position:			absolute;
	display:			block;
	float:				left;
	top:				15px;
	left:				15px;
	height:				32px;
	line-height:		32px;
}
#footer .copy .left a img {
	float:				left;
	margin-right:		6px;
}
#footer .copy .right {
	position:			absolute;
	display:			block;
	float:				right;
	top:				10px;
	right:				15px;
	height:				32px;
	line-height:		32px;
}

/* --- JB Footer Inc --- */
#footer .jobboardFooterInc .CompatabilityTest {
	display:			none;
}

/*
===================================================================================
=== CUSTOM JOB BOARD COLOURS ======================================================
===================================================================================
*/
/* --- Generic Buttons --- */
input[type="submit"], input[type="button"], .buttonLink, .pseudoButton {
	border:				0;
	background:			#9687B3;
	color:				#fff;
}
input[type="submit"]:hover, input[type="button"]:hover, .buttonLink:hover, .pseudoButton:hover {
	background:			#9687B3;
	border:				1px solid #615676;
	padding:			6px 14px;
}
#JBcontent.jobView .upperJobViewActions .buttonLink {
	padding: 			4px 4px;
	width:				90%;
	border:				1px solid #9687B3;
}
#JBcontent.jobView .upperJobViewActions .buttonLink:hover {
	border:				1px solid #615676;
}
#JBcontent.jobView .jobPreviewActions .submit {
	border:				1px solid #9687B3;
}
#JBcontent.jobView .jobPreviewActions .submit:hover {
	padding:			1px 6px;
	border:				1px solid #615676;
}

#JBcontent .CMSMenu #CMSMenuManager .ExtraButtons .miniButton {
	padding:			1px 6px;
	border:				1px solid #9687B3;
}
#JBcontent .CMSMenu #CMSMenuManager .ExtraButtons .miniButton:hover {
	padding:			1px 6px;
	border:				1px solid #615676;	
}

/* --- Forms --- */
form.twocol, form.onexcol {
	width:				690px;
}

/* --- 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:			#D5D0DF;
}
form.styled dl + h2, #main h3.midHeader, #frmJobAdd #ReferralSection h2 {
    border-color:		#99A6AF;
}

/* --- 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:			#D5D0DF;
}
#JBcontent table tr.zebra2,#JBcontent table tr.dblzebra3,#JBcontent table tr.dblzebra4{
	background:			#D5D0DF;
}
#main table.results tr:hover td {
    background:			#B3A3D4;
}

/* --- 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:			#9687B3;
}
#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:			#9687B3;
}

/* --- DIV Checkbox Styles --- */
div.divCheckBoxListSelected {
	border-color:		#87a9cf;
    background-color:	#D7E8FB;
}
div.divCheckBoxListSelected span {
    border-color:		#87a9cf;
    color:				#225A9A;
}

/* --- Job browser --- */
#jobBrowseContainer ul.tabNav li {
	border:				0;
    background-color:	#B3A3D4;
}

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