/* Template Styles */

body { font-size: 62.5%; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #ffffff url(/i/body_bg.jpg) repeat-x; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0; }

.imgRight { float: right; margin: 5px 0 5px 10px; }
.imgLeft { float: left; margin: 5px 10px 5px 0; }

#master { width: 966px; margin: 0 auto; background: #ffffff; }

#header { position: relative; height: 158px; background: url(/i/header_bg.jpg); }

#headerLink { display: block; position: absolute; top: 11px; left: 34px; height: 146px; width: 110px; }

#headerLogin { position: absolute; top: 15px; right: 20px; width: 446px; height: 70px; }
#headerLogin .title { font-size: 1.6em; color: #ffffff; letter-spacing: 1px; font-family: Segoe UI, Arial, Verdana, Sans-Serif; }
#headerLogin .TVI-form INPUT { float: left; width: 166px; height: 19px; padding: 4px 6px 0; margin: 6px 5px 5px 0; font-size: 1.3em; color: #5C5C5C; border: 0; background: #ffffff; }
#headerLogin .TVI-form #loginForm-password INPUT {background:  url(/i/passwordBackground.gif) no-repeat left center;}
#headerLogin .login { float: left; display: block; width: 80px; height: 30px; margin-top: 2px; background: url(/i/buttons/login.png); }
.browserIE6 #headerLogin .login { background-image: url(/i/buttons/login.gif); }
#headerLogin .login:hover { background-position: 0 -30px; }
#headerLogin P{ font-size: 1.15em; color: #E4E4E4; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; }
#headerLogin A { color: #e4e4e4; text-decoration: underline; }
#headerLogin A:hover { color: #aaaaaa; }
#headerLogin UL { margin-top: 5px; font-size: 1.2em; color: #E4E4E4; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; }
#headerLogin LI { display: inline; margin-right: 5px; }
#headerLogin .logout { position: absolute; bottom: 0; right: 0; font-size: 1.2em; font-weight: bold; letter-spacing: 1px; text-decoration: none; }

#topNav { position: absolute; bottom: 9px; right: 23px; }
#topNav LI { float: left; margin-left: 5px; }
#topNav A { display: block; width: 100px; height: 30px; background: url(/i/buttons/topNav.jpg); }
#topNav .home A { background-position: 0 0; }
#topNav .home A:hover, #topNav .home A.selected { background-position: 0 -30px; }
#topNav .topNavSearch A { background-position: -105px 0; }
#topNav .topNavSearch A:hover, #topNav .search A.selected { background-position: -105px -30px; }
#topNav .clients A { background-position: -210px 0; }
#topNav .clients A:hover, #topNav .clients A.selected { background-position: -210px -30px; }
#topNav .candidates A { background-position: -315px 0; }
#topNav .candidates A:hover, #topNav .candidates A.selected { background-position: -315px -30px; }
#topNav .contact A { background-position: -420px 0; }
#topNav .contact A:hover, #topNav .contact A.selected { background-position: -420px -30px; }

#main { background: url(/i/main_bg.gif) repeat-y 100% 0; }

#mainLeft { float: left; width: 222px; padding-top: 6px; }
#mainLeft .top { height: 13px; background: url(/i/mainLeft_top.gif) no-repeat; }
#mainLeft .bottom { height: 13px; background: url(/i/mainLeft_bottom.gif) no-repeat; }
#mainLeft .middle { padding-bottom: 9px; background: url(/i/mainLeft_bg.gif); }

#mainLeft .seperator { clear: both; height: 1px; margin: 12px 0 10px 20px; line-height: 0; overflow: hidden; background: #ff9900; }
#mainLeft .title { float: left; margin-bottom: 7px; line-height: 1em; padding: 0 13px 0 20px; font-size: 1.7em; color: #ff9900; font-family: Segoe UI, Arial, Verdana, Sans-Serif; background: url(/i/mainLeft_title_bg.gif) no-repeat 100% 75%; }

#mainLeft .mainLeftItem { clear: both; width: 190px; margin: 0 0 9px 32px; font-size: 1.3em; color: #333333; font-family: Segoe UI, Arial, Verdana, Sans-Serif; }
#mainLeft .mainLeftItem .top { height: 7px; line-height: 0; overflow: hidden; background: url(/i/mainLeft_item_top.gif) no-repeat; }
#mainLeft .mainLeftItem .bottom { height: 7px; line-height: 0; overflow: hidden; background: url(/i/mainLeft_item_bottom.gif) no-repeat; }
#mainLeft .mainLeftItem .middle { padding: 3px 10px; background: url(/i/mainLeft_item_bg.gif); }
#mainLeft .mainLeftItem A { display: block; color: #333333; text-decoration: none; text-transform: capitalize; }
#mainLeft .mainLeftItem A:hover { color: #999999; }
#mainLeft .mainLeftItem LI { margin: 4px 0; }
.browserIE6 #mainLeft .mainLeftItem LI A { display: inline; }
#mainLeft .mainLeftItem LI A { padding-left: 17px; background: url(/i/mainLeft_item_LI_bg.gif) no-repeat 0 5px; }
#mainLeft .mainLeftItem INPUT { width: 153px; height: 18px; padding: 2px 7px 0; margin-bottom: 5px; border: 1px solid #E1E1E1; color: #5C5C5C; font-family: Arial, Tahoma, Verdana, Sans-Serif; }
#mainLeft .mainLeftItem .submit { display: block; width: 90px; height: 30px; margin: 4px 0 7px 42px; background: url(/i/buttons/submit.gif); }
#mainLeft .mainLeftItem .submit:hover { background-position: 0 -30px; }
#mainLeft .mainLeftItem .RSS { display: block; width: 170px; height: 78px; background: url(/i/buttons/RSS.gif); }
#mainLeft .mainLeftItem .RSS:hover { background-position: 0 -78px; }

#mainCentral { float: left; width: 501px; margin: 0 8px; overflow: hidden; }

#mainRight { float: left; width: 214px; }

#mainRight .mainRightItem { margin-bottom: 9px; font-size: 1.3em; color: #333333; font-family: Segoe UI, Arial, Verdana, Sans-Serif; background: url(/i/mainRight_item_middle.gif); }
#mainRight .mainRightItem .top { height: 34px; line-height: 34px; padding: 0 8px; color: #ffffff; font-weight: bold; font-family: Segoe UI, Arial, Verdana, Sans-Serif; background: url(/i/mainRight_item_top.gif); }
#mainRight .mainRightItem .bottom { height: 5px; line-height: 0; overflow: hidden; background: url(/i/mainRight_item_bottom.gif); }
#mainRight .mainRightItem .middle { padding: 3px 8px;  }
#mainRight .mainRightItem .registerCV { display: block; width: 198px; height: 85px; margin-bottom: 6px; background: url(/i/buttons/registerCV.gif); }
#mainRight .mainRightItem .registerCV:hover { background-position: 0 -85px; }
#mainRight .mainRightItem .jobAlerts { display: block; width: 198px; height: 86px; margin-bottom: 6px; background: url(/i/buttons/jobAlerts.gif); }
#mainRight .mainRightItem .jobAlerts:hover { background-position: 0 -86px; }
#mainRight .mainRightItem .submitVacancy { display: block; width: 198px; height: 86px; background: url(/i/buttons/submitVacancy.gif); }
#mainRight .mainRightItem .submitVacancy:hover { background-position: 0 -86px; }
#mainRight .mainRightItem .clients { padding: 6px 0 15px 0; text-align: center; }
#mainRight .mainRightItem .clients div { margin-top: 6px;}
#mainRight .mainRightItem .clients A { display: block; padding: 10px; margin-bottom: 12px; border: 1px solid #DEDEDE; }
#mainRight .mainRightItem .clients A:hover { border-color: #8e8e8e; }
#mainRight .mainRightItem .title { margin: 3px 0 5px 0; color: #ff9900; font-size: 1.2em; font-weight: bold; }
#mainRight .mainRightItem .featuredEmployer { padding: 6px 15px 0; text-align: center; }
#mainRight .mainRightItem .featuredEmployer A { display: block; margin-bottom: 12px; text-align: center; }
#mainRight .mainRightItem .featuredEmployer A img{ margin: auto;}


#footer { clear: both; height: 22px; padding: 34px 0 0 20px; margin-bottom: 15px; background: url(/i/footer_bg.jpg); }
#footer LI { display: inline; color: #d8d8d8; font: bold 1.2em/1em Trebuchet MS, Arial, Verdana, Sans-Serif; }
#footer LI A { text-decoration: underline; color: #d8d8d8; }

/* Common Styles */

P.smalltitle, #mainCentral .contentBox p.smalltitle {font-size: 1em; position: relative; top: -10px;}
P.small, #mainCentral .contentBox p.small {font-size: 1em; position: relative; display: inline;}
H1 { height: 30px; padding: 0 10px; margin-bottom: 7px; font: bold 1.3em/30px Segoe UI, Arial, Verdana, Sans-Serif; color: #ffffff; letter-spacing: 1px; background: url(/i/heading_bg.gif); }
H2 { height: 30px; padding: 0 10px; margin: 7px 0; font: bold 1.3em/30px Segoe UI, Arial, Verdana, Sans-Serif; color: #ffffff; letter-spacing: 1px; background: url(/i/heading_bg.gif); }
#mainCentral P,#mainCentral div.p { margin: 8px 0; font-size: 1.25em; color: #333333; line-height: 1.4em; }
#mainCentral P ul li,#mainCentral .p ul li {list-style-type: disc; margin-left: 30px;}
#mainCentral P A, #mainCentral .p A { color: #ff9900; }
#mainCentral P A:hover, #mainCentral .p A:hover { color: #FFC66F; }

#mainCentral .TVI-form .field { margin-bottom: 8px; }
#mainCentral .TVI-form .label,
#mainCentral .TVI-form .textBox LABEL,
#mainCentral .TVI-form .textArea LABEL,
#mainCentral .TVI-form .select LABEL { display: inline-block; width: 155px; vertical-align: top; padding-top: 4px; margin-right: 9px; font-size: 1.3em; font-weight: bold; color: #ffffff; text-align: right; }
#mainCentral .TVI-form .select LABEL { padding-top: 2px; }
#mainCentral .TVI-form .textBox INPUT { width: 270px; height: 17px; padding: 3px 5px 0; font-size: 1.2em; color: #333333; border: 1px solid #676767; }
#mainCentral .TVI-form .textArea TEXTAREA { width: 275px; height: 70px; overflow: auto; padding: 5px 0 5px 5px; font: 1.2em/1.3em Arial, Verdana, Sans-Serif; color: #333333; border: 1px solid #676767; }
#mainCentral .TVI-form .select SELECT { width: 282px; padding: 1px 0 1px 2px; font-size: 1.2em; color: #333333; border: 1px solid #676767; }
#mainCentral .TVI-form .checkBox { display: inline-block; }
#mainCentral .TVI-form .checkBox INPUT { float: left; }
#mainCentral .TVI-form .checkBox LABEL { float: left; width: 425px; margin-left: 6px; vertical-align: top; font-size: 1.2em; line-height: 1.2em; color: #ffffff; }
.browserIE7 #mainCentral .TVI-form .checkBox LABEL,
.browserIE6 #mainCentral .TVI-form .checkBox LABEL { padding-top: 3px; }

A.rhsLink { display: block; padding: 7px 0; color: #ff9900 !important; text-decoration: underline !important; text-align:right; }
A.rhsLink:hover { color: #FFC66F !important; }

A.external { padding-right: 20px; background: url(/i/externalLink.gif) no-repeat 100% 2px; }

.contentBox { margin: 12px 0; color: #ffffff; }
.contentBox .top { height: 5px; line-height: 0; overflow: hidden; background: url(/i/contentBox_top.gif); }
.contentBox .bottom { height: 5px; line-height: 0; overflow: hidden; background: url(/i/contentBox_bottom.gif); }
.contentBox .middle { padding: 10px 20px; background: url(/i/contentBox_middle.gif); overflow: hidden; }
.contentBox .title { margin-bottom: 14px; color: #ffffff; letter-spacing: 1px; font: bold 1.4em/1em Trebuchet MS, Arial, Verdana, Sans-Serif; }
#mainCentral .contentBox P { margin: 5px 0; font-size: 1.3em; color: #ffffff; }
#mainCentral .contentBox A { color: #ffffff; text-decoration: underline; }
#mainCentral .contentBox A:hover { color: #dddddd; }
.contentBox UL { font-size: 1.3em; font-weight: bold; color: #ffffff; }
.contentBox LI { float: left; width: 200px; margin: 0 10px 7px 0; padding-left: 15px; background: url(/i/content_LI_bg.gif) no-repeat 0 5px; }
.contentBox .seperator { position: relative; left: -19px; width: 499px; height: 1px; margin: 20px 0; line-height: 0; overflow: hidden; background: #FFA66A; border-bottom: 1px solid #D77800; }
.browserIE6 .contentBox .seperator { position: static; width: 461px; }
.contentBox .submit { display: block; width: 85px; height: 22px; margin: 20px 0 0 364px; background: url(/i/buttons/submit_content.gif); }
.contentBox .submit:hover { background-position: 0 -22px; }
.contentBox .text { font-size: 1.3em; font-style: italic; min-width: 0; position: relative;}
#cvStatus, #cvStatus p {min-width: 0;}

.addNewSearch { display: block; width: 137px; height: 22px; background: url(/i/buttons/addNewSearch.gif); }
.addNewSearch:hover { background-position: 0 -22px; }

.deleteSearch { display: block; width: 160px; height: 22px; background: url(/i/buttons/deleteSearch.gif); }
.deleteSearch:hover { background-position: 0 -22px; }

.search { display: block; width: 85px; height: 22px; background: url(/i/buttons/search.gif); }
.search:hover { background-position: 0 -22px; }

.seeAllJobs { display: block; width: 160px; height: 22px; background: url(/i/buttons/seeAllJobs.gif); }
.seeAllJobs:hover { background-position: 0 -22px; }

.send { display: block; width: 85px; height: 22px; background: url(/i/buttons/send.gif); }
.send:hover { background-position: 0 -22px; }

.readMore { display: block; width: 100px; height: 30px; background: url(/i/buttons/readMore.gif); }
.readMore:hover { background-position: 0 -30px; }

.upload { display: inline-block; width: 85px; height: 22px; background: url(/i/buttons/upload.gif); }
.upload:hover { background-position: 0 -22px; }

A.uploadCV { display: inline-block; width: 136px; height: 22px; background: url(/i/buttons/uploadCV.gif); }
A.uploadCV:hover { background-position: 0 -22px; }

#cvStatus {margin-left: 170px;}
#specStatus, #specStatus p{display: inline;}

.updateMyInformation { display: inline-block; width: 195px; height: 22px; background: url(/i/buttons/updateMyInformation.gif); }
.updateMyInformation:hover { background-position: 0 -22px; }

.jobsList { margin: 0 8px; }
.jobsList .jobItem { position: relative; width: 375px; padding: 0 110px 10px 0; margin-bottom: 12px; font-size: 1.2em; line-height: 1.4em; color: #333333; border-bottom: 1px solid #FF9900; }
.jobsList .jobItem .title { cursor: pointer; padding-left: 30px; margin-bottom: 5px; font: bold 1.1em/27px Segoe UI, Arial, Verdana, Sans-Serif; color: #333333; background: url(/i/jobItem_titleBGoff.gif) no-repeat; }
.jobsList .featured .title { color: #FF9200; background: url(/i/jobItem_titleBGon.gif) no-repeat; }
.jobsList .first { background: url(/i/first.gif) no-repeat 330px 40px; }
#mainCentral .jobsList .jobItem P { font-size: 1em; }
.jobsList .jobItem .companyLogo { position: absolute; right: 10px; top: 30px; }
.jobsList .jobItem .readMore { position: absolute; right: 6px; bottom: 10px; }
.jobsList .seperator { height: 1px; margin: 15px 0; line-height: 0; overflow: hidden; background: #FF9900; }
.jobsList .jobItem .jobRef { position: absolute; top: 0; right: 0; font: bold italic 1.1em/27px Segoe UI, Arial, Verdana, Sans-Serif; color: #333333; }
.jobsList .featured .jobRef { color: #ff9900; }

#contactDetails .middle { padding: 10px 10px; }
#contactDetails .details { float: left; }
#mainCentral #contactDetails P { margin: 0 0 7px 0; font-weight: bold; }
#contactForm .send { margin-left: 364px; }

.rotatingImage { width: 501px; height: 225px; }
.rotatingImage img { width: 500px; height: 220px; }

#submitVacancyNav { display: inline-block; margin-left: 7px; }
#submitVacancyNav .perm { float: left; width: 240px; height: 32px; background: url(/i/submitVacancy_nav_top.gif); }
#submitVacancyNav .temp { float: left; width: 239px; height: 32px; margin-left: 6px; background: url(/i/submitVacancy_nav_top.gif) -246px 0; }
#permenantVacancy { margin-top: 0; }
.temporary {display: none;}

.accountDropdown.open .content { display: block; }
.accountDropdown.closed .content { display: none; }
#contactInfo .accountNav A { display: block; width: 500px; height: 45px; background: url(/i/contactInformation.gif); }
#contactInfo .accountNav A:hover { background-position: 0 -45px; }
#searchesAlerts .accountNav A { display: block; width: 500px; height: 50px; background: url(/i/searchesAlerts.gif); }
#searchesAlerts .accountNav A:hover { background-position: 0 -50px; }
#wishList .accountNav A { display: block; width: 500px; height: 48px; background: url(/i/wishList.gif); }
#wishList .accountNav A:hover { background-position: 0 -48px; }
#jobApplications .accountNav A { display: block; width: 500px; height: 50px; background: url(/i/jobApplications.gif); }
#jobApplications .accountNav A:hover { background-position: 0 -50px; }

.uploadCV { display: inline-block; margin-bottom: 8px; }
.uploadCV .left { float: left; }
.uploadCV .right { float: left; margin-left: 4px; width: 280px; }
.uploadCV A.uploadCV { margin-bottom: 7px; }
#mainCentral .uploadCV P { margin: 1px 0; font-style: italic; float: right;}
#mainCentral .uploadCV P.smalltitle {float: left;}
#candidateUpdateForm-mailingList {margin-left: 172px;}

#contactInfo .updateMyInformation { margin: 15px 0 0 250px; }

#searchesAlerts .searchFunctions { display: inline-block; margin: 10px 0 15px 120px; }
#searchesAlerts .searchFunctions A { float: left; display: inline; margin-left: 10px; }
#searchesAlerts .addNewSearch { margin: 15px 0 5px; }

.pagingation { margin: 10px 0; text-align: right; }
.pagingation LI { display: inline; margin: 0 2px; font-size: 1.2em; color: #333333; font-weight: bold; }
.pagingation LI A { color: #ff9900 !important; font-weight: normal; }
.pagingation LI A:hover { color: #FFC66F !important; }
.pagingation LI A.current { font-weight: bold; text-decoration: none;}

.quicklinkResourceCentre { float: right; display: block; width: 146px; height: 215px; margin: 0 0 15px 15px; background: url(/i/buttons/quicklinkResourceCentre.gif); }
.quicklinkResourceCentre:hover { background-position: 0 -215px; }

#registerLoginNav { display: inline-block; margin-left: 7px; }
#registerLoginNav .register { float: left; width: 240px; height: 32px; background: url(/i/registerLoginNav_nav_top.gif); }
#registerLoginNav .login { float: left; width: 240px; height: 32px; margin-left: 6px; background: url(/i/registerLoginNav_nav_top.gif) -245px 0; }
#register { margin-top: 0; }
#login { display: none; margin-top: 0; }
#register .upload { margin-right: 10px; }

#idealJob .select LABEL,
#idealJob .textBox LABEL { width: 237px !important; font-size: 1.2em !important;  font-weight: normal;  }
#idealJob SELECT { width: 200px !important; }
#idealJob .textBox INPUT { width: 188px !important; }

#jobAlerts .select LABEL { width: 237px !important; font-size: 1.2em !important;  font-weight: normal;  }
#jobAlerts SELECT { width: 200px !important; }

.sector { margin: 10px 0; }
.sector .heading A { display: block; width: 455px; height: 36px; line-height: 36px !important; padding-left: 45px; font: bold 1.4em/1em Trebuchet MS, Arial, Verdana, Sans-Serif; color: #ffffff; text-decoration: none; background: url(/i/sectorHeading.gif); }
.browserIE6 .sector .heading A { padding-top: 10px; height: 26px; }
.sector .heading A:hover  { background-position: 0 -36px; }
.sector.open .heading A { background-position: 0 -72px; }
.sector.open .heading A:hover { background-position: 0 -108px; }

.sector .content { display: none; padding: 0 10px; }
.sector.open .content { display: block; }
.sector.open .content img {float: right;}

#mainCentral .searchBox .TVI-form LABEL { display: block; margin-bottom: 3px; text-align: left; }
#mainCentral .searchBox .TVI-form .select { float: left; width: 225px; margin-left: 5px; }
#mainCentral .searchBox .TVI-form #miniSearchForm-subLocation {width: 300px;}
#mainCentral .searchBox .TVI-form .select SELECT { width: 215px; }
.searchBox .seperator { margin: 10px 0; }
.searchBox .search { margin-left: 365px; }
#mainCentral .searchBox .TVI-form #miniSearchForm-subLocation {float: none;}

#searchAgain {display: none;}
#searchMiddle {display: block;}
.searchDone #searchAgain {display: block;}
.searchDone #searchMiddle {display: none;}

.advanced {display: none;}
a.advanced {display: inline;}
.simple {display: none;}
.sectorRole {display: none;}
.roles {float: left; width: 482px;}
.searchBox h3 {font-weight: bold; margin: 12px 0px 8px 0px}
.searchBox .sectorRole {font-size: 1.2em;}
.searchBox .sectorRole input {margin: 0 3px 0 0px;}
.searchBox .sectorRoleChk {display: inline-block; width: 239px;}

.jobSearchFunctions { clear: both; margin: 15px 0; height: 60px;}
.jobSearchFunctions A { float: left; width: 163px; height: 66px;  margin-left: 4px; }
.jobSearchFunctions .moreJobs { background: url(/i/buttons/moreJobs.gif); }
.jobSearchFunctions .emailFriend { background: url(/i/buttons/emailFriend.gif); }
.jobSearchFunctions .apply { background: url(/i/buttons/apply.gif); }
.jobSearchFunctions A:hover { background-position: 0 -66px; }

.searchResults { font-weight: bold; text-align: center; }

.tempsLandingPage { margin: 15px 0; }
.tempsLandingPage A { float: left; margin-left: 20px; }

/* Home Page Styles */

#homepageSearch .column1 { float: left; width: 230px; margin-right: 16px; }
#homepageSearch .column2 { float: left; width: 233px; }
#homepageSearch .middle { display: inline-block; padding: 17px 8px 5px 14px; }
#homepageSearch .TVI-form .select SELECT { width: 230px; }
#homepageSearch .TVI-form .textBox INPUT { width: 218px; }
#homepageSearch .search { margin: 4px 0 0 145px; }

#specialistsSection { display: inline-block; }
#specialistsSection .rotatingImage { float: left; width: 274px; height: 146px; margin-right: 8px; }
#specialistsSection .rotatingImage img { width: 274px; height: 146px; }
#specialistsSection .quicklinks { position: relative; top: -2px; float: left; width: 219px; }
.quicklinks .candidates { display: block; width: 219px; height: 72px; margin-bottom: 4px; background: url(/i/buttons/candidates.gif); }
.quicklinks .candidates:hover { background-position: 0 -72px; }
.quicklinks .employers { display: block; width: 219px; height: 72px; background: url(/i/buttons/employers.gif); }
.quicklinks .employers:hover { background-position: 0 -72px; }


.hidden {display: none;}
#loginError {color: Red; font-weight: bold; }
.status {color: Red; font-weight: bold; margin-bottom: 5px; font-size: 0.85em; display: block;}
.errors {font-weight: bold; color: Red; text-align: right;}

#mainCentral .contentBox a.advanced,#mainCentral .contentBox a.simple {float: left; font-size: 1.2em; font-weight: bold; text-decoration: none;}

#sendToFriendForm {display: none;}
#jobAppForm {display: none;}

#map {width: 233px; height: 204px; background: url(/i/4lMaps.gif) 0 0;} 
.map {position: relative;}
.map img {position: absolute; top: 0; left: 0;}

.selectAll {font-size: 0.8em; display: block;}

.firstButton {position: absolute; top: 40px; left: 330px; height:40px; width: 40px; cursor: pointer;}