﻿/*
Title:      	LBH stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	16th February 2009
*/


/* WRAPPERS */

body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #ffffff;
	margin: 0;
	background: #1a1a1a url(../jpg/bg-tile-vip.jpg) repeat top center;
	}

#html body {
	font-size: x-small; /* IE5/Win */
	font-size: small; /* for other IE versions */
	}
	
h1 {
	font-size: 140%;
	color: #ffffff;
	line-height: 1.3em;
	}
	
h2 {
	font-size: 110%;
	color: #ffffff;
	}
	
h3 {
	font-size: 105%;
	color: #ffffff;
	}	
	
.clear {
	clear:both;
	}		

.divline {
	border-bottom: #e0e0e0 1px solid;
	height: 1px;
	width: 100%;
	}
	
.alignLeft { 
	float:left; 
	margin-right: 1.6em; 
	margin-bottom: 1em; 
	border: #494c51 1px solid;
	}	
	
	

	
	
	
/* GENERAL COMPONENTS */		

.thanxtxt {
	color: #1b94e9;
	line-height: 1.3em;
	font-size: 135%;
	}	

.asterix {
	color: #ff2400;
	line-height: 1.3em;
	font-size: 120%;
	}		
				
.largertxt {
	color: gray;
	line-height: 1.3em;
	font-size: 125%;
	font-weight: bold;
	}	
	
.largertxt a:link, .largertxt a:visited {
	color:gray;
	text-decoration:none;
	}
	
.largertxt a:active, .largertxt a:hover {
	color:gray;
	text-decoration: underline;
	}	
	
.normaltxt {
	color: #ffffff;
	line-height: 1.3em;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.normaltxt a:active, .normaltxt a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}
	
	.subtitletxt {
	font-size: 110%;
	color: #b684c8;
	font-weight: bold;
	line-height: 1.6em;
	}
	
.smallertxt {
	font-size: 90%;
	color: #8b8b8b;
	line-height: 1.3em;
	}	
	
.smallertxt a:link, .smallertxt a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
.smallertxt a:active, .smallertxt a:hover {
	color:#ffffff;
	text-decoration: underline;
	}
	
.vsmallertxt {
	font-size: 85%;
	color: #8b8b8b;
	line-height: 1.3em;
	}	
	
.vsmallertxt a:link, .vsmallertxt a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
.vsmallertxt a:active, .vsmallertxt a:hover {
	color:#ffffff;
	text-decoration: underline;
	}	
		
.bulletlist {
	width: 100%;
	margin: 0;
	padding-left: 0;
	list-style: none;
	}
	
.bulletlist li {
	color: #ffffff;
	margin: 0;
	padding: 0 0 8px 14px;
	line-height: 1.3em;
	background-image: url(../gif/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	}
	
.bulletlist a:link, .bulletlist  a:visited {
	color: #ffffff;
	text-decoration: none;
	}

.bulletlist a:active, .bulletlist a:hover  {
	color: #ffffff;
	text-decoration: underline;
	}
	
	
ol {
	overflow:auto;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	margin:0;
	padding: 0 0 0 2.8em;
	color:#ffffff;	
	list-style: decimal;
	}
	
ol li {
	padding: 0 0 8px 0;
	line-height: 1.3em;
	}	
		

	
	
/* LOGO COMPONENTS */	

#wrapper {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	}	
		
#blackwrapper {
	width: 900px;
	padding: 0 24px 0 24px;
	margin: 0 auto;
	background: url(../gif/black-tile.gif) repeat top left;
	}		
	
#logoholder {
	width: 900px;
	padding: 0;
	margin: 0 auto;
	border-bottom: #3e3e3e 2px solid;
	}		
			
#logoleft {
	width: 195px;
	height: 140px;
	padding: 0;
	margin: 0;
	float: left;
	}		
	
