@import url(undohtml.css);
/*		Undoes the basic set styles to negate any differences between browsers, for 
		instance <ul>s have very different levels of padding/margin in firefox versus IE */
		
@import url(nav.css);
/*		Applies styling to the main navigation bar */
	
@import url(jbmain.css);
/*		Imports the generic job board styles. */

/*********************
 *** GLOBAL STYLES *** 
 *********************/
body
{
   
	font:			70%/140% Verdana, sans-serif;
	color:			#232323;
	text-align:		center;
}


a
{
 text-decoration :none;   
   
}


#container{
	position:		relative; /* Position to relative in order to allow elements contained within to be positioned absolutely within #container */
	width:			995px;
	margin:			0 auto;
	text-align:		left;
}
h1, h2, h3, h4, h5, h6{
	margin:			0 0 1em 0;
	font:			bold 1.3em Verdana, sans-serif;
}


p{
	margin:			0 0 1em 0;
}
a{
	color:			#232323;
	text-decoration:underline;
}
a:hover{
	color:			#D54D27;
}
.left{
	float:			left;
}
.right{
	float:			right;
}
.noborder{
	border:			none!important;
}
.txtLeft{
	text-align:		left;
}
.txtRight{
	text-align:		right;
}
.txtCentre{
	text-align:		center;
}
.txtJustify{
	text-align:		justify;
}
.imgLeft{
	float:			left;
	margin:			0 10px 10px 0;
}
.imgRight{
	float:			right;
	margin:			0 0 10px 10px;
}
.imgCentre{
	display:		block;
	margin:			0 auto;
}
.textBrowser{
	display:		none;
}
.show{
	display:		block!important;
}

.floatHack{ /* See ie.css */
	clear:			both;
	visibility:		hidden;
	margin:			-1px 0 0 0;
	font-size:		1px;
	line-height:	1px;
	color:			transparent;
}

/**************
 *** HEADER *** 
 **************/
 

 
#top{
	height:			75px;
}
#top #logo{
	display:		block;
	position:		absolute;
	top:			7px;
	left:			5px;
}
#top #bannerAd{
	position:		absolute;
	top:			8px;
	right:			5px;
}
.homebannerH1{
	position:			absolute;
	top:				81px;
	right:				10px;
	font: 				bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:				#fff;
	z-index:			200;
}
.showHomebannerH1{
	position:			absolute;
	top:				227px;
	left:				310px;
	font: 				bold 1.1em Arial, Helvetica, sans-serif;
	font-style:			italic;
	letter-spacing:		1px;
	color:				#fff;
	z-index:			200;
}
#flash{
	margin-top:			-3px;
}

/***************
 *** CONTENT *** 
 ***************/
#content{
	position:		relative;
}



.spcontent {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-top:20px;
}

.spcontent h2{
	color : #1F1456;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 3px;
}

.spcontent h3{
	color : #D54D27;
	font-size : 11px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 3px;
}

.spcontent ul {
	list-style-type :disc;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.spcontent ol {
	list-style-type : decimal;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
}




/* Main Column */
#content.subpages{
	margin:			30px 0 0 0;
}
#main, #JBcontent{ /* See ie.css */
	position:		relative;
	float:			left;
	width:			720px; /* Total = 750px; */
	min-height:		187px;
	height :auto ;
	margin:			0;
	padding:		0 15px 25px 15px;
	background:		url(images/backgrounds/submain.png) bottom no-repeat;
}
#main h1, #JBcontent h1, #JBcontent .noHeader{
	margin:			0 -15px;
	padding:		6px 10px 10px 10px;
	font-weight:	bold;
	font-size:		1em;
	color:			#1F1456;
	background:		url(images/backgrounds/subheaderTXT1.png) no-repeat;
}

#main h3,#main .contactTable1 caption{
	margin-top:		0.7em;
	font-weight:	bold;
	color:			#D54D27;
	font-size:		11px;
}

