/*  For IE6 (and less) hacks, do a search for:   * html   or   IE6> Hack

	We should, of course, be using conditional comments for IE hacks, but this system was conceived
	before IE7 was anything more than a vague rumour.  As a result very few had even heard of
	conditional comments to target stylecheets at IE (or specific versions of IE).
	
	Maybe, at some point in the future this will be actioned, unti, then, then, the * HTML hack 
	remains.  Unfortunatly!
*/

/*
====================================================================================================
=== GENERAL JOB SITE STYLES ========================================================================
====================================================================================================
*/
*{
	position:			static!important;
}
body{
	margin:				0!important;
	padding:			0!important;
	font:				normal 65%/130% "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	color:				#333!important;
}
#container{
	position:			relative;
	width:				100%;
	margin:				0!important;
	padding:			0!important;	
	border:				none!important;		
}
#header{
	height:				auto!important;
	margin:				0 0 10px 0!important;
	padding:			0 0 10px 0!important;
	border:				none!important;
	border-bottom:		5px solid #C8CCD5!important;
}
#header #logo{
	position:			static!important;
	margin:				10px 0;
}
/*	Hide header elements that aren't required, or which would cause problems when printed. */
#header #banner, #header #tell, #header #boss, #header #fav, #header #mainMenu, #siteImage,
#search, #miniSearch{
	display:			none!important;
}
#abovecontent{
	display:			none!important;
}
/*	Hide any sidebars, as these are almost always used for navigation, advertising, searching and
	logins.  All of which (perhaps with the exception of advertising, but compromises have to be 
	made!) are superfluous to a print version of a site. */
#left, #right{
	display:			none!important;
}
#main{
	margin:				0!important;
	padding:			0!important;
	border:				none!important;
}
#content, #JBcontent{
	float:				none!important;
	overflow:			visible!important;
	width:				96%!important;
	margin:				0 2%!important;
	padding:			0!important;
	border:				none!important;
}
.homeContent{
	float:				none!important;
	margin:				0!important;
	padding:			0!important;
	width:				100%!important;
	border:				none!important;
}
.printOnly{
	display:			block!important;
}
.resultsTableNotes{
	font-size:			0.9em;
	font-style:			italic;
	color:				#555;
}
#content h1, #JBcontent h1, #content h2, #JBcontent h2,
#content h3, #JBcontent h3, #content h4, #JBcontent h4,
#content h5, #JBcontent h5, #content h6, #JBcontent h6{
	margin:				0 0 0.4em 0!important;
	padding:			0!important;
	font:				bold 1.4em Arial, sans-serif!important;
	color:				#000!important;
}
#content h1, #JBcontent h1{
	text-decoration:	underline;
}
#content h2, #JBcontent h2{
	font-size:			1.3em!important;
}
#content h3, #JBcontent h3{
	font-size:			1.2em!important;
}
#content h4, #JBcontent h4, #content h5, #JBcontent h5, #content h6, #JBcontent h6{	
	margin:				0 0 0.2em 0!important;
	font-size:			1.1em!important;
}
#content h1.inline, #JBcontent h1.inline, #content h2.inline, #JBcontent h2.inline,
#content h3.inline, #JBcontent h3.inline, #content h4.inline, #JBcontent h4.inline,
#content h5.inline, #JBcontent h5.inline, #content h6.inline, #JBcontent h6.inline{	
	margin:				0!important;
	font-size:			1em!important;
	text-decoration:	none!important;
}
#content p, #JBcontent p{	
	margin:				0 0 0.7em 0!important;
}
#content a img, #JBcontent a img{	
	border:				none;
}
.SubPage #content ul, .SubPage #JBcontent ul{
	margin:				0 1.5em;
}
.SubPage #content ul li, .SubPage #JBcontent ul li{
	margin:				0.5em;
	padding:			0 0 0 12px;
	list-style:			disc;
}
#featured, #latest{
	border:				none!important;
}
#featuredBox, #latestBox{
	padding:			3px 2px 8px 2px!important;
	border:				2px solid #C8CCD5!important;
}
#featured h2, #latest h2{
	margin:				0 0 0.1em 0!important;
	padding:			0!important;
	font-size:			1.3em!important;
}
#JBcontent th{
	font-size:			1.1em;
	border-bottom:		2px solid #000;
}
#JBcontent th a{
	color:				#000!important;
}
#JBcontent #frmJobManager1{
	display:			none!important;
}
thead{
	display: 			table-header-group;
}
.LatestVacanciesTBL{
	border:				none!important;
}
.LatestVacanciesCol2{
	line-height:		1.2em;
	border-bottom:		1px solid #C8CCD5!important;
}
.LatestVacanciesCol2 span{
	display:			block;
	float:				left;
	width:				100%;
}
.LatestVacanciesCol2 span.jobs_Salary{
	width:				50%;
}
.LatestVacanciesCol2 span.jobs_Location{
	width:				47%;
}
#JBcontent .longURL{
	overflow:			hidden; /* For non IE browsers */
	word-break:			break-all; /* For IE */
}
#footer{
	height:				auto!important;
	margin:				10px 0 0 0;
	padding:			0;
	border:				none!important;
	border-top:			5px solid #C8CCD5!important;
}
#footer ul, #footer div{
	display:			none!important;
}
#footer .copy, #footer #copy, #footer .copyright, #footer #copyright, #footer #legal, #footer .legal{
	display:			block;
}

