/******************************
**   Hide unwanted content   **
*******************************/


/***************************************
**   BASIC JOB CONTAINER FORMATTING   **
***************************************/
#JBcontent
{	padding:			0.5em;}

#JBcontent h1
{	margin-bottom:		1em;}

#JBcontent p
{	margin:				0 0 1em 0;}

#JBcontent a img
{	border:				none;}

#JBcontent input, #JBcontent select, #JBcontent textarea{
	padding:			1.2pt;
	font-size:			0.9em;
}

/*************************************
**   BASIC JOB CONTAINER MESSAGES   **
*************************************/
#JBcontent .error
{	color:				#a00;
	font-weight:		bold;}
	
#JBcontent .message
{	color:				#0a0;
	font-weight:		bold;}

#JBcontent .debug
{	margin:				0;
	background:			#000;
	color:				#ccc;
	font-weight:		bold;
	font-family:		"Courier New", fixed;}




/****************************************
**   BASIC JOB CONTAINER FORM FIELDS   **
****************************************/
#JBcontent .radiolabel
{
	font-weight:		bold;
	color:				#558;
}

#JBcontent label
{	font-weight:		bold;
	color:				#558;}

#JBcontent select
{	font-size:			0.9em;
	width:				90%;
	border:				0.75pt solid #000;
}

#JBcontent textarea
{	font-size:			0.9em;
	width:				95%;
	border:				0.75pt solid #000;
}

#JBcontent input
{	font-size:			0.9em;}
#JBcontent input.submit, #JBcontent button
{	font-weight:		normal;
	color:				#000;}
#JBcontent input.text
{	width:				55%;
	border:				0.75pt solid #000;
}

#JBcontent form.styled span.required
{	padding-left:		4px;
	color:				#c00;}
	
#JBcontent form.styled span.notes
{	font-size:			0.8em;
	color:				#ddd;
	width:				75%;}
/* if the column is wider it's probably for a textarea, so keep the selects and texts narrow */
#JBcontent form.twocol td.wide input.text, 
#JBcontent form.twocol td.wide select,
#JBcontent form.twocol td.wide span.notes
{	width:				38%;}

	
	
/****************************
**   VARIOUS 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;
	vertical-align:		top;
	padding:			0;}
#JBcontent form.twocol td.wide
{	width:				600px;
	padding:			0;}

/* single wide column form */
#JBcontent form.onewidecol
{	width:				500px;
	margin:				0 auto;}
	
#JBcontent form.onecol fieldset,
#JBcontent form.onewidecol fieldset,
#JBcontent form.twocol td,
#JBcontent table.results
{	
	border:				1pt solid #777;
}

#JBcontent table.results .bold_txt td{font-weight:bold;}

	
	
/************************
**   FIELDSET STYLES   **
************************/
#JBcontent fieldset
{	border:				none;
	margin:				0;
	padding:			0;}
#JBcontent form.onecol fieldset
{	margin:				0 0 3px 0;
	/* Added 2006-10-04 PJB.  Fixes no bottom padding problem in Moz/other half decent browsers */
	padding-bottom:		1em;
	*padding-bottom:	0px;
}

	
	
	
/**********************
**   FORM HEADINGS   **
**********************/
/* form fieldset legend */
#JBcontent form.styled fieldset h2
{	color:				#000;
	margin:				0 0 0.7em 0;
	padding:			0.5em 1em;
	font-weight:		bold;
	font-size:			1em;}
	
#JBcontent form.styled fieldset h3
{	color:				#000;
	margin:				0 0 0.7em 0;
	padding:			0.5em 1em;
	font-weight:		bold;
	font-size:			1em;}
	
#JBcontent form.styled fieldset p
{	margin:				0 3px 8px 4px;}
	
#JBcontent table.results thead
{	color:				#000;
	padding:			0.5em 1em;
	font-weight:		bold;
	font-size:			1em;}


#jbcontent table.CMSEmailEditor{
	width:				500px;
	margin:				0;
	border:				1pt solid #777;
}
#JBcontent table.CMSEmailEditor thead
{	color:				#000;
	padding:			0.5em 1em;
	font-weight:		bold;
	font-size:			1em;}

#JBcontent table.CMSEmailEditor tbody
{	color:				#000;
	padding:			0.5em 1em;
	font-weight:		bold;
	font-size:			1em;}

#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;
}

#JBcontent form.styled fieldset h2 a,
#JBcontent form.styled fieldset h3 a,
#JBcontent table.results thead a
{	color:				#ddd;}


/******************************
**   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;}
/* Set up checkbox position. */
/*#JBcontent dt.checkboxfix{
	float:				left;
	margin:				0 5px 0 0;
	*margin:			2px 0 0 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 0px 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;
}	


/******************************
**   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;}

input.file						{width:200px !important;}


#JBcontent .savedsearch dl{margin-top:3px;}
#JBcontent .savedsearch dt{float:left;display:block;width:100px;clear:both;margin-bottom:8px;}
#JBcontent .savedsearch dd{display:block;width:300px;margin-bottom:8px;float:left;}
	
/**********************
**   RESULTS TABLE   **
**********************/
#JBcontent table.results
{	border-collapse:	collapse;
	margin-bottom:		3px;}
#JBcontent table.results td,
#JBcontent table.results th
{	text-align:			left;
	padding:			0.4em 1em;} 


	
	
/**********************
**   VIEWING PAGES   **
**********************/
#JBcontent.jobPreview dd,
#JBcontent.compView dd,
#JBcontent.CVview dd,
#JBcontent.jobView dd
{	margin-bottom:		4px;
	float:				none !important;}

#JBcontent.jobPreview dt,
#JBcontent.compView dt,
#JBcontent.jobView dt,
#JBcontent.CVview dt
{	font-weight:		bold;
	display:			inline !important;}


	
/**********************
**   ODDS AND SODS   **
**********************/
#JBcontent .longURL{
	overflow:			hidden; /* For non IE browsers */
	word-break:			break-all; /* For IE */
}
#JBcontent form.onewidecol label,
#JBcontent form.onewidecol select
{	display:			inline !important;
	width:				auto !important;}

#JBcontent #legend
{	list-type:			none;
	margin-left:		0;}
#JBcontent #legend li
{	list-type:			none;
	margin-right:		1.5em;
	display:			inline;}
	
#JBcontent table tr.zebra1, #JBcontent table tr.zebra2,
#JBcontent table tr.dblzebra1, #JBcontent table tr.dblzebra2,
#JBcontent table tr.dblzebra3, #JBcontent table tr.dblzebra4{
	border-bottom:		0.75pt solid #ccc;
}