#logoright {
	width: 705px;
	padding: 75px 0 0 0;
	margin: 0;
	float: right;
	background: url(../gif/top-tel-vip.gif) no-repeat top right;
	}	
	
#logorightindex {
	width: 705px;
	padding: 10px 0 0 0;
	margin: 0;
	float: right;
	background: url(../gif/top-tel-vip.gif) no-repeat top right;
	}	
	
.logolink {
	margin: 0;
	padding: 140px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.logolink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.logolink a {
	float: left;
	padding: 140px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 140px; /* for IE5/Win only */
	}
	
.logolink a:hover {
	background-position: 0 -140px;
	}

.logolink a:active, .logolink a.selected {
	background-position: 0 -140px;
	}
	
.logolinkimg a {
	width: 195px;
	background: url(../gif/logo-link.gif) top left no-repeat;
	}	
	



/* SUB NAV COMPONENTS */	
	
#subnavcontainer {
	width: 220px;
	height: 20px;
	margin: 0;
	padding: 0 0 0 485px;
	}
	
#subnav {
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#subnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#subnav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
	
#subnav a:hover {
	background-position: 0 -20px;
	}

#subnav a:active, #subnav a.selected {
	background-position: 0 -20px;
	}
		
#snlogin a {
	width: 113px;
	background: url(../gif/subnavvip/login.gif) top left no-repeat;
	}	
	
#snregister a {
	width: 107px;
	background: url(../gif/subnavvip/register.gif) top left no-repeat;
	}		
	

	
	


/* TOP NAV COMPONENTS */	

#topnavholder {width:598px; height: 45px; padding: 0 0 0 107px; margin:0 ; clear:both;}	
#topnavholder ul {list-style-type:none; list-style-position:outside; padding:0; margin:0;}
#topnavholder ul ul {visibility:hidden; position: absolute; z-index:20;}
#topnavholder .topnav li {float:left; height:45px;}
#topnavholder .topnav li a {display:block; width:100%; height:100%; overflow:hidden; text-decoration:none; background-position:top left; background-repeat:no-repeat;}
#topnavholder .topnav li a:hover {background-position:0 -90px;}
#topnavholder .topnav li a span {visibility:hidden;}
#topnavholder ul.topnav ul {}
#topnavholder ul.topnav ul li {float:none;height:25px;} /* cancels the above for sub menus */
#topnavholder .topnav li:hover ul {visibility:visible;}

.tnhome {width:59px;}
.tnhome a {background-image:url(../gif/topnavvip/home.gif);}
.tnvacancies {width:83px;}
.tnvacancies a {background-image:url(../gif/topnavvip/vacancies.gif);}
.tnwhatwedo {width:98px;}
.tnwhatwedo a {background-image:url(../gif/topnavvip/whatwedo.gif);}
.tnsectors {width:67px;}
.tnsectors a {background-image:url(../gif/topnavvip/sectors.gif);}
.tncandidates {width:93px;}
.tncandidates a {background-image:url(../gif/topnavvip/candidates.gif);}
.tnworkingatlbh {width:118px;}
.tnworkingatlbh a {background-image:url(../gif/topnavvip/workingatlbh.gif);}
.tncontactus {width:80px;}
.tncontactus a {background-image:url(../gif/topnavvip/contactus.gif);}


#topnavholder ul.topnav li.current a {background-position:0 0;}





/* SUB NAV COMPONENTS */

#topnavholder li.tnsectors ul {width:150px;margin-top:-18px;}
#topnavholder li.tnsectors ul a:hover {background-position:-150px;}

#topnavholder li.tncandidates ul {width:196px;margin-top:-18px;}
#topnavholder li.tncandidates ul a:hover {background-position:-196px;}