/* 	floatHack: Keeping this, just in case, but using floats on a printed page can be problematic in
	Moz based browsers, so be warned! */
.floatHack{
	margin:				-1px;
	padding:			0;
	font-size:			1px;
	line-height:		1px;
	visibility:			hidden;
	clear:				both;
}
/* 
====================================================================================================
=== JOBBOARD STYLES ================================================================================
====================================================================================================
  
==============================
=== MESSAGES AND DEBUGGING === 
==============================
*/
#JBcontent .error, #JBcontent .message, #JBcontent .debug{	
	display:			none;
}

/* 
===========================================
=== GENERAL JOBBOARD MENU PAGE SETTINGS === 
===========================================
*/
.menu ol{
	width:				10em!important;
	margin:				0!important;
	padding:			0!important;
	list-style:			none!important;
	border:				2px solid #B5CFD9!important;
}
.menu .logoff{			
	padding:			10px!important;
	border-top:			1px solid #FBFBFB!important;
}
.menu p{
		margin:			2px 0!important;
}
.menu a{
	text-decoration:	none!important;
}

/* 
===================
=== ADMIN MENU  === 
===================
*/
/* --- Icons for each of the menu options --- */
.AdminMenu_1, .AdminMenu_2, .AdminMenu_4, .AdminMenu_8, .AdminMenu_16, .AdminMenu_32, .AdminMenu_64,
.AdminMenu_128, .AdminMenu_256, .AdminMenu_512, .AdminMenu_1024, .AdminMenu_2048, .AdminMenu_4096,
.AdminMenu_8192, .AdminMenu_16384, .AdminMenu_32768, .AdminMenu_65536, .AdminMenu_131072, 
.AdminMenu_262144, .adminlogoff{			/* logoff */
	padding:			5px 10px!important;
	border-bottom:		2px solid #C2D7E0!important;		
}
.adminlogoff{
	border-bottom:		none!important;
}

/* 
=====================
=== CLIENTS MENU  === 
=====================
*/
.menu .jobman, .menu .jobCreditReport, .menu .CVCreditReport, .menu .purchasecredits, .menu .cvsearch,
.menu .compedit, .menu .useredit, .menu .folderedit, .menu .searchjobsbyemail{		/* Manage Folders */
	padding:			5px 10px!important;
	border-bottom:		2px solid #C2D7E0!important;		
}

/* 
========================
=== CANDIDATES MENU  ===
========================
*/
.menu .cvadd, .menu .jobsearch, .menu .jobsbyemail, .menu .jobapplications, .menu .candregisteredit{
	padding:			5px 10px!important;
	border-bottom:		2px solid #C2D7E0!important;		
}

/* --- CV Statistics Box (usually positioned at the top of the candidate menu, if turned on) --- */
#JBcontent .CVStats{
	position:			relative;
	top:				0;
	right:				5px;
	padding:			10px 10px 5px 10px;
	border:				1px solid #C2D7E0;
	background:			#FCFEFF;
	z-index:			100;
}

#JBcontent .CVStats p{
	margin:				0 0 5px 0;
}