#JBcontent .noHeader{
	padding:		30px 15px 1em 15px;
	font-weight:	normal;
}
#breadcrumbs
{
    position: absolute;
    top: -35px;
    left: 0;
    width: 965px;
    padding: 5px 5px 5px 25px;
    font: bold 0.9em Verdana, sans-serif;
    
    border-top: 1px solid #fff;
    color: #C0C0DB;
    background: #8C8A8D 10px 50%;
    z-index: 100;
} 
#breadcrumbs a, #JBcontent.login #breadcrumbs a{
	color:			#fff!important;
	text-decoration:none;
}
#breadcrumbs a:hover, #JBcontent.login #breadcrumbs a:hover{
	text-decoration:underline;
}
#candsArea, #clientsArea, #adminArea{ /* See ie.css */
	float:			right;
	position:		relative;
	top:			-30px;
	margin:			0 10px -22px 0;
	font:			bold 0.9em Verdana, sans-serif;
	color:			#fff;
	text-transform:	uppercase;
	z-index:		200;
}
#main .contactTable1{
	width:			100%;
}
#main .contactTable1 th{
	padding:		0.2em 0.4em;
	color:			#fff;
	text-align:		left;
	background:		#1F1456;
}
#main .contactTable1 .contactLocation{
	width:			35%;
}
#main .contactTable1 .contactTel{
	width:			35%;
}
#main .contactTable1 .contactFax{
	width:			30%;
}
#main .contactTable1 td{
	padding:		0.2em 0.3em;
}
#main .contactTable1 .shaded{
	background:		#eee;
}
#main .contactTable1 .contactCountry{
	font-weight:	bold;
	color:			#1C177B;
}
#main .contactTable1 .contactCountry img{
	margin:			0 5px 0 0;
}
#main .contactTable1 em{
	font-weight:	bold;
	font-style:		normal;
	color:			#F06622;
}
#main .contactTable1 .comingSoon{
	font-style:		italic;
	color:			#1D4698;
}
#main .contactTable1 .email td{
	padding-top:	1.5em;
	/*padding-bottom:	1.5em;*/
}
#main .contactTable2{
	width:			100%;
}
#main .contactTable2 th{
	width:			35%;
	font-weight:	bold;
}
#main .contactTable2 td{
	width:			65%;
}

#main .contactH3{
	margin:			2em 0 1em 0;
	padding:		1em 0 0 0;
	border-top:		1px solid #1C177B;
}




#jobseekersReg img, #employersReg img {
	margin-left: 53px; 
}

.jobseekersReg ul, .employersReg ul{
	list-style:		none;
	font-size: 9px;
	margin-left: 1px;
	*margin-left: 5px; 	/* IE7> Hack */
	margin-bottom: 10px;
}
.jobseekersReg ul li, .employersReg ul li{
	padding-left:	9px;
	background:		url(images/icons/bullet01.png) no-repeat 0 7px;
}

/* Employers Bar */
#employers{ /* See ie.css */
	float:			right;
	width:			230px;
	
	height :auto ;
	padding-bottom:	5px;
	background:		url(images/backgrounds/employers-sidebar.png) bottom no-repeat;
}
#employers .employersH2{
	margin:			0;
	padding:		8px 10px;
	font-weight:	bold;
	font-size:		1em;
	color:			#fff;
	background:		url(images/backgrounds/headerTXT2.png) no-repeat;
}
#employers li{
	float:			left;
	width:			50%;
	margin:			5px 0;
	text-align:		center;
}
 
/**************
 *** FOOTER *** 
 **************/
#footer
{
    position :relative ;
   
    margin-bottom: auto ;
   
 	clear:			both;
	padding:		3px 0;
	
}
#footer ul
{
    margin-bottom: auto ;
	font-weight:	bold;
	font-size:		0.9em;
}
#footer ul li
{
    margin-bottom: auto ;
	float:			left;
	
}
#footer ul li a
{
    margin-bottom: auto ;
    
	padding:		0 5px;
	text-decoration:none;
	border-left:	2px solid #888;
}
#footer ul li.footnav a
{
   margin-bottom: auto ;
	margin-left:	20px;
	border-left:	none;
}

/*****************
 *** JOB BOARD *** 
 *****************/
#JBcontent .results{ /* See ie.css */
	clear:			both;
	font-size:		0.9em;
}
#JBcontent .results a{
	font-weight:	bold;
	color:			#F06622;
}
#JBcontent .results a:hover{
	color:			#D30000;
}

