@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 */
	

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


/* Candidates Bar */
#homepage #cands{
	position:		relative;
	float:			left;
	width:			209px;
}
#homepage #cands .searchH2{
	margin:			0;
	padding:		5px 10px;
	font-weight:	bold;
	font-size:		1em;
	color:			#fff;
	background:		url(images/backgrounds/headerTXT3.png) no-repeat;
}
#homepage #cands #search{
	width:			189px;
	padding:		3px 10px 7px 10px;
	background:		url(images/backgrounds/cands-sidebar.png) bottom no-repeat;
}
#homepage #cands #search input{
	width:			180px;
	padding:		2px 0;
	border:			1px solid #829EB4;
}
#homepage #cands #search #localstrKeywords{	
	margin:			0 0 0.2em 0;
}
#homepage #cands #search .search_block_dd{
	margin-bottom:	0.5em;
}
#homepage #cands #search select{
	width:			183px;
}
#homepage #cands #search .advSearch{
	position:		absolute;	
	top:			70px;
	left:			10px;
	font-size:		0.9em;
}
#homepage #cands #search .submit_button{ /* See ie.css */
	width:			65px;
	margin:			3px 0 0 0px;
	padding:		2px 5px;
	font:			1em Verdana, sans-serif;
	color:			#fff;
	border:			none;
	background:		#1C1C52;
}
#homepage #cands .helpH2{
	margin:			5px 0 0 0;
	padding:		8px 10px;
	font-weight:	bold;
	font-size:		1em;
	color:			#fff;
	background:		url(images/backgrounds/headerTXT3.png) no-repeat;
}
#homepage #cands #help{ /* See ie.css */
	width:			189px;
	height:		59px;	/* 149px; */
	padding:		5px 10px 15px 10px;
	background:		url(images/backgrounds/news-sidebar.png) bottom no-repeat;
}
#homepage #cands #help p{
	width:			100px;
	margin:			0;
}
#homepage #cands #partners
{
    
	position:		relative;
	width:			200px;
	height:			84px;
	margin:		 	11px 0 0 0;
	padding-top:	5px;
	background:		url(images/backgrounds/partners.png) no-repeat;
}
#homepage #cands .partnersH2{
	position:		absolute;
	top:			-6px;
	left:			16px;
	font-size:		0.9em;
}
#homepage #cands #partners a
{
    top: 0px;
    
    padding-top :0px;
    
	margin:		 	0px 9.5px;
	
}

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


#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;
}


#homepage #main{ /* #main homepage (ONLY) settings */
	position:		relative;
	float:			left;
	width:			545px;
	margin:	 		0 0 0 5px;
	padding:		0;
	background:		url(images/backgrounds/main.png) bottom no-repeat;
}
/* Register Online */
#homepage #main .registerH2
{
    margin: 0;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 1em;
    color: #1F1456;
    background: url(images/backgrounds/headerTXT4.png);
  
   
    
}

#homepage #main #register
{
    color :Navy;
	width:			521px;
	padding:	   0 12px 13px 12px;
	border-bottom:	10px solid #fff;
	background:		url(images/backgrounds/register.png) bottom no-repeat;
	
	
	
}
#homepage #main #register #jobseekersReg, #homepage #main #register #employersReg{
	float:			left;
	width:			265px;
	*width:			260px; 	/* IE7> Hack */
	padding:		5px 0;
	
}
#homepage #main #register #employersReg{
	width:			250px;
	*width:			255px; 	/* IE7> Hack */
	margin-left:	5px;
	border:	none;
}
#homepage #main #register #jobseekersReg h3, #homepage #main #register #employersReg h3{
	margin:			0 0 0.3em 0;
	font:			1.2em "Arial Black", Arial, sans-serif;
	color:			#F96C27;
}


#homepage #main #register #jobseekersReg p, #homepage #main #register #employersReg p{
	margin-right:	60px;
}
/*
#homepage #main #register a img{
	float:			right;
	margin:			-10px 10px 0 0;
}

#homepage #main #register a img{
	float:			right;
	margin:			-15px 10px 0 0;
}
*/

