/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/
/*
@import url(/css/undohtml.css);
@import url(/jobboard/css/main.css);
*/
/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	padding:			0;
	font:				75%/150% Verdana, Helvetica, sans-serif;
	color:				#3C3C3C;
	text-align:			center;
	background:			#FFF;
}
#container{
	position:			relative;
	width:				990px;
	margin:				0 auto;
	padding:			149px 0 0 0;
	text-align:			left;
	background:			#E2E2E2;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3{
	clear:				both;
	margin:				0 0 0.5em 0;
	color:				#004463;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
}
h1{
	font:				bold 1.8em "Arial Rounded MT Bold", "Arial Rounded", Helvetica, sans-serif;
}
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:				#004463;
	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 ===
=============
*/
#left input.text,
#right input.text{
	width:				94%;
}
#left select,
#right select{
	width:				100%;
}

/*
==========================================
=== 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:				149px;
	width:				100%;
	padding:			0;
	background:			url(/images/backgrounds/header.gif) #FFFFFF top right repeat-y;
}
.SubPage #container{
	padding-top:		185px;
}
#header #logo{
	position:			absolute;
	top:				16px;
	left:				16px;
}
#header .info2{
	text-align:			right;
	position:			absolute;
	top:				26px;
	right:				25px;
}
#header .info2 h2,
#header .info2 h3{
	margin:				0;
	color:				#FFF;
	font-size:			2em;
	font-weight:		normal;
}
#header .info2 h3{
	font-size:			1.8em;
}
#header #tagLine{
	margin:				0;
	position:			absolute;
	font-size:			0.9em;
	top:				120px;
	right:				20px;
}

#header #mara {
	position:			absolute;
	top:				25px;
	right:				200px;
	width:				468px;
	height:				60px;
}

#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-45px;
	left:				9px;
	width:				950px;
	height:				16px;
	overflow:			hidden;
	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.) */
	position:			absolute;
	bottom:				0;
	left:				0;
	height: 			40px;
	width:				990px;
	overflow:			hidden;
	background: 		url(/images/backgrounds/navBG.gif);
}
#header #mainMenu ul#topmenu{
	overflow:			hidden;
	background: 		url(/images/backgrounds/navDiv.gif) bottom left no-repeat;
	height:				40px;
	padding:			0 0 0 1px;
	margin:				0 0 0 11px;
}
#header #mainMenu em{
	font-style:			normal;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
	background:			url(/images/backgrounds/navDiv.gif) bottom right no-repeat;
	height:				40px;
}
#header #mainMenu ul#topmenu a{
	position:			relative;
	padding:			0 12px;
	font-size:			0.9em;
	font-weight:		bold;
	text-decoration:	none;
	line-height:		40px;
	display:			block;
	color:				#0F2231;
}

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

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

/*
=======================
=== 1 COLUMN LAYOUT ===
=======================
*/
body.onecol #content, body.onecol #JBcontent{
	padding:			10px;
	width:				930px; /* TOTAL = 960px */
	margin:				0 20px;
}
body#homepage #content{
	background:			url(/images/backgrounds/onecol_content.gif) no-repeat top left #FFF;
}

/*
======================================
=== 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:				770px;
	margin-left:		0px;
}

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

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main{
	padding:			10px 0 0;
}

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


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


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

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

/* --- Latest Vacancies & Featured Jobs --- */
#left #latestJobs,
#right #latestJobs{
	padding:			5px;
	border:				1px solid #CDCDCD;
	background:			#F1F1F1;
}
#left #latestJobs h2 a,
#right #latestJobs h2 a{
	text-decoration:	none;
}
#left #latestJobs #latestJobs_Container, 
#right #latestJobs #latestJobs_Container{
	height:				200px!important;
}
#left #latestJobs table,
#right #latestJobs table{
	margin:				0!important;
}
#left #latestJobs .LVcol2, 
#right #latestJobs .LVcol2{
	margin-bottom:		5px;
}
#left #latestJobs span.jobs_JobTitle,
#right #latestJobs span.jobs_JobTitle{
	display:			block;
}
#left #latestJobs p,
#right #latestJobs p{
	margin:				0;
}

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

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

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

/* --- News --- */

/* --- Quick Search Form --- */
#left #search,
#right #search{
	padding:			5px;
	border:				1px solid #CDCDCD;
	background:			#F1F1F1;
}
#left #search dd,
#right #search dd{
	margin-bottom:		5px;
}
#left #search p,
#right #search p{
	margin:				0;
}
#left #search p.KeywordsHelp,
#right #search p.KeywordsHelp{
	display:			none;
}
#left #search .searchButton,
#right #search .searchButton{
	width:				115px;
	height:				31px;
	background:			url(/images/backgrounds/subQuickSearchBtn.gif) no-repeat top left;
}

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