/*********************
**   SAVED SEARCH   **
*********************/
.savedsearch{
	border:				1pt solid #777;
	padding:			0 0 0 10px;
	margin:				1em;
	width:				75%;
}
.savedsearch h2{
	font-size:			1em;
	margin:				0 0 0 -10px;
	padding:			2px 6px 2px 4px;
	color:				#000;
}
.savedsearch h2 a{		
	color:				#ddd;
	font-weight:		normal;
}
.savedsearch h2 a:hover{
	color:				#fff;
}
.savedsearch dt{
	font-weight:		bold;
}
.savedsearch dl{
	margin-bottom:		2px;
}
.savedsearch dd{
	margin-bottom:		2px;
}
.savedsearch form{
	margin-bottom:		8px;
}
.savedsearch p{
	margin-top:			0;
}
.savedsearch select{
	width:				auto !important;
}

/* === PROGRESS BAR === */
#progress{
	height:			27px;
	width:			541px;
	margin: 		20px 0;
	*margin: 		15px 0;
	padding: 		0;
	white-space: 	nowrap;
}
#progress p{
	float:			left;
	width:			120px;
	margin:			6px 0 0 0;
	padding:		0;
	font: 			0.9em verdana, arial, sans-serif;
	color: 			#242424;
	text-align:		center;
}
/*#progress p.step1, #progress p.step2, #progress p.step3, #progress p.step4, #progress p.step5{
	margin-left:	4px;
}*/
#progress p.step1{
	margin:		6px 0 0 13px;
	*margin:	6px 0 0 7px;
}
#progress p.step2{
	margin:		6px 0 0 11px;
}
#progress p.step3{
	margin:		6px 0 0 15px;
}
#progress p.step4{
	margin:		6px 0 0 9px;
}
#progress p.step5{
	margin:		6px 0 0 8px;
}

