/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	padding:			0;
	font:				75%/150% "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color:				#3C434C;
	text-align:			center;
	background:			#FFF;
}
#container{
	position:			relative;
	width:				1130px;
	margin:				0 auto;
	padding:			160px 0 0 0;
	text-align:			left;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3{
	clear:				both;
	margin:				0 0 0.5em 0;
	font:				bold 1.1em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
h1{
	font-size:			1.8em;
}
.SubPage h1{
	color:				#5e3b8d;
	font-size:			1.6em;
}
h2, .pseudoH2{     
	font-size:			1.4em;
	display:			block;
}
h3, .pseudoH3{
	margin:				0 0 0.1em 0;
	font-size:			1.2em;
	display:			block;
}
p, .pseudoP{
	margin:				0 0 1em 0;
}
a{     
	color:				#5E3B8D;
	font-weight:		bold;
}
.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 ===
=============
*/
input, select, textarea{
	font:				1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*
==========================================
=== 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;
}
ul.bullets:after, ol.bullets:after{
	clear:				none;
}
div, ul, ol, dl{
	zoom:				1;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{     
	height:				160px;
	width:				100%;
	padding:			0;
	position:			absolute;
	top:				0;
}
.SubPage #container{
	padding-top:		196px;
}
.RecordSteps #container,
.RecruiterPages #container{
	padding-top:		160px;
}
#header #logo{
	position:			absolute;
	top:				30px;
	left:				0;
}
#header #social{
	position:			absolute;
	top:				37px;
	right:				0;
}
#header #social li{
	float:				left;
}
#header #bannerBAN{
	position:			absolute;
	top:				37px;
	right:				0;
}
#header #loginBoxes .tabNav{
	border-bottom:		2px solid #7FC34E;
	background:			url(/images/backgrounds/login_box_nav.png) no-repeat bottom left;
	position:			absolute;
	bottom:				0;
	right:				148px;
	z-index:			1;
}
#header #loginBoxes .tabNav li{
	float:				left;
}
#header #loginBoxes .tabNav li a{
	width:				125px;
	margin-right:		3px;
	padding:			6px 0;
	color:				#FFF;
	text-align:			center;
	text-transform:		uppercase;
	display:			block;
}
#header #loginBoxes .tabNav li.client a{
	width:				98px;
	padding:			6px 0;
	margin:				0;
}
#header #loginBoxes .candLogin{
	width:				210px;
	padding:			10px 8px;
	background:			#7FC34E;
	position:			absolute;
	bottom:				-122px;
	right:				148px;
	z-index:			1;
}
#header #loginBoxes .candLogin #jobseekersLoginInc{
	margin:				0!important;
}
#header #loginBoxes .candLogin h2,
#header #loginBoxes .candLogin .CustomJobseekerMenuTXT{
	display:			none;
}
#header #loginBoxes .candLogin p{
	margin:				0;
}
#header #loginBoxes .candLogin dl dt,
#header #loginBoxes .candLogin dl dd{
	width:				70%;
	margin-bottom:		0.5em;
	float:				left;
}
#header #loginBoxes .candLogin dl dt{
	width:				30%;
	text-align:			right;
	clear:				both;
}
#header #loginBoxes .candLogin label{
	padding:			5px;
	color:				#FFF;
	display:			block;
}
#header #loginBoxes .candLogin input.text{
	width:				137px;
}
#header #loginBoxes .candLogin .loginButton1{
	float:				right;
}
#header #loginBoxes .candLogin .lostLogin{
	padding:			8px 0;
}
#header #loginBoxes .candLogin .lostLogin a{
	color:				#FFF;
	font-weight:		normal;
	text-decoration:	underline;
}
#breadcrumbs, .breadcrumbs{
	display:			block;
	position:			absolute;
	bottom:				-48px;
	width:				968px;
	overflow:			hidden;
	padding:			3px 10px 3px 10px;
	border:				1px solid #cdcdcd;
	background:			#f1f1f1;
}
.RecordSteps #breadcrumbs, .RecordSteps .breadcrumbs,
.RecruiterPages #breadcrumbs, .RecruiterPages .breadcrumbs{
	display:			none;
}

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

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */			
	width:				100%;
	background: 		transparent;
	position:			absolute;
	bottom:				0;
	left:				0;
}
#header #mainMenu ul#topmenu{				
	width:				auto;
	overflow:			hidden;
	background: 		transparent;
}
#header #mainMenu em{
	font-style:			normal;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
}

