/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/

/******************/
/* Set SiteColour */
.sitecolour { color: #d7392b }
/******************/

body{
	padding:			0;
	font:				75%/150% Verdana, Arial;
	color:				#3C3C3C;
	text-align:			center;
	background:			#FFF;
}
#container{
	position:			relative;
	width:				990px;
	margin:				0 auto;
	padding:			330px 0 0 0;
	text-align:			left;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .pseudoH2 a, .pseudoH3 a{
	clear:				both;
	margin:				0 0 0.5em 0;
	color:				#000;
	font:				normal 1.1em Verdana, Arial;
}
h1{
	font-size:			1.8em;
	color:				#d7392b;
}
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:				#000;
	font-weight:		bold;
	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 ===
=============
*/

#frmCandRegister {
	padding:			30px 0 20px;
}


/*
==========================================
=== 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:				320px;
	width:				100%;
	padding:			0;
}
.SubPage #container{
	padding-top:		220px;
}
.SubPage #header{
	height:				175px;
}
#header #logo{
	position:			absolute;
	top:				22px;
	left:				0;
}
#breadcrumbs {
	display:			block;
	position:			absolute;
	bottom:				-43px;
	width:				968px;
	height:				18px;
	overflow:			hidden;
	padding:			3px 10px 3px 10px;
	border:				1px solid #F7F7F7;
	background:			#F7F7F7;
}
#breadcrumbs a {
	text-decoration:	none;
	color:				#000;
}
#homeheader {
	position:			absolute;
	bottom:				0;
	left:				0;
	width:				990px;
	height:				147px;
}

/* jobseeker login */
#jobseekersLoginInc {
	position:			absolute;
	top:				8px;
	right:				0;
	width:				210px;
	height:				100px;
	overflow:			none;
}
#jobseekersLoginInc h2 {
	position:			relative;
	top:				4px;
	font-size:			1.3em;
	color:				#000;
}
#jobseekersLoginInc #candlogin {
	position:			relative;
}
#jobseekersLoginInc #candlogin .usernameLabel {
	position:			absolute;
	top:				10px;
	left:				0;
}
#jobseekersLoginInc #candlogin .usernameBox {
	position:			absolute;
	top:				7px;
	left:				75px;
}
#jobseekersLoginInc #candlogin .passwordLabel {
	position:			absolute;
	top:				40px;
	left:				0;
}
#jobseekersLoginInc #candlogin .passwordBox {
	position:			absolute;
	top:				37px;
	left:				75px;
}
#jobseekersLoginInc #candlogin .usernameBox input,
#jobseekersLoginInc #candlogin .passwordBox input{
	width:				125px;
}
#jobseekersLoginInc #candlogin .submit {
	position:			absolute;
	top:				-25px;
	right:				0;
}
#jobseekersLoginInc #candlogin .submit input {
	padding:			3px 15px;
	background:			#d7392b;
}
#jobseekersLoginInc #candlogin .lostLogin,
#jobseekersLoginInc #candlogin .CustomJobseekerMenuTXT {
	display:			none;
}

/* head contact div */
#header #headcontact {
	position:			absolute;
	top:				105px;
	right:				0;
	width:				210px;
	height:				60px;
	overflow:			hidden;
}
#header #headcontact h3 {
	font-size:			1.3em;
	color:				#000;
}
#header #headcontact p {
	margin:				0;
	font-weight:		bold;
	color:				#d7392b;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{
	position:			absolute;
	bottom:				27px;
	left:				-11px;
}
#header #mainMenu ul#topmenu{				
	width:				990px;
	overflow:			hidden;
}
#header #mainMenu em{
	font-style:			normal;
}

#homepage #header #mainMenu{
	position:			absolute;
	bottom:				172px;
	left:				-11px;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
}
#header #mainMenu ul#topmenu a.starter{
	position:				relative;
	padding:				0 5px;
	font-weight:			bold;
	text-decoration:		none;
	border-right:			1px solid #000;
	display:				block;
	text-transform:			uppercase;
	font-size:				0.9em;
	color:					#000;
}
#header #mainMenu ul#topmenu a.starter:hover{
	color:				#D7392B;
}
#header #mainMenu ul#topmenu .lastItem a.starter{
	border-right:			none;
}

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

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

#JBcontent {
	border-bottom:1px solid #CCCCCC;
	min-height:555px!important;
}

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

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:			-990px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ie.css */
	width:				770px;
	margin-left:			210px; /* #left (width + lateral padding + lateral borders) */
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				730px;
	margin-right:			10px;
	padding:				0 20px;
}
body.twocolR #right{
	width:				210px;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	width:				150px;
	padding-right:			10px;
}
body.threecol #right{
	width:				210px;
}
body.threecol #content,
body.threecol #JBcontent{
	width:				610px;
	margin-right:			10px;
}