/* 
=============================================
=== MISCELLANEOUS ADVERTISERS PAGE STYLES === 
=============================================
*/
.advertisers ol{
	margin-bottom: 		10px;
	border-bottom:		1px solid black;
}
.advertisers ul{
	border:				none;
}
.advertisers ol li{
	margin:				0;
	padding:			15px 0 10px 10px;
	list-style-type:	none;
	border-top:			1px solid black;
}
.advertisers ul li{
	margin:				5px;
	padding:			8px 0 0 10px;
	list-style-type:	none;
	border-top:			0;
}
.ad_button{
	padding:			0 0 0 5px;
	vertical-align:		text-bottom;
	border:				none;
}
/*	Background images/icons (these may need to be set manually for each site, or turned off)  */
.advertisers_top{
	background-image:	url(/jobboard/images/advertise/post-a-single-job.gif);
	background-repeat:	no-repeat;
	background-position:210px 4px;
}
.advertisers_middle{
	background-image:	url(/jobboard/images/advertise/buy-job-packs.gif);
	background-repeat:	no-repeat;
	background-position:150px 4px;
}
.advertisers_bottom{
	background-image:	url(/jobboard/images/advertise/monthly-advertising.gif);
	background-repeat:	no-repeat;
	background-position:240px 4px;
}

/* 
===================================
=== MISCELLANEOUS CLIENT STYLES === 
===================================
*/
.clientlist div{
	text-align:			center;
}
.clientlist table th{
	color:				#fff;
}
#JBcontent #SalaryOptions label{
	width: 				80px;
}

/* 
======================================
=== MISCELLANEOUS CANDIDATE STYLES === 
======================================
*/
#JBcontent.CVadd dl.CVSalaryFields{
	margin-bottom:		1em;
}
#JBcontent.CVadd dl.CVSalaryFields dt{
	display:			inline;
}
#JBcontent.CVadd dl.CVSalaryFields dd{
	display:			inline;
	margin-right:		2em;
}
#indexmenu li{
	list-style-type:	none!important;
}
#indexmenu .indexlink{
	
	float:				left;
	padding:			0 10px 10px 0;
}
#indexmenu .indexlink ul{
	padding:			0 0 0 10px;
}

/* 
=====================
=== RESULTS TABLE === 
=====================
*/
#JBcontent table.results{
	margin-bottom:		3px;
	border-collapse:	collapse;
}
#JBcontent table.results td,
#JBcontent table.results th{
	padding:			0.4em 0.5em;
	text-align:			left;
}
/* Specific rules for the job search results table */
#JobResultsDisplay{
	margin:				0;
	padding:			0;
}
#JobResultsDisplay th, #JobResultsDisplay td{
	margin:				0;
	padding:			0;
}
/* ---------------------------------------------------------------------------------------------- */
/* Show / Hide rules for job results (description section) */
.JobResultsDescriptionShow{
	display:			table-row;
}
/*	JobResultsDescriptionHide: Before you crucify me for using this hideous -10k pixel top 
	positioning, instead of the obvious solution (display:none;), bear in mind that I did try it.  
	However, for reasons, as of yet unknown, browsers feels the need to arbitrarily change the 
	widths set on the table headers (effectively the widths of the columns).  Which, oddly 
	enough, results in a very jerky and obvious shudder when the hide rule is applied.  
*/
.JobResultsDescriptionHide{
	position:			absolute;
	top:				-10000px;
}
/*	#JobResultsDisplay th: In order to get the show/hide hack above working in none IE browsers,
	the table header (<th>) needs to have a width applied to it. As the number and exact width
	requirements of columns is determined on a per site basis, it is best to set the individual
	width of each <th> in the site's own main.css file, rather than here in the generic CSS.
	However, as a basic starting point, the main headers have been given widths here, and any
	that haven't been given an express width will be covered by the width:100% rule below.
*/
#JobResultsDisplay th{
	width:				100%;
}
/* ---------------------------------------------------------------------------------------------- */
/*	These rules set the widths on the default results table columns.  They may need to be 
	adjusted for each individual site though.
*/
#JobResultsDisplay #colCheckbox{		/* Column: Select this job checkbox */ 
	width:				1%!important;
}
#JobResultsDisplay #colHeaderFeatured{	/* Column: Featured job icon */
	width:				1%!important;
}
#JobResultsDisplay th#colHeader1{		/* Column: Usually job title */
	width:				38%!important;
}
#JobResultsDisplay th#colHeader2{		/* Column: Usually job location */
	width:				18%!important;
}
#JobResultsDisplay th#colHeader3{		/* Column: Usually job salary */
	width:				25%!important;
}
#JobResultsDisplay th.DateDisplay{		/* Column: Date that the job was posted */
	width:				17%!important;
}
/* ---------------------------------------------------------------------------------------------- */
.LinkShow{
	text-decoration: 	underline;
}
.LinkHide{
	text-decoration: 	none;
}