/* --- Menu (User created menus) --- */
#left .sidebarMenu,
#right .sidebarMenu{
	padding:			5px;
	border:				1px solid #CDCDCD;
	background:			#F1F1F1;
}
#left .sidebarMenu li,
#right .sidebarMenu li{
	margin:				5px 0;
	display:			block;
}
#left .sidebarMenu li.sideLast,
#right .sidebarMenu li.sideLast{
	margin-bottom:		0;
}
#left .sidebarMenu li a,
#right .sidebarMenu li a{
	padding:			5px;
	color:				#FFF;
	text-decoration:	none;
	background:			#004463;
	display:			block;
}
#left .sidebarMenu li a:hover,
#right .sidebarMenu li a:hover{
	background:			#081621;
}

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

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

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

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

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

/* --- News --- */

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

#JBcontent.jobResults .featuredJob h2 {
	background:			#004469;
}
#JBcontent.jobResults .featuredJob {
	border-color:		#004469;
}
#JBcontent.jobResults .featuredJob a.detailsApply {
	background-color:	#004469;
}
#JBcontent.jobResults .featuredJob a.detailsApply:hover {
	background-color:	#527D9A;
}

/* --- Job Browser Tab Nav --- */

#jobBrowseContainer {
	background:			none;
	font-size:			0.9em;
	color:				#fff;
}
#jobBrowseContainer form {
	padding:			3px 10px;
}
#jobBrowseContainer select {
	padding:			3px!important;
}
#jobBrowseContainer input[type="text"] {
	width:160px;
}
#jobBrowseContainer input[type="submit"] {
	margin-bottom:		8px;
}
#jobBrowseContainer ul.tabNav{
	position:			relative;
	margin:				0;
	z-index:			2;
	zoom:				1;
}
#jobBrowseContainer ul.tabNav li{
	float:				left;
	width:				100px;
	margin:				0;
}
#jobBrowseContainer ul.tabNav li.tabTwo{
	margin-right:		0;
}
#jobBrowseContainer ul.tabNav li a{
	display:			block;
	padding:			7px 0;
	font:				bold 1.3em Arial, Helvetica, sans-serif;
	text-decoration:	none;
	text-align:			center;
	color:				#fff;
}
#jobBrowseContainer ul.tabNav li.selectedTab {
	background:			#527D9A;
	color:				#FFF;
}
#jobBrowseContainer ul.tabNav li.unselectedTab {
	background:			#004463;
	color:				#FFFFFF;
}
#jobBrowseContainer ul.tabNav li.unselectedTab a {
	color:				#FFFFFF;
}

/* --- Current Search --- */
#jobBrowseContainer #CurrentSearch{
	margin:				10px;
	padding:			10px 7px;
	color:				#000000;
	border:				2px solid #000;
	background:			#FFFFFF;
}
#jobBrowseContainer #CurrentSearch h2{
	padding:			0;
	color:				#0062b3;
	font-size:			1.3em;
}
#jobBrowseContainer #CurrentSearch a{
	text-decoration:	underline;
	color:				#000000;
}
#jobBrowseContainer #CurrentSearch li{
	font-size:			1.1em;
}
#jobBrowseContainer #CurrentSearch li a{
	display:			block;
	margin:				-3px 0 0;
	font-size:			0.8em;
	text-decoration:	underline;
	color:				#000;
}
#jobBrowseContainer #CurrentSearch p{
	margin:				10px 0 0;
}