#header #mainMenu ul#topmenu a{
	padding: 			5px 10px;
	color:				#7B7C7F;
	font:				bold 1em Arial, Helvetica, sans-serif;
	text-transform:		lowercase;
	background:			url(/images/backgrounds/mm_main.png) repeat-x -10px 0 #FAFAFA;
	position:			relative;
	display:			block;
}
#header #mainMenu ul#topmenu li.firstItem a{
	background-position:0 0;
}
#header #mainMenu ul#topmenu li#mJoinNow a,
#header #mainMenu ul#topmenu li#mVideoLibrary a{
	padding: 			6px 10px;
	font-size:			0.8em;
	font-weight:		normal;
	text-transform:		uppercase;
}
#header #mainMenu ul#topmenu li#mJoinNow a{
	color:				#FFF;
	background-position:-10px -60px;
	background-color:	#649A42;
}
#header #mainMenu ul#topmenu li#mVideoLibrary a,
#header #mainMenu ul#topmenu a.starter:hover{
	color:				#FFF;
	background-position:-10px -30px;
	background-color:	#938AC7;
}
#header #mainMenu ul#topmenu li.firstItem a:hover{
	background-position:0 -30px;
}

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

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

/*
=======================
=== 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:		-1000px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ie.css */
	width:				760px;
	margin-left:		210px; /* #left (width + lateral padding + lateral borders) */
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				780px;
	margin-left:		0px;
}

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

body#homepage.threecol #left,
body.RecordSteps #left,
body.RecruiterPages #left{
	width:				235px;
	margin-left:		-720px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body#homepage.threecol #right,
body.RecordSteps #right,
body.RecruiterPages #right{
	width:				270px;
}
body#homepage.threecol #content,
body.RecordSteps #content,
body.RecruiterPages #content{
	width:				465px;
	margin-left:		245px; /* #left (width + lateral padding + lateral borders) */
	padding:			0;
}

body.RecordSteps #content,
body.RecruiterPages #content{
	width:				445px;
	padding:			10px;
}

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main{
	margin:				10px 0;
}
#bannerAdvertsSKY{
	position:			absolute;
	top:				170px;
	right:				0;
}

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


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


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

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

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

/* --- Featured Companies --- */
#left .featuredEmployersBox,
#right .featuredEmployersBox{
	padding:			10px;
	border:				1px solid #E0E0E0;
}
#left .featuredEmployersBox h2,
#right .featuredEmployersBox h2{
	text-align:			center;
}
#left .featuredEmployersBox h2 a,
#right .featuredEmployersBox h2 a{
	color:				#000;
}
#left .featuredEmployersBox li,
#right .featuredEmployersBox li{
	text-align:			center;
}
#left .featuredEmployersBox li a,
#right .featuredEmployersBox li a{
	display:			block;
}
#left .featuredEmployersBox .LinkToClientList,
#right .featuredEmployersBox .LinkToClientList{
	display:			none;
}

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

/* --- Recruiter Login & Jobseeker Login --- */
#left #recruiterLoginInc, #right #recruiterLoginInc,
#left #jobseekersLoginInc, #right #jobseekersLoginInc{
	padding:			10px;
	border:				1px solid #E0E0E0;
}
#left #recruiterLoginInc h2, #right #recruiterLoginInc h2,
#left #jobseekersLoginInc h2, #right #jobseekersLoginInc h2{

}
#left #recruiterLoginInc p, #right #recruiterLoginInc p,
#left #jobseekersLoginInc p, #right #jobseekersLoginInc p{
	margin:				0;
}
#left #recruiterLoginInc label, #right #recruiterLoginInc label,
#left #jobseekersLoginInc label, #right #jobseekersLoginInc label{
	font-weight:		normal;
}
#left #recruiterLoginInc dd, #right #recruiterLoginInc dd,
#left #jobseekersLoginInc dd, #right #jobseekersLoginInc dd{
	margin-bottom:		5px;
}
#left #recruiterLoginInc dd input, #right #recruiterLoginInc dd input,
#left #jobseekersLoginInc dd input, #right #jobseekersLoginInc dd input{
	width:				96%;
}
#left #recruiterLoginInc .loginButton1, #right #recruiterLoginInc .loginButton1,
#left #jobseekersLoginInc .loginButton1, #right #jobseekersLoginInc .loginButton1{
	float:				left;
}
#left #recruiterLoginInc .lostLogin, #right #recruiterLoginInc .lostLogin,
#left #jobseekersLoginInc .lostLogin, #right #jobseekersLoginInc .lostLogin{
	padding:			8px 0;
	text-align:			right;
}
#left #recruiterLoginInc .lostLogin a, #right #recruiterLoginInc .lostLogin a,
#left #jobseekersLoginInc .lostLogin a, #right #jobseekersLoginInc .lostLogin a{
	color:				#000;
	font-weight:		normal;
}
#left #recruiterLoginInc .ClientHome, #right #recruiterLoginInc .ClientHome,
#left #jobseekersLoginInc .CustomJobseekerMenuTXT, #right #jobseekersLoginInc .CustomJobseekerMenuTXT{
	display:			none;
}

