/* CSS Document created by Anagram 2008 */

body{background: #E7E7E7 url(../images/bg/bg_main.gif) 0 0 repeat-x; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
form{margin: 0; padding: 0;}


/* *************************************************************
HOMEPAGE
************************************************************* */
#homepage{ position: absolute; width: 740px; height: 250px; margin-left: -350px; margin-top: -125px; top: 50%; left: 50%; }
#homepage .block{ float: left; width: 350px; margin: 0 0 0 0; text-align: left; }
#homepage .block p{font-size: 75%; color: #666; line-height: 160%;}
#homepage ul{ float: left; width: 350px; list-style: none; margin: 5px 0 0 0; padding: 0;}
#homepage li{ float: left; font-size: 70%; color: #ccc; text-transform: uppercase; margin: 0 10px 0 0; padding: 0;}
#homepage li a{ color: #999;}
#homepage li a:hover{ color: #000;}


/* *************************************************************
Wrap - Used to Centre Page in the centre
************************************************************* */
#wrap{width: 850px; margin: 25px auto 0 auto; padding: 0; text-align: center; overflow: auto; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff;}


/* *************************************************************
Headers
************************************************************* */
#header{width: 850px; float: left; margin: 0; padding: 0; clear: both; height: 128px; background: #fff;}
#header #logo{ margin: 25px 30px 0 25px; float: left; width: auto;}
#header #pic{ float: right;}


/* *************************************************************
TOP NAVIGATION + LOGIN + ACCOUNT
************************************************************* */
#topNav{ float: left; width: 850px; background: url(../images/bg/bg_topNav.jpg) 0 0 repeat-x; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

#nav, #nav ul { float: left; width: 600px; height: 40px; margin: 0; padding: 0; list-style: none;}

#nav a{display: block; text-decoration: none; padding: 0; text-align: left; margin: 0; color: #fff; }

#nav li {float: left; margin: 0; padding: 0; color: #fff; font-size: 90%; line-height: 100%; font-weight: normal; height: auto;}
#nav li a{padding: 12px 15px 13px 15px; border-left: 1px solid #46A535; border-right: 1px solid #347E29;}
#nav li ul {position: absolute; left: -999em; height: auto; width: 185px; w\idth: 175px; font-weight: normal; padding: 0; margin: 0 0 0 1px; border: 1px solid #347E29;}
#nav li li {width: 175px; padding: 0; background-color: #347E29; border-top: 1px solid #46A535; font-size: 80%;}
#nav li li a{padding: 0 0 0 15px; border: none; line-height: 28px;}
#nav li li a:hover{ background-color: #46A535;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {	left: auto;}
#nav li:hover, #nav li.sfhover { background-color: #347E29;}

#nav li .end{border-left: 1px solid #CD0368; line-height: 28px;}
#nav li .active{ background-color: #46A535;}

#topNav a.division {float: right; font-size: 60%; text-transform: uppercase; border: none; background: url(../images/icons/icon_arrow_white.gif) 0 18px no-repeat; padding: 14px 0 0 10px; margin: 0 75px 0 0; color: #fff; text-decoration: none;}
#topNav a.division:hover{ text-decoration: underline; background: url(../images/icons/icon_arrow_white.gif) 0 18px no-repeat;}


/* ACCOUNT LOGIN *********** */
#loginAccount{ width: 245px; padding: 10px 0 0 15px; float: right; background: #DADADA; border-left: 1px solid #ccc; height: 120px; text-align: left;}
#loginAccount h2{ font-size: 110%; color: #666; font-weight: normal; margin: 0 0 5px 0; padding: 0; float: left; width: auto;}
#loginAccount p{ float: left; width: 240px; margin: 0 0 2px 0; padding: 0; font-size: 70%;}
#loginAccount span.type{ float: left; width: 180px; font-size: 65%; margin: 0 0 0 10px;}
#loginAccount p a{ color: #666; float: left; margin: 8px 0 0 10px; display: inline;}
#loginAccount p a:hover{ color: #000;}
#loginAccount ul{ float: left; width: 230px; list-style: none; margin: 0; padding: 0;}
#loginAccount li{ float: left; width: 230px; margin: 0; padding: 0; font-size: 70%; line-height: 150%;}
#loginAccount li a{ color: #666; text-decoration: none;}
#loginAccount li a:hover{ color: #000;}


/* *************************************************************
HOMEPAGE VACANCY LIST
************************************************************* */
#vacancyList{ float: left; width: 230px; margin: 0 0 0 15px; display: inline;}
#vacancyList h2{ font-size: 110%; color: #4FAD26; font-weight: normal; margin: 20px 0 0 0; padding: 0 0 0 20px; background: url(../images/icons/icon_feature.gif) 0 2px no-repeat; float: left; width: 205px;}
#vacancyList h3{ font-size: 95%; color: #4FAD26; font-weight: normal; margin: 15px 0 0 0; padding: 15px 0 0 20px; float: left; width: 205px; border-top: 1px solid #ccc; background: url(../images/icons/icon_articles.gif) 0 17px no-repeat;}
#vacancyList h3 a{color: #4FAD26; text-decoration: none;}
#vacancyList h3 a:hover{color: #000; text-decoration: none;}
#vacancyList h4{ font-size: 80%; color: #000; font-weight: normal; margin: 5px 0; padding: 0; float: left; width: 240px;}
#vacancyList p{ float: left; width: 225px; margin: 0 0 5px 0; padding: 0; font-size: 70%; clear: both; color: #666;}
#vacancyList p a{ color: #000;}
#vacancyList p a:hover{ color: #4FAD26;}


/* *************************************************************
SEARCH BOX
************************************************************* */
#searchBox{ width: 245px; margin: 15px 0 20px 0; padding: 0 0 0 15px; float: left; text-align: left; clear: both;}
#searchBox h2{ font-size: 110%; color: #4FAD26; font-weight: normal; margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../images/icons/icon_search.gif) 0 2px no-repeat; float: left; width: 200px;}
#searchBox p{ float: left; width: 240px; margin: 0 0 5px 0; padding: 0; font-size: 70%; clear: both;}
#searchBox .text{ font-size: 95%; width: 220px; }
#searchBox span.type{ float: left; width: 180px; font-size: 65%; margin: 0 0 0 10px;}
#searchBox p a{ color: #666; float: left; margin: 8px 0 0 10px; display: inline;}
#searchBox p a:hover{ color: #000;}


/* *************************************************************
JOB SEARCH
************************************************************* */
fieldset#search { border: 1px solid #ccc; background-color: #FDFDFD; float: left; clear: both; width: 520px; margin: 20px 0 20px 0;}
fieldset#search legend{ font-size: 75%; color: #666; background-color: #fff; padding: 2px 5px; text-transform: uppercase;}
#contentBody #search p{ margin: 0 0 4px 0; font-size: 75%; clear: both; padding: 0;}
#search .text{ font-size: 100%;}
#search span{ float: left; width: 100px;}
#search select{ font-size: 100%;}
#search .advSearch a{ font-size: 90%; color: #FF6600;}
#search small{ color: #FF6600; font-size: 90%; line-height: 120%;}


/* *************************************************************
Content Area - Divs which contain all content
************************************************************* */
/* #contentContainer{ width: 850px; float:left; padding: 0; margin: 0; text-align: left; border-left: 1px solid #fff; border-right: 1px solid #fff; clear: both;} */

#contentMain{width: 850px; float: left; margin: 0; padding: 0; background: url(../images/bg/bg_contentMain.gif) 0 0 repeat-y; text-align: left;}

#contentBody{width: 550px; float: left; margin: 20px 0 10px 20px; display: inline;}
#contentBody #introPic{ padding: 2px; border: 1px solid #ccc; float: left; margin: 0 0 0 0;}
#contentBody h1{ font-size: 140%; color: #000; font-weight: normal; float: left; clear: both; width: 100%; margin: 10px 0 10px 0; padding: 0;}
#contentBody h3{ font-size: 140%; color: #000; font-weight: normal; float: left; clear: both; width: 100%; margin: 0 0 10px 0; padding: 0;}
#contentBody h4{ font-size: 110%; color: #4FAD26; font-weight: normal; float: left; clear: both; width: 100%; margin: 10px 0 5px 0; padding: 0;}
#contentBody p{ float: left; clear: both; width: 100%; font-size: 75%; line-height: 160%; padding: 0; margin: 0 0 10px 0;}
#contentBody p a{ color: #4FAD26;}
#contentBody p a:hover{ color: #000;}

#contentBody ul, #contentBody ol{ clear: both; font-size: 75%; line-height: 160%; margin-top: 0; padding-top: 0;}
#contentBody li{ }
#contentBody li a{ color: #4FAD26;}
#contentBody li a:hover{ color: #000;}


/* *************************************************************
HOMEPAGE
************************************************************* */
#candidateBlock, #clientBlock{ float: left; padding: 10px 10px 0; margin: 10px 0 20px 0; width: 245px; background-color: #F9FAF9; border-left: 1px solid #ccc;}
#clientBlock{ float: right; background-color: #F6F7F6;}
#candidateBlock h2, #clientBlock h2{ float: left; width: 240px; margin: 0 0 8px 0; padding: 0 0 5px 0; color: #666666; font-size: 110%; font-weight: normal; border-bottom: 2px solid #4FAD26;}
#candidateBlock h2{ color: #000;}
#contentBody #candidateBlock p, #contentBody #clientBlock p{ float: left; padding: 0; margin: 0 0 5px 0; width: 240px; color:#666666;}


/* *************************************************************
Right Hand Blocks 
************************************************************* */
#rightHandColumn{float: right; width: 260px; margin: 0 0 20px 0; padding: 0;}

.lineBreak{ width: 260px; float: left; margin: 0; padding: 0; height: 12px; font-size: 0; clear: both; background: url(../images/bg/bg_lineSeparator.gif) 0 0 no-repeat;}

.registerBtn{ float: left; margin: 15px 0 10px 15px; display: inline;}

/* General Option Block */
.optionBlock{width: 230px; float: left; margin: 20px 0 20px 20px; clear: both; display: inline;}
.optionBlock h4{font-size: 110%; color: #4FAD26; margin:0; padding: 0 0 0 0; font-weight: normal; display: block;}
.optionBlock p{margin:0; padding: 10px 10px 0 0; font-size: 70%; color: #444; line-height: 180%;}
.optionBlock p a{color: #555; text-decoration: none;}
.optionBlock ul{list-style-type: none; margin: 10px 0 0 0; padding: 0; font-size: 70%; color: #555;}
.optionBlock li{margin:0 0 0 0; padding: 2px 5px 7px 18px;}
.optionBlock .thumb{background-image:url(../images/icon_thumbUp.gif); background-repeat:no-repeat; background-position: 0 1px;}
.optionBlock .clip{background-image:url(../images/icon_clip.gif); background-repeat:no-repeat; background-position: 0 1px;}
.optionBlock .bulb{background-image:url(../images/icon_bulb.gif); background-repeat:no-repeat; background-position: 0 1px;}
.optionBlock a{color: #000; text-decoration: none;}
.optionBlock a:hover{color: #555; text-decoration: none; border-bottom: 1px dashed #555;}

.optionBlock hr{ width: 100%; height: 1px; margin: 10px 0 0 0; border: none;}
#clientsOption h6 { color: #000; padding: 0; font: 70% Arial, Helvetica, sans-serif; margin: 10px 0 0 0; display: block;}
#candidatesOption h6 { color: #000; padding: 0; font: 70% Arial, Helvetica, sans-serif; margin: 0 0 0 0; display: block;}

.optionBlock h4.help{ padding: 0 0 0 20px; background: url(../images/icons/icon_help.gif) 0 3px no-repeat;}
.optionBlock h4.testimonial{ padding: 0 0 0 20px; background: url(../images/icons/icon_testimonial.gif) 0 5px no-repeat;}
.optionBlock h4.feature{ padding: 0 0 0 20px; background: url(../images/icons/icon_feature.gif) 0 0 no-repeat;}
.optionBlock h4.download{ padding: 0 0 0 20px; background: url(../images/icons/icon_download.gif) 0 3px no-repeat;}
.optionBlock h4.benefits{ padding: 0 0 0 20px; background: url(../images/icons/icon_benefits.gif) 0 4px no-repeat;}
.optionBlock h4.newsletter{ padding: 0 0 0 25px; background: url(../images/icons/icon_newsletter.gif) 0 4px no-repeat;}
.optionBlock h4.directions{ padding: 0 0 0 20px; background: url(../images/icons/icon_directions.gif) 0 6px no-repeat;}
.optionBlock h4.why{ padding: 0 0 0 20px; background: url(../images/icons/icon_why_1.gif) 0 5px no-repeat;}
.optionBlock h4.login{ padding: 0 0 0 22px; background: url(../images/icons/icon_login_1.gif) 0 4px no-repeat; font-size: 95%; font-weight: bold;}


/* *************************************************************
BUTTONS
************************************************************* */
.btn_submit{ background: url(../images/buttons/btn_submit.gif) 0 0 no-repeat; width: 85px; height: 35px; border: none; cursor: pointer; float: left;}
.btn_submit2{ background: url(../images/buttons/btn_submit2.gif) 0 0 no-repeat; width: 85px; height: 35px; border: none; cursor: pointer; float: left;}
.btn_search{ background: url(../images/buttons/btn_search.gif) 0 0 no-repeat; width: 85px; height: 35px; border: none; cursor: pointer; float: left;}
.btn_search2{ background: url(../images/buttons/btn_search2.gif) 0 0 no-repeat; width: 85px; height: 35px; border: none; cursor: pointer; float: left;}
.btn_reset{ background: url(../images/buttons/btn_reset.gif) 0 0 no-repeat; width: 85px; height: 35px; border: none; cursor: pointer; float: left;}


/* *************************************************************
Candidate and Client Registration
************************************************************* */
#clientReg, #registration{margin-top: 30px;}
#clientReg .row, #registration .row{clear: both; margin-bottom: 2px; padding: 0; font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #555; height: 24px;}
#clientReg .col1, #registration .col1{width: 140px; float: left; padding-top: 3px; margin: 0;}
#clientReg .col2, #registration .col2{width: 210px; float: left; padding: 0; margin: 0;}
#registration .col2Required{width: 206px; float: left; padding: 0; margin: 0; border-right: 4px solid #4FAD26;}
#clientReg .col2Required{width: 186px; float: left; padding: 0; margin: 0; border-right: 4px solid #4FAD26;}
#registration .col2 a{text-decoration: none; color: #FF6600;}
#registration .col2 a:hover{text-decoration: none; color: #555;}
#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: #555; height: 20px;}
#registration .colSkills, #clientReg .colSkills{width: 170px;}
#registration .colSkills2, #clientReg .colSkills2{width: 170px;}
#clientReg input, #clientReg select, #registration input, #registration select{font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #555; 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 #FFAC0C; color: #FF6600; font-weight: bold;}
#clientReg h4{margin-top: 20px; border-bottom: 1px solid #067DA5; color: #067DA5;}
#registration h5, #clientReg h5{font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #555; font-weight: bold; text-transform: capitalize; clear: both; margin: 0 0 5px 0; padding: 10px 0 0 0;}
#registration .required{padding-right: 5px; border-right: 4px solid #4FAD26;}
#clientReg .required{padding-right: 5px; border-right: 4px solid #4FAD26;}
#clientReg textarea, #registration textarea{font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #555; width: 500px; padding: 3px;}
#clientReg fieldset, #registration fieldset{ border: 1px solid #ccc; background-color: #FDFDFD; float: left; clear: both; width: 520px; margin: 0 0 20px 0;}
#clientReg legend, #registration legend{ font-size: 75%; color: #666; background-color: #fff; padding: 2px 5px; text-transform: uppercase;}
#clientReg p, #registration p{font-size: 70%;}

.tableData{ font: 70% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;}


/* *************************************************************
JOBS BY EMAIL
************************************************************* */
#jobsByEmail{width: auto; float: left; margin: 0 0 20px 0; padding-bottom: 10px;}
#jobsByEmail dl{margin: 0 0 10px 0; padding: 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width: 130px; float: left;}
#jobsByEmail dt{color: #4FAD26; float: left; clear: both; font-size: 90%; width: 200px; padding: 0; margin: 0; font-weight: bold;}
#jobsByEmail dd{float: left; color: #555; width: 110px; padding: 0; margin: 0; font-size: 70%;}
#jobsByEmail .input{width: 20px;}
#jobsByEmail image{float: right;}
#jobsByEmail form{float: left;}


/* *************************************************************
JOB LISTING
************************************************************* */
#jobListing{width: auto; float: left; margin: 0 0 20px 0;}
#jobListing dl{ float: left; margin: 0 0 20px 0; padding: 0; font: 70% Arial, Helvetica, sans-serif; width: 540px;}
#jobListing dt, #jobListing dd{color: #555; margin: 0; float: left; border-bottom: 1px dashed #ccc; text-transform: capitalize;}
#jobListing dt{clear: both; width: 340px; padding: 7px 0 7px 10px;}
#jobListing dt span { width: 50px; float: left;}
#jobListing dd{width: 180px; padding: 7px 10px 7px 0}
#jobListing dd a, #jobListing dt a{color: #555; text-decoration: none;}
#jobListing dd a:hover, #jobListing dt a:hover{color: #4FAD26;}
#jobListing dd img{float: right; padding-top: 3px;}
#jobListing .title{color: #4FAD26; text-transform: uppercase; font-weight: bold; font-size: 110%;}
/* #jobListing span{width: 130px; float: left; font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;} */
#jobListing .orange{color: #FF6600;}


/* *************************************************************
CANDIDATE PROFILES LISTING
************************************************************* */
.lineProfiles{ width: 100%; height: 1px; font-size: 0; border-top: 1px dotted #ccc; float: left; clear: both; margin: 10px 0;}

/* *************************************************************
VACANCY DETAIL
************************************************************* */
#vacancyDetail h1{margin: 0 0 10px 0;}
h3{font-size: 100%; margin: 0 0 10px 0; padding: 0; font-weight:bold;}
h3 span{font-size: 80%; color: #555; font-style:italic;}

#vacancyDetail h2{font-size: 75%; color: #4FAD26; font-style: italic; height: 12px; clear: both;}
#vacancyDetail h2 span{color: #999; font-weight: bold; display: block; float: left; width: 80px; font-style: normal;}
#vacancyDetail #vacancyId{padding-bottom: 10px;}


/* *************************************************************
CONTACT
************************************************************* */
#contactInfo dl{margin: 10px 0 20px 0; padding: 0; font-size: 75%; color: #555; width: 500px; float: left;}
#contactInfo dt{margin: 0; padding: 0px; width: 80px; height: auto; float: left; clear: both; font-weight: bold; line-height: 150%;}
#contactInfo dd{margin: 0; padding: 0px; width: 420px; height: auto; float: left; color: #000; line-height: 160%;}
#contactInfo dd a{color: #000; text-decoration: none;}
#contactInfo dd a:hover{color: #FF6600; border-bottom: 1px dashed #555;}
#contactInfo dd a:visited{color: #000; text-decoration: none;}


/* *************************************************************
Newsletter 
************************************************************* */
#newsletter{width: 182px; float: left; margin: 20px 0 0 0; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff;}
#newsletter li a{color: #fff; text-decoration: none;}
#newsletter li a:hover{color: #fff; text-decoration: none; border-bottom: 1px dashed #fff;}
.newsletterCand{background-color: #FFAC0C;}
.newsletterCand img{ border: 1px solid #FFAC0C;}
.newsletterClient{background-color: #067DA5;}
.newsletterClient img{ border: 1px solid #067DA5;}
#newsletter p{padding: 5px; margin: 0;}
#newsletter ul{list-style-type: none; margin:5px 0 0 0; padding: 0;}
#newsletter li{margin:0 0 0 10px; padding: 0 0 7px 15px; background-image: url(../images/whiteArrows.gif); background-repeat:no-repeat; background-position: 0 5px;}


/* *************************************************************
ARTICLE PAGE
************************************************************* */
#articlesList li a{ color: #000; text-decoration: none;}
#articlesList li a:hover{ color: #666; text-decoration: underline;}


/* *************************************************************
ALERT BOX
************************************************************* */
#alertBox{width: 520px; float: left; margin: 10px 0 20px 0; padding: 10px; background-color: #FFF7D2; border: 1px solid #FF9900;}
#alertBox h4{font-size: 90%; margin: 0 0 5px 0; padding: 0; color: #FF6600; font-weight: bold; float: left;}
#alertBox h4 a, #alertBox p a{color: #FF0000;}
#alertBox h4 a:hover, #alertBox p a:hover{color: #000;}
#alertBox p{ font-size: 70%; margin: 0; padding: 0;}


/* *************************************************************
Footers
************************************************************* */
#footerWrap{ width: 100%; text-align: center; background: url(../images/bg/bg_footer.gif) 0 0 repeat-x; height: auto; overflow: auto; clear: both;}

#footerTopBar{width: 849px; background-color: #E7E6E7; margin: 0 auto 0 auto; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; height: 5px; font-size: 0;}

#footer{width: 849px; height: 100px; margin: 0 auto 20px auto; padding: 0; clear: both; text-align: left; background-color: #CCCCCC; border: 1px solid #fff;}
#footerLogos{float: left; margin: 20px 20px 0 20px; width: 150px; display: inline;}
#footerLogos img { float: left; margin: 0 10px 0 0; padding: 0; display: inline;}
#footer ul{ float: left; width: 650px; margin: 20px 0 5px 0; padding: 0; list-style: none;}
#footer li{ float: left; font-size: 90%; padding: 0; margin: 0 30px 0 0; color: #333; display: inline;}
#footer a{ color: #666666; text-decoration: none;}
#footer .nav, #footer .links{ font-size: 70%; text-transform: uppercase; margin: 0 0 5px 0;}
#footer .nav a{ color: #666;}
#footer .links a{ color: #999;}
#footer .nav li{ margin-right: 20px;}
#footer .links li{ margin-right: 15px;}
#footer .nav a:hover, #footer .links a:hover{ color: #000;}

/* *************************************************************
GENERAL FIELDSETS
************************************************************* */
#registration fieldset { padding:10px;}
#registration fieldset h3{font-size: 75%; color: #000; font-weight: normal; text-transform: uppercase; clear: both; margin: 15px 0 5px 0; padding: 0; float: left; width: 100%;}

#registration fieldset p{ margin: 0 0 2px 0; padding: 0 0 0 0; width: 430px; float: left; clear: both;}
#registration fieldset label{ float: left; width: 120px;  display:block; margin: 0 10px 0 0; padding: 0; height: 2em;}
#registration fieldset p a{ color: #666; text-decoration: underline;}
#registration fieldset p a:hover{ color: #000; text-decoration: underline;}
#registration fieldset input{ font-size: 95%; width:;}
#registration fieldset select,
#registration .text{ font-size: 95%; width: 160px; }

#tcs{ float: left; margin: 15px;}
#tcs p, #tcs li{ font-size: 70%; color: #333;}