/***************************************
**   BASIC JOB CONTAINER FORMATTING   **
***************************************/
#JBcontent
{	padding:			10px;
 	
 	
 	}

#JBcontent h1
{	margin-bottom:		11px;
 	color:White ;
 	}

#JBcontent p
{	margin:				0 0 1em 0;}

#JBcontent a img
{
    text-decoration :underline;
    border:				none;}

#JBcontent h4
{	font-size:			1.1em;}





/*************************************
**   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 .FromDate{ /* See ie.css */
                   
                    min-height :50px;
                      
}

#JBcontent label
{	cursor:				pointer;
	font-weight:		bold;
	color:				#558;}

#JBcontent select
{	font-size:			1em;
	width:				90%;
	border-color:		#99b #779 #779 #99b;
	border-width:		1px;
	border-style:		solid;}

#JBcontent textarea
{	font-size:			1.2em;
	width:				95%;
	border-color:		#99b #779 #779 #99b;
	border-width:		1px;
	border-style:		solid;}
/*#JBcontent .onecol textarea{
	width:				270px;
}*/
#JBcontent input
{	font-size:			1em;}
#JBcontent input.submit, #JBcontent button
{
   color: #FF6600;
    font-weight :bold ;
  font-size :x-small ;
  font-family :Verdana ;

 
}


	
	#JBcontent input.submit_m, #JBcontent button
{
    font-weight: bold ;
    color: #FFFFFF;
    background: #FF5F11;
    cursor: pointer;
    border: medium none #FFFFFF;
    font-size :smaller  ;
}



#JBcontent input.text
{	
	/*width:				55%;*/
	width:				160px;
	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;
	width:				75%;}
#JBcontent form.styled span.notes em{
	font-style:			normal;
	color:				#dd0000;
}
/* 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
{	clear:				both;
 	border-color :Orange;
	border:				1px solid #aaa;
	background:			#F8F8F8;
	
	
	
	}




#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;
	padding-bottom:		10px;
}

	
	
	
/**********************
**   FORM HEADINGS   **
**********************/
/* form fieldset legend */
#JBcontent form.styled fieldset h2
{	background:			#868686;
	color:				#fff;
	margin:				0 0 7px 0;
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;
	
	
	}
	
#JBcontent form.styled fieldset h3
{	background:			#424242;
	color:				#fff;
	margin:				0 0 7px 0;
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;}
	
#JBcontent form.styled fieldset p
{	margin:				0 3px 8px 4px;
 	
 	}
	
#JBcontent table.results thead
{	background:			#424242;
	color:				#fff;
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;}



#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 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;
}	
#JBcontent #frmJobManager2{
	width:				100%;
	margin:				0 auto;
}


/******************************
**   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:75px; 
		 }
#JBcontent .lstDOBMonth	
		{
		    width:75px ;
		 }
#JBcontent .lstDOBYear	
	{
	    width:75px ;
	  }

#JBcontent #lstMonth			{width:75px !important;}
#JBcontent #lstYear				{width:75px !important;}

#JBcontent	.Country			{width:200px !important;}
#JBcontent	#lstFolders			{width:250px !important;}
#JBcontent	#lstStoreFolders	{width:250px !important;}

input.file						{width:200px !important;}


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

/* RESULTS TABLE COLUMN WIDTH SETTINGS */
#JBcontent .results th{
	padding:		3px 6px!important;
}
#JBcontent .results td{
	padding:		3px 6px!important;
}
/*	Total width of these THs should be 100% remember to include padding in this figure
	Unless a site displays all of there columns, you'll probably need to write some site
	specific styles to make sure that the columns they do have equal 100% */
#JBcontent .results th#colCheckbox{ 		/* Checkbox Column */
	width:			1%!important;
}
#JBcontent .results th#colHeaderFeatured{	/* Featured Job Star Column */
	width:			1%!important;
}
#JBcontent .results th#colHeader1{			/* Job Title Column */
	width:			30%!important;
}
/*	Bear in mind that custom fields can be anything (so in SITE A, colHeader2 might
	be 'Country', whereas in SITE B, colHeader2 might be 'Job Type', etc.  So please take
	this into account when setting the widths on the generic system.  Just because a given
	width works on one site, does NOT mean that it will work on another.  If you change
	these settings, remember to THOROUGHLY test on ALL of the job board sites. */