/* 
==============================================================
=== ZEBRA TABLE STYLES (usually applied to results tables) === 
==============================================================
*/
#JBcontent table tr.zebra1{
	background:			#fff;
}
#JBcontent table tr.zebra2{
	background:			#eee;
}
#JBcontent table tr.dblzebra1{
	background:			#fff;
}
#JBcontent table tr.dblzebra2{
	background:			#fff;
}
#JBcontent table tr.dblzebra3{
	background:			#eee;
}
#JBcontent table tr.dblzebra4{
	background:			#eee;
}

/* 
===========================================================
=== VIEWING PAGES (jobview, jobpreview, compview, etc.) === 
===========================================================
*/
#JBcontent.jobPreview dd,
#JBcontent.compView dd,
#JBcontent.CVview dd,
#JBcontent.jobView dd{
	float:				none !important;
	margin-bottom:		4px;
}
#JBcontent.jobPreview dt,
#JBcontent.compView dt,
#JBcontent.jobView dt,
#JBcontent.CVview dt{
	display:			inline !important;
	font-weight:		bold;
}
.jobs_Location,.jobs_Jobtitle,.jobs_JobTitle,.jobs_Salary,.jobs_Area,.jobs_Region,
.jobs_JobDescription,.jobs_JobType{
	display:			block !important;
}
.jobs_JobTitle{
	font-weight:		bold;
}
#jobdocs{
	margin:				0 0 10px 0;
	padding:			5px 0 0 0;
	list-style-type:	none;
}
#jobdocs li{
	float:				left;
	width:				230px;
	margin:				0;
	padding:			0 0 0 10px;
	background:			url(/jobboard/images/icons/download.png) no-repeat 15px 0;
}
#jobdocs li a{
	display:			block;
	width:				100%;
	padding:			10px 5px 10px 45px;
}
#fldCompView img{
	padding:			8px;
}
#fldCompEdit5{
	float:				left;
	width:				50%;
}
fldCompEdit6{
	float:				left;
	width:				50%;
}
/* 	New jobView Page styles moved from <style></style> in /cands/jobview.asp */
.jobView dl{
	width:				97.3%;
	padding:			1%!important;
	border:				none;
}
.jobView dl.main dt{
	float:				left;			
	padding-right:		3px;
	font-weight:		bold;
}
.jobView dl.main dd{
	font-weight:		bold;
}
.jobView dl.main{
	margin-bottom:		18px;
}
.jobView h1{
	margin-bottom:		3px!important;
}
.jobView dl.refandcontact{
	margin-top:			10px;
	border:				2px solid #e5e5e5;
	background:			#eee;
}
.jobView dl.refandcontact dt{
	display:			block;
	clear:				left;
	float:				left;
	width:				20%;
}
.jobView dl.refandcontact dd{
	display:			block;
	float:				left;
	width:				75%;
}
.jobView dl.refandcontact dt.AddressBlock{
	margin-bottom:		5.5em;
}
.jobView dl.additional{
	padding:			8px 15px;
}
.jobView dl.additional dt{
	display:			block;
	clear:				left;
	float:				left;
	width:				130px;
}
.jobView dl.additional dd{
	padding-left:		140px;
}
* html dl.dl.additional dd{ /* IE6> Hack */
	height:				1%;
	padding-left:		0;
}
.jobView ul li{
	margin-left:		30px;
	list-style:			disc;
}
.jobView ol li{
	margin-left:		37px;
	list-style:			decimal;
}

/* 
===================== 
=== SAVED SEARCH  === 
=====================
*/
.savedsearch{
	width:				75%;
	margin:				1em;
	padding:			0 0 0 10px;
	border:				1px solid #ccc;
	border-color:		#ccc #aaa #aaa #ccc;
	background:			#eee;
}
.savedsearch h2{
	margin:				0 0 0 -10px;
	padding:			2px 6px 2px 4px;
	font-size:			1em;
	color:				#fff;
	background:			#444;
}
.savedsearch h2 a:visited, .savedsearch h2 a{
	color:				#ddd;
	font-weight:		normal;
}
.savedsearch h2 a:hover{
	color:				#fff;
}
.savedsearch form{
	margin-bottom:		8px;
}
.savedsearch p{
	margin-top:			0;
}
.savedsearch select{
	width:				auto!important;
}
#JBcontent .savedsearch dl{
	margin-top:			3px;
	margin-bottom:		2px;
}
#JBcontent .savedsearch dt{
	display:			block;
	float:				left;
	width:				100px;
	margin-bottom:		8px;
	font-weight:		bold;
	clear:				both;
}
#JBcontent .savedsearch dd{
	display:			block;
	float:				left;
	width:				300px;
	margin-bottom:		8px;
}