#JBcontent .submit
{
    color: #FF6600;
    font-weight :bold ;
    font-size :x-small ;
}
#JBcontent form.styled fieldset h2, #JBcontent form.styled fieldset h3, #JBcontent table.results thead,
#JBcontent table.CMSEmailEditor thead{	
	background:		#8C8A8D;
}
#JBcontent #legend
{	list-type:			none;
	margin:				0 0 1em 0;}
#JBcontent #legend li
{	list-type:			none;
	margin-right:		1em;
	display:			inline;}
#JBcontent #jobManSelected{
	position:		relative;
	right:			-86px;
	float:			right;
}
#JBcontent #frmCVBuilder{
	width:			700px;
}
.advertisers h2, .advertisers h3{
	font-size:		1.1em;
}
.advertisers ol li{
	position:		relative;
	}
/* Jobindex page */
#JBcontent .indexlink{
	font-weight:	bold;
}
#JBcontent .indexlink ul{
	display:		block;
	font-weight:	normal;
	width:			330px;
	height:			300px;
	margin:			5px 8px 15px 0;
	padding:		5px;
	overflow:		auto;
	border:			1px solid #bbb;
}
#JBcontent .onewidecol{
	width:			100%!important;
}
#JBcontent .cvadd p img{
	position:		relative;
	top:			2px;
	padding-right:	2px;
}
#JBcontent.menu ol{
	width:			100%!important;
}
#JBcontent #jobManSelected{
	margin-right:	85px;	
}
#cvStatusActive {
	color: Green;
	font-weight: bold;
}
#cvStatusInactive {
	color: 	red;
	font-weight: 	bold;
}
#JBcontent .ToDate{ /* See ie.css */
	position:		relative;
	top:			-42px;
	left:			0px;
}
#JBcontent dd.ToDate{
	margin-bottom:	-35px!important;
}
.JobSearches, .JobHits, .JobApplications{
	font-weight:	bold;
	text-align:		center!important;
}
.JobSearches{
	color:			#FF9900;
}
.JobHits{
	color:			#00BB00;
}
.JobApplications{
	color:			#0066CC;
}
#JBcontent.login a, #JBcontent.CVsearch p a, #JBcontent.jobSearch p a{
	font-weight:	bold;
	color:			#F06622;
}
#JBcontent.login a:hover, #JBcontent.CVsearch p a:hover, #JBcontent.jobSearch p a:hover{
	color:			#D30000;
}

#JBcontent .ImportantText{
	color:			#ff0000;
	font-weight:	bold;
}
/*****************
 *** CMS PAGES ***
 *****************/


/**************
 *** POP UP *** 
 **************/
#popUp{
	width:			100%!important;
}
#popUp #container{
	position:		relative; /* Position to relative in order to allow elements contained within to be positioned absolutely within #container */
	width:			94%!important;
	margin:			0 auto;
	text-align:		left;
}
#popUp #top{
	height:			60px;
}
#popUp #breadcrumbs{
	position:		absolute;
	top:			-28px;
	left:			0;
	width:			720px;
	padding:		5px 5px 5px 25px;
	font:			bold 0.9em Verdana, sans-serif;
	color:			#C0C0DB;
	border-top:		1px solid #fff;
	background:		url(images/icons/selected-chevron.png) no-repeat 10px 50% #63629E;
	z-index:		100;
}
#popUp #homebannerH1{
	position:			absolute;
	top:				30px;
	right:				0px;
	font: 				bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:				#F16723;
	z-index:			200;
}
#popUp #main, #popUp #JBcontent{
	margin-bottom:		0;
}
#popUp #footer ul{
	margin:				0;
}

#JBcontent	.JobCurrency{
	width:100px !important;
}
#JBcontent .CVStats{
	position:		absolute;
	top:			106px;
	right:			21px;
	padding:		10px 10px 5px 10px;
	border:			1px solid #C2D7E0;
	background:		#FCFEFF;
	z-index:		100;
}
#JBcontent .CVStats p{
	margin:			0 0 5px 0;
}


#JBcontent .tellafriendlink
{
	margin-left:	330px;
}





#JBcontent input.text{width:160px;}

#homepage #cands #search input:hover
{
   border-color :#FF9900; 
}