#sntop1 a {background-image:url(../gif/subnav/top1.gif);}
#snsectorsconstruction a {background-image:url(../gif/subnav/construction.gif);}
#snsectorshealthsafety a {background-image:url(../gif/subnav/hse.gif);}
#snsectorsoilgas a {background-image:url(../gif/subnav/oilgas.gif);}
#snsectorspetrochemical a {background-image:url(../gif/subnav/petrochemical.gif);}
#snsectorsenergy a {background-image:url(../gif/subnav/energy.gif);}
#snsectorsinfrastructure a {background-image:url(../gif/subnav/infrastructure.gif);}
#snsectorsnuclear a {background-image:url(../gif/subnav/nuclear.gif);}

#sntop2 a {background-image:url(../gif/subnav/top2.gif);}
#sncvtips a {background-image:url(../gif/subnav/cvtips.gif);}
#sninterviewtips a {background-image:url(../gif/subnav/interviewtips.gif);}
#snrecessiontips a {background-image:url(../gif/subnav/recessiontips.gif);}




/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:150px; w\idth:150px; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:150px; w\idth:150px; }	
	

			
	

/* TITLES HOLDER SMALL COMPONENTS */			
	
.titlesholder {
	width: 670px;
	padding: 0;
	margin: 0;
	background: #f5eee5 url(../jpg/body-tile.jpg) repeat top left;
	}
	
.titlesholderbeige {
	width: 670px;
	padding: 0;
	margin: 0;
	background: #ebe1d2 url(../jpg/beige-tile.jpg) repeat top left;
	}
	
	
		
/* TIME ZONE COMPONENTS */		
	

#loggedinholder {
	width: 900px;
	padding: 0 24px 0 24px;
	margin: 0 auto;
	background: url(../jpg/loggedin-tile.jpg) repeat top left;
	border-bottom: 3px solid #9058a4;
	}		
	
.loggedinleftcell {
	width: 760px;
	padding: 8px 0 10px 0;
	margin: 0;
	font-size: 85%;
	color: #ffffff;
	}	
	
.loggedinleftcell a:link, .loggedinleftcell  a:visited {
	color: #aa7ab5;
	text-decoration: none;
	}

.loggedinleftcell a:active, .loggedinleftcell a:hover  {
	color: #858585;
	text-decoration: underline;
	}	
	
.loggedinrightcell {
	width: 140px;
	padding: 0;
	height: 20px;
	margin: 0;
	text-align: right;
	font-size: 85%;
	color: #636363;
	vertical-align: bottom;
	background-color: #9058a4;
	}
	
	
.countrytxt {
	padding: 0 5px 0 0;
	margin: 0;
	font-weight: bold;
	font-size: 90%;
	text-align: left;
	color: #c5c5c5;
	}	
	
.timetxt {	
	padding: 0;
	margin: 0;
	font-size: 90%;
	text-align: left;
	color: #ffffff;
	}	
	
.timespace {
	width: 55px;
	padding: 0;
	margin: 0;
	}		
	
	
		

/* BODY COMPONENTS */		


#bodycontainer {
	width: 900px;
	padding: 30px 0 30px 0;
	margin: 0 auto;
	}	
	
.body3366holder {
	width: 900px;
	margin:  0;
	padding: 0;
	}		

.bodyleft3366 {
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
	}	
	
.bodyright3366 {
	width: 625px;
	margin: 0;
	padding: 0;
	float: right;
	}	
	
.bodyleft66 {
	width: 350px;
	margin: 0;
	padding: 0;
	float: left;
	}		
	
.bodyright33 {
	width: 250px;
	margin: 0;
	padding: 0;
	float: right;
	}
	
.body5050holder {
	width: 900px;
	margin: 15px 0 0 0;
	padding: 0;
	}	
	
.bodyleft5050 {
	width: 419px;
	margin: 0;
	padding: 10px 10px 20px 20px;
	float: left;
	}	
	
.bodyright5050 {
	width: 430px;
	margin: 0;
	padding: 10px 0 20px 20px;
	float: right;
	border-left: #e0e0e0 1px solid;
	}
	