#JBcontent .results th#colHeader2{			/* Custom Head 1 */
	width:			14%!important;
}
#JBcontent .results th#colHeader3{			/* Custom Head 2 */
	width:			14%!important;
}
#JBcontent .results th#colHeader4{			/* Custom Head 3 */
	width:			14%!important;
}
#JBcontent .results th#colHeader5{			/* Custom Head 4 */
	width:			14%!important;
}
#JBcontent .results th.DateDisplay{			/* Date Posted Column */
	width:			12%!important;
}
/* ======================================= */


	
	
/**********************
**   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;
    color: #2E2E2E;
    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{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;}

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



.savedsearch
{
    background: #F5F5F5;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    padding: 0 0 0 10px;
    margin: 1em;
    width: 75%;
    font-size :.9em;
    
}
.savedsearch h2
{
    font-size:small     ;
    
    font-weight :bold  ;
    margin: 0 0 0 -10px;
    padding: 2px 6px 2px 4px;
    background: #EBEBEB;
    color: #1F1456;
    
}
.savedsearch h2 a
{
    color: #F06622;
    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;
}


/* === REG PROGRESS BAR === */
#progressReg{
	height:			27px;
	width:			410px;
	margin:			20px auto;
/*	margin: 		20px 0;*/
	* html margin: 		15px auto;
	padding: 		0;
	white-space: 	nowrap;

}
#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;
}
/*#progressReg p.step1, #progressReg p.step2, #progressReg p.step3, #progressReg p.step4, #progressReg p.step5{
	margin-left:	4px;
}*/
#progressReg p.step1{
	margin:		6px 0 0 13px;
	*margin:	6px 0 0 5px;
}
#progressReg p.step2{
	margin:		6px 0 0 11px;
}
#progressReg p.step3{
	margin:		6px 0 0 15px;
}


/* === JOB PROGRESS BAR === */
#progress{
	height:			27px;
	width:			541px;
	margin: 		20px 0;
	* html 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 11px;
	*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;
}

/* == ADVERTISERS PAGE === */

.advertisers ol {
	border-bottom: 1px solid black;
	margin-bottom: 10px;
}

.advertisers ul {
	border:0px;
}

.advertisers ol li{
	list-style-type		:none;
	border-top			:1px 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;
	}
	
.advertisers_top{
	background-image	:url(jbimages/advertise/post-a-single-job.gif);
	background-repeat	:no-repeat;
	background-position	:210px 4px;
}

.advertisers_middle{
	background-image	:url(jbimages/advertise/buy-job-packs.gif);
	background-repeat	:no-repeat;
	background-position	:150px 4px;
	}

.advertisers_bottom{
	background-image	:url(jbimages/advertise/monthly-advertising.gif);
	background-repeat	:no-repeat;
	background-position	:240px 4px;
}

.ad_button {
	padding:0px 0px 0px 5px;
	vertical-align:text-bottom;
	border:0px;
	}

.tellafriendlink {
	margin-left:340px;
}

.menu ol{ /* Menu OL */
          color :Navy;
	width:			600px;
	margin:			0 0 0 0;
	padding:		0 0 0 0;
	list-style:		none;
	border:			1px solid #B5CFD9;
	background:		#EEF4F7;
}
.menu .cvadd 
{
    color :Navy;
	padding:		10px 10px 10px 65px;
	border-bottom:	1px solid #C2D7E0;		
	background:		url(jbimages/icons/cvadd.png) no-repeat 6px 12px;
}

.menu .jobman{ 
	padding:		6px 10px 7px 65px;
	border-bottom:	1px solid #C2D7E0;		
	background:		url(jbimages/icons/job_manager.png) no-repeat 6px 8px;
}
.menu .jobCreditReport{
	padding:		6px 10px 7px 65px;
	border-bottom:	1px solid #C2D7E0;		
	background:		url(jbimages/icons/job-credit-history.png) no-repeat 6px 8px;
}


.menu .CVCreditReport{ 
	padding:		6px 10px 7px 65px;
	border-bottom:	1px solid #C2D7E0;		
	background:		url(jbimages/icons/cv-credit-history.png) no-repeat 6px 8px;
}


.menu .purchasecredits{ 
	padding:		6px 10px 7px 65px;
	border-bottom:	1px solid #C2D7E0;		
	background:		url(jbimages/icons/purchase_credits.png) no-repeat 6px 8px;
}


.menu .cvsearch{ 
	padding:		6px 10px 7px 65px;
	border-bottom:	1px solid #C2D7E0;		
	background:		url(jbimages/icons/search_cvs.png) no-repeat 6px 8px;
}

.menu .compedit{ 
	padding:		6px 10px 7px 65px;
	border-bottom:	1px solid #C2D7E0;		
	background:		url(jbimages/icons/company_details.png) no-repeat 6px 8px;
}