/* --- News --- */

/* --- Quick Search Form --- */
#left #search,
#right #search{
	padding:			15px;
	background:			#7FC34E;
}
#left #search h2,
#right #search h2{
	color:				#FFF;
}
#left #search p,
#right #search p{
	margin:				0;
}
#left #search label,
#right #search label{
	color:				#FFF;
	font-weight:		normal;
}
#left #search dd,
#right #search dd{
	margin-bottom:		0.5em;
}
#left #search dd input,
#right #search dd input{
	width:				94%;
}
#left #search dd select,
#right #search dd select{
	width:				100%;
}
#left #search .searchButton,
#right #search .searchButton{
	float:				left;
}
#left #search .advSearch,
#right #search .advSearch{
	padding:			8px 0;
	text-align:			right;
}
#left #search .advSearch a,
#right #search .advSearch a{
	color:				#FFF;
	font-weight:		normal;
	text-transform:		lowercase;
}
#left #search .QuickSearchHelp, #right #search .QuickSearchHelp,
#left #search .KeywordsHelp, #right #search .KeywordsHelp{
	display:			none;
}

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

/* --- Menu (User created menus) --- */
#left .sidebarMenu,
#right .sidebarMenu{
	margin-bottom:		10px;
	padding:			10px;
	border:				1px solid #E0E0E0;
}
#left .sidebarMenu h2,
#right .sidebarMenu h2{
	color:				#8A8B8E;
	font-size:			1.2em;
}
#left .sidebarMenu li a,
#right .sidebarMenu li a{
	margin-bottom:		5px;
	padding:			2px 10px;
	background:			#F0F0F0;
	display:			block;
}
#left .sidebarMenu li.sideLast a,
#right .sidebarMenu li.sideLast a{
	margin-bottom:		0;
}
#left .sidebarMenu li a:hover,
#right .sidebarMenu li a:hover{
	background:			#E0E0E0;
}

/* --- Steps To Shine --- */
#left #stepsShine,
#right #stepsShine{
	margin-bottom:		10px;
	padding:			10px;
	background:			url(/images/backgrounds/steps_sub.png) no-repeat top left;
}
#left #stepsShine h2,
#right #stepsShine h2{
	margin:				0 0 5px 0;
	padding-bottom:		5px;
	color:				#7FC34E;
	font-size:			1.9em;
	border-bottom:		2px solid #7FC34E;
}
#left #stepsShine h2 em,	
#right #stepsShine h2 em{
	font-style:			normal;
	text-transform:		uppercase;
	display:			block;
}
.SubPage #left #stepsShine .hori,
.SubPage #right #stepsShine .hori{
	display:			none;
}
#left #stepsShine li a,
#right #stepsShine li a{
	text-align:			center;
	display:			block;
}
#left #stepsShine #purpleBar,
#right #stepsShine #purpleBar{
	margin-top:			5px;
}
#left #stepsShine #purpleBar p,
#right #stepsShine #purpleBar p{
	margin:				0 0 7px 0;
}
#left #stepsShine #purpleBar a,
#right #stepsShine #purpleBar a{
	color:				#000;
	font-size:			0.9em;
	font-weight:		normal;
	text-align:			center;
	display:			block;
}

