/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/

@import url(/css/undohtml.css);
@import url(/jobboard/css/main.css);

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

body{
	padding:			0;
	font:				70%/150% Verdana, Helvetica, sans-serif;
	color:				#26282B;
	text-align:			center;
	background:			#CCC;
}
#container{
	position:			relative;
	width:				960px;
	margin:				0 auto;
	padding:			145px 0 0 0;
	text-align:			left;
	background:			#FFF;
	border:				solid #FFF;
	border-width:		0 10px;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3{
	clear:				both;
	margin:				0 0 10px 0;
	color:				#0F1C53;
	font:				normal 1.1em Verdana, Helvetica, sans-serif;
}
h1{
	font-size:			1.8em;
}
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:				#0F1C52;
	font-weight:		bold;
	text-decoration:	underline;
}
.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.hidden{
	display:			none!important;
}
.noborder{
	border:				none!important;
}
.txtLeft{
	text-align:			left;
}
.txtRight{
	text-align:			right;
}
.txtCentre{
	text-align:			center;
}
.txtJustify{
	text-align:			justify;
}
.imgLeft{
	float:				left;
	margin:				-3px 0 0 0;
}
.imgRight{
	float:				right;
	margin:				-3px 0 0 0;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.incBlock{
	margin:				0 0 10px 0!important;
}
.indented{
	margin:				0 40px;
}
#homeContent{
	margin:				10px 0 0 0;
}

/*
=============
=== FORMS ===
=============
*/
label{
	font-weight:		bold;
}
input, select, textarea{
	font:				1em Verdana, Helvetica, sans-serif!important;
	color:				#242629;
}
input[type=text], input[type=password], select, textarea, input.text{     /* See ie.css */
	width:				190px!important;
	padding:			2px;
	border:				1px solid #AAA!important;
}
select{
	width:				196px!important;
}
input[type=submit], input.submit, .pseudoButton{     /* See ie.css */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				1px solid #000!important;
	background:			#4771AD!important;
}
input.submit, input.searchButton, .loginButton1, .loginButton2, #JBcontent input.submit, #JBcontent button, .pseudoButton, .SendMeJobsButton{     /* For backwards compatibility with IE6> */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				0;
	background:			#4771AD!important;
}
a.pseudoButton{ /* See ie.css & ie7.css */
	position:			relative;
	padding:			2px 12px;
	text-decoration:	none!important;
}

#JBcontent.CVresults .buttonLink {
	background:			#4F84B7!important;
	color:				#fff!important;
}
#JBcontent.CVresults .candInfo .icons ul li {
	background:			none;
}


/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
body{ /* 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:				145px;
	width:				100%;
	padding:			0;
}
.SubPage #container{
	padding-top:		170px;
}
#header #logo{
	position:			absolute;
	top:				0;
	left:				0;
}
#header #bannerBAN{
	width:				468px;
	height:				60px;
	position:			absolute;
	top:				26px;
	right:				0;
}
#header p#dateTime{
	position:			absolute;
	top:				2px;
	right:				220px;
}
#header p.panic{
	position:			absolute;
	top:				0;
	right:				0;
}
#header p.panic a{
	padding:			2px 20px;
	color:				#FFF;
	font-weight:		normal;
	text-decoration:	none;
	background:			#828EBB;
	display:			block;
}
#breadcrumbs, .breadcrumbs{
	width:				938px;
	display:			block;
	position:			absolute;
	bottom:				-36px;
	padding:			3px 10px 3px 10px;
	border:				1px solid #cdcdcd;
	background:			#f1f1f1;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	width:				100%;
	background: 		#151618;
	position:			absolute;
	bottom:				0;
	left:				0;
}
#header #mainMenu ul{
	margin:				0 19px;
	background:			url(/images/backgrounds/mainMenu.gif) repeat-x bottom left;
	border:				solid #040404;
	border-width:		0 1px;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu li{
	float:				left;
}
#header #mainMenu li a{
	/*padding:			12px 20px 13px 20px;*/
	padding:			12px 9px 13px 10px;
	color:				#FFF;
	/*font-family:		Impact, Verdana, Helvetica, sans-serif;*/
	font-family:		Verdana, Helvetica, sans-serif;
	font-size:			1.3em;
	/*font-weight:		normal;*/
	text-decoration:	none;
	border-right:		1px solid #080808;
	border-left:		1px solid #44464B;
	display:			block;
}
#header #mainMenu li.fisrtItem a{
	border-left:		0;
}
#header #mainMenu li.lastItem a{
	border-right:		0;
}
#header #mainMenu li a:hover{
	padding-left:		10px;
	padding-right:		11px;
	border:				0;
	background:			#4771AD;
}

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

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

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

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

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