/* 
======================
=== PROGRESS BARS  === 
======================
*/
#progressReg, #progress{
	height:				27px;
	width:				410px;
	margin:				20px auto;
	padding: 			0;
	white-space: 		nowrap;
}
#progress p, #progressReg p{
	float:				left;
	width:				120px;
	margin:				6px 0 0 0;
	padding:			0;
	font: 				0.9em verdana, arial, sans-serif;
	color: 				#242424;
	text-align:			center;
}

/* --- Post a Job Progess Steps --- */
#progress{
	width:				541px;
}
#progress p.step1{
	margin:				6px 0 0 11px;
}
* html #progress p.step1{ /* IE6> Hack */
	margin:				6px 0 0 7px;
}
#progress p.step2{
	margin:				6px 0 0 12px;
}
#progress p.step3{
	margin:				6px 0 0 16px;
}
#progress p.step4{
	margin:				6px 0 0 9px;
}
#progress p.step5{
	margin:				6px 0 0 10px;
}

/* --- Candidate Full Registration Progess Steps --- */
/* 	This is usually turned off, but it is an options, so we include the styles, just in case */
* html #progressReg{ /* IE6> Hack */
	margin: 			15px auto;
}
#progressReg p.step1{
	margin:				6px 0 0 13px;
}
* html #progressReg p.step1{ /* IE6> Hack */
	margin:				6px 0 0 5px;
}
#progressReg p.step2{
	margin:				6px 0 0 11px;
}
#progressReg p.step3{
	margin:				6px 0 0 15px;
}

/* 
================================== 
=== JOB CONTAINER FORM FIELDS  === 
==================================
*/
#JBcontent .radiolabel{
	font-weight:		bold;
	color:				#558;
}
#JBcontent label{	
	cursor:				pointer;
	font-weight:		bold;
	color:				#558;
}
#JBcontent select{	
	width:				90%;
	font-size:			1em;
	border-color:		#99b #779 #779 #99b;
	border-width:		1px;
	border-style:		solid;
}
#JBcontent textarea{
	width:				95%;
	font:				1.1em Verdana, Arial, sans-serif;
	border-color:		#99b #779 #779 #99b;
	border-width:		1px;
	border-style:		solid;
}
#JBcontent input{	
	font-size:			1.1em;
}
#JBcontent input.submit, #JBcontent button{	
	font-weight:		normal;
	color:				#000;
	background:			#ccc;
	cursor:				pointer;
}
#JBcontent input.ApplyNow{
	position:			relative;
	top:				7px;
	float:				right;
	padding:			3px 5px;
	font-weight:		bold;
	color:				#fff;
	border:				none;
	background:			#f50;
}
#JBcontent textarea.OneColText{
	width:				250px;
}
#JBcontent input.text{	
	width:				55%;
	border-color:		#99b #779 #779 #99b;
	border-width:		1px;
	border-style:		solid;
}
#JBcontent input.SmallFixedText{	
	width:				50px;
	border-color:		#99b #779 #779 #99b;
	border-width:		1px;
	border-style:		solid;
}
#JBcontent input.MedFixedText{	
	width:				150px;
	border-color:		#99b #779 #779 #99b;
	border-width:		1px;
	border-style:		solid;
}
#JBcontent input.LargeFixedText{	
	width:				250px;
	border-color:		#99b #779 #779 #99b;
	border-width:		1px;
	border-style:		solid;
}
#JBcontent form.styled span.required{	
	padding-left:		4px;
	color:				#c00;
}
#JBcontent form.styled span.notes{
	font-size:			0.9em;
	color:				#888;
}
#JBcontent form.styled span.notes em{
	font-style:			normal;
	color:				#dd0000;
}

/* 
=========================== 
=== GENERAL FORM STYLES === 
===========================
*/
/* single column form */
#JBcontent form.onecol{	
	width:				300px;
	margin:				0 auto;
}