.bodyfullwidthholder {
	width: 860px;
	margin: 0;
	padding: 10px 20px 10px 20px;
	}	
	
.indexmessage {
	width: 585px;
	margin: 0 0 25px 0;
	padding: 10px 20px 10px 20px;
	font-size: 140%;
	line-height: 1.3em;
	color: #ffffff;
	background: url(../jpg/mid-grey-tile.jpg) repeat top left;
	border: #535353 1px solid;
	}	
	
	
	
	
/* JOB SEARCH COMPONENTS */	

.jobsearchcontainer {
	width: 208px;
	padding: 10px 20px 10px 20px;
	margin: 0 0 30px 0;
	color: #ffffff;
	min-height: 260px;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/blue-tile.jpg) repeat top left;
	border: #4a96b3 1px solid;
	}	
	
.jobsearchcontainer a:link, .jobsearchcontainer a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.jobsearchcontainer a:active, .jobsearchcontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.jobsearchtablecell {
	padding: 0 0 5px 0;
	margin: 0;
	}		
	
.jobsearchtablecellbot {
	padding: 0;
	margin: 0;
	}		
	
.jobsearchdropdown {
	color: #000000;
	width: 208px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.jobsearchbutton {
	color: #000000;
	width: 140px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
	

/* ADVANCED SEARCH COMPONENTS */	
	
.advancedsearchleft {
	width: 290px;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	}	
	
.advancedsearchright {
	width: 290px;
	margin: 0;
	padding: 10px 0 0 0;
	float: right;
	}

.advancedsearchdropdown {
	color: #000000;
	width: 290px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.advancedsearchtextfield {
	color: #000000;
	width: 286px;
	padding: 1px;
	font-size: 100%;
	background-color: #000000;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
	
.advancedsearchbutholder {
	width: 620px;
	margin: 15px 0 0 0;
	padding: 15px 0 15px 0;
	background: url(../gif/mid-grey-tile.gif) repeat top left;
	border: 1px solid #d3d2d2;
	text-align: center;
	}	
	
.advancedsearchbutton {
	color: #000000;
	width: 140px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
	
	
	
	
/* CATEGORY SEARCH COMPONENTS */	

.categorysearchcontainer {
	width: 208px;
	padding: 10px 20px 20px 20px;
	margin: 0;
	min-height: 178px;
	color: #000000;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	border: #e3e2e2 1px solid;
	}	
	
.categorysearchcontainer a:link, .categorysearchcontainer a:visited {
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	}
	
.categorysearchcontainer a:active, .categorysearchcontainer a:hover {
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.categorysearchhighlight {
	color:#0085b5;
	}	
	
	
	
	
/* LATEST JOBS COMPONENTS */	

.latestjobscontainer {
	width: 208px;
	padding: 10px 20px 20px 20px;
	min-height: 250px;
	margin: 0;
	color: #000000;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	border: #e3e2e2 1px solid;
	}	
	
.latestjobscontainer a:link, .latestjobscontainer a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	}
	
.latestjobscontainer a:active, .latestjobscontainer a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.jobtypetxt {
	color:#000000;
	font-size: 90%;
	}		
	
.latestjobscell1 {
	width: 137px;
	padding: 5px 5px 5px 0;
	border-bottom: #e3e2e2 1px solid;
	vertical-align: top;
	}		
	
.latestjobscell2 {
	width: 54px;
	padding: 5px 0 5px 5px;
	border-bottom: #e3e2e2 1px solid;
	border-left: #e3e2e2 1px solid;
	vertical-align: top;
	}	
	
.latestjobscell1b {
	width: 142px;
	padding: 5px 5px 5px 0;
	vertical-align: top;
	}		
	
.latestjobscell2b {
	width: 55px;
	padding: 5px 0 5px 5px;
	vertical-align: top;
	border-left: #e3e2e2 1px solid;
	}	
	
	
	
	
/* REGISTER YOUR DETAILS (WIDE) COMPONENTS */	

.registeryourdetailswcontainer {
	width: 308px;
	padding: 10px 20px 20px 20px;
	margin: 0 0 30px 0;
	color: #ffffff;
	min-height: 80px;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-green-tile.jpg) repeat top left;
	border: #7cb04a 1px solid;
	}	
	
.registeryourdetailswcontainer a:link, .registeryourdetailswcontainer a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.registeryourdetailswcontainer a:active, .registeryourdetailswcontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}		
	
	
	
	
/* REGISTER YOUR DETAILS (NARROW) COMPONENTS */	

.registeryourdetailscontainer {
	width: 208px;
	padding: 10px 20px 20px 20px;
	margin: 0;
	color: #ffffff;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-green-tile.jpg) repeat top left;
	border: #7cb04a 1px solid;
	}	
	
.registeryourdetailscontainer a:link, .registeryourdetailscontainer a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.registeryourdetailscontainer a:active, .registeryourdetailscontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}
	
	
	
/* CONTACT US COMPONENTS */	

.contactuscell1 {
	width: 200px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}		
	
.contactuscell2 {
	width: 420px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}
	
.addresstxt {
	color: #ffffff;
	font-size: 110%;
	line-height: 1.3em;
	}	
		
.telfaxtxt {
	color: #ffffff;
	font-size: 110%;
	line-height: 1.5em;
	}	
	
.telfaxtxt a:link, .telfaxtxt a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.telfaxtxt a:active, .telfaxtxt a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}	
	
	
	

/* JOB DETAILS COMPONENTS */	

.jobdetailstable {
	width: 620px;
	padding: 0;
	margin: 0 0 10px 0;
	}	

.jobdetailscell1 {
	width: 310px;
	padding: 0;
	margin: 0;
	}		
	
.jobdetailscell2 {
	width: 315px;
	padding: 0;
	margin: 0;
	text-align: right;
	}
	
.applynowbutton {
	color: #000000;
	width: 160px;
	padding: 0;
	font-size: 120%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.jobdetailstxtcell1 {
	width: 200px;
	padding: 0;
	margin: 0;
	color: #000000;
	line-height: 1.5em;
	font-weight: bold;
	vertical-align: top;
	}		
	
.jobdetailstxtcell2 {
	width: 420px;
	padding: 0;
	margin: 0;
	color: #000000;
	line-height: 1.5em;
	vertical-align: top;
	}	
	
.jobdetailsbutholder {
	width: 603px;
	margin: 15px 0 0 0;
	padding: 5px 10px;
	background: url(../gif/mid-grey-tile.gif) repeat top left;
	border: 1px solid #d3d2d2;
	}
	
.sendtofriendnametextfield {
	color: #000000;
	width: 90px;
	padding: 1px;
	font-size: 90%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.sendtofriendemailtextfield {
	color: #000000;
	width: 180px;
	padding: 1px;
	font-size: 90%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.sendtofriendbutton {
	color: #000000;
	width: 60px;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.sendtofriendtxt {
	color: #000000;
	font-size: 90%;
	line-height: 1.8em;
	font-weight: bold;
	}	
	
.sendtofriendcell1 {
	width: 420px;
	padding: 0;
	margin: 0;	
	border-right: 1px solid #d3d2d2;
	}		
	
.sendtofriendcell2 {
	width: 170px;
	padding: 0;
	margin: 0;
	text-align: right;
	}
	
	
	
	
/* JOB SEARCH RESULTS COMPONENTS */	

.jobsearchrestable {
	width: 625px;
	padding: 0;
	margin: 0 0 10px 0;
	}	

.jobsearchrescell1 {
	width: 480px;
	padding: 0;
	margin: 0;
	}		
	
.jobsearchrescell2 {
	width: 140px;
	padding: 0;
	margin: 0;
	text-align: right;
	}
	
.joblistingsholder {
color: #000000;
	width: 603px;
	margin: 15px 0 15px 0;
	padding: 5px 10px;
	background: url(../gif/mid-grey-tile.gif) repeat top left;
	border: 1px solid #d3d2d2;
	}	
	
.joblistingscell1 {
color:black;
	width: 330px;
	padding: 0;
	margin: 0;	
	font-weight: bold;
	}		
	
.joblistingscell2 {
	width: 150px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-align: right;
	}	
	
.joblistingscell3 {
	width: 120px;
	padding: 0;
	margin: 0;
	text-align: right;
	}	
	
.searchorderdropdown {
	color: #000000;
	width: 110px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.jobdetailsholder {
	width: 623px;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid #d3d2d2;
	}	
	
.jobdetailstopcell1 {
	width: 252px;
	margin: 0;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #d3d2d2;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	}	
	
.jobdetailstopcell2 {
	width: 350px;
	margin: 0;
	text-align: right;
	color: #000000;
	font-weight: bold;
	padding: 5px 10px 5px 0;
	border-bottom: 1px solid #d3d2d2;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	}		
	
.jobdetailstopcell3 {
	width: 252px;
	margin: 0;
	padding: 10px 0 5px 10px;
	}	
	
.jobdetailstopcell4 {
	width: 350px;
	margin: 0;
	text-align: right;
	padding: 10px 10px 5px 0;
	}		
	
.jobdetailstopcell5 {
	width: 603px;
	margin: 0;
	padding: 5px 10px 10px 10px;
	}	
	
.jobsearchprevnextbutton {
	color: #000000;
	width: 50px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
	
	
/* LOGIN REGISTER COMPONENTS */	

.registerloginbutton {
	color: #000000;
	width: 180px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.logincell1 {
	width: 80px;
	padding: 0 0 7px 0;
	margin: 0;
	}		
	
.logincell2 {
	width: 250px;
	padding: 0 0 7px 0;
	margin: 0;
	}	
	
.logintxttextfield {
	color: #000000;
	width: 250px;
	padding: 1px;
	font-size: 100%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.registercell1 {
	width: 120px;
	padding: 0 0 7px 0;
	margin: 0;
	}		
	
.registercell2 {
	width: 300px;
	padding: 0 0 7px 0;
	margin: 0;
	}	
	
.titledropdown {
	color: #000000;
	width: 100px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.countycountrydropdown {
	color: #000000;
	width: 200px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.choosefilecell1 {
	width: 110px;
	padding: 0 0 7px 0;
	margin: 0;
	}	
	
.choosefilecell2 {
	width: 360px;
	padding: 0 0 7px 0;
	margin: 0;
	}	
	
.choosefilebutton {
	color: #000000;
	width: 100px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.registerdetailsholder {
	width: 603px;
	margin: 15px 0 15px 0;
	padding: 15px 10px;
	background: url(../gif/mid-grey-tile.gif) repeat top left;
	border: 1px solid #d3d2d2;
	}	
	
.registerdetailsbutton {
	color: #000000;
	width: 200px;
	padding: 0;
	font-size: 120%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
	
	
	

/* SECTORS COMPONENTS */	
	
.sectorsbuttonholder {
	width: 208px;
	margin: 0;
	padding: 15px 20px;
	background: url(../jpg/dark-green-tile.jpg) repeat top left;
	border: #278739 1px solid;
	}	
	
.sectorsbutton {
	color: #000000;
	padding: 0;
	width: 208px;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.pdfbrochurecontainer {
	width: 208px;
	padding: 10px 20px 10px 20px;
	margin: 25px 0 0 0;
	color: #ffffff;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	border: #e3e2e2 1px solid;
	}	
	
.pdfbrochurecontainer a:link, .pdfbrochurecontainer a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.pdfbrochurecontainer a:active, .pdfbrochurecontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.pdficoncell1 {
	width: 152px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	}	
	
.pdficoncell2 {
	width: 55px;
	margin: 0;
	padding: 20px 0 0 0;
	vertical-align: top;
	}	
	
.bulletlistsectors {
	width: 100%;
	margin: 0;
	padding-left: 0;
	list-style: none;
	}
	
.bulletlistsectors li {
	color: #ffffff;
	margin: 0;
	padding: 0 0 5px 14px;
	line-height: 1.3em;
	background-image: url(../gif/bulletsectors.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	}
	
.bulletlistsectors a:link, .bulletlistsectors  a:visited {
	color: #ffffff;
	text-decoration: none;
	}

.bulletlistsectors a:active, .bulletlistsectors a:hover  {
	color: #ffffff;
	text-decoration: underline;
	}	
		
	
/* FEATURED JOB COMPONENTS */	

.featuredjobcontainer {
	width: 308px;
	padding: 10px 20px 20px 20px;
	margin: 0;
	color: #ffffff;
	min-height: 250px;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/dark-green-tile.jpg) repeat top left;
	border: #278739 1px solid;
	}	
	
.featuredjobcontainer a:link, .featuredjobcontainer a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.featuredjobcontainer a:active, .featuredjobcontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.featuredlargertxt {
	color:#ffffff;
	font-size: 125%;
	}	
	
.featuredsubsectiontxt {
	color:#add2b4;
	font-weight: bold;
	}	
	
/* LATEST NEWS COMPONENTS */	
	
.latestnewscell1 {
	width: 70px;
	padding: 2px 5px 2px 0;
	}		
	
.latestnewscell2 {
	width: 325px;
	padding: 2px 0 2px 10px;
	border-left: #e3e2e2 1px dotted;
	}	
	
.latestnewscell2 a:link, .latestnewscell2 a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.latestnewscell2 a:active, .latestnewscell2 a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}	
	
	
	
	
/* CV TIPS COMPONENTS */	
	
.cvtipscell1 {
	width: 10px;
	padding: 2px 5px 2px 0;
	vertical-align: top;
	font-weight: bold;
	}		
	
.cvtipscell2 {
	width: 385px;
	padding: 2px 0 2px 10px;
	vertical-align: top;
	}		
						

	

	
/* FORM COMPONENTS */	

.formfieldsshort {
	color: #4f2543;
	width: 135px;
	padding: 2px;
	font-size: 110%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	

.formfieldsmed {
	color: #4f2543;
	width: 240px;
	padding: 2px;
	font-size: 110%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.formfieldslong {
	color: #4f2543;
	width: 280px;
	padding: 2px;
	font-size: 110%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}

/* FOOTER COMPONENTS */	

#footerwrapper {
	width: 879px;
	padding: 5px 25px 20px 44px;
	margin: 0 auto;
	}
		
.footertxt {
	color: #5d5d5d;
	font-size: 85%;
	line-height: 1.6em;	
	}	

.footertxt a:link, .footertxt a:visited {
	color: #5d5d5d;
	text-decoration:none;
	}

.footertxt a:active, .footertxt a:hover {
	color: #5d5d5d;
	text-decoration: underline;
	}	
	
.happylink {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.happylink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.happylink a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 15px; /* for IE5/Win only */
	}
	
.happylink a:hover {
	background-position: 0 -15px;
	}

.happylink a:active, .happylink a.selected {
	background-position: 0 -15px;
	}
	
.happylinkimg a {
	width: 145px;
	background: url(../gif/happyleafvip.gif) top left no-repeat;
	}		
	
	
.footercell {
	margin: 0;
	padding: 0;	
	height: 45px;
	}		
	
#footerleft {
	width: 560px;
	padding: 15px 0 15px 0;
	margin: 0;
	float: left;
	}		
	
#footerright {
	width: 235px;
	padding: 15px 0 0 0;
	margin: 0;
	float: right;
	}	
	
.footertxtright {
	color: #777777;
	font-size: 85%;
	line-height: 1.3em;	
	}	

.footertxtright a:link, .footertxtright a:visited {
	color: #777777;
	text-decoration:none;
	}

.footertxtright a:active, .footertxtright a:hover {
	color: #777777;
	text-decoration: underline;
	}	
	
.footerflashlink {
	margin: 0;
	padding: 40px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.footerflashlink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.footerflashlink a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 40px; /* for IE5/Win only */
	}
	
.footerflashlink a:hover {
	background-position: 0 -40px;
	}

.footerflashlink a:active, .footerflashlink a.selected {
	background-position: 0 -40px;
	}
	
.footerflashlinkimg a {
	width: 235px;
	background: url(../gif/footer-flash-promo-yes-vip.gif) top left no-repeat;
	}		
	
.footerpdflink {
	margin: 0;
	padding: 40px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.footerpdflink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.footerpdflink a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 40px; /* for IE5/Win only */
	}
	
.footerpdflink a:hover {
	background-position: 0 -40px;
	}

.footerpdflink a:active, .footerpdflink a.selected {
	background-position: 0 -40px;
	}
	
.footerpdflinkimg a {
	width: 235px;
	background: url(../gif/footer-pdf-promo-yes-vip.gif) top left no-repeat;
	}		
	
	
		/* Title Images */
	
	.title-contact
	{
	 background-image:url('../gif/titles-vip-NEW/contactus.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
	.title-working
	{
	 background-image:url('../gif/titles-vip-NEW/contactus.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
	.title-what
	{
	 background-image:url('../gif/titles-vip-NEW/whatwedo.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}

	.title-working
	{
	 background-image:url('../gif/titles-vip-NEW/workingatlbh.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}

	.title-candidates
	{
	 background-image:url('../gif/titles-vip-NEW/candidates.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
	.title-cvtips
	{
	 background-image:url('../gif/titles-vip-NEW/cvtips.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}

	.title-interviewtips
	{
	 background-image:url('../gif/titles-vip-NEW/interviewtips.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
	.title-recessiontips
	{
	 background-image:url('../gif/titles-vip-NEW/recessiontips.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}

	.title-advancedjobsearch
	{
	 background-image:url('../gif/titles-vip-NEW/advancedjobsearch.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}

	.title-sectors
	{
	 background-image:url('../gif/titles-vip-NEW/sectors.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
		.title-othersectors
	{
	 background-image:url('../gif/titles-vip-NEW/othersectors.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
	.title-sectors-construction
	{
	 background-image:url('../gif/titles-vip-NEW/sectors-construction.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}

	.title-sectors-healthsafety
	{
	 background-image:url('../gif/titles-vip-NEW/sectors-healthsafety.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	.title-sectors-oilgas
	{
	 background-image:url('../gif/titles-vip-NEW/sectors-oilgas.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	.title-sectors-petrochemical
	{
	 background-image:url('../gif/titles-vip-NEW/sectors-petrochemical.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
	.title-privacypolicy
	{
	 background-image:url('../gif/titles-vip-NEW/privacypolicy.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	.title-termsconditions
	{
	 background-image:url('../gif/titles-vip-NEW/termsconditions.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
			.title-disclaimer
	{
	 background-image:url('../gif/titles-vip-NEW/disclaimer.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
			.title-partners
	{
	 background-image:url('../gif/titles-vip-NEW/partners.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	.title-sectors-infrastructure
	{
	 background-image:url('../gif/titles-vip-NEW/sectors-infrastructure.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
		.title-sectors-nuclear
	{
	 background-image:url('../gif/titles-vip-NEW/sectors-nuclear.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}
	
		.title-sectors-energy
	{
	 background-image:url('../gif/titles-vip-NEW/sectors-energy.gif');
	 background-repeat:no-repeat;
	 height:30px;
	  
	}

	