/* --- Browse By Sector --- */
#left #browseSector,
#right #browseSector{

}
#left #browseSector .searchByBox h2,
#right #browseSector .searchByBox h2{
	display:			none;
}
#left #browseSector li,
#right #browseSector li{
	width:				49.9%;
	float:				left;
}
#left #browseSector li a,
#right #browseSector li a{
	padding-left:		10px;
	color:				#44C218;
	font-size:			0.8em;
	background:			url(/images/icons/bullet.png) no-repeat  0 7px;
	display:			block;
}
#left #browseSector li em,
#right #browseSector li em{
	display:			none;
}

/* --- Twitter --- */
#left #twitter,
#right #twitter{
	padding:		10px;
	text-align:		center;
	border:			1px solid #E0E0E0;
}
#left #twitter a,
#right #twitter a{
	padding:		0 40px;
	display:		block;
}

/* --- Social Links --- */
#left #social,
#right #social{
	margin-bottom:	10px;
}
#left #social li,
#right #social li{
	width:			33.2%;
	float:			left;
}
#left #social li a,
#right #social li a{
	text-align:		center;
	display:		block;
}

/* --- Amazon --- */
#left .amazon,
#right .amazon{
	margin-bottom:	10px;
}

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

/* --- Latest Vacancies & Featured Jobs --- */
#JBcontent #featured,
#content #featured{
	margin-bottom:		10px;
	padding:			15px 0 0 0;
	border-bottom:		20px solid #5E3B8D;
	background:			#F0F1EF;
}
#JBcontent #featured h2,
#content #featured h2{
	margin:				0 0 15px 0;
	padding:			0 15px;
}
#JBcontent #featured table,
#content #featured table{
	width:				92%;
	margin:				0 4%!important;
}
#JBcontent #featured td,
#content #featured td{
	padding:			10px 0;
	border-bottom:		1px solid #FFF;
}
#JBcontent #featured #featured1 td,
#content #featured #featured1 td{
	padding-top:		0;
}
#JBcontent #featured .lastJobRow td,
#content #featured .lastJobRow td{
	border:				0;
}
#JBcontent #featured img,
#content #featured img{
	width:				60px;
	height:				30px;
	margin:				4px 10px 0 0;
}
#JBcontent #featured span,
#content #featured span{
	font-size:			0.9em;
	display:			block;
}
#JBcontent #featured span.jobs_CompanyName, #content #featured span.jobs_CompanyName,
#JBcontent #featured span.jobs_Salary, #content #featured span.jobs_Salary{
	display:			inline;
}
#JBcontent #featured span.jobs_Salary, 
#content #featured span.jobs_Salary{
	padding-left:		5px;
	border-left:		2px solid #888;
}
#JBcontent #featured span.jobs_JobDescription,
#content #featured span.jobs_JobDescription{
	font-size:			0.8em;
}
#JBcontent #featured span a,
#content #featured span a{
	color:				#444;
	font-weight:		normal;
}
#JBcontent #featured span.jobs_JobTitle a,
#content #featured span.jobs_JobTitle a{
	color:				#5E3B8D;
	font-weight:		bold;
}
#JBcontent #featured .ShowAllFeaturedJobs,
#content #featured .ShowAllFeaturedJobs{
	display:			none;
}

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

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

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

/* --- News --- */

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

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

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

/*
===================================================================================
=== CMS PAGES =====================================================================
===================================================================================
*/
.SubPage #welcome{
	width:				990px;
	margin-top:			10px;
	padding:			20px 0;
	background:			#F2F2F2;
}
.SubPage #welcome h1{
	padding:			0 0 15px 40px;
	color:				#7FC34E;
	border-bottom:		4px solid #7FC34E;
	display:			inline-block;
}
.SubPage #welcome h1 em{
	font-style:			normal;
	text-transform:		uppercase;
}
.SubPage #welcome h2{
	margin-bottom:		0.2em;
	font-size:			1.4em;
}
.SubPage #welcome p{
	margin:				0;
}