/*
================
=== HOMEPAGE ===
================
*/
body#homepage.threecol #left{
	width:				320px;
	padding-right:		0;
}
body#homepage.threecol #right{
	width:				210px;
}
body#homepage.threecol #content,
body#homepage.threecol #JBcontent{
	width:				450px;
}

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main{
	position:				relative;
	margin:					5px 0 15px;
}

/* all cms pages */
body.Subpages #content {
	border-bottom:			1px solid #CCC!important;
	min-height:				544px!important;
}
body.SubpageR-Inc #content {
	border-bottom:			1px solid #CCC!important;
	min-height:				544px!important;
}
.SubPage #content, #JBcontent {
	margin-bottom:			25px;
}

/*
===============
=== CONTENT ===
===============
*/

.Network48 #bannerAdvertsHFJ {
	display:		none;
}

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


/*
===================================================================================
=== INCLUDES STYLING ==============================================================
===================================================================================

==============================================
=== INCLUDES WHEN FEATURED IN THE SIDEBARS ===
==============================================
*/

/* --- GENERAL STYLES --- */
.incBlock h2 {
	color:				#000;
}
.incBlock h2 a {
	color:				#000;
	text-decoration:		none;
}

/* --- Latest Vacancies & Featured Jobs --- */
#homepage #left #latest h2 {
	margin:				6px;
}
#latestBox span.jobs_JobTitle {
	display:			block;
	height:				35px;
	overflow:			hidden;
}
#latestBox span.jobs_JobTitle a {
	color:				#d7392b;
	text-decoration:	none;
}
#latestBox span.jobs_Salary {
	display:			block;
	height:				18px;
	font-weight:		bold;
	font-size:			0.9em;
	overflow:			hidden;
}
#latestBox span.jobs_Vicinity {
	display:			block;
	height:				18px;
	font-size:			0.9em;
	overflow:			hidden;
}
#latestBox .LatestVacanciesTBL tr td {
	border-top:			1px solid #ccc;
	padding:			19px 2px;
}
#latestBox .LatestVacanciesTBL {
	border-bottom:		1px solid #ccc;
	height:				485px;
}
#latestBox p#LatestJobsAll {
	display:			none;
}

/* --- Featured Companies --- */
.featuredEmployersBox ul li{
	height:				60px;
	margin:				25px 0;
	padding:			13px 0;
	border:				1px solid #ccc;
	text-align:			center;
	overflow:			hidden;
}
.featuredEmployersBox p.LinkToClientList {
	display:			none;
}

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

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

/* --- News --- */

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

#right #search.incBlock {
	margin:				0 0 11px!important;
}
#right #search.incBlock h2 {
	height:				50px;
	overflow:			hidden;
	font-size:			1.8em;
	width:				90px;
}
#right #search dd {
	margin:				1px 0 4px;
}
#right #search input.searchButton {
	margin:				5px 0 0;
	padding:			3px 15px;
	background:			#d7392b;
}
#right #DDKeywords p.QuickSearchHelp, #right #DDKeywords p.KeywordsHelp {
	display:			none;
}
#right #locallabelPostedDate, #right #locallstPostedDate,
#right .advSearch {
	display:			none;
}

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

/* --- Menu (User created menus) --- */
#right .customSideBarMenu{
	border-top:			2px solid #d7392b;
	margin-bottom:		20px;
	width:				210px;
}
#right .sidebarMenu h2{
	display:			none;
}
#right .sidebarMenu .customSideBarMenu li{
	padding:			4px;
	border-bottom:		1px solid #ccc;
}
#right .sidebarMenu .customSideBarMenu li a{
	font-size:			1.1em;
	color:				#d7392b;
	text-decoration:	none;
}