/* double column form */
#JBcontent form.twocol{	
	width:				600px;
	margin:				0 auto;
}
#JBcontent form.twocol td{	
	width:				300px;
	padding:			0;
	vertical-align:		top;
}
#JBcontent form.twocol td.wide{	
	width:				600px;
	padding:			0;
}

/* single wide column form */
#JBcontent form.onewidecol{	
	width:				600px;
	margin:				0 auto;
}

/* single column as wide as it wants*/
#JBcontent form.onexcol{	
	margin:				0 auto;
}
#JBcontent form.onexcol fieldset,
#JBcontent form.onecol fieldset,
#JBcontent form.onewidecol fieldset,
#JBcontent form.twocol td,
#JBcontent table.results{	
	border:				1px solid #aaa;
	background:			#eee;
}
#JBcontent table.results .bold_txt td{
	font-weight:		bold;
}

/* --- Labels --- */
#JBcontent form.onewidecol label,
#JBcontent form.onexcol label,
#JBcontent form.onewidecol select,
#JBcontent form.onexcol select{
	display:			inline !important;
	width:				auto !important;
}

/* --- Legend --- */
#JBcontent #legend{
	list-type:			none;
	margin-left:		0;
}
#JBcontent #legend li{
	display:			inline;
	margin-right:		1.5em;
	list-type:			none;
}

/* 
========================
=== FIELDSET STYLES === 
========================
*/
#JBcontent fieldset{	
	margin:				0;
	padding:			0;
	border:				none;
}
#JBcontent form.onecol fieldset{	
	margin:				0 0 3px 0;
	padding-bottom:		10px;
}
#JBcontent form.styled fieldset h2 a,
#JBcontent form.styled fieldset h3 a,
#JBcontent table.results thead a{	
	color:				#ddd;
}
#JBcontent form.styled fieldset h2 a:hover,
#JBcontent form.styled fieldset h3 a:hover,
#JBcontent table.results thead a:hover{	
	color:				#fff;
}

/* 
=====================
=== FORM HEADINGS ===
=====================
*/
/* form fieldset legend */
#JBcontent form.styled fieldset h2{	
	margin:				0 0 7px 0;
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;
	color:				#fff;
	background:			#424242;
}
#JBcontent form.styled fieldset h3{	
	margin:				0 0 7px 0;
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;
	color:				#fff;
	background:			#424242;
}
#JBcontent form.styled fieldset p{	
	margin:				0 3px 8px 4px;
}
#JBcontent table.results thead{	
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;
	color:				#fff;
	background:			#424242;
}

/* 
=============================
=== FORM DEFINITION LISTS === 
=============================
*/
#JBcontent form.styled fieldset dl{	
	margin:				0 3px 0 7px;
}
#JBcontent form.styled fieldset dl dd{	
	margin:				0 0 10px 5px;
}

/* indent nested DLs */
#JBcontent form.styled dl dl{	
	margin:				1em 0 0 30px;
}
#JBcontent form.styled dl dl label{	
	display:			block;
	float:				left;
	width:				50px;
}
#JBcontent form.styled dl dl dt,
#JBcontent form.styled dl dl dd{	
	margin:				2px 0;
}
/* 	Added 2006-04-10 PJB
	These rules have been added to try to correct errors in the way the checkboxes and smallprint 
	were displaying.	*/
#JBcontent dt.checkboxfix{
	float:				none;
	display:			inline;
	margin:				0 0 0 0;
}
#JBcontent dd.checkboxfix{
	float:				none;
	display:			inline;
}
#JBcontent .checkboxfix #chkMarketing, #JBcontent .checkboxfix label{
	display:			inline;
}
#JBcontent dd.checkboxfix span.notes{
	display:			block;
	width:				auto!important;
	margin:				2px 8px 15px 5px;
}
#JBcontent #frmJobManager2{
	width:				100%;
	margin:				0 auto;
}
#JBcontent #frmJobManager2 table td{
	border-bottom:		1px solid #ddd;
}
#breadcrumbs{
	display:			none!important;
}