.menu .jobsearch{ /* "Job Search" LI */
	padding:		10px 10px 10px 65px;
	border-top:		1px solid #FBFBFB;
	border-bottom:	1px solid #C2D7E0;
	background:		url(jbimages/icons/jobsearch.png) no-repeat 6px 15px;
}
.menu .useredit{
	padding:		6px 10px 7px 65px;
	border-bottom:	1px solid #C2D7E0;
	background:		url(jbimages/icons/manage-users.png) no-repeat 6px 8px;
}
.menu .folderedit{
	padding:		6px 10px 7px 65px;
	border-bottom:	1px solid #C2D7E0;
	background:		url(jbimages/icons/manage-folders.png) no-repeat 6px 8px;
}

.menu .jobsbyemail{ /* "Job Search" LI */
	padding:		10px 10px 10px 65px;
	border-top:		1px solid #FBFBFB;
	border-bottom:	1px solid #C2D7E0;
	background:		url(jbimages/icons/jobsbyemail.png) no-repeat 6px 15px;
}
.menu .searchjobsbyemail{ /* "Job Search" LI */
	padding:		10px 10px 10px 65px;
	border-top:		1px solid #FBFBFB;
	border-bottom:	1px solid #C2D7E0;
	background:		url(jbimages/icons/search-cands-emails.png) no-repeat 6px 15px;
}
.menu .jobapplications{ /* "My Job Applications" LI */
	padding:		10px 10px 10px 65px;
	border-top:		1px solid #FBFBFB;
	border-bottom:	1px solid #C2D7E0;
	background:		url(jbimages/icons/jobapplications.png) no-repeat 6px 15px;
}
.menu .candregisteredit{ /* "Amend Login Details" LI */
	padding:		10px 10px 10px 65px;
	border-top:		1px solid #FBFBFB;
	border-bottom:	1px solid #C2D7E0;
	background:		url(jbimages/icons/candregisteredit.png) no-repeat 6px 15px;
}
.menu .logoff{ /* "Logout" LI */
	padding:		10px 10px 14px 65px;
	border-top:		1px solid #FBFBFB;
	background:		url(jbimages/icons/logoff.png) no-repeat 6px 0px;
}
.menu p
{	margin:			2px 0 6px 0;}
#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;
}
#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;
}

#JBcontent.CVadd dl.CVSalaryFields{
	margin-bottom:		1em;
}
#JBcontent.CVadd dl.CVSalaryFields dt{
	display:			inline;
}
#JBcontent.CVadd dl.CVSalaryFields dd{
	display:			inline;
	margin-right:		2em;
}


/* --- News Format --- */

.NewsItem{
	/*border:	1px solid red;*/
	height: 60px;
	border-bottom: 	1px solid #666;
}

.NewsImage{
	width: 			130px;
	float: 			right;	
	margin-bottom: 	5px;
	padding:		5px 0 5px 0;
	/*clear: 			left;*/
	/*height: 		60px;		*/
}

.NewsText {
	width: 			500px;
	/*height:			60px;*/
	float: 			left;
	vertical-align: top;
	margin-bottom: 	5px;
	padding:		5px 0 5px 0;	
}


/* 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{
	background: url(jbimages/icons/download.png) no-repeat 15px 0px;
	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%;
}

.multlistcol
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Courier New', Courier
}
/******************
**   CMS PAGES   **
*******************/



#frmPackage h2 label.activateCV{

	margin-left: 85px;
	color:		#fff;

}

#frmPackage h2 label.activateAD{

	margin-left: 45px;
	color:		#fff;

}

#JBcontent #SalaryOptions label{
	width: 80px;
}

/* Show / Hide rules for job results (description section) */
.JobResultsDescriptionShow{
	display:		table-row;
	 font-family : Arial;
	 font-size : x-small;
	 font-weight: normal;
}
.JobResultsDescriptionHide{
	position:		absolute;
	top:			-10000px;
	/*	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, IE (what a surprise!) feels the need to arbitrarily 
		change the widths set on the table headers (effectively wth widths of the columns).  Which, oddly enough, results in a very 
		jerky and obvious shudder when the hide rule is applied.  */
}

.LinkShow{
	text-decoration: underline;
}

.LinkHide{
	text-decoration: none;
}

#fldCompEdit5{
	float:	left;
	width:	50%;
}

fldCompEdit6{
	float:	left;
	width:	50%;
}