/* --- Steps --- */
.RecordSteps #welcome.steps{
	background:			url(/images/backgrounds/intro_area_steps.png) no-repeat top left;
}
.RecordSteps #welcome.stepOne .text{
	background:			url(/images/backgrounds/steps_one.png) no-repeat 70px 90px;
}
.RecordSteps #welcome.stepTwo .text{
	background:			url(/images/backgrounds/steps_two.png) no-repeat 70px 90px;
}
.RecordSteps #welcome.stepThree .text{
	background:			url(/images/backgrounds/steps_three.png) no-repeat 70px 90px;
}
.RecordSteps #welcome .text{
	height:				245px;
	margin-right:		10px;
	font-size:			1.6em;
	float:				left;
}
.RecordSteps #welcome .text h2{
	margin-left:		8em;
	white-space:		nowrap;
}
.RecordSteps #welcome .text p{
	width:				250px;
	margin-left:		11.2em;
	padding-bottom:		1em;
	line-height:		1.1em;
}
.RecordSteps #welcome .image{
	margin-right:		10px;
	float:				left;
}
.RecordSteps #welcome .links{
	width:				160px;
	padding:			57px 25px;
	float:				left;
}
.RecordSteps #welcome .links p{
	text-align:			center;
}
.RecordSteps #welcome .links a{
	width:				50%;
	text-align:			center;
}
.RecordSteps #welcome .links .continue a{
	width:				98%;
	margin-bottom:		10px;
	padding:			2px 1%;
	color:				#FFF;
	font-size:			1.1em;
	text-align:			center;
	text-transform:		uppercase;
	background:			#7FC34E;
	display:			block;
}

/* --- Recruiter --- */
.RecruiterPages #welcome{
	padding:			0;
	background:			transparent;
}
.RecruiterPages #welcome #intro{
	width:				690px;
	height:				250px;
	padding:			10px;
	margin-right:		10px;
	background:			url(/images/backgrounds/intro_recruiter.jpg) no-repeat top left;
	float:				left;
}
.RecruiterPages #welcome #intro h1{
	margin-bottom:		0.6em;
	padding:			0;
	color:				#FFF;
	font-size:			2em;
	border:				0;
	display:			block;
}
.RecruiterPages #welcome #intro h1 em{
	display:			block;
}
.RecruiterPages #welcome #intro p{
	margin-right:		400px;
	color:				#FFF;
	font-size:			1.2em;
	text-align:			justify;
}
.RecruiterPages #welcome #intro .getStarted a{
	margin-top:			1em;
	padding:			2px 20px;
	color:				#FFF;
	text-transform:		uppercase;
	background:			#6C6598;
	display:			inline-block;
}
.RecruiterPages #welcome .introSide{
	width:				250px;
	height:				250px;
	padding:			10px;
	background:			url(/images/backgrounds/steps_home.png) no-repeat top left;
	float:				left;
	position:			relative;
}
.RecruiterPages #welcome .introSide h2{
	margin-bottom:		10px;
	padding-bottom:		10px;
	color:				#6C6598;
	font-size:			1.9em;
	border-bottom:		2px solid #6C6598;
}
.RecruiterPages #welcome .introSide p{
	color:				#838588;
	font-size:			1.1em;
	text-align:			center;
	line-height:		1.5em;
}
.RecruiterPages #welcome .introSide p.sectionFoot{
	position:			absolute;
	bottom:				0;
	left:				0;
}

/* --- Link Buttons --- */
#JBcontent ul.linkButton,
#content ul.linkButton{
	margin:				0 0 1em;
	padding:			0;
}
#JBcontent ul.linkButton li,
#content ul.linkButton li{
	width:				50%;
	margin:				0;
	padding:			0;
	text-align:			center;
	background:			transparent;
	float:				left;
}
#JBcontent ul.linkButton li.wide,
#content ul.linkButton li.wide{
	width:				100%;
}
#JBcontent ul.linkButton li a,
#content ul.linkButton li a{
	width:				233px;
	margin-bottom:		0.5em;
	padding:			9px 0 8px;
	color:				#FFF;
	text-align:			center;
	text-transform:		uppercase;
	background:			url(/images/backgrounds/green_bar.png) no-repeat top left;
	display:			inline-block;
}

/* --- Video List / Previews --- */
#content.videolibrary .videoList,
#content.competitions .videoList{
	text-align:			center;
}
#content.notto .videoList h2,
#content.notto .videoList p{
	width:				85%;
	float:				right;
}
#content.notto .videoList h2{
	color:				#6B6598;
	clear:				none;
}
#content.notto .videoList p.preview{
	float:				left;
	clear:				both;
}

