/* FONT
=============================================================================== */
p {font-size: 0.8em;line-height: 1.2em;font-family: sans-serif;}
strong {font-family: sans-serif;}
.column {padding: 0 40px 0 10px;}
label {font-size: 0.8em;line-height: 1.2em;font-family: sans-serif;}
.green {color: #2bb673;margin: 5px 0 5px 0;}
.green2 {color: #056739;margin: 5px 0 5px 0;}
ul {padding: 0 0 0 27px;list-style-image: url('/images/bullet.gif');}
li {font-size: 0.8em;line-height: 1.2em;font-weight: bold;font-family: sans-serif;}
.subtle {font-weight: normal;}

h1 {color: #2bb673;font-size: 1em;font-weight: normal;font-family: sans-serif;}
h2 {color: #2bb673;text-align: center;font-size: 1.2em;font-family: sans-serif;}
h3 {color: #2bb673;font-size: 1em;font-weight: bold;padding: 20px 0 0 0;font-family: sans-serif;}
h4 {color: #056739;font-weight: bold;padding: 0px;margin: 10px 0 0 0;font-family: sans-serif;}
h5 {color: #2bb673;font-size: 1em;font-weight: bold;padding: 5px 0 0 0;margin: 0px;font-family: sans-serif;}

/* COLORS
=============================================================================== */
a:link { text-decoration: underline; color: #2bb673;font-weight: bold;}
a:visited { text-decoration: underline; color: #2bb673;}
a:hover { text-decoration: underline; color: #056739;}
a:active, .content a:focus { text-decoration: none; color: #000;}


/* HEADER
=============================================================================== */
#header {width: 780px;height: 270px;}


/* MAIN
=============================================================================== */
#main {width: 780px;position: relative;padding: 10px 0 10px 0;}

/* MAIN-FULL
=============================================================================== */
#main-full {width: 750px;position: relative;padding: 0 10px 0 10px;}

/* MAIN LEFT
=============================================================================== */
.main-left {float: left; width: 500px;margin: 0 0 0 10px;}

/* MAIN RIGHT
=============================================================================== */
.main-right {float: right; width: 230px;border: 1px solid #2bb673;padding: 0px;margin: 20px 10px 0 0;background-color: #cdf6e6;}
.register1 {width: 200px;padding: 1px;margin: 10px 0 0 14px;}
.register2 {width: 200px;height: 50px;text-align: center;background: #2bb673;}
.register2 p {color: #fff;font-size: 1em;font-weight: bold;padding: 5px 0 0 0;margin: 0px;line-height: 1.2em;}
.right-button {width: 202px;height: 80px;padding: 5px 0 5px 0;margin: 0px;}
.right-button2 {width: 204px;height: 54px;padding: 0 0 10px 0;margin: 0px;}

/* MAIN RIGHT ADVERT
=============================================================================== */
.main-right-container {float: right; width: 230px;}
.main-rights {width: 230px; border: 1px solid #2bb673;padding: 0px;margin: 20px 10px 0 0;background-color: #cdf6e6;}
.main-right-advert {padding-top: 10px;}

/* TABLES
=============================================================================== */
/* any tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* INDEX PAGE
=============================================================================== */
.home-left {float: left; width: 375px;margin: 0 0 0 10px;}
.home-right {float: right; width: 375px;margin: 0 10px 0 0;}

/* WELCOME */
#home-item1 {padding: 0 36px 0  0px;margin: 0px;}
#home-head1 {background: url(/images/home-head1.gif) no-repeat;width: 342px; height: 62px;margin: 0px;padding: 0px;}

/* HOW WE CAN HELP */
#home-item2 {padding: 0 0 10px 0;margin: 0px;}
#home-head2 {background: url(/images/home-head2.gif) no-repeat;width: 342px; height: 40px;margin: 0px;padding: 0 0 10px 0;}

#home-folders {width: 290px;height: 90px;position: relative;padding: 10px 0 0 10px;}
#home-folder1 {float: left;background: url(/images/folder-candidates.gif) no-repeat;width: 140px;height: 90px;cursor: pointer;}
#home-folder2 {float: right;background: url(/images/folder-clients.gif) no-repeat;width: 140px;height: 90px;cursor: pointer;}

/* LATEST JOBS */
#home-item3 {padding: 0px;margin: 0px;}
#home-head3 {background: url(/images/home-head3.gif) no-repeat;width: 342px; height: 62px;margin: 0px;padding: 0px;}

#home-jobsearch {position: relative;width: 320px;height: 22px;padding: 0px;margin: 0px;}
#home-jobsearch-left {float: left;width: 280px;margin-left: 10px;}
#home-keyword {float: left;}
#home-salary {float: right;}
#home-jobsearch-right {float: right;}
.search-field1 {border: 1px solid #2bb673;margin: 0px;width: 120px;padding: 0px;font-size: 0.8em;color: #056739;height: 17px;}
.search-field2 {border: 1px solid #2bb673;margin: 0px;width: 150px;padding: 0px;font-size: 0.8em;color: #056739;}
#home-search {}

/* TESTIMONIALS */
#home-item4 {padding: 0 0 10px 0;margin: 0px;}
#home-head4 {background: url(/images/home-head4.gif) no-repeat;width: 342px; height: 62px;margin: 0px;padding: 0px;}

#home-testimonials {position: relative;padding: 10px 25px 0 0;}
#home-test1 {float: left;width: 165px;height: 100%;}
#home-test2 {float: right;width: 165px;height: 100%;}

.home-test-top {position: relative;padding: 0px;}
.home-test-top-bracket {float: left;background: url(/images/left-bracket.gif) no-repeat;width: 20px;height: 20px;}
.home-test-top-text {float: right;width: 140px;}
.home-test-bottom {width: 120px;padding: 0 0 0 25px;margin: 0px;}
#rec-logo {position: absolute;left: -373px;top:120px;width: 50px;height: 50px;background: url(/images/icon-rec.gif) no-repeat;}
#rec-link {position: absolute;width: 50px;height: 40px;}

/* CANDIDATES PAGES
=============================================================================== */
#candidates-item1 {padding: 0px;margin: 0px;border-bottom: 2px solid #d4d1d1;}
#candidates-head1 {background: url(/images/candidates-head1.gif) no-repeat;width: 342px; height: 62px;margin: 0px;padding: 0px;}

.candidate-guides {width: 202px;margin: 20px 0 0 15px;}
.guide {width: 202px;height: 80px;margin-bottom: 10px;}

/* CANDIDATE GUIDE PAGE TITLES
=============================================================================== */
#competency-head1 {background: url(/images/competency-head1.gif) no-repeat;width: 500px; height: 90px;margin: 0px;padding: 0px;}
#prepare-head1 {background: url(/images/prepare-head1.gif) no-repeat;width: 500px; height: 90px;margin: 0px;padding: 0px;}
#nerves-head1 {background: url(/images/nerves-head1.gif) no-repeat;width: 500px; height: 90px;margin: 0px;padding: 0px;}
#question-head1 {background: url(/images/answering-head1.gif) no-repeat;width: 500px; height: 90px;margin: 0px;padding: 0px;}
#candidate-signup-head1 {background: url(/images/candidates-register-head1.gif) no-repeat;border-bottom: 2px solid #d4d1d1;width: 750px; height: 62px;margin: 0px;padding: 0px;}

/* GUIDE TO ANSWERING QUESTIONS PAGE
=============================================================================== */
.question-textbox {border: 1px solid #2bb673;margin-bottom: 10px;}
.question-textbox-title {height: 25px;background: url(/images/jobheader-background.gif);margin: 0px;padding: 0 0 0 10px;}
.question-textbox-title p {padding: 5px 0 5px 0;margin: 0px;color: white;font-size: 1em;}
.question-textbox-text {padding: 0 10px 0 10px;}


/* CLIENTS PAGE
=============================================================================== */
#clients-item1 {padding: 0px;margin: 0px;border-bottom: 2px solid #d4d1d1;}
#clients-head1 {background: url(/images/clients-head1.gif) no-repeat;width: 342px;height: 62px;margin: 0px;padding: 0px;}

.client-pages {width: 210px;margin: 10px 0 0 15px;}
.client-pages h3 {padding: 10px 0 0 0;margin: 0px;}
.submit-vacancy {margin: 10px 0 0 14px;width: 210px;}
.submit-vacancy p {padding: 0px;margin: 5px 0 5px 0;}
.client-callback {margin: 10px 0 0 14px;width: 210px;}
.client-callback p {padding: 0px;margin: 5px 0 5px 0;}


/* CLIENT SUBMIT VACANCY PAGE
=============================================================================== */
#clients-submit-head1 {background: url(/images/clients-submit-head1.gif) no-repeat;width: 342px;height: 62px;margin: 0px;padding: 0px;}


/* CV PAGE
=============================================================================== */
#cv-item1 {padding: 0px;margin: 0px;}
#cv-head1 {background: url(/images/cv-head1.gif) no-repeat; height: 62px;margin: 0 0 0 10px;padding: 0px;border-bottom: 2px solid #d4d1d1;width: 750px;}
.cv-registerlink {margin: 0 0 20px 70px;}


/* NEWS PAGE
=============================================================================== */
#news-item1 {padding: 0px;margin: 0px;}
#news-head1 {background: url(/images/news-head1.gif) no-repeat;height: 62px;margin: 0 0 0 10px;padding: 0px;border-bottom: 2px solid #d4d1d1;width: 750px;}
#news-articles {width: 630px;margin-left: 70px;}
.news-item {width: 600px;border: 1px solid #2bb673;margin: 0 0 20px 0;}
.news-item-header {height: 24px;background: url(/images/jobheader-background.gif);padding: 5px 10px 0 10px;font-size: 1.3em;color: white;}
.news-item-header p {margin: 0px;padding: 0px;}
.news-header-left {float: left;}
.news-header-right {float: right;}
.news-item-body {padding: 0 10px 5px 10px;}
.news-item-hidden {width: 580px;padding: 0 10px 10px 10px;}


/* SEARCH RESULTS PAGE
=============================================================================== */
#results-item1 {padding: 0px;margin: 0px 0px 0px 10px;}
#results-head1 {background: url(/images/results-head1.gif) no-repeat;border-bottom: 2px solid #d4d1d1;width: 750px; height: 62px;margin: 0px;padding: 0px;}

.jobpage-select {padding: 3px 10px 0 20px;}
.jobpage-select p {font-size: 0.8em;margin: 0px;}

.jobbox {border: 1px solid #2bb673;margin: 0 10px 10px 10px;width: 500px;}
.jobbox p {margin: 0px;padding: 0px;}
.jobbox-header {height: 25px;background: url(/images/jobheader-background.gif);padding: 5px 10px 0 10px;font-size: 1.3em;color: white;}
.jobtitle {float: left;}
.joblocation {float: right;}
.jobbox-body {margin: 10px;}
.jobbox-body-top {font-weight: bold;font-size: 1.1em;height: 20px;}
.jobbox-body-top-left {float: left;}
.jobsalary {}
.jobbox-body-top-right {float: right;width: 300px;}
.jobtype {float: left;font-size: 0.9em !important;color: grey;font-weight: normal;}
.jobadded {float: right;}
.jobbox-body-middle {padding: 10px 0 10px 0;}
.jobtext {}
.jobbox-body-bottom {height: 15px;}
.jobreference {float: left;color: grey;}
.jobdetails {float: right;color: #2bb673;font-size: 1em;font-weight: normal;}

#jobsearch-right {float: right; width: 230px;padding: 0px;margin: 25px 10px 0 0;}
#newsearch-box {width: 230px;border: 1px solid #2bb673;padding: 0px;background-color: #cdf6e6;}
#newsearch-box p {margin: 0px;}
#newsearch-title {height: 25px;background: url(/images/jobheader-background.gif);padding: 5px 0 0 10px;margin: 0px;font-size: 1.3em;color: white;}
#newsearch-form {margin: 10px;}
#newsearch-form p {font-size: 0.9em;font-weight: bold;padding: 5px 0 5px 0;}

#register-box {width: 230px;border: 1px solid #2bb673;padding: 0px;margin: 20px 0 0 0;background-color: #cdf6e6;}
#register-box p {margin: 0px;}
#register-box-title {height: 25px;background: url(/images/jobheader-background.gif);padding: 5px 0 0 10px;margin: 0px;}
#register-box-title p {font-size: 1em;color: white;}
#register-box-body {height: 100px;margin: 10px 0 0 0;}
#register-box-body p {margin: 10px 0 0 14px;padding: 0px;}


/* JOB DESCRIPTION PAGE
=============================================================================== */
.main-left-jobsearch {float: left; width: 500px;margin: 0px;}
#jobdescription-header {width: 510px;height: 50px;}
#jobdescription-title {margin: 10px 0 10px 10px;float: left;}
#jobdescription-title p {color: #2bb673;font-size: 1.4em;margin: 0px;padding: 0px;}
#jobdescription-back {float: right;padding: 5px 0 0 0;}
.jobdescription-box {border: 1px solid #2bb673;margin: 0 10px 10px 10px;width: 500px;}
.jobdescription-box p {margin: 0px;padding: 0px;}
.jobdescription-box-header {height: 25px;background: url(/images/jobheader-background.gif);padding: 5px 10px 0 10px;font-size: 1.3em;color: white;}
.jobdescription-box-body {margin: 10px;}
#jobdescription-full {margin: 30px 10px 10px 10px;}
#jobdescription-requirements {margin: 30px 10px 10px 10px;}
#jobdescription-back2 {float: right;padding: 0px;}


#jobdescription-right {float: right; width: 230px;padding: 0px;margin: 0px 10px 0 0;}
#apply-box {width: 230px;border: 1px solid #2bb673;padding: 0px;background-color: #cdf6e6;}
#apply-box p {margin: 0px;}
#apply-title {height: 25px;background: url(/images/jobheader-background.gif);padding: 5px 0 0 10px;margin: 0px;font-size: 1.3em;color: white;}
#apply-text {margin: 10px;}
#apply-text p {font-size: 0.8em;padding: 5px 0 5px 0;}
#apply-button {width: 204px;height: 54px;margin: 0 0 10px 13px;border: none;}

#callback-box {width: 230px;border: 1px solid #2bb673;padding: 0px;background-color: #cdf6e6;margin-top: 20px;}
#callback-box p {margin: 0px;}
#callback-title {height: 25px;background: url(/images/jobheader-background.gif);padding: 5px 0 0 10px;margin: 0px;font-size: 1.3em;color: white;}
#callback-text {margin: 10px;}
#callback-text p {font-size: 0.8em;padding: 5px 0 5px 0;}
#callback-button {width: 204px;height: 54px;margin: 0 0 10px 13px;border: none;}


/* CONTACT PAGE
=============================================================================== */
#contact-item1 {padding: 0px;margin: 0px;}
#contact-head1 {background: url(/images/contact-head1.gif) no-repeat;height: 62px;margin: 0px;padding: 0px;border-bottom: 2px solid #d4d1d1;width: 750px;}
#contact-item2 {}
#contact-details {float: left;font-size: 1.1em;margin: 20px 0 0 10px;border: 1px solid #2bb673;padding: 0 80px 0 20px;}
#contact-map {float: right;margin: 0 20px 0 0;}
#contact-item3 {width: 720px;margin: 0 0 10px 10px;}
.contact-floatleft {float: left;width: 470px;}
.contact-floatright {float: right;width: 230px;}


/* PRIVACY PAGE
=============================================================================== */
#privacy-item1 {padding: 0px;margin: 0px;}
#privacy-head1 {background: url(/images/privacy-head1.gif) no-repeat;height: 62px;margin: 0 0 0 10px;padding: 0px;border-bottom: 2px solid #d4d1d1;width: 750px;}
#privacy-item2 {padding: 0px;margin: 0 0 0 10px;}


/* PRIVACY POPUP
=============================================================================== */
#main-popwidth {width: 510px;}
.main-popup {width: 500px;}
#privacy-pop-item1 {padding: 0px;margin: 0px;}
#privacy-pop-head1 {background: url(/images/privacy-head1.gif) no-repeat;height: 62px;margin: 0 0 0 10px;padding: 0px;border-bottom: 2px solid #d4d1d1;width: 500px;}
#privacy-pop-item2 {padding: 0px;margin: 0 0 0 10px;}


/* TERMS POPUP
=============================================================================== */
#terms-pop-item1 {padding: 0px;margin: 0px;}
#terms-pop-head1 {background: url(/images/terms-head2.gif) no-repeat;height: 62px;margin: 0 0 0 10px;padding: 0px;border-bottom: 2px solid #d4d1d1;width: 500px;}
#terms-pop-item2 {padding: 0px;margin: 0 0 0 10px;}


/* CALLBACK POPUP
=============================================================================== */
.popupform {border: 1px solid #2bb673; font-size: 0.9em;font-family: sans-serif;color: #2bb673;font-weight: bold;padding: 0 0 20px 25px;}
.popupform legend {color: #056739;font-weight: bold;font-family: sans-serif;}
#callback-item1 {padding: 0px;margin: 0px;}
#callback-head1 {background: url(/images/callback-head1.gif) no-repeat;height: 62px;margin: 0 0 0 10px;padding: 0px;border-bottom: 2px solid #d4d1d1;width: 500px;}
#callback-item2 {padding: 0px;margin: 0 0 0 10px;}
#callbackform-top {width: 430px;margin-top: 20px;}
#callbackform-top-left {float: left;}
#callbackform-top-right {float: right;}
#callbackform-bottom {margin: 20px 0 20px 0;}


/* FOOTER
=============================================================================== */
#footer {height: 50px; width: 780px; background-color: #d8ebe1;}
#footer-content{position: relative;width: 730px;height: 30px;padding: 10px 0 0 0;}
#footer-copyright{position: absolute;left: 10px;top: 13px;}
#footer-phase8 {position: absolute;right: 20px;top: 15px;background: url(/images/icon-phase8.gif) no-repeat;width: 60px; height: 20px;}
#footer p.green2 {margin:11px 0 0 0;}
a#vent-link {font-size: 13px;font-family: sans-serif;color:#056739;text-decoration:none;font-weight:500;line-height:40px;float:right;}
#vent-link img {border:none;vertical-align:top;}

/* FORMS
=============================================================================== */
ul.list-form {list-style-type: none;list-style-image: none;}

#columnarForm fieldset {border: 1px solid green;float: left;display: block;margin: 0 1em 1em 0;padding: 0 1em 1em 2em; }
#columnarForm legend {color: #056739;font-weight: bold;font-family: sans-serif;}
#columnarForm .column {width: 15em;color: #2bb673;}
#columnarForm .full {width: 34em;}
#columnarForm input {margin: 1px 0 0 0;}
#columnarForm .textfield {width: 15em;}
#columnarForm .textbox {width: 40em;}
#columnarForm .radiobox {width: 90px;}
#columnarForm .radioleft {width: 45px;float: left;}
#columnarForm .radioright {width: 40px;float: right;}
#columnarForm .radiotext {font-size: 0.8em;line-height: 1.2em;font-family: sans-serif;;color: #2bb673;font-weight: bold;padding-left: 5px;}
#columnarForm .question {font-size: 0.8em;line-height: 1.2em;font-family: sans-serif;color: #2bb673;font-weight: bold;}
#columnarForm label {display: block;margin-bottom: 1em;font-weight: bold;font-size: 0.8em;}
#columnarForm label.first {padding-top: 1em;}
#columnarForm select {display: block;}
#columnarForm .ticktext {font-size: 1.2em;font-weight: bold;}
#columnarForm .form-text-black {font-weight: normal;color: black;}
#columnarForm .popupform {color: #2bb673;}



/* CANDIDATE REGISTER FORM
=============================================================================== */
.candidate-signup-box {width: 700px;}
.candidate-signup-left {float: left;width: 325px;}
.candidate-signup-left2 {float: left;width: 120px;}
.candidate-signup-right {float: right;width: 325px;}
.candidate-signup-right2 {float: right;width: 200px;}
.column-yourdetails {width: 15em;color: #2bb673;height: 296px;}
.column-address {width: 15em;color: #2bb673;}

#candidate-form {width: 660px;margin-left: 50px;padding: 10px 0 0 0;}
#candidate-form .outerbox {width: 620px;padding: 20px 5px 20px 25px;}
#candidate-form .formtext {padding: 0 10px 0 0;}


/* CV FORM
=============================================================================== */
#CV-form {margin: 0 0 0 70px;}
#CV-form fieldset {color: #2bb673;font-weight: bold;}
#CV-form .outerbox {width: 600px;padding: 20px 5px 20px 25px;}
#CV-form .full {width: 34em;float: left;clear: right;}
#CV-form .cv-sec1 {width: 500px;}
#CV-form .cv-sec2b {width: 500px;}
#CV-form .cv-left {float: left;}
#CV-form .cv-right {float: right;}


/* CLIENT SUBMIT VACANCY FORM
============================================================================== */
#clients-submit-form fieldset {padding: 10px 20px 20px 20px;}
#clients-submit-form .outerbox {width: 450px;}
#clients-submit-form .client-submit-form1 {}
#clients-submit-form .form-left {float: left;}
#clients-submit-form .form-right {float: right;}
#clients-submit-form .client-submit-form2 {}
#clients-submit-form fieldset {color: #2bb673;;font-weight: bold;}


/* EQUALITY FORM 
=============================================================================== */
#equal-signup-item1{padding: 0px;margin: 0px;}
#equal-signup-head1 {background: url(/images/equal-head1.gif) no-repeat;height: 62px;margin: 0px;padding: 0px;border-bottom: 2px solid #d4d1d1;width: 750px;}

.equalbox {width: 600px;height: 130px;padding: 0 0 0 20px;}
.equalbox2 {width: 600px;height: 320px;padding: 0 0 0 20px;}
.equalbox3 {width: 600px;height: 100px;padding: 0px;}
.equalbox4 {width: 600px;height: 180px;padding: 0px;}
.equal-leftcolumn {width: 280px;float: left;font-size: 0.9em;padding-left: 30px;}
.equal-rightcolumn {width: 280px;float: right;font-size: 0.9em;}
.equal-leftcolumn2 {width: 290px;float: left;font-size: 0.9em;}
.equal-rightcolumn2 {width: 290px;float: right;font-size: 0.9em;}
.equalbox label {margin: 0px;padding: 0px;color: #2bb673;font-size: 1em;}
.equalbox p {font-size: 1em;padding: 0px;margin: 5px 0 2px 0;}
.equalbox2 label {margin: 0px;padding: 0px;color: #2bb673;font-size: 1em;}
.equalbox2 p {font-size: 1em;padding: 0px;margin: 5px 0 2px 0;}
.equalbox4 p {font-size: 1em;padding: 0px;margin: 5px 0 2px 0;color: #2bb673;}
.ethnic-white {padding: 0px;width: 200px;}
.ethnic-black {padding: 0px;width: 200px;}
.ethnic-mixed {padding: 10px;width: 200px;}
.ethnic-asian {height: 137px;width: 200px;}
.textfield2 {width: 16em;padding: 0 0 0 0;font-size: 0.8em;}


/* SITE AMMENDMENTS 28-10-08 GM
=============================================================================== */
/* Home Page */
.view_latest_jobs {display:block;width:342px;height:54px;margin:10px 0 63px;background:transparent url(../images/view_our_latest_jobs_btn.gif) no-repeat 0 0;text-indent:-9999em;border:none;outline:none;}
.view_latest_jobs:hover {background-position: 0 -54px;}


/* SPECIAL EFFECTS
=============================================================================== */
.image-block{
	display: block;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
	text-decoration: none;
	letter-spacing: -9999px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
     border: 0;
}