/* == ADVERTISERS PAGE === */

.advertisers ol {
	border-bottom: 1pt solid #000;
	margin-bottom: 10px;
}

.advertisers ul {
	border:0px;
}

.advertisers ol li{
	list-style-type		:none;
	border-top			:0.75pt solid black;
	padding				:15px 0px 10px 10px;
	margin				:0px;
	}

.advertisers ul li{
	list-style-type		:none;
	padding				:8px 0px 0px 10px;
	margin				:5px;
	border-top			:0px;
	}

.ad_button {
	padding:0px 0px 0px 5px;
	vertical-align:text-bottom;
	border:0px;
	}

/* == Admin Page === */

.AdminMenu_1 { 
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_2 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_4 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;
}

.AdminMenu_8 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;
}

.AdminMenu_16 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;
}

.AdminMenu_32 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_64 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_128 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_256 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_512 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_1024 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_2048 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_4096 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_8192 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_16384 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_32768 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_65536 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.AdminMenu_131072 {
	padding:		1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}


.adminlogoff {
	padding:		1em;
}

.tellafriendlink {
	margin-left:340px;
}

.menu ol{ /* Menu OL */
	width:			600px;
	margin:			0 0 0 0;
	padding:		0 0 0 0;
	list-style:		none;
	border:				1pt solid #777;
}
.menu .cvadd{ 
	padding:		0.5em 1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.menu .jobman{ 
	padding:		0.5em 1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}


.menu .purchasecredits{ 
	padding:		0.5em 1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}


.menu .cvsearch{ 
	padding:		0.5em 1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.menu .compedit{ 
	padding:		0.5em 1em;
	border-bottom:	0.75pt solid #C2D7E0;		
}

.menu .jobsearch{ /* "Job Search" LI */
	padding:		0.5em 1em;
	border-top:		0.75pt solid #FBFBFB;
	border-bottom:	0.75pt solid #C2D7E0;
}

.menu .jobsbyemail{ /* "Job Search" LI */
	padding:		0.5em 1em;
	border-top:		0.75pt solid #FBFBFB;
	border-bottom:	0.75pt solid #C2D7E0;
}
.menu .jobapplications{ /* "My Job Applications" LI */
	padding:		1em;
	border-top:		0.75pt solid #FBFBFB;
	border-bottom:	0.75pt solid #C2D7E0;
}
.menu .candregisteredit{ /* "Amend Login Details" LI */
	padding:		0.5em 1em;
	border-top:		0.75pt solid #FBFBFB;
	border-bottom:	0.75pt solid #C2D7E0;
}
.menu .logoff{ /* "Logout" LI */
	padding:		0.5em 1em;
	border-top:		0.75pt solid #FBFBFB;
}
.menu p
{	margin:			2px 0 6px 0;}

#fldCompView img {
	padding:8px;
}

#indexmenu li{
	list-style-type:none!important;
}

#indexmenu .indexlink {
	float:left;
	padding:0px 10px 10px 0px;
}

#indexmenu .indexlink ul {
	padding:0px 0px 0px 10px;
	}

.clientlist div {
	text-align:center;
}
.clientlist table th {
	color:#fff;
}


/* make these spans appear as if paragraphs */
.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 {
	padding:5px 0 0 0;
	margin:0 0 10px 0;
	list-style-type:none;
}

#jobdocs li{
	width:230px;
/*	border:1px solid red;*/
	padding:0 0 0 10px;
	margin:0px;
	float:left;
}

#jobdocs li a{
	display:block;
	padding:10px 5px 10px 45px;
	width:100%;
}
/******************
**   CMS PAGES   **
*******************/