p.preview{
	width:				auto!important;
	margin-left:		0!important;
	display:			inline-block;
	position:			relative;
}
p.preview a{
	border:				1px solid #9D9799;
	display:			block;
}
p.preview a img{
	margin:				2px;
}
p.preview a img.medium{
	width:				200px;
	height:				150px;
}
p.preview a img.small{
	width:				100px;
	height:				75px;
}
p.preview a em{
	padding:			2px;
	font-style:			normal;
	background:			#9D9799;
	position:			absolute;
	bottom:				0;
	right:				0;
}
p.preview a:hover em{
	color:				#000;
}

/*
===================================================================================
=== HOMEPAGE ======================================================================
===================================================================================
*/
#homepage #welcome{
	margin-top:			10px;
}

/* --- Intro --- */
#homepage #intro{
	width:				690px;
	height:				250px;
	margin-right:		10px;
	padding:			10px;
	color:				#FFF;
	background:			url(/images/backgrounds/intro.png) repeat-x bottom left #736B9B;
	float:				left;
}
#homepage #intro .text{
	width:				325px;
	margin-right:		10px;
	text-align:			justify;
	float:				left;
}
#homepage #intro .text h1{
	margin:				0;
	font:				bold 1.8em "Trebuchet MS",Trebuchet,Helvetica,sans-serif;
}
#homepage #intro .movie{
	float:				right;
}
#homepage #intro .buttons{
	width:				355px;
	float:				right;
}
#homepage #intro .buttons p{
	margin:				10px 0 0 0;
	float:				left;
}
#homepage #intro .buttons p.firstItem{
	padding-right:		10px;
}
#homepage #intro .buttons a{
	width:				152px;
	padding:			11px 10px;
	color:				#FFF;
	font-size:			1.1em;
	text-align:			center;
	text-transform:		uppercase;
	background:			url(/images/backgrounds/green_buttons.png) no-repeat top right;
	display:			block;
}

/* --- Three Steps --- */
#homepage #stepsShine{
	width:				250px;
	height:				250px;
	padding:			10px;
	background:			url(/images/backgrounds/steps_home.png) no-repeat top left;
	float:				left;
}
#homepage #stepsShine h2{
	margin:				0 0 5px 0;
	padding-bottom:		5px;
	color:				#7FC34E;
	border-bottom:		2px solid #7FC34E;
}
#homepage #stepsShine h2 em{
	font-style:			normal;
	text-transform:		uppercase;
}
#homepage #stepsShine .vert{
	display:			none;
}
#homepage #stepsShine li{
	padding:			0 3px;
	float:				left;
}
#homepage #stepsShine li a{
	display:			block;
}
#homepage #stepsShine #purpleBar{
	margin-top:			5px;
}
#homepage #stepsShine #purpleBar p{
	margin:				0 0 2px 0;
}
#homepage #stepsShine #purpleBar a{
	padding:			9px 0 8px 0;
	color:				#FFF;
	text-align:			center;
	background:			url(/images/backgrounds/purple_bar.png) no-repeat top center;
	display:			block;
}

#homepage #content{
	text-align:			justify;
	background:			transparent;
}

/* --- Search --- */
#homepage #search dd input{
	width:				95%;
}

/* --- Who We Work With --- */
#homepage #weWorkWith{
	margin-bottom:		10px;
	position:			relative;
}
#homepage #bannerAdvertsWRK{
	margin-bottom:		0!important;
}
#homepage #weWorkWith img{
	margin-top:			10px;
	border:				1px solid #E0E0E0;
	display:			block;
}
#homepage #weWorkWith ul{
	margin:				0 0 0 -6px;	
}
#homepage #weWorkWith li{
	margin:				0 0 0 6px;
	position:			relative;
	float:				left;
}
#homepage #weWorkWith li.firstItem{
	position:			absolute;
	top:				0;
	right:				0;
}
#homepage #weWorkWith li.firstItem img{
	margin-top:			0;
}
#homepage #weWorkWith li a{
	display:			block;
}

/* --- Number Jobs --- */
#numberJobs a{
	padding:			5px 0;
	color:				#FFF;
	font-size:			1.3em;
	text-align:			center;
	background:			#5E3B8D;
	display:			block;
}