body.twocolR #content, body.twocolR #JBcontent{
	width:				700px;
	margin-left:		0px;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-720px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				460px;
	margin-left:		240px; /* #left (width + lateral padding + lateral borders) */
} 

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main{
	padding:			10px 0;
	text-align:			justify;
	background:			#D9E0EA;
}

/*
===============
=== CONTENT ===
===============
*/
dl#address{
	margin:				10px 0;
}
dl#address dt,
dl#address dd{
	width:				20%;
	float:				left;
}
dl#address dd{
	width:				80%;
}

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


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

==============================================
=== INCLUDES WHEN FEATURED IN THE SIDEBARS ===
==============================================
*/
/* --- Latest Vacancies & Featured Jobs --- */
#left #featured, #right #featured,
#left #latestJobs, #right #latestJobs{
	padding:			10px;
	border:				1px solid #94A6C0;
	background:			#FFF;
}
#left #featured h2 a, #right #featured h2 a,
#left #latestJobs h2 a, #right #latestJobs h2 a{
	font-weight:		normal;
	text-decoration:	none;
}
#left #featured p, #right #featured p,
#left #latestJobs p, #right #latestJobs p{
	margin:				0;
}
#left #featured table, #right #featured table,
#left #latestJobs table, #right #latestJobs table{
	margin:				0!important;
}
#left #featured td.LatestVacanciesCol1, #right #featured  td.LatestVacanciesCol1,
#left #latestJobs  td.LatestVacanciesCol1, #right #latestJobs  td.LatestVacanciesCol1{
	display:			none;
}
#left #featured span, #right #featured span,
#left #latestJobs span, #right #latestJobs span{
	display:			block;
}
#left #featured span.jobs_JobDescription, #right #featured span.jobs_JobDescription,
#left #latestJobs span.jobs_JobDescription, #right #latestJobs span.jobs_JobDescription{
	margin-bottom:		10px;
}
#left #featured span.jobs_JobDescription a, #right #featured span.jobs_JobDescription a,
#left #latestJobs span.jobs_JobDescription a, #right #latestJobs span.jobs_JobDescription a{
	color:				#1E2023;
	font-weight:		normal;
	text-decoration:	none;
}

#left #latestJobs #latestJobs_Container,
#right #latestJobs #latestJobs_Container{
	height:				228px!important;
}

/* --- Featured Companies --- */
#left .featuredEmployersBox,
#right .featuredEmployersBox{
	padding:			10px;
	border:				1px solid #94A6C0;
	background:			#FFF;
}
#left .featuredEmployersBox h2 a,
#right .featuredEmployersBox h2 a{
	font-weight:		normal;
	text-decoration:	none;
}
#left .featuredEmployersBox p,
#right .featuredEmployersBox p{
	margin:				0;
}

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

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

/* --- News --- */