/* --- Job Browser --- */
body.JobResults #right ul.tabNav li {
	float:				left;
	width:				100px;
}
body.JobResults #right ul.tabNav li.tabOne {
	margin-right:		10px;
}
body.JobResults #right ul.tabNav li a {
	float:				left;
	display:			block;
	width:				100px;
	height:				30px;
	text-align:			center;
	line-height:		30px;
	background:			#d7392b;
	color:				#fff;
	text-decoration:	none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:		5px;
}
body.JobResults #right ul.tabNav li.unselectedTab a {
	background:			#ccc;
}
body.JobResults #right #search {
	margin:				12px 0 0!important;
}
#jobBrowseContainer #jobBrowserResults {
	padding:			0;
	background:			#fff;
	color:				#000;
}
#jobBrowseContainer #jobBrowserResults h3 {
	font-size:			1.2em;
	color:				#000;
}
#jobBrowseContainer #jobBrowserResults a {
	color:				#000;
}
#jobBrowseContainer #jobBrowserResults div.JobBrowseLinks {
	margin:				10px 0 0;
	padding:			10px 0;
	border:				1px solid #ccc;
}
#jobBrowseContainer #CurrentSearch {
	background:			#CCCCCC;
	border:				2px solid #CCCCCC;
	color:				#000;
	margin:				10px 0 0;
}
#jobBrowseContainer #CurrentSearch h2 {
	color:				#000;
}
#jobBrowseContainer #CurrentSearch a {
	color:				#000;
}
#jobBrowseContainer #CurrentSearch li a {
	color:				#000;
}
#jobBrowseContainer .QuickSearchHelp, #jobBrowseContainer .KeywordsHelp,
#jobBrowseContainer #locallabelKeywords, #jobBrowseContainer #localstrKeywords {
	display:			none;
}
/* popup */
#divExtraOptions ul.tabNav li.selectedTab {
	background:			#d7392b;
	-moz-border-radius: 5px 5px 0 0;
	border-radius:		5px 5px 0 0;
}
#divExtraOptions ul.tabNav li.selectedTab a {
	border-color:		#d7392b;
	-moz-border-radius: 5px 5px 0 0;
	border-radius:		5px 5px 0 0;
}
#divExtraOptions ul.tabNav li.unselectedTab {
	background:			#ccc;
	-moz-border-radius: 6px 6px 0 0;
	border-radius:		6px 6px 0 0;
}
#divExtraOptions ul.tabNav li.unselectedTab a {
	border-color:		#ccc;
	-moz-border-radius: 6px 6px 0 0;
	border-radius:		6px 6px 0 0;
	color:				#fff;
}
.ExtraBrowseOptions ul {
	border:				2px solid #d7392b;
}

/* rules specific to subpage r-inc pages */
body.SubpageR-Inc #right .sidebarMenu .customSideBarMenu {
	margin-top:			60px;
}
body.SubpageR-Inc #right .sidebarMenu .customSideBarMenu li {
	height:				60px;
	overflow:				hidden;
}
body.SubpageR-Inc #right .sidebarMenu .customSideBarMenu li a {
	display:				block;
	padding:				19px 4px;
}
body.SubpageR-Inc #content ul li {
	font-weight:			bold;
	color:				#d7392b;
	background-image:		url(/images/bullet.png);
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/

/* --- Latest Vacancies & Featured Jobs --- */

/* --- Featured Companies --- */

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

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

/* --- News --- */

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

/* --- Job Browser --- */

/* --- Menu (User created menus) --- */


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

#homepage #latest {
	float:				left;
	width:				150px;
}
#homepage .featuredEmployersBox {
	float:				left;
	width:				150px;
	padding:			0 0 0 10px;
}

#homepage #homeContent {
	position:			absolute;
	top:				280px;
	left:				0px;
	width:				440px;
	height:				220px;
	padding:			0 5px;
	border-top:			1px solid #ccc;
	border-bottom:		1px solid #ccc;
}
#homepage #homeContent h3 {
	margin:				10px 0;
	font-size:			1.7em;
	color:				#000;
}

#homefeatjob #bannerAdvertsHFJ ul li {
	margin:				10px 0 0 0;
}

/*network site specific*/
body.childSite #homeContent {
	height:				223px!important;
	top:				320px!important;
	padding-top:		5px;
}
.Network48 #main #homeContent {
	top:				315px;
}

/*
===================================================================================
=== CMS PAGES =====================================================================
===================================================================================
*/

body.twocolR #content.meettheteam {
	padding:			0 5px;
}
#content.meettheteam ul {
	margin:				0;
}
#content.meettheteam ul li {
	position:			relative;
	float:				left;
	width:				144px;
	height:				280px;
	list-style-type:	none;
	background-image:	none;
	margin:				0;
	padding:			0 1px 0 0;
}
#content.meettheteam ul li img {
	margin:				0 0 5px;
}
#content.meettheteam ul li a {
	display:			block;
	margin:				0 5px;
	padding:			5px;
	background:			none repeat scroll 0% 0% #CCC;
	text-decoration: 	none; 
	color:				#000;
}
#content.meettheteam ul li p {
	font-size:			0.9em;
	vertical-align:		top;
	margin:				0 5px;	
}
#content.meettheteam ul li p a {
	display:			inline;
	padding:			0;
	background:			none;
	text-decoration: 	none; 
}

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