/* 
=============================
=== FORM FIELD EXCEPTIONS === 
=============================
*/
#JBcontent #strSalaryMax{
	width:				70px !important;
}
#JBcontent #strSalaryMin{
	width:				70px !important;
}
#JBcontent #lstSalaryFrame{
	width:				90px !important;
}
#JBcontent #lstStartYear{
	width:				auto !important;
}
#JBcontent #lstStartMonth{
	width:				auto !important;
}
#JBcontent #lstExpiryYear{
	width:				auto !important;
}
#JBcontent #lstExpiryMonth{
	width:				auto !important;
}
#JBcontent #strIssueNumber{
	width:				50px !important;
}
#JBcontent #strSecurityNumber{
	width:				50px !important;
}
#JBcontent #strBillingPostCode{
	width:				75px !important;
}
#JBcontent #strCompanyPostCode{
	width:				75px !important;
}
#JBcontent #strPostcode{
	width:				75px !important;
}
#JBcontent #lstTravel{
	width:				auto !important;
}
#JBcontent #lstJobType{
	width:				auto !important;
}
#JBcontent #lstFeatureScore{
	width:				auto !important;
}
#JBcontent #strAge{
	width:				40px !important;
}
#JBcontent #lstSortDir{
	width:				auto !important;
}
#JBcontent #strRemotePostID{
	width:				240px !important;
}
#JBcontent #dtPostDate{
	width:				100px !important;
}
#JBcontent #dtPostDateTo{
	width:				100px !important;
}
#JBcontent #lstPostedDate{
	width:				90px !important;
}
#JBcontent #lstCurrency{
	width:				90px !important;
}
#JBcontent #numQTY{
	width:				120px !important;
}
#JBcontent .lstDOBDay{
	width:				50px !important;
}
#JBcontent .lstDOBMonth{
	width:				75px !important;
}
#JBcontent .lstDOBYear{
	width:				75px !important;
}
#JBcontent #lstMonth{
	width:				75px !important;
}
#JBcontent #lstYear{
	width:				75px !important;
}
#JBcontent	.Country{
	width:				200px !important;
}
#JBcontent	#lstFolders{
	width:				250px !important;
}
input.file{
	width:				200px !important;
}

/* 
======================
=== TELL A FRIEND  === 
======================
*/
.tellafriendlink{ /* used by /classes/clsFeaturedAdvert.class.asp */ 
	margin-left:		340px;
}
.TellFriend{ /* Used by /cands/jobView.asp - the 'Tell a Friend' link (oddly enough!) */
	position:			relative;
	top:				10px;
	left:				0;
}

/* 
==================
=== NEWS PAGES === 
==================
*/
#NewsImage{
	clear: 				left;
	float: 				left;
	width: 				130px;
	height: 			60px;
	margin-bottom:	 	5px;
	padding:			5px 0 5px 0;
	border-bottom:		1px solid #666;
}
#NewsText{
	float: 				left;
	width: 				500px;
	height:				60px;
	margin-bottom: 		5px;
	padding:			5px 0;
	border-bottom:		1px solid #666;
	vertical-align:		top;
}

/*
====================================================================================================
=== CONTENT MANAGEMENT SYSTEM (CMS) ================================================================
====================================================================================================

========================
=== CMS EMAIL EDITOR === 
========================
*/
#JBcontent table.CMSEmailEditor{
	width:				500px;
	margin:				0;
	border:				1px solid #aaa;
	background:			#eee;
}
#JBcontent table.CMSEmailEditor thead{	
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;
	color:				#fff;
	background:			#424242;
}
#JBcontent table.CMSEmailEditor tbody{
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;
	color:				#000;
	background:			#eee;
}
#JBcontent table.CMSEmailEditor td.EmailData{	
	width:				47%;
}
#JBcontent table.CMSEmailEditor td.EmailID{	
	width:				5%;
	text-align:			center;
}
#JBcontent table.CMSEmailEditor textarea{
	width:				400px;
	height:				200px;
	margin:				0;
}

/* 
==================================
=== PAGE GROUPS EDITOR/MANAGER === 
==================================
*/
.multlistcol{
    font-size: 			1em;
    font-family: 		'Courier New', Courier;
}

/* 
=======================
=== PACKAGE MANAGER === 
=======================
*/
#frmPackage h2 label.activateCV{
	margin-left: 		85px;
	color:				#fff;
}
#frmPackage h2 label.activateAD{
	margin-left: 		45px;
	color:				#fff;
}

/*
===================================================================================================
=== STYLES ADDED BY RANDOM TECHIES, WHICH SHOULD REALLY BE MOVED TO A RELEVANT SECTION ABOVE ======
===================================================================================================
*/

