/* --- Quick Search Form --- */
#left #search,
#right #search{
	padding:			10px;
	border:				1px solid #94A6BF;
	background:			url(/images/backgrounds/quick_search.gif) no-repeat top center;
}
#left #search h2,
#right #search h2{
	color:				#1E2023;
}
#left #search p,
#right #search p{
	margin:				0;
}
#left #search dd,
#right #search dd{
	margin-bottom:		5px;
}
#left #search p.QuickSearchHelp, #right #search p.QuickSearchHelp,
#left #search p.KeywordsHelp, #right #search p.KeywordsHelp,
#left #search p.advSearch, #right #search p.advSearch{
	display:			none;
}
#left #search .searchButton,
#right #search .searchButton{
	width:				42px!important;
	height:				41px;
	margin:				5px 0 0 0!important;
	border:				0!important;
	background:			url(/images/backgrounds/submit_go.gif) no-repeat top left!important;
	float:				right;
}
#left #search .searchButton:hover,
#right #search .searchButton:hover{
	background:			url(/images/backgrounds/submit_go2.gif) no-repeat top left!important;
}

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

/* --- Menu (User created menus) --- */ /* For subpages only as homepage has seperate style */
#left .sidebarMenu,
#right .sidebarMenu{
	margin-bottom:		10px;
	padding:			10px;
	border:				1px solid #94A6C0;
	background:			url(/images/backgrounds/sidebar_bg.gif) no-repeat top left;
}
#left .sidebarMenu li,
#right .sidebarMenu li{
	margin-bottom:		10px;
}
#left .sidebarMenu li.sideLast,
#right .sidebarMenu li.sideLast{
	margin-bottom:		0;
}
#left .sidebarMenu li a,
#right .sidebarMenu li a{
	padding:			5px;
	font-weight:		normal;
	text-decoration:	none;
	background:			#D9DCE5;
	display:			block;
}
#left .sidebarMenu li a:hover,
#right .sidebarMenu li a:hover{
	color:				#FFF;
	background:			#4771AD;
}

/*
=========================================================
=== 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 #main{
	padding-top:		0;
}

#homepage #welcome{
	height:				188px;
	margin-bottom:		10px;
	background:			url(/images/backgrounds/welcome.jpg) no-repeat top left;
	position:			relative;
}
#homepage #welcome h1{
	width:				681px;
	padding:			24px 10px;
	color:				#FFF;
	font-size:			1.5em;
	position:			absolute;
	top:				37px;
	left:				42px;
}
#homepage #welcome .twitter-follow-button {
	position:			absolute;
	right:				452px;
	bottom:				49px;
	width:				168px!important;
	padding:			4px 10px 3px;
	background-color:	#D9DCE5;
	border:				1px solid #94A6C0;
	-webkit-border-radius: 5px;
	-moz-border-radius:	5px;
	border-radius:		5px;
}
#homepage #welcome #blog {
	position:			absolute;
	right:				244px;
	bottom:				49px;
	padding:			5px 10px;
	background-color:	#D9DCE5;
	color:				#0F1C52;
	border:				1px solid #94A6C0;
	text-decoration:	none;
	font-weight:		normal;
	-webkit-border-radius: 5px;
	-moz-border-radius:	5px;
	border-radius:		5px;	
}
#homepage #welcome #blog:hover {
	background-color:	#ced1d9;
	border-color:		#899bb3;	
}

#homepage #content .section{
	height:				105px;
	margin-bottom:		5px;
	padding:			5px 10px 10px;
	border:				1px solid #9EAEC6;
	background:			#FFF;
}
#homepage #content .section p{
	margin:				5px 100px 0 0;
	text-align:			left;
}
#homepage #content #submitCV.section{
	height:				65px;
	margin-bottom:		0;
	padding:			35px 10px;
	background:			url(/images/backgrounds/submit_cv.gif) no-repeat top right #FFF;
}
#homepage #content #submitCV.section h2{
	margin:				0!important;
}
#homepage #content #submitCV.section p{
	margin:				0;
}
#homepage #content #legal.section{
	background:			url(/images/backgrounds/legal.gif) no-repeat top right #FFF;
}
#homepage #content #sec.section{
	background:			url(/images/backgrounds/sec.gif) no-repeat top right #FFF;
}
#homepage #content #finance.section{
	background:			url(/images/backgrounds/finance.gif) no-repeat top right #FFF;
}
#homepage #content #mergers.section{
	background:			url(/images/backgrounds/mergers.gif) no-repeat top right #FFF;
}
#homepage #content #exec.section{
	background:			url(/images/backgrounds/exec.gif) no-repeat top right #FFF;
}
#homepage #content #finance.section a, #homepage #content #mergers.section a {
  margin-top: 5px;
}

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

/* ===== Intro Pages ===== */
/* --- Twitter Buttons --- */
.IntroPages #content {
	position:			relative;
}
.IntroPages #twitterbutton {
	position:			absolute;
	top:				14px;
	left:				158px
}
.IntroPages #twitterbutton div {
	display:			none;
}
.IntroPages #content.dmjlegal #twitterbutton .legal {
	display:			block!important;
}
.IntroPages #content.dmjfinance #twitterbutton .finance {
	display:			block!important;
}
.IntroPages #content.dmjcosec #twitterbutton .cosec {
	display:			block!important;
    margin-left:		140px;
}