#popup{
	margin:				0
}
#popup #popupHeader{
	width:				100%;
	height:				75px;
	padding:			10px 0;
	border-bottom:		5px solid #0062b3;
	background:			#FFF;
}
#popup #popupHeader .popupLogo{ /* [TEMP] */
	width:				200px;
	height:				75px;
	margin:				0 10px;
	background:			url(/images/email/email_logo.gif) no-repeat top;
}
#popup #popupFooter{
	border-top:			5px solid #0062b3;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	font-size:			0.9em;
}
#footer p {
	clear:				both;
	position:			relative;
	top:				-8px;
	margin:				5px 0;
	text-align:			right;
}
#footer a {
	font-weight:		normal;
	text-decoration:	none;
	color:				#000;
}
#footer .jobboardFooterInc {
	float:				right;
}
#footer p.copy, #footer .jobboardFooterInc {
	margin-top:			0;
	color:				#999;
}
#footer p.copy a, #footer .jobboardFooterInc a {
	color:				#999;
}
#footer .rec {
	position:			absolute;
	bottom:				10px;
	left:				20px;
}

/* --- */
#footer .CMSlogout{
	display:			none;
}
#footer .CMSlogout a{
	display:				block;
	padding:				3px 10px;
	font-weight:			bold;
	font-size:			1.1em;
	color:				#FFF;
	background:			#DA0F00;
}
#footer .CMSlogout a:hover{
	background:			#820000;
}

/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/
/* --- Generic Forms --- */
form.styled h2, form .searchReplace h2, form.styled table th, form.styled h2, form.styled fieldset h3, table.results th,
input[type="submit"], input[type="button"], .buttonLink{
	background-color:		#444;
}

/* --- Form Positioning Fixes --- */
form#frmJobSearch dt.DTsalaryMax, form#frmJobSearch dt.DTsalaryFrame{
	top:					92px;
}
form#frmJobSearch dd.DDsalaryMax, form#frmJobSearch dd.DDsalaryFrame{
	top:					115px;
}
form#frmJobSearch dt.DTposted, form#frmJobSearch dd.DDposted{
	top:					160px;
}
form#frmJobSearch dd.DDposted{
	top:					185px;
}
form#frmJobSearch dt#DTContract, form#frmJobSearch dd#DDContract{
	width:				125px;
	margin-right:			20px;
	clear:				right;
	float:				right;
}

/* --- Search Criteria --- */
#frmJobSearch {
	margin:				0 auto!important;
}
#formHelpBox {
	display:				none;
}
#JBcontent.searchCrit dt.DTposted,
#JBcontent.searchCrit dd.DDposted {
	display:				none;
}

/* --- Search Result Styles --- */
#JBcontent.jobResults .jobInfo h2,
#JBcontent.jobResults .featuredJob h2,
#CompanyJobResults.jobs .jobInfo h2,
#CompanyJobResults.jobs .featuredJob h2 {
	background:			#999;
}
#JBcontent.jobResults .jobInfo,
#JBcontent.jobResults .featuredJob,
#CompanyJobResults.jobs .jobInfo,
#CompanyJobResults.jobs .featuredJob {
	border:				2px solid #999;
}
#JBcontent.jobResults .jobInfo a.detailsApply,
#CompanyJobResults.jobs .jobInfo a.detailsApply {
	background-color:		#333;
}

#JBcontent.jobResults .featuredJob,
#CompanyJobResults.jobs .featuredJob {
	border-color:			#d7392b;
}
#JBcontent.jobResults .featuredJob h2,
#CompanyJobResults.jobs .featuredJob h2 {
	background-color:		#d7392b;
}
#JBcontent.jobResults .featuredJob a.detailsApply,
#CompanyJobResults.jobs .featuredJob a.detailsApply {
	background-color:		#BF0D00;
}

/* --- Job View --- */
#JBcontent.jobView {
	padding:				20px 0;
}

/* --- News page --- */
#frmNewsList {
	display:				none;
}
#JBcontent.menu .NewsItem {
	height:				102px;
}
#news_heading {
	display:				none;
}

/* --- Candidate Pages --- */
#main #JBcontent.menu ol {
	width:				90% !important;
}
#frmCandCVAdd {
	width:				600px!important;
}

/* --- Job Index --- */
#JBcontent.jobindex li.indexlink h2 {
	font-size:			1em;
	font-family:			verdana;
}
#JBcontent.jobindex li.indexlink ul li {
	float:				none;
	width:				70%;
	font-size:			0.9em;
}

.JobDetailsSection {
	padding-top:		30px;
}
.JobDetailsSection h1 {
	padding:			0 0 10px;
}

#right #search form {
	background:			#f7d7d5;
	padding:			10px;
}
#right #search select {
	width:				190px;
}
#right #search #localstrKeywords {
	width:				180px;
}


#cmdCMSRebuildPageButton.CMSButton, .CMSButton {
    position:			absolute;
}