body{margin: 0; font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: black;}


/* *************************************************************
Wrap - Used to Centre Page in the centre
************************************************************* */
#wrap{width: 780px; margin: 0; padding: 0;}


/* *************************************************************
Headers
************************************************************* */
#header{display: none;}


/* *************************************************************
Content Area - Divs which contain all content
************************************************************* */
#contentContainer{width: 780px; position: relative; float:left; padding: 0; margin: 0; text-align: left; background-color: #FFFFFF; border: 0; clear: both;}
#hpContentMain{width: 780px; position: relative; float: left; margin: 0; padding-bottom: 0;}
#contentMain{width: 780px; position: relative; float: left; margin: 0; padding: 0;}
#contentBlock{width: 440px; float: left; margin: 0 50px 0 0; padding-bottom: 10px;}


/* *************************************************************
Footers
************************************************************* */
#footer{display: none;}

/* *************************************************************
Top Navigation and Date
************************************************************* */
#navlist{display: none;}

/* *************************************************************
Left Hand Navigation
************************************************************* */
#leftHandColumn{display: none;}

/* *************************************************************
Right Hand Blocks 
************************************************************* */
#rightHandColumn{float: left; width: 200px; margin-bottom: 20px; padding: 0;}

/* General Option Block */
.optionBlock{width: 180px; float: left; margin: 0;}
.optionBlock h4{font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; margin:0; padding: 5px 0 0 0; font-weight:bold; display: block; text-transform:uppercase;}
.optionBlock p{margin:0; padding: 5px 10px 0 0; font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 180%;}
.optionBlock ul{list-style-type: circle; margin: 5px 0 0 10px; padding: 0; font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000;}
.optionBlock li{margin:0 0 0 10px; padding: 2px 5px 7px 0;}
.optionBlock .thumb{}
.optionBlock .clip{}
.optionBlock .bulb{}
.optionBlock a{color: #000; text-decoration: none;}

/* Page Specific Blocks */
#grey{padding-bottom: 30px;}
.greyH4{}
#candidatesOption{padding-bottom: 30px;}
.candidatesOptionH4{}
#clientsOption{padding-bottom: 30px;}
.clientsOptionH4{}
#aboutOption{padding-bottom: 30px;}
.aboutOptionH4{}
#articlesOption{padding-bottom: 30px;}
.articlesOptionH4{}
#contactOption{padding-bottom: 30px;}
.contactOptionH4{}
.orangeLine{display:none;}

/* *************************************************************
Newsletter 
************************************************************* */
#newsletter{display: none;}

/* *************************************************************
Homepage
************************************************************* */
/* Candidate Blocks */
#hpCandCol{width: 360px; float: left; padding: 20px 0 10px 20px; margin: 0;}
#hpCandMain{position: relative; float:left; width: 355px; padding: 0; margin: 0; text-align:left; border: 1px solid #FDB68B; background-color: #FEFAED; height: 210px; background-image:url(images/hp_cand_bg.gif); background-position: bottom right; background-repeat: no-repeat;}
#hpCandSub{position: relative; float:left; width: 340px; padding: 10px 0 0 10px; margin: 0; text-align:left;}
#hpCandMain h1{font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FE4E01; margin:0; padding: 7px 0 7px 30px; font-weight:bold; display: block; background-color: #FFE7CC; border-bottom: 1px solid #FDB68B; background-image:url(images/BlueArrow.gif); background-position: 10px 9px; background-repeat:no-repeat;}
#hpCandMain h2{color: #FE4E01;}

/* Client Blocks */
#hpClientCol{width: 375px; float: right; padding: 20px 0 10px 0;}
#hpClientMain{position: relative; float:left; width: 355px; padding: 0; margin: 0; text-align:left; border: 1px solid #80C1FE; background-color: #F3F8FD; height: 210px; background-image:url(images/hp_client_bg.gif); background-position: bottom right; background-repeat: no-repeat;}
#hpClientSub{position: relative; float:left; width: 340px; padding: 10px 0 0 10px; margin: 0; text-align:left;}
#hpClientMain h1{font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #0099FF; margin:0; padding: 7px 0 7px 30px; font-weight:bold; display: block; background-color: #D6EAFC; border-bottom: 1px solid #80C1FE; background-image:url(images/OrangeArrow.gif); background-position: 10px 9px; background-repeat:no-repeat;}
#hpClientMain h2{color: #0099FF;}

/* Shared h2 and p tags */
#hpCandMain h2, #hpClientMain h2{font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0; padding: 10px; line-height: 160%;}
#hpClientSub p, #hpCandSub p{font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0; padding: 0 0 10px 0; line-height: 160%; color: #555;}

/* *************************************************************
Individual Pages
************************************************************* */
#profiles{width: 440px; float: left; margin: 0 0 20px 0; padding-bottom: 10px;}
#profiles #alertBox{width: 420px; float: left; margin: 10px 0 10px 0; padding: 0;}
#jobListing{width: 620px; float: left; margin: 0 0 20px 0; padding-bottom: 10px;}
#location, #salary{float: left; font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; clear: both;}
#location{width: 440px; border-top: 1px solid #000; padding-top: 5px;}
#salary{width: 440px; margin-bottom: 10px; padding-bottom: 5px;}


/* *************************************************************
FONTS
************************************************************* */
h3{font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; font-weight:bold;}
h4{font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 5px 0; padding: 0; font-weight:bold; clear: both;}
h4 span a{color: #000; text-decoration: none;}
#contentBlock .aboutUs{color: #000;}
#contentBlock .articles{color: #000;}
#contentBlock .contact{color: #000;}
#contentBlock .clients, #profiles .clients{color: #000;}
#contentBlock .candidates{color: #000;}
#contentBlock p, #profiles p{font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0; padding: 0; line-height: 160%;}
#profiles h4{padding-top: 10px;}
#contentBlock p a, #profiles p a, #contentBlock li a{color: #000; text-decoration: none;}
#contentBlock ul, loginList ul{list-style-type: circle; margin: 0 0 10px 20px; padding: 0;}
#contentBlock li, loginList li{margin:0; padding: 0 0 0 5px; font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000;}
#contentBlock .orange{color: #000;}

/* *************************************************************
ARTICLES PAGE
************************************************************* */
#articlesList ul{list-style-type: none; margin: 0 0 10px 0; padding: 0;}
#articlesList li{margin:0; padding: 0 0 7px 20px; background-image: url(images/icon_articles.gif); background-repeat:no-repeat; background-position: 0 5px; font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000;}
#articlesList li a{color: black; border-bottom: 1px dashed black; text-decoration: none;}
#contentBlock .articleSource{font-size: 60%; font-style:italic;}
#contentBlock img{display:none;}

/* *************************************************************
Contact Page & Job Listing Page Definition List
************************************************************* */
#contactInfo dl{margin: 10px 0 20px 0; padding: 0; font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; width: 300px;}
#contactInfo dt{margin: 0; padding-bottom: 1px; width: 80px; height: auto; float: left; clear: both; font-weight: bold;}
#contactInfo dd{margin: 0; padding-bottom: 1px; width: 120px; height: auto; float: left; color: #000;}
#contactInfo dd a{color: #000; text-decoration: none;}

#jobListing dl{margin: 10px 0 0 0; padding: 0; font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width: 620px;}
#jobListing dt, #jobListing dd{color: #000; margin: 0; float: left; border-bottom: 1px dashed #000;}
#jobListing dt{clear: both; width: 400px; padding: 8px 0 8px 10px;}
#jobListing dd{width: 200px; padding: 8px 10px 8px 0}
#jobListing dd a, #jobListing dt a{color: #000; text-decoration: none;}
#jobListing dd img{float: right; padding-top: 5px;}
#jobListing .title{color: #000; text-transform: uppercase; font-weight: bold; font-size: 110%;}


/* *************************************************************
Candidate and Client Registration
************************************************************* */
#clientReg, #registration{margin-top: 30px;}
#clientReg .row, #registration .row{clear: both; margin-bottom: 2px; padding: 0; font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; height: 24px;}
#clientReg .col1, #registration .col1{width: 150px; float: left; padding-top: 3px; margin: 0;}
#clientReg .col2, #registration .col2{width: 190px; float: left; padding: 0; margin: 0;}
#registration .col2Required{width: 186px; float: left; padding: 0; margin: 0; border-right: 4px solid #000;}
#clientReg .col2Required{width: 186px; float: left; padding: 0; margin: 0; border-right: 4px solid #000;}
#registration .col2 a{text-decoration: none; color: #000;}
#registration .col2 a:hover{text-decoration: none; color: #000;}
#registration .colSkills, #registration .colSkills2, #clientReg .colSkills, #clientReg .colSkills2{float: left; padding: 0; margin-bottom: 3px; font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000;}
#registration .colSkills, #clientReg .colSkills{width: 190px;}
#registration .colSkills2, #clientReg .colSkills2{width: 140px;}
#clientReg input, #clientReg select, #registration input, #registration select{font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0; padding: 0;}
#clientReg .checkbox, #registration .checkbox{margin-top: 4px;}
#registration #skills{width: 340px; height: 300px; padding: 0 0 20px 0; margin: 0;}
#registration h4{margin-top: 20px; border-bottom: 1px solid #000; color: #000;}
#clientReg h4{margin-top: 20px; border-bottom: 1px solid #000; color: #000;}
#registration h5, #clientReg h5{font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #555; font-weight: bold; text-transform: capitalize; clear: both; margin: 10px 0 5px 0; padding: 0;}
#registration .required{padding-right: 5px; border-right: 4px solid #000;}
#clientReg .required{padding-right: 5px; border-right: 4px solid #000;}

/* *************************************************************
Terms and Conditions
************************************************************* */
#tcs{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#tcs p, #tcs li{font-size: 75%; color: #000; margin: 0 0 10px 0; padding: 0;}
#tcs p a{color: #000; text-decoration: none; border-bottom: 1px dashed #000;}
#tcs ol{margin: 5px 0 20px 30px; padding-left: 20px;}
#tcs h3{font-size: 100%; color: #000; font-weight: bold; margin-bottom: 10px; padding: 0;}
#tcs h4{font-size: 85%; color: #000; margin: 0 0 5px 0; padding: 10px 0 0 0;}
#tcs h5{font-size: 75%; color: #000; margin: 0; padding: 10px 0 0 0;}
#tcs .tcsRed{color: #000;}



/* *************************************************************
Bit's
************************************************************* */
#contentBlock #siteMap h4 a{text-decoration: none; color: #000;}
#contentBlock #siteMap h4 a:hover{border-bottom: 1px dashed #000; text-decoration: none; color: #000;}
#contentBlock #siteMap li a{border-bottom: 0; color: #000;}
#contentBlock #siteMap li a:hover{border-bottom: 1px dashed #000; color: #000;}
#contentBlock #clientBenefits h4{padding-top: 20px; margin-bottom: 10px; border-top: 1px dashed #000; color: #000;}
#contentBlock #clientBenefits p{padding-bottom: 15px;}
.lineSpace{width: auto; height: auto; margin-bottom: 20px; border-bottom: 1px dashed #000;}
.lineProfiles{display: none;}
.vacancyLine{width: auto; height: 10px; margin-bottom: 20px; border-bottom: 1px solid #000;}
.clear{clear: both;}
.black{color: #000;}