/* --- Brand Managers --- */
.brand{
	margin-top:			10px;
	padding:			10px 5px;
	color:				#FFF;
	font-size:			1.2em;
	font-weight:		bold;
	text-align:			center;
	background:			#7FC34E;
	-moz-border-radius:0.5em; 
	-webkit-border-radius:0.5em;
}

/*
===================================================================================
=== 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{
	width:				990px;
	color:				#777;
	font-size:			0.8em;
	text-align:			center;
	clear:				both;
}
#footer ul{
	width:				auto;
	margin:				0 auto;
	display:			inline-block;
}
#footer li{
	float:				left;
	margin:				0!important;
	padding:			0 5px;
	border-right:		1px solid #A5A5A5;
}
#footer li.lastItem{
	border:				none;
}
#footer address{
	margin:				0;
	padding:			2px 5px;
	clear:				both;
}
#footer a{
	color:				#777;
}

/* --- */
#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 =======================================================
===================================================================================
*/
/* --- 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:	#5E3B8D;
}

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

/* --- Job Browser --- */
#jobBrowseContainer .tabNav{

}
#jobBrowseContainer .tabNav li{
	width:				50%;
	float:				left;
}
#jobBrowseContainer .tabNav li a{
	padding:			10px 0;
	color:				#FFF;
	font-size:			1.1em;
	text-align:			center;
	background:			#7FC34E;
	display:			block;
}
#jobBrowseContainer .tabNav li.tabOne a{
	background:			#6C6598;
}
#jobBrowseContainer #jobBrowserResults{
	background:			#6C6598;
}
#jobBrowseContainer #search h2{
	display:			none;
}

/* --- Job Results --- */
#JBcontent.jobResults .jobInfo{
	padding:			0 10px;
	border-width:		1px;
	border-color:		#BBB;
}
#JBcontent.jobResults .jobInfo h2{
	margin:				0 -11px;
	background:			#777;
	top:				-1px;
}
#JBcontent.jobResults .featuredJob h2{
	background:			#6C6598;
}
#JBcontent.jobResults .jobInfo a.detailsApply{
	top:				2px;
	right:				2px;
	background-color:	#000;
}

/* --- Job View --- */
#JBcontent.jobView form.twocol{
	width:				auto;
}

/* --- CV Add --- */
#JBcontent.CVadd #frmCandCVAdd{
	width:				100%;
}

/* --- View Video CV --- */
#JBcontent.videoCVView .player,
#JBcontent.videoCVView #candOptions{ 
	width:				50%;
	float:				left;
}
#JBcontent.videoCVView #candOptions{
	padding:			12px 0 11px;
}
#JBcontent.videoCVView #referVideo{
	padding-top:		10px;
	clear:				both;
}
#JBcontent.videoCVView dd{
	margin-bottom:		5px;
}
#JBcontent.videoCVProfile{ 
	text-align:			center; 
}
#JBcontent.videoCVProfile .player{
	width:				100%;
	float:				none;
}

/* --- Candidate Registration --- */
div.win{
	height:				176px;
	margin-bottom:		10px;
	padding:			30px 135px;
	color:				#FFF;
	background:			url(/images/win.jpg) no-repeat top left;
}
div.win h2{
	font-size:			2.3em;
}
div.win p{
	margin:				15px 70px;
}

/* --- Video Player --- */
#videoPlayer{
	padding: 			20px;
	text-align:			center;
	background: 		#FFF; 
	border:				10px solid #6C6598;
	display: 			none; 
	position: 			absolute;
	top:				0; 
	left:				0; 
	z-index:			9999; 
}
#videoPlayer h2{
	width:				400px;
}
#videoPlayer a{
	position:			absolute;
	top:				5px;
	right:				8px;
	width:				60px!important;
	height:				16px;
	font-size:			0.9em;
	display:			block;
	background:			url(/jobboard/images/icons/closeFloatDiv.png) no-repeat right 3px;
}
#videoPlayer p.player{
	border:				1px solid #000;
	margin:				auto;
	display:			inline-block;
}
#videoPlayer dt{
	display:			none;
}

/*
===================================================================================
=== DEBUG =========================================================================
===================================================================================
*/
/*
body{
	background:			red!important;
}	
#container{
	background:			yellow!important;
}
#left{
	background:			green!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;
}
/**/