/* 		Not needed?
.SubPage .twitter-follow-button {
	padding:			4px 5px 3px;
}

/* --- Network Event News Article --- */
ul#networkevent {
	margin:				0;
	padding:			0;
}
ul#networkevent li {
	float:				left;
	display:			inline;
	list-style-type:	none;
	margin:				2px;
	background-image:	none;
	padding:			0;
}

/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/
#popup #popupHeader{
	width:				100%;
	height:				85px;
	padding:			0 5px;
	border-bottom:		5px solid #4771AD;
	background:			#FFF;
}
#popup #popupHeader .popupLogo{ /* [TEMP] */
	width:				250px;
	height:				85px;
	background:			url(/images/email/email_logo.gif) no-repeat top;
}
#popup #popupFooter{
	border-top:			5px solid #4771AD;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	color:				#151618;
	font-size:			0.9em;
	background:			url(/images/logo_small.gif) no-repeat bottom right;
}
#footer li{
	margin-right:		5px;
	float:				left;
}
#footer p{
	margin:				0;
	padding:			5px 0;
}
#footer a{
	color:				#151618;
	font-weight:		normal;
	text-decoration:	none;
}
#footer a:hover{
	text-decoration:	underline;
}

/* --- Main Menu --- */
#footer ul.menu{
	background:			#151618;
}
#footer ul.menu li{
	margin:				0;
}
#footer ul.menu li a{
	padding:			12px 20px;
	color:				#FFF;
	font-size:			1.1em;
	font-weight:		normal;
	text-decoration:	none;
	display:			block;
}
#footer ul.menu li.firstItem a{
	padding-left:		40px;
}
#footer ul.menu li a:hover{
	text-decoration:	underline;
}

.jobboardFooterInc {
	margin:				0 0 5px;
}
.jobboardFooterInc li {
	padding:			0 5px 0 0;
	border-right:		1px solid #151618;
}
.jobboardFooterInc li.CompatabilityTest {
	border-right-width:	0;
}

/* --- */
#footer .CMSlogout{
	position:			absolute;
	bottom:				6px;
	right:				12px;
}
#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 =======================================================
===================================================================================
*/
/* --- Job Search --- */
#JBcontent.searchCrit form.twocol td{
	width:				231px;
}
#JBcontent.jobApply form.onewidecol{
	width:				468px!important;
}
/* --- Job Browser Nav --- */
#jobBrowseContainer .tabNav li{
	width:				50%;
	float:				left;
}
#jobBrowseContainer .tabNav li a{
	padding:			10px 0;
	color:				#FFF;
	text-align:			center;
	background:			#151618;
	display:			block;
}
#jobBrowseContainer .tabNav li.selectedTab a{
	text-decoration:	none;
}
#jobBrowseContainer .tabNav li.unselectedTab a{
	color:				#151618;
	background:			#94A6C0;
}