#JBcontent.compadd .LoggedOnUser, #JBcontent .LoggedOnDate{
	width:				100%;
	margin-bottom:		0;
	text-align:			left;
}
#JBcontent.compadd .LoggedOnLabel{
	display:			block;
	float:				left;
	width:				20%;
}
#JBcontent.compadd .LoggedOnData{
	display:			block;
	float:				right;
	width:				80%;
	font-weight:		bold;
}
#JBcontent .LoggedOnDate .LoggedOnData, #JBcontent .LoggedOnDate .LoggedOnLabel{
	margin-bottom:		1.5em;
}

.JobAppDisplayLink{
	float:			right;
	margin-right:	25px;
}

.JobAppDisplayApps
{
   
	float:			left;
}

#JBcontent #CVStepLinks{
	margin:			0 auto 5px 0;
	color:			#555;
	text-align:		center;
}
#JBcontent #CVStepLinks li{
	display:		inline;
	padding:		0 10px;
}
#JBcontent #CVStepLinks li a{
	color:			#ff6600;
}


/*
====================
=== POPUP STYLES ===
====================
*/
body#popup{
	text-align:			justify;
	background:			#fff;
}
#popupHeader, #popupContainer, #popupFooter, #popupContainer table{
	width:				96%;
	padding:			0 2%;
	font-size:			1em;
}
#popupHeader{
	margin:				0 0 15px 0;
	padding-top:		5px;
	padding-bottom:		15px;
	text-align:			left;
	border-bottom:		5px solid #000066;
}
#popupContainer h1{
	font:				bold 1.5em Arial, Helvetica, sans-serif;
}
#popupContainer #JBcontent{
	background:			#fff;
}
#popupFooter{
	clear:				both;
	margin:				1.5em 0 0 0;
	padding-top:		0.75em;
	text-align:			left;
	border-top:			5px solid #000066;
}
#popupFooter a.close{
	height:				2em;
	padding:			4px 1em 4px 1.7em;
	text-decoration:	none;
	border:				1px solid #ccc;
	background:			url(jbimages/icons/cross.gif) no-repeat 0.3em #f5f5f5;
}

#JBcontent.compadd .LoggedOnUser, #JBcontent.compadd .LoggedOnDate{
	clear:				both;
	width:				100%;
	margin-bottom:		0;
	text-align:			left;
}
#JBcontent.compadd .LoggedOnLabel{
	display:			block;
	float:				left;
	width:				13em;
}
#JBcontent.compadd .LoggedOnData{
	display:			block;
	float:				left;
	width:				auto;
	font-weight:		bold;
}
#JBcontent .LoggedOnDate .LoggedOnData, #JBcontent .LoggedOnDate .LoggedOnLabel{
	margin-bottom:		1.5em;
}
#JBcontent.compadd .compAddIntro{
	clear:				both;
	margin-top:			10px;
}




/*Modal Popup*/
.modalBackground
{
    background-color: #A8D3FF;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	top :3px;
	width:350px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.reporttable
{
	
	border-style: none solid solid solid;
	border-width: thin;
	
	top:1px;
	
	
	border-color: #F2F2F2;
	
	
}

.testboxkeywords
{
    width: 300px;
    height: 20px;
    border-width: thin;
    background-color: #F2FAFF;
    border-style:inset;
}
.company_mess
{
    border: 1px solid  #F06622;
    color: #F06622;
    font-family: Verdana;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #F8F8F8;
    
}
.company_arrb
{
    color: #F06622;
    font-family :Verdana ;
    font-size :medium;
    font-weight :bold ;
    
}

#JBcontent form.styled fieldset h2
{	background:			#868606;
	color:				#fff;
	margin:				0;
	padding:			 5px 10px;
	font-weight:		bold;
	font-size:			1em;
	text-align:         center;
}
#JBcontent form.twocolNew
{
    width:				700px;
	margin:				0;
}
#JBcontent form.twocolNew td.normal
{	clear:				both;
	border:				1px solid #aaa;
	background:			#F8F8F8;
	width:				300px;
	vertical-align:		top;
	padding:			0;	
}
#JBcontent form.twocolNew td.widenew
{
    width:710px;
	padding: 0px;
}




/*AutoComplete flyout */
.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: White ;
    color: windowtext;
    border: 1px outset #F46200;
    overflow: auto;
    min-height :20px;
    height: auto;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #FF6600;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/*AutoComplete flyout */
.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: White ;
    color: windowtext;
    border: 1px outset #F46200;
    overflow: auto;
    min-height :20px;
    height: auto;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #FF6600;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.jobtoexp
{
  height:75px;
  width:290px;
   position:absolute;
   top:46px;
   left:440px;
}