#jobseekersReg img, #employersReg img {
	margin-left: 53px; 
}
#homepage #main #register #employersReg .payment{
	margin:		 	0px  0 0 7px;
}
#homepage #main #register #employersReg .subscribeNow{
	margin:			-1em 0 0 0;
}
.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;
}
.employersReg ul li img
{
   
    vertical-align:text-bottom ;
    padding :0 0 0 10px;
    
}
/* Featured Jobs */
#homepage #main .featuredjobsH2{
	margin:			0;
	padding:		6px 10px;
	font-weight:	bold;
	font-size:		1em;
	color:			#fff;
	background:		url(images/backgrounds/headerTXT5.png) no-repeat;
}
#homepage #main #featuredJobs
{
    height  :162px;
	width:			521px;
	padding:		0 12px 15px 12px;
}
#homepage #main #featuredJobs ul{
	height:			2em;
	margin:			0;
	font-weight:	bold;
	color:			#F16923;
	border-bottom:	1px solid #E5E4EA;
}
#homepage #main #featuredJobs li{
	float:			left;
	padding:		0.3em 0;
}
#homepage #main #featuredJobs li.title{
	width:			213px;
	border-right:	1px solid #E5E4EA;
}
#homepage #main #featuredJobs li.location{
	width:			115px;
	padding-left:	5px;
	border-right:	1px solid #E5E4EA;
}
#homepage #main #featuredJobs li.org{
	width:			110px;
	padding-left:	5px;
}
#homepage #main .LatestVacanciesTBL{
	clear:			both;
	width:			100%;
}
#homepage #main .LatestVacanciesTBL a{
	text-decoration:none;
	cursor:			hand;
}
#homepage #main .LatestVacanciesTBL .LatestVacanciesCol2{
	border-bottom:	1px solid #E5E4EA;
}
#homepage #main .LatestVacanciesTBL span{
	display:		block;
	height:			0.9em;
	margin:			0 0 1px 0;
	padding:		0.4em 0 0.9em 0;
	font-size:		0.9em;
	overflow:		hidden;
}
#homepage #main .LatestVacanciesTBL .jobs_Jobtitle{
	float:			left;
	width:			208px;
	padding-right:	5px;
	border-right:	1px solid #E5E4EA;
}
#homepage #main .LatestVacanciesTBL .jobs_JobLocation{
	float:			left;
	width:			110px;
	padding-right:	5px;
	padding-left:	5px;
	border-right:	1px solid #E5E4EA;
}
#homepage #main .LatestVacanciesTBL .jobs_CompanyName{
	width:			170px;
	padding-right:	5px;
	padding-left:	5px;
}
#homepage #main .LatestVacanciesTBL tr{
	clear:			both;
}
#homepage #main .LatestVacanciesCol2, #homepage #main .LatestVacanciesCol2 strong{
	font-weight:	normal;
}

/* quick search */
#search span.notes
{	font-size:			0.9em;
	color:				#888;
	width:				75%;}

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









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

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



.playpause
{
 position:absolute;
 margin-top:8px;
 margin-left:500px;   
}
.updown
{
  position:absolute ;
 margin-top:8px;
 margin-left:479px;     
}
.alljobs
{
  position:absolute ;
 margin-top:8px;
 margin-left:360px; 
 text-decoration :none;
  
 font-weight :bold ;   
 color :White ;
}





/**    login popup**/



       
       .popupshadow
       { 
           left :0px;
           top:0px;
        width :100%;
       height :100%; 
       position :fixed ;
       background :gray;
       z-index :1000;
        filter:alpha(opacity=50);
	 -moz-opacity:0.5;
	 -khtml-opacity: 0.5;
	 opacity: 0.5;
      vertical-align :middle;
      text-align :center ;
      padding :10% 0 0 30%;
      
       }
       
       .popup
       { 
            left :0px;
           top:0px;
        width :100%;
       height :100%; 
       position :fixed ;
       z-index :2000;
      vertical-align :middle;
      text-align :center ;
      
  
       }
        
        .popupshadowdiv
        {
           left:30%;
          top:30%;
          position :fixed ;  
         width:400px;
         height :220px;
         border :solid 2px #EE5B1B;   
            background :white;
            text-align :left ;
            
             z-index:5000;
        }
         .popupshadowdiv p
         {
            font-size :11px; 
            padding :9px 5px 0 5px;
         }
         .popupshadowdiv a
         {
           color:Red;
         }
         .popupshadowdiv b
         {
            font-size :12px; 
            padding :5px  268px  5px 5px;
            background :#EE5B1B;
            border-bottom:groove 1px gray; 
            color:White ;
         
         }
         
        .popupshadowdiv #clientb
        {
          font-size :12px; 
            padding :5px  277px  5px 5px;
            background :#EE5B1B;
            border-bottom:groove 1px gray; 
              border-top:groove 1px #gray; 
            color:White ;   
        }
         
         
         
          .popupshadowdiv b span
          {
              padding :0px 0 0 0;
             position:absolute; 
             left:385px;
             font-weight:bold ;
          }
          .popupshadowdiv b span a
          {
              text-decoration :none;
              color :White ;
              cursor :pointer ;
          }
         .popupshadowdiv table
         {
             padding :0 10px 10px 10px;
                margin  :0 10px 10px 10px;
          border :solid 3px #F4F4F4;   
           background : #F9F9F9 
         }
         .popupshadowdiv table td
         {
             padding :0 20px 0px 20px;
             
            
             
         }
        .popupshadowdiv input
        {
            margin: 10px 5px 0 0;
           padding :1px 1px 1px 1px;
          font-weight :bold ;
          font-size :13px;
          width:180px;
 
        }
       .popupshadowdiv .popbutton
        {
            
            width:100px; 
        }
        
    /**--------------------------------------------------------------**/