/* --- Job Browser Results --- */
#jobBrowseContainer #jobBrowserResults{
	padding:			10px;
	border:				1px solid #151618;
	background:			#FFF;
}
#jobBrowseContainer #jobBrowserResults h2{
	display:			none;
}
#jobBrowseContainer #jobBrowserResults a{
	font-size:			0.9em;
}
#jobBrowseContainer #jobBrowserResults a em{
	font-style:			normal;
}
#jobBrowseContainer #jobBrowserResults .JobBrowseLinks{
	margin-bottom:		10px;
}
#jobBrowseContainer #jobBrowserResults #ExperienceBrowseLinks.JobBrowseLinks{
	margin-bottom:		0;
}
#jobBrowseContainer #jobBrowserResults .JobBrowseLinks h3{
	margin-bottom:		5px;
}

/* --- Current Search --- */
#jobBrowseContainer #CurrentSearch{
	margin-bottom:		10px;
	padding:			5px;
	border:				1px solid #151618;
}
#jobBrowseContainer #CurrentSearch h2{
	margin:				0 0 5px 0;
	font-size:			1.3em!important;
	display:			block;
}
#jobBrowseContainer #CurrentSearch p{
	margin:				5px 0 0 0;
	padding-top:		5px;
	border-top:			1px solid #151618;
}
#jobBrowseContainer #CurrentSearch p a{
	font-size:			0.9em;
}
#jobBrowseContainer #CurrentSearch li{
	margin-bottom:		5px;
}
#jobBrowseContainer #CurrentSearch li a{
	font-size:			0.9em;
	display:			block;
}

/* --- Search --- */
#jobBrowseContainer #search{
	border:				1px solid #151618;
	background:			#FFF;
}
#jobBrowseContainer #search h2{
	display:			none;
}

/* --- Action Buttons --- */
#JBcontent.jobView div.jobViewActions .buttonLink,
#JBcontent.jobResults div.resultsActions .buttonLink{
	color:				#4771AD!important;
	border:				1px solid #4771AD!important;
	background:			#FFF!important;
}
#JBcontent.jobView div.jobViewActions .buttonLink:hover,
#JBcontent.jobResults div.resultsActions .buttonLink:hover{
	color:				#FFF!important;
	background:			#4771AD!important;
}
#JBcontent.jobView div.jobViewActions .ApplyNow:hover{
	border-color:		#151618!important;
	background:			#151618!important;
}

/* --- Job Results --- */
#JBcontent.jobResults .jobInfo{
	padding:			0;
	border:				1px solid #4771AD;
}
#JBcontent.jobResults .jobInfo h2{
	padding:			5px 5px 5px 25px;
	border-bottom:		1px solid #4771AD;
	background-color:	#D9DCE5;
}
#JBcontent.jobResults .featuredJob h2{
	padding-left:		40px;
	background-position:21px 4px;
}
#JBcontent.jobResults input.checkBox{
	top:				6px!important;
}
#JBcontent.jobResults ul.jobDetails{
	padding:			0 10px!important;
}
#JBcontent.jobResults ul.jobDetails li{
	height:				1.5em;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo p{
	margin:				0!important;
	padding:			5px 10px!important;
}

/* --- Financial Survey --- */
.SubPage .fss td {
	padding:			0 10px;
	font-size:			0.8em;
}
.SubPage .fss th {
  text-align: left;
}


/* --- Job Survey --- */
.tblJobSurvey {
	margin:				0 0 10px 8px;
	padding:			12px 25px 15px 15px;
	width:				320px;
	background:			url("/images/backgrounds/frmJobSurvey.jpg") bottom left no-repeat;
	border:				1px solid #94A6BF;
}


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