/* --- Job Browser Search --- */
#jobBrowseContainer #search{
	padding:			10px 0 0;
}
#jobBrowseContainer #search h2{
	display:none;
}
#jobBrowseContainer .searchButton {
	background-color:#000;
}
/* --- Job Browser Results --- */
#jobBrowseContainer #jobBrowserResults{
	min-height:			200px;
	margin:				0;
	padding:			2px 0 0;
	color:				#FFF;
	background:			#527D9A;
	zoom:				1;
	clear:				both;
}
#jobBrowseContainer #jobBrowserResults h2{
	display:			none;
}
#jobBrowserResults h2,
#jobBrowserResults h3{
	margin:				0 10px 7px;
	text-transform:		capitalize;
	color:				#fff;
}
#jobBrowserResults a{
	display:			block;
	position:			relative;
	margin:				0 2px 0;
	padding:			1px 0;
	font-weight:		normal;
	font-size:			1.1em;
	text-decoration:	none;
	color:				#fff;
}
#jobBrowserResults .JobBrowseLinks{
	margin:				10px 0 0;
	padding:			5px 10px 15px;
	border-bottom:		1px solid #FFF;
}
#jobBrowserResults .JobBrowseLinks li em{
	font-style:			normal;
	font-weight:		bold;
	color:				#FFFFFF;
}
#jobBrowseContainer #JobBrowserFilter div{
	padding:			0 0 10px;
	border-bottom:		1px solid #FFF;
}
#jobBrowseContainer #JobBrowserFilter ul{
	padding:			0 10px;
}
#jobBrowseContainer #JobBrowserFilter .moreJobOptions{
	margin:				0 10px;
	font-weight:		bold;
	cursor:				pointer;
}
#content .incBlock, #JBcontent .incBlock, #left .incBlock, #right .incBlock {
	border-color:		#527D9A;
}
#left .incBlock {
	background-color:	#527D9A;
}
#left #search #locallabelPostedDate, #left #search #locallstPostedDate {
	display:			none;
}
#left #search form dd select {
	width:				178px!important;
	padding:			3px;
}
#left #search form dd input[type="text"] {
	width:				170px!important;
	padding:			3px;
}



#JBcontent .numResults {
	border-color:#3C3C3C;
}	

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

/*
===================================================================================
=== HOMEPAGE ======================================================================
===================================================================================
*/
#contentScroller{
	height:				170px;
	background:			#000;
	position:			relative;
}
#contentScroller .corner{
	position:			absolute;
	top:				0;
	right:				0;
}
#contentScroller h1,
#contentScroller h2{
	width:				450px;
	padding:			5px 10px;
	color:				#FFF;
	font-weight:		normal;
	text-align:			justify;
	background:			#102A3B;
	position:			absolute;
	top:				15px;
	right:				50px;
}
#contentScroller h2{
	font-size:			1em;
	top:				115px;
}
#homepage #contentScroller .content{
	width:				100%;
	height:				100%;
	background:			#000;
	position:			relative;
	overflow:			hidden;
}
#homepage #contentScroller .content div.current,
#homepage #contentScroller .content div.new{
	width:				100%;
	height:				100%;
	position:			absolute;
}
#homepage #contentScroller .content div#Slide1{
	background:			url(/images/slides/1.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide2{
	background:			url(/images/slides/2.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide3{
	background:			url(/images/slides/3.jpg) no-repeat top left;
}
#homepage #contentScroller .content div#Slide4{
	background:			url(/images/slides/4.jpg) no-repeat top left;
}

#homeContent{
	width:				950px;
	margin:				0 auto 10px;
	background:			url(/images/backgrounds/home_content.gif) no-repeat bottom left #0A1A26;
}

#homeContent #search{
	width:				445px;
	padding:			0 30px;
	float:				left;
}
#homeContent #search h2{
	margin-top:			-30px;
	color:				#FFF;
}
#homeContent #search label{
	color:				#FFF;
}
#homeContent #search dt,
#homeContent #search dd{
	margin-right:		5px;
	float:				left;
}
#homeContent #search dd{
	margin:				20px 10px 5px -55px;
}
#homeContent #search dt#DTKeywords{
	clear:				both;
}
#homeContent #search dd#DDIndustry{
	margin-left:		-115px;
}
#homeContent #search dd#DDKeywords{
	margin-left:		-75px;
}
#homeContent #search .searchButton{
	width:				115px;
	height:				31px;
	margin:				-33px 0 0 221px;
	background:			url(/images/backgrounds/homeQuickSearchBtn.gif) no-repeat top left;
	position:			relative;
	float:				left;
}
#homeContent #search .advSearch a{
	margin:				-25px -15px 0 0;
	color:				#FFF;
	font-size:			0.9em;
	float:				right;
}
#homeContent #search p{
	margin:				0;
}
#homeContent #search .QuickSearchHelp,
#homeContent #search .KeywordsHelp{
	display:			none;
}

#homeContent .homeContentSub{
	width:				130px;
	padding:			5px 9px;
	color:				#FFF;
	background:			url(/images/backgrounds/homeContentSub.gif) no-repeat top right;
	float:				left;
}
#homeContent .lastItem{
	background:			transparent;
}
#homeContent .homeContentSub h2{
	font-size:			1.3em;
	font-weight:		normal;
	color:				#FFF;
}
#homeContent .homeContentSub p{
	margin:				0 0 5px;
	font-size:			0.8em;
}
#homeContent .homeContentSub p a{
	width:				97px;
	margin:				0 auto;
	padding:			4px 0;
	color:				#FFF;
	text-align:			center;
	text-decoration:	none;
	background:			url(/images/backgrounds/homeContentClickHere.gif) no-repeat top left;
	display:			block;
}

#homepage #SpecialistDivisions{
	width:				260px;
	height:				175px;
	float: 				left;
}
#homepage #SpecialistDivisions h2{
	color:				#102A3B;
	font-size:			1.5em;
	font-weight:		normal;
}
#homepage #SpecialistDivisions ul{
	margin:				0 10px 0 0;
}
#homepage #SpecialistDivisions ul li{
	margin:				0 0 14px;
	padding:			0;
	background:			transparent;
}
#homepage #SpecialistDivisions ul li a{
	padding:			10px;
	font-size:			0.9em;
	font-weight:		normal;
	color:				#FFF;
	background:			#0A1A26;
	display:			block;
}
#homepage #SpecialistDivisions ul li a:hover{
	color:				#0A1A26;
	background:			#C2D2DC;
}

#homepage #featuredJobs{
	width:				400px;
	height:				175px;
	margin-left:		10px;
	float:				left;
	position:			relative;
}
#homepage #featuredJobs h2{
	padding-bottom:		8px;
	font-size:			1.5em;
	border-bottom:		1px solid #DDDDDD;
}
#homepage #featuredJobs h2 a{
	color:				#102A3B;
	font-weight:		normal;
	text-decoration:	none;
}
#homepage #featuredJobs #featuredJobs_Container{
	height:				133px!important;
}
#homepage #featuredJobs table{
	width:				400px;
	margin:				0!important;
}
#homepage #featuredJobs table td{
	width:				100%;
}
#homepage #featuredJobs .LVcol2{
	margin-bottom:		10px;
	padding:			10px;
	background:			#C2D2DC;
}
#homepage #featuredJobs span,
#homepage #featuredJobs span strong{
	color:				#000;
	font-weight:		normal;
}
#homepage #featuredJobs span a{
	color:				#000;
	text-decoration:	none;
}
#homepage #featuredJobs #featuredJobsAll{
	display:			none;
}

#homepage #social{
	width:				250px;
	margin-left:		10px;
	float:				left;
}
#homepage #social ul{
	margin:				0;
}
#homepage #social li{
	width:				50%;
	margin:				12px 0;
	padding:			0;
	text-align:			center;
	background:			transparent;
	float:				left;
}

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

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	clear:				both;
	color:				#A5A5A5;
	font-size:			0.9em;
	padding:			0 20px 0;
}
.SubPage #footer{
	padding:			5px;
}
#footer .address{
	position:			relative;
	margin-bottom:		5px;
	padding:			8px 20px 9px;
	background:			url(/images/backgrounds/footer.gif) no-repeat bottom left;
}
.SubPage #footer .address{
	padding:			8px 20px;
	background:			url(/images/backgrounds/footer_sub.gif) repeat-x bottom left;
}
#footer .address a img{
	margin-bottom:		-2px;
	display:			inline-block;
}
#footer .address span{
	margin-left:		20px;
}
#footer .address #socialButtons {
	position:			absolute;
	top:				5px;
	right:				40px;
	float:				left;
}
#footer .address #socialButtons a {
	padding:			0 4px;
}
#footer li{
	float:				left;
	margin:				0!important;
	padding:			0 5px;
	border-right:		1px solid #A5A5A5;
}
#footer li.lastItem{
	border:				none;
}
#footer p{
	margin:				0 0 2px;
	float:				right;
	clear:				right;
}
#footer p.copy, #footer p.addThis{
	float:				left;
	clear:				left;
}
#footer a{
	color:				#A5A5A5;
	font-weight:		normal;
	text-decoration:	none;
}
.jobboardFooterInc {
	float:				right;
}

/* --- */
#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 =======================================================
===================================================================================
*/
/* --- Override Generic Form Styling --- */
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 {
	background-image:	none!important;
	background:			#FFFFFF!important;
	border-color:		#B1B1B1;
}

#JBcontent.jobView .jobInfo {
	position:			relative;
}
#JBcontent.jobView .jobInfo div {
	position:			absolute;
	top:				20px;
	right:				15px;
}
#JBcontent.jobView .jobInfo dt#DTPosted, #JBcontent.jobView .jobInfo dd#DDPosted {
	display:			none;
}


.bio {
	position:			relative;
	padding:			0 10px 30px 155px;
	min-height:			194px;
}
.bio img.profile {
	position:			absolute;
	top:				0;
	left:				0;
	padding:			10px;
    border:				1px solid #CDCDCD;
	background:			#F1F1F1;
}
.bio a.linkedin {
	position:			absolute;
	top:				0;
	right:				0;
}

#rba-banner {
	position:			absolute;
	top:				8px;
	right:				195px;
}