/* Created by Anagram Web Solutions - September 2007 */

body{margin: 0 0 0 0; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #666; background-color: #cccccc;}
form{margin: 0; padding: 0;}

/* Centre Page ********** */
#wrap{width: 930px; margin: 0 auto; padding: 0; background-color: #fff; overflow: auto; border-left: 1px solid #99CC00; border-right: 1px solid #99CC00;}


/* *************************************************************
Advertising
************************************************************* */
#bannersRight{width: 120px; margin: 0; float: left;}
#bannersRight img{ margin: 0 0 0 0;}


/* *************************************************************
Main Content Wrap
************************************************************* */
#content{width: 788px; padding: 0 0 0 10px; float: left; background-color: #fff; margin: 0 0 20px 0;}


/* *************************************************************
Header
************************************************************* */
#header{width: 910px; margin: 0 0 0 10px; display: inline; float: left; background: url(../images/header/header_pic.jpg) 0 0 no-repeat; height: 140px;}
#header .logo{ float: left; margin: 15px 0 0 20px; display: inline; padding: 0; border: 0;}
#header .text{ float: right; margin: 0 40px 0 0; display: inline;}


/* *************************************************************
Navigation
************************************************************* */
#navigation{width: 910px; float: left; margin: 0 0 10px 10px; display: inline; background: url(../images/nav/nav_bg.gif) 0 0 repeat-x; height: 36px;}
#navigation img{ float: left;}
#navigation ul{ float: left; width: 910px; margin: 0; padding: 0; list-style: none;}
#navigation li{ float: left; margin: 0; padding: 0; font-size: 90%; color: #fff; font-weight: bold;}
#navigation li a{ color: #fff; text-decoration: none; float: left; padding: 8px 15px 0 15px; display: block; border-right: 1px solid #669900; border-left: 1px solid #97CA00; height: 23px; line-height: 100%;}
#navigation li a:hover, #navigation li.active{ color: #D0E788; padding-top: 6px; height: 25px;}
#navigation li a.home{ border-left: none;}
#navigation .listEnd{ border-left: 1px solid #97CA00; height: 23px; padding: 8px 0 0 20px; font-weight: normal; font-size: 80%;}
#navigation li.endLeft{background: url(../images/nav/nav_home_bg.gif) 0 0 no-repeat; height: 36px; width: 21px;}
#navigation li.endRight{background: url(../images/nav/nav_right_bg.gif) 0 0 no-repeat; height: 36px; width: 22px; float: right;}


/* *************************************************************
Main Interface - Login / Register / Search / Post a Job
************************************************************* */
#loginSearch{width: 910px; float: left; background: url(../images/bg/bg_registerSearch.jpg) 0 0 no-repeat; margin: 0 0 10px 10px; padding: 0 0 0 0; display: inline;}

#loginSearch h2{ font-size: 120%; font-weight: normal; margin: 0 0 5px 0; padding: 0 0 0 25px; letter-spacing: -0.05em}
#loginSearch p{ float: left; font-size: 70%;}

#loginSearch #login{ width: 280px; float: left; padding: 10px 0 0 0; margin: 0; border-right: 1px solid #B5B5B5; height: 120px;}
#loginSearch #login h2 { color: #669900; background: url(../images/icons/icon_myAccount.gif) 0 0 no-repeat; padding: 5px 0 8px 30px; margin: 0 0 0 12px; float: left;}
#loginSearch #login h2 a{color: #669900; text-decoration: none;}
#loginSearch #login h2 a:hover{color: #FF6600; }
#loginSearch #login p{ float: left; width: 250px; margin: 3px 0 0 15px; padding: 0; display: inline;}
#loginSearch #login p label{ width: 70px; float: left; text-align: right; padding-right: 10px;}
#loginSearch #login label.login{font-size: 180%; color: #669900; background:url(../images/icons/icon_myAccount.gif) 0 0 no-repeat; padding: 3px 0 8px 30px; width: 60px; text-align: left;}
#loginSearch #login #jobseekers p label a, #loginSearch #login #advertisers p label a{ float: right; color: #999; background: none; margin: 0; padding: 0;}
#loginSearch #login #jobseekers p label a:hover, #loginSearch #login #advertisers p label a:hover{ float: right; padding: 0; margin: 0; background: none; color: #000;}
#loginSearch #login #jobseekers p a, #loginSearch #login #advertisers p a{ float: left; color: #669900; padding: 0 0 0 8px; margin: 5px 0 0 10px; background: url(../images/icons/icon_arrow-green.gif) left center no-repeat;}
#loginSearch #login #jobseekers p a:hover, #loginSearch #login #advertisers p a:hover{ float: left; color: #FF6600; padding: 0 0 0 8px; margin: 5px 0 0 10px; background: url(../images/icons/icon_arrow-orange.gif) left center no-repeat;}

#loginSearch #login .text{ font-size: 90%; width: 160px;}
#loginSearch #login ul{margin: 0 0 0 15px; padding: 0; float: left; width: 260px; list-style: none; display: inline;}
#loginSearch #login li{float: left; width: 120px; padding: 0 0 0 10px; margin: 0; line-height: 160%; font-size: 70%; color: #666; background: url(../images/icons/icon_arrow_sml.gif) left center no-repeat;}
#loginSearch #login li a{ text-decoration: none; color: #666;}
#loginSearch #login li a:hover{ text-decoration: none; color: #FF3300;}

#loginSearch #search_top{ width: 300px; height: 120px; float: left; padding: 10px 0 0 0; background:url(../images/icons/icon_jobSearch.jpg) 10px 10px no-repeat; border-left: 1px solid #fff; border-right: 1px solid #B5B5B5;}
#loginSearch #search_top h2 { color: #215488; width: 200px; margin: 0 0 3px 0; padding: 0 0 0 85px;}
#loginSearch #search_top p{ float: left; width: 290px; margin: 4px 0 0 0; padding: 0;}
#loginSearch #search_top p label{ width: 75px; float: left; padding: 0; margin: 0 15px 0 0; line-height: 110%; text-align: right;}
#loginSearch #search_top p label a{ float: right; color: #0099FF;}
#loginSearch #search_top .text{ font-size: 90%; color: #000099; width: 168px;}
#loginSearch #search_top select{ font-size: 90%; color: #000099;}

#loginSearch #promo_top{ width: 311px; height: 125px; float: right; padding: 5px 0 0 15px; border-left: 1px solid #fff;}
#loginSearch #promo_top h2{ padding: 8px 0 5px 43px; color: #FF6600; background:url(../images/icons/icon_postVacancy.gif) 0 0 no-repeat;}
#loginSearch #promo_top p{ float: left; width: 280px; margin: 0 0 5px 5px; padding: 0; font-size: 70%; clear: both; display: inline; line-height: 150%;}
#loginSearch #promo_top .payOnline{ line-height: 100%; color: #CC0000;}
#loginSearch #promo_top .payOnline img{ float: left; margin: 0 5px 0 0; display: inline;}

#loginSearch #login a, #loginSearch #search_top a{ float: left;}
#loginSearch #login .link, #loginSearch #search_top .link{ margin: 5px 0 0 5px; float: left; width: 105px; display: inline;}

#loginSearch a.more{ color: #FF6600; background: url(../images/icons/icon_arrow-orange.gif) right center no-repeat; padding: 0 10px 0 0;}
#loginSearch a:hover.more{ color: #669900; background: url(../images/icons/icon_arrow-green.gif) right center no-repeat;}


/* *************************************************************
MAIN SITE LOGIN BOX FOR CANDIDATES & EMPLOYERS
************************************************************* */
#loginBox{position: absolute; top: 50%; left: 50%; width: 400px; margin: -125px 0 0 -200px; background: url(../images/boxes/loginBox_bg.gif) 0 0 repeat; text-align: center;}
#loginBox h1{margin: 30px 0 0 0; padding: 0; clear: both;}
#loginBox h2{font-size: 100%; font-weight: bold; margin: 10px 0; padding: 0; clear: both; color: #000000;}
#loginBox p{ padding: 0 30px; line-height: 160%; font-size: 70%;}
#loginBox p a{ color: #000000;}
#loginBox p a:hover{ color: #669900;}
#loginBox span{ display: block; font-size: 150%; font-weight: bold; margin: 5px 0; color: #669900;}

#signup ul{ list-style: none; margin: 0 0 0 20px; padding: 0;}
#signup li{ font-size: 70%; background: url(../images/icons/icon_tick.gif) 0 4px no-repeat; padding: 0 0 0 20px; line-height: 200%; color: #000;}

.submitMessage{ margin: 0 0 0 10px; color: #FF6600;}


/* *************************************************************
MAIN CONTENT AREAS
************************************************************* */
#bodyContent{ float: right; width: 510px;  margin: 0 10px 0 0; padding: 0; display: inline;}

#bodyContent h1{padding: 0 0 0 0; margin: 0 0 10px 0; font-size: 120%; color: #FF6600;}
#bodyContent h2{padding: 0; margin: 0 0 10px 0; font-size: 90%; color: #669900; clear: both;}
/* #bodyContent h3{padding: 0; margin: 0 0 10px 0; font-size: 85%; color: #FF9900; font-weight: bold; clear: both;} */
#bodyContent p{ font-size: 75%; line-height: 150%; padding: 0; margin: 0 0 10px 0; color: #666;}
#bodyContent p a{ color: #FF3300;}
#bodyContent p a:hover{ color: #669900;}

#bodyContent label{ float: left; width: 150px; margin: 0 10px 5px 0; padding-top:0;}
#bodyContent form { float: left; width: 500px;}
#bodyContent form fieldset{border: 1px solid #ccc; background-color: #F6F6F6;}
#bodyContent form legend{ padding: 5px 10px; font-size: 75%; background-color: #fff; border: 1px solid #ccc; color: #669900; font-weight: bold;}
#bodyContent form p{ font-size: 70%; margin: 0 0 5px 0; width: 100%; clear: both;}
#bodyContent form .text{ font-size: 90%;}

#bodyContent form h2{border-top: 1px dashed #ccc; padding-top: 15px; margin-top: 25px; float: left; width: 100%;} 
#bodyContent form ul{ margin: 0; padding:0; float: left; list-style: none;}
#bodyContent form li{ font-size: 70%; color: #000; line-height: 150%;}

#bodyContent ul{ float: left; width: 450px; margin-top: 0; clear: both;}
#bodyContent li{ font-size: 75%; line-height: 160%; margin-bottom: 10px;}
#bodyContent li a{ color: #FF3300;}
#bodyContent li a:hover{ color: #669900;}

#bodyContent .listThumb ul{ float: left; margin: 0 0 20px 20px; padding: 0; list-style: none;}
#bodyContent .listThumb li{ font-size: 75%; color: #666; line-height: 180%; background: url(../images/icons/icon_thumb.gif) left center no-repeat; padding: 0 0 0 20px; margin: 0;}


/* *************************************************************
SUB CONTENT - LEFT SIDE
************************************************************* */
#subContent{ float: left; width: 250px;}
#promoBox{ float: left; width: 238px; border: 1px solid #ccc; background-color: #F9F9F9; padding: 5px; clear: both;}
#promoBox .boxTop{ background: url(../images/shapes/shape_subContent_top.gif) 0 0 no-repeat; margin: -6px 0 0 -6px; float: left; height: 12px; width: 250px; display: none;}
#promoBox .boxBtm{ background: url(../images/shapes/shape_subContent_btm.gif) 0 0 no-repeat; margin: 0 0 -8px -6px; float: left; height: 12px; width: 250px; display: none;}

#subContent table{float: left; color: #000; margin: 0; border: 1px solid #ccc; border-collapse: collapse;}
#subContent td, #subContent th, #bodyContent th{ font-size: 70%; color: #000; border: 1px solid #ccc;}
#subContent th{font-weight: bold; height: 2.5em; background: #fff url(../images/bg/th_bg.jpg) 0 0 repeat-x; padding: 0 5px 0 5px;}
#subContent th a{color:#000; text-decoration: none; border-bottom: 1px solid #666;}
#subContent th a:hover{color: #336600; text-decoration: none; border-bottom: 1px solid #336600;}
#subContent td{padding: 5px; font-size: 70%; line-height: 120%; border:1px solid #ddd; background-color: #fff;}
#subContent td a{ color: #000; text-decoration: none; border-bottom: 1px solid #000;}
#subContent td a:hover{ color: #FF6600; text-decoration: none; border-bottom: 1px solid #FF6600;}
#subContent tr.altrow{ background-color:#E4E4E4; cursor: hand;}
#subContent tr.altrow:hover{ background-color:#F0F0F0; cursor: hand;}
#subContent tr.row{ background-color:#D4D8BD; cursor: hand; color:#333;}
#subContent tr.row:hover{background-color:#E8EADB; cursor: hand;}

#subContent h2, #subContent h3{ color: #669900; margin: 0 0 0 5px; padding: 0; font-size: 105%; clear: both; float: left; width: 230px; letter-spacing: -0.05em; font-weight: normal;}
#subContent h3{ color: #FF6600;}
#subContent #promoBox h4{color: #FF6600; margin: 0 0 0 5px; padding: 0 0 0 10px; font-size: 90%; clear: both; float: left; width: 230px; letter-spacing: -0.05em; font-weight: normal; background: url(../images/icons/icon_arrow-orange.gif) left center no-repeat;}
#subContent #promoBox h4 a{ color: #FF6600;}
#subContent #promoBox h4 a:hover{color: #669900;}
#subContent p{ color: #444; margin: 5px 0 10px 5px; padding: 0; font-size: 70%; clear: both; float: left; width: 230px; font-weight: normal; line-height: 140%;}
#subContent p a{ color: #000000;}
#subContent p a:hover{ color: #669900;}
#subContent ul{ clear: both; float: left; list-style: none; margin: 7px 0 10px 5px; padding: 0; width: 230px}
#subContent li{ font-size: 70%; line-height: 180%; background: url(../images/icons/icon_thumb.gif) 0 2px no-repeat; padding: 0 0 0 20px;}


/* *************************************************************
HOMEPAGE
************************************************************* */
#homepage{ float: right; width: 520px;  margin: 0 10px 0 0; padding: 0; display: inline;}
#homepage h2{ font-size: 110%; text-align: left; font-weight: normal; margin: 0; padding: 0 0 0 45px; height: 53px; line-height: 240%; letter-spacing: -0.05em;}
#homepage h2.featuredJobs{color: #669900; background: url(../images/titles/title_hp_featuredJobs.jpg) 0 0 no-repeat;}
#homepage h2.featuredCompanies{color: #FF6600; background: url(../images/titles/title_hp_featuredCompanies.jpg) 0 0 no-repeat;}
#homepage h2.featuredJobSeekers{color: #1E4B79; background: url(../images/titles/title_hp_featuredJobSeekers.jpg) 0 0 no-repeat;}
#homepage table{ border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; clear: both; margin: 0 0 10px 0;}
#homepage td{ border-bottom: 3px solid #fff; padding: 10px;}
#homepage td a{ text-decoration:none;color: #666; }
#homepage .row1{ background-color: #F5F5F5;}
#homepage .row2{ background-color: #EBEBEB;}
#homepage .btm{ background: url(../images/bg/bg_btm_tableFeatured.gif) bottom left no-repeat;}
#homepage table h3{ font-size: 90%; font-weight: normal; color: #FF6600; padding: 0; margin: 0 0 5px 0;}
#homepage table h3 a{color: #FF6600; }
#homepage table h3 a:hover{color: #669900; }
#homepage table h4{font-size: 75%; font-weight: normal; color: #000; padding: 0; margin: 0 0 5px 0;}
#homepage table p{ font-size: 70%; color: #666; margin: 0; padding: 0;}


/* PROMOTIONAL BOXES FOR JOB SEEKERS AND ADVERTISERS ********** */
.promoBox_jobSeekers{ float: left; width: 250px; margin: 0 0 10px 0; display: inline;}
.promoBox_advertisers{ float: left; width: 250px; margin: 0 0 10px 20px; display: inline;}

#homepage .promoBox_jobSeekers h2{ color: #669900; margin: 0 0 0 0; padding: 15px 0 0 60px; font-size: 120%; clear: both; float: left; width: 190px; height: 25px; background: url(../images/titles/title_hp_jobSeekers.jpg) 0 0 no-repeat; line-height: 100%;}
#homepage .promoBox_advertisers h2{ color: #FF6600; margin: 0 0 0 0; padding: 15px 0 0 40px; font-size: 120%; clear: both; float: left; width: 210px; height: 25px; background: url(../images/titles/title_hp_advertisers.gif) 0 0 no-repeat; line-height: 100%;}

.promoBox_advertisers .text, .promoBox_jobSeekers .text{ width: 228px; float: left; padding: 5px 10px 10px 10px; border: 1px solid #ccc; clear: both; margin: 0;}

.promoBox_jobSeekers img, .promoBox_advertisers img{ float: left; padding: 0; margin: 0;}
#homepage .promoBox_jobSeekers h3, #homepage .promoBox_advertisers h3{ color: #666; margin: 5px 0 0 0; padding: 0; font-size: 0.75em; clear: both; float: left; width: 230px;}

.promoBox_jobSeekers ul, .promoBox_advertisers ul{ clear: both; float: left; list-style: none; margin: 7px 0 10px 0; padding: 0; width: 230px}
.promoBox_jobSeekers li, .promoBox_advertisers li{ font-size: 70%; line-height: 180%; background: url(../images/icons/icon_thumb.gif) 0 2px no-repeat; padding: 0 0 0 20px;}

#subContent h2.featAdvertisers{ color: #FF6600; background: url(../images/icons/icon_star.gif) 0 0 no-repeat; padding: 5px 0 3px 35px; margin: 0 0 10px 0; width: 185px; }
#subContent h2.featAdvertisers a{color: #FF6600; text-decoration: none;}
#subContent h2.featAdvertisers span a{font-size: 70%; color: #669900;}
#subContent h2.featAdvertisers span a:hover{font-size: 70%; color: #000;}
.featured a{ float: left; margin: 0 0 5px 5px; border: 1px solid #ccc;}
.featured img{ float: left;}

#needAssistance{ float: left; width: 150px; height: 155px; padding: 0 0 0 100px; clear: both; background: url(../images/bg/bg_assistance.jpg) 0 0 no-repeat; margin: 10px 0 0 0;}
#subContent #needAssistance h2{width: 150px; color: #006699; font-size: 120%; padding: 0; margin: 30px 0 0 0;}
#subContent #needAssistance p{ width: 140px; line-height: 140%; margin: 5px 0 0 0; padding: 0;}


/* *************************************************************
FEATURED COMPANIES
************************************************************* */
#featuredCompaniesWrap { float: left; border-color: #ccc; margin: 10px 0 0 0; border-width: 0 1px 1px 1px; border-style: dotted; clear: both; width: 508px;}
.companyListing, .companyListing_alt{ float: left; border-top: 1px dotted #ccc; padding: 15px 0; margin: 0; clear: both; width: 508px; height: auto;}
.companyListing_alt{background-color: #F8F8F8;}

.feauturedLogo {float: left; padding: 0; width: 220px; text-align: center;}
.feauturedLogo img{ border: 1px solid #ccc;}

.companyListing .text, .companyListing_alt .text{ float: left; width: 270px; height: auto; padding: 0 0 0 0;}
#bodyContent .companyListing h2, #bodyContent .companyListing_alt h2{ margin: 0 0 5px 0; padding: 0; color: #669900; font-size: 100%; border: none; width: 280px; float: left;}
.companyListing h2 a, .companyListing_alt h2 a{ color: #669900; text-decoration: none;}
.companyListing h2 a:hover, .companyListing_alt h2 a:hover{ color: #FF6600; text-decoration: underline;}
#bodyContent .companyListing p, #bodyContent .companyListing_alt p{margin: 0; padding: 0; line-height: 170%; font-size: 70%; width: 280px; float: left;}
.companyListing p a, .companyListing_alt p a{ color: #666;}
.companyListing p a:hover, .companyListing_alt p a:hover{ color: #FF6600; text-decoration: underline;}


/* *************************************************************
Right-hand Navigation + Search Boxes
************************************************************* */
#colRight{width: 210px; float: right;}

#navRight{ float: right; width: 210px; background: url(../images/nav/rightMenu_bg.gif) 0 0 no-repeat; padding: 0; margin: 0;}
#navRight h2{ margin: 10px 0 0 10px; padding: 0; line-height: 100%; color: #000;}
#navRight h3{ margin: 10px 0 0 10px; padding: 0 0 0 20px; line-height: 100%; color: #000; background: url(../images/icons/icon_rateReviewSearch.gif) 0 1px no-repeat;}
#navRight h3.why{ background: url(../images/icons/icon_why.gif) 0 0 no-repeat; padding: 6px 0 10px 30px; font-size: 80%; margin-bottom: 5px;}
#navRight ul{ list-style: none; margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc;}
#navRight li{ background: url(../images/icons/icon_blackArrowBullet.gif) 0 5px no-repeat; margin: 0 0 0 10px; padding: 0 0 0 15px; color: #000; font-size: 70%; line-height: 160%; }
#navRight li a{ text-decoration: none; color: #000; display: block; height: 100%;}
#navRight li a:hover{ color: #FF3300;}
#navRight p{ padding: 0 10px; line-height: 180%;}

#jobSearch, #companySearch{float: right; width: 210px; margin: 20px 0 0 0;}
#jobSearch h2, #companySearch h2{ margin: 0; padding: 0;}
#jobSearch .text, #companySearch .text, #jobSearch select, #companySearch select{ width: 200px; font-size: 70%; color: #666;}
#jobSearch select, #companySearch select{ margin: 2px 0 5px 0;}

#favourites{float: right; width: 210px; margin: 20px 0 0 0;}
#favourites ol{ margin: 0 0 0 25px; padding: 0; color: #666;}
#favourites li{ margin: 0; padding: 4px 0; font-size: 70%; line-height: 120%;}
#favourites li a{ color: #666; text-decoration: none;}
#favourites li a:hover{ color: #000; text-decoration: underline;}
#favourites .delete{ float: right; color: #000; text-decoration: none; padding: 2px 0 0 0;}


/* Used on the HOMEPAGE */
#searchBoxHome{background-color:#F4FFD5; border:1px solid #99CC00; margin: 15px 0; padding: 10px; float: left; clear: both; width:520px; color: #000;}

/* Used on the JOB BOARD FOR CANDIDATES AND EMPLOYERS when searching for Jobs and CV's */
#searchBox{ clear: both; width: 500px; margin: 0 0 20px 0; float: left; background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 10px 0;}
#searchBox h2{border: none; margin: 0 0 10px 0; padding:0;}
#searchBox h2 span{ font-weight: normal; color: #666; font-size: 70%; margin: 0 0 0 10px;}
#searchBox h3{border: none; margin: 10px 0 5px 0; padding:0; font-size: 70%; color: #669900;}
#searchBox p{ font-size: 70%; padding: 0; margin: 2px 0 0 0; color: #000;}
#searchBox label{ width: 110px;}
#searchBox .text{ width: 340px;}
#searchBox form {margin: 5px 0 0 15px; display: inline; float: left;}
#searchBox ul{ margin: 0 0 10px 0;}
#searchBox li{ float: left; margin: 0; width: 250px;}
#bodyContent #searchBox select{font-size: 110%; font-family: Arial, Helvetica, sans-serif;}

#searchBox .submit{ background:url(../images/buttons/btn_go_small.gif) 0 0 no-repeat; border: none; padding: 0; margin: 0 10px 0 0; width: 55px; height: 19px; cursor: pointer;}


/* *************************************************************
JOB LISTING
************************************************************* */
#advJobSearch label{ width: 100px;}
#advJobSearch p{ font-size: 75%; margin-bottom: 15px;}

/* Used to Style the Job Listing Page */
#jobListingWrap { border-color: #ccc; margin: 0; border-width: 0 1px 1px 1px; border-style: dotted; clear: both; width: 498px; float: left;}
.jobListing, .jobListing_alt{ border-top: 1px dotted #ccc; padding: 5px 10px 5px 10px; margin: 0; clear: both; width: auto; float: left; width: 478px}
.jobListing_alt{background-color: #F8F8F8;}

#bodyContent .jobListing h2, #bodyContent .jobListing_alt h2 { margin: 0; padding: 0; color: #669900; font-size: 100%; border: none; float: left; clear: left; width: 270px; line-height: 150%;}
#bodyContent .jobListing_alt h1 a,{ color: #000; text-decoration: none;}
#bodyContent .jobListing h2 a, #bodyContent .jobListing_alt h2 a{ color: #669900; text-decoration: none;}
#bodyContent .jobListing h2 a:hover, #bodyContent .jobListing_alt h2 a:hover{ color: #FF6600; text-decoration: underline;}

#bodyContent .jobListing h3, #bodyContent .jobListing_alt h3, #bodyContent .jobListing h4, #bodyContent .jobListing_alt h4{margin: 0; padding: 0; font-size: 75%; color: #000; font-weight: normal; line-height: 180%; width: 270px;}

#bodyContent .jobListing h5, #bodyContent .jobListing_alt h5, #bodyContent .jobListing h6, #bodyContent .jobListing_alt h6 { margin: 0; padding: 0; font-weight: normal; font-size: 75%; color:#000; line-height: 180%; width: 270px;}

#bodyContent .jobListing p, #bodyContent .jobListing_alt p{ clear: both; margin: 0 0 10px 0; padding: 0; line-height: 170%; font-size: 70%; width: 480px; float: left;}
#bodyContent .jobListing p a, #bodyContent .jobListing_alt p a, form p a, .jobListing h5 a, .jobListing_alt h5 a{ color: #000;}
.jobListing p a, .jobListing_alt p a{margin-right: 5px; padding-left: 5px;}
#bodyContent .jobListing p a:hover, #bodyContent .jobListing_alt p a:hover{color: #FF6600;}

form p a:hover, .jobListing h5 a:hover, .jobListing_alt h5 a:hover{ color: #FF6600;}

.jobListing img, .jobListing_alt img{ float: right;}


/* Used to Style the ACTUAL DEFINITION LIST on the Job Detail Page */
h1.jobTitle{ margin: 5px 0 0 20px; float: left; display: inline; width: 300px;}
#bodyContent h2.companyName{ font-size: 90%; font-weight: normal; color: #669900; margin: 0 0 5px 0; display: inline; width: 300px; float: left; clear: none;}
h3.reference{float: left; clear: left; font-size: 60%; font-weight: normal; color: #666; margin: 3px 0 0 20px; text-transform: uppercase;}
.jobList{ width: 300px; margin: 0 0 0 0; padding: 0; float: left; padding: 0; display: inline;}
.jobList dl{ margin: 0 0 0 0; padding: 0; list-style: none;}
.jobList dt{ float: left; font-size: 65%; padding: 2px 0 0 0; margin: 0 5px 0 0; text-transform: uppercase; width: 80px; height: auto; color: #666; line-height: 180%; display: inline;}
.jobList dd{ float: left; font-size: 75%; width: 215px; padding: 0; margin: 0 0 0 0; color: #000; line-height: 180%;}

.jobList ul{ margin: 0; padding: 0; list-style: none; float: left; width: 500px;}
.jobList li{float: left; width: 240px; font-size: 70%; margin: 0; padding: 2px 20px 2px 0; background: url(../images/icons/icon_blackArrowBullet.gif) 0 5px no-repeat; display: inline;}
.jobList li a{ color: #666666; text-decoration: none; display: block; width: 100%;}
.jobList li a:hover{ color: #FF6600;}

/* Links on the Job detail Page */
.jobOptions { clear: both; width: 500px; padding: 10px 0 0 0; margin: 0 0 10px 0; float: left;}
/* border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; */
#bodyContent .jobOptions ul{ margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#bodyContent .jobOptions li{ float: left; margin: 0 0 0 0; font-size: 65%; padding: 0;}
#bodyContent .jobOptions li a{ display: block; background-color: #eee; color: #000; margin: 0 8px 0 0; padding: 5px; text-decoration: none; border: 1px dashed #ccc; height: auto; width: auto; text-transform: uppercase;}
/* .jobOptions li a:hover{ background-color: #eee;} */
#bodyContent .jobOptions li a:hover{ color: #FF3300;}
.jobOptions .apply{border: 1px dashed #FF6600; background-color: #FF6600; color: #fff;}
.jobOptions a:hover.apply{color: #fff; text-decoration: underline;}
.jobOptions .submit{ background:url(../images/buttons/btn_go_small.gif) 0 0 no-repeat; border: none; padding: 0; margin: 0 10px 0 0; width: 55px; height: 19px; cursor: pointer;}


/* NEW APPLY LIST WITH BIG BUTTON ********************************
.jobOptions { width: 150px; padding: 0 0 0 0; margin: 10px 0 0 0; float: right;}
#bodyContent .jobOptions ul{ margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#bodyContent .jobOptions li{ float: left; margin: 0 0 0 0; font-size: 65%; padding: 0; clear: both;}
#bodyContent .jobOptions li a{ display: block; color: #FF6600; margin: 0 0 0 0; padding: 0; text-decoration: none; width: auto; text-transform: uppercase;}
#bodyContent .jobOptions li a:hover{ color: #FF3300;}
.jobOptions .apply{border: 1px dashed #FF6600; background-color: #FF6600; color: #fff;}
.jobOptions a:hover.apply{color: #fff; text-decoration: underline;}
.jobOptions .submit{ background:url(../images/buttons/btn_go_small.gif) 0 0 no-repeat; border: none; padding: 0; margin: 0 10px 0 0; width: 55px; height: 19px; cursor: pointer;}
******************************** NEW APPLY LIST WITH BIG BUTTON */


.logo{ float: right; border: 1px solid #CCCCCC; padding: 2px;}

/* JOB LISTING PAGE NAV */
.listingPageNav {clear: both; width: 540px; margin: 10px 0 5px 0; float: left; background: url(../images/boxes/refineSearch_bg.gif) 0 0 repeat-y;}
.listingPageNav h2{ color: #FF6600; font-size: 75%; font-weight: bold; text-transform: uppercase; padding: 0; margin: 3px 10px 0 10px; float: left; border: none;}
.listingPageNav p{ margin: 0; padding: 2px 0 0 10px; float: left;}
.listingPageNav p a{ margin: 0 0 0 5px; color: #000;}
.listingPageNav p a:hover{ color: #FF3300;}

.listingPageNav form{ float: right;}
.listingPageNav form p { margin: 0; padding: 0;}
#bodyContent .listingPageNav form select{ margin: 0 10px 0 0;}
.listingPageNav form .submit{ background:url(../images/buttons/btn_go_small.gif) 0 0 no-repeat; border: none; padding: 0; margin: 0 10px 0 0; width: 55px; height: 19px; cursor: pointer;}


/* COMPANY PROFILE */
#companyProfile ul{ list-style: none; margin: 0 0 0 20px; padding: 0;}
#companyProfile li{ font-size: 70%; background: url(../images/icons/icon_orangeArrowBullet.gif) 0 3px no-repeat; padding: 0 0 5px 15px; margin: 0; line-height: 130%;}


/* *************************************************************
BUTTONS
************************************************************* */
.btn_search{ border: none; background: url(../images/buttons/btn_search_2.gif) 0 0 no-repeat; width: 122px; height:26px; cursor: pointer; float: left;}
.btn_search:hover{ background: url(../images/buttons/btn_search_2.gif) 1px 1px no-repeat; width: 122px; height:26px;}

.btn_login_advertiser{ border: none; background: url(../images/buttons/btn_ok_green.gif) 0 0 no-repeat; width: 62px; height:26px; cursor: pointer; float: left;}
.btn_login_advertiser:hover{ background: url(../images/buttons/btn_ok_green.gif) 1px 1px no-repeat; width: 62px; height:26px;}

.btn_login_jobseeker{ border: none; background: url(../images/buttons/btn_ok_green.gif) 0 0 no-repeat; width: 62px; height:26px; cursor: pointer; float: left;}
.btn_login_jobseeker:hover{ background: url(../images/buttons/btn_ok_green.gif) 1px 1px no-repeat; width: 62px; height:26px;}

/* *************************************************************
FRONT END JOB BOARD - CLIENT AREA
************************************************************* */
#bodyContent .profile{ width: 200px; margin: 15px 0 20px 0; padding: 0; float: left; padding: 0; display: inline; clear: left;}
#bodyContent h1.companyTitle{ margin: 5px 0 5px 0; float: left; display: inline; width: 280px;}
#bodyContent h2.url{ clear: left; font-size: 90%; font-weight: normal; color: #000; margin: 0; float: left; display: inline; width: 280px;}
h2.url a{color: #666;}
h2.url a:hover{ color: #FF6600;}
#bodyContent .profile dl{ margin: 0 0 0 0; padding: 0; list-style: none; width: 260px; float: left; clear: left;}
#bodyContent .profile dt{ float: left; font-size: 65%; padding: 2px 0 0 0; margin: 0; text-transform: uppercase; width: 60px; line-height: 180%;}
#bodyContent .profile dd{ float: left; font-size: 75%; width: 200px; padding: 0; margin: 0; color: #000; line-height: 180%;}
#bodyContent .profile p{ float: left; clear: left; margin: 0; padding: 0; line-height: 150%; font-size: 75%; color: #000; width: 200px;}

#bodyContent table{float: left; color: #000; width: 100%; margin: 0 0 10px 0; border: 1px solid #ccc; border-collapse: collapse;}
#bodyContent td, #bodyContent th{ font-size: 70%; color: #000; border: 1px solid #ccc;}
#bodyContent th{font-weight: bold; height: 2.5em; background: #fff url(../images/bg/th_bg.jpg) 0 0 repeat-x; padding: 0 5px 0 5px;}
#bodyContent th a{color:#000; text-decoration: none; border-bottom: 1px solid #666;}
#bodyContent th a:hover{color: #336600; text-decoration: none; border-bottom: 1px solid #336600;}
#bodyContent td{padding: 5px; font-size: 70%; line-height: 120%; border:1px solid #ddd;}
#bodyContent td a{ color: #000; text-decoration: none; border-bottom: 1px solid #000;}
#bodyContent td a:hover{ color: #FF6600; text-decoration: none; border-bottom: 1px solid #FF6600;}
#bodyContent tr.altrow{ background-color:#E4E4E4; cursor: hand;}
#bodyContent tr.altrow:hover{ background-color:#F0F0F0; cursor: hand;}
#bodyContent tr.row{ background-color:#D4D8BD; cursor: hand; color:#333;}
#bodyContent tr.row:hover{background-color:#E8EADB; cursor: hand;}
#bodyContent .btn{ border: 1px solid #ccc; background-color: #eee; padding: 2px 5px; cursor: pointer; font-size: 90%;}
a.postNewJob{ border: 1px solid #99CC00; background: #F4FFD5 url(../images/icons/icon_postJob.gif) 5px 5px no-repeat; padding: 5px 8px 5px 30px; cursor: pointer; color: #000000; text-transform: uppercase; text-decoration: none;}

.btnContinue{ background: url(../images/buttons/btn_continue.gif) 0 0 no-repeat; width: 103px; height: 33px; border: none; cursor: pointer;}

#standard a.button {border:1px solid #808080; background:#F4F4F4; padding: 2px 4px; text-decoration:none; color:#000;}
#standard a:hover.button { background:#D4D0C8; color:#000;}

/* CREDIT PURCHASE PROCESS */
#standardAds, #premiumAds{ float: left; width: 400px; margin: 0;}
#standardAds{ margin: 0 0 20px 0;}
#adHistory {float: left; width: 100%; clear: both; border-top: 1px solid #ccc; padding: 20px 0 0 0; margin: 20px 0 0 0;}
#bodyContent #orderConfirm table{border-collapse: collapse; width: 100%;}
#bodyContent #orderConfirm td, #bodyContent #orderConfirm th{font-size:70%; height: 2em; padding: 5px; border:1px solid #ccc;}
#bodyContent #orderConfirm th{background-color: #EFEFEF; color:#000; width: 30%;}
#bodyContent #orderConfirm td {width: 70%;}


#introCopy{ width: 400px; float: left; clear: both;}

#creditBox{width: 200px; border: 1px dashed #FF9900; padding: 10px 0; margin-bottom: 20px; text-align: left; background-color: #FFFCF0; float: left;}
#creditBox p {color: #000; font-size: 70%; padding: 0 0 0 0; margin: 0 0 0 10px; line-height: 180%;}

a.newSearch{ color: #FF6600; padding-top: 10px; float: left;}
a:hover.newSearch{ color: #669900;}

.saveVacancy{ background: url(../images/buttons/btn_save.gif) 0 0 no-repeat; width: 83px; height: 33px; border: 0; cursor: pointer;}

/* *************************************************************
FRONT END JOB BOARD - LOGIN, APPLY, EMAIL
************************************************************* */
#joblogin, #jobApply{ width: 540px; border: 1px dashed #FF6600; background-color: #FFFCF0; padding: 20px 0; margin: 0 0 20px 0; clear: both; float: left;}
#jobApply h3, #joblogin h3 { font-size: 80%; color: #FF3300; margin-left: 30px;}
#joblogin label, #jobApply label{text-align: left;}
#joblogin p, #jobApply p{ float: left; margin-left: 30px;}


/* *************************************************************
FRONT END JOB BOARD
************************************************************* 
#bodyContent table{ margin: 0 0 20px 0;}
#bodyContent th{font-size: 70%; color: #000; text-align: left; font-weight: normal;}
#bodyContent td{font-size: 70%; color: #000; text-align: left; padding: 3px 0;}
#bodyContent input{ color: #000; font-family: Arial, Helvetica, sans-serif;}
#bodyContent textarea, #bodyContent select{font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
#bodyContent textarea{ }
*/
/* forms */
/* old form input.txt{ color:#00008B; background-image:url(images/bg_input.gif); background-repeat:repeat; border: 1px solid #ccc; width:250px; margin-top:5px; height: 1.5em;}
old form input.txt2{ color:#00008B; background-image:url(images/bg_input.gif); background-repeat:repeat; border: 1px solid #ccc; width:250px; margin-top:5px; height: 1.8em;}
old form textarea.txtarea{ color:#00008B; background-image:url(images/bg_input.gif); background-repeat:repeat; border: 1px solid #ccc; width:250px; margin-top:5px; height: 5em;}
old form select.txt{ color:#00008B; background-image:url(images/bg_input.gif); background-repeat:repeat; border: 1px solid #ccc; width:250px; margin-top:5px; height: 1.8em;} */


#advSearch ul{ margin: 0 0 20px 0;}
#advSearch li{ float: left; margin: 0; width: 265px;}

/* Used on Candidate Resume Page to control the Status */
.resumeStatus {width: 250px; padding: 3px 0 0 0; float: left;}
.btn_activeGo{ background:url(../images/buttons/btn_go_small.gif) 0 0 no-repeat; border: none; padding: 0; margin: 0 10px 0 0; width: 55px; height: 19px; cursor: pointer;}

#alertBoxSendToFriend, #alertBoxApply, #alertBox, #alertBoxJustify{border: 1px dotted #FF9900; padding: 10px 0; margin-bottom: 20px; clear: both;  background-color: #FFFCF0; float: left;}
#alertBox, #alertBoxJustify{width: 95%;}
#alertBoxApply, #alertBox{text-align: center;}

#alertBoxSendToFriend h3, #alertBoxApply h2, #alertBox h2, #alertBoxJustify h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #FF6600; border: none; font-size: 90%;}
#wrapEmailToAFriend #alertBoxSendToFriend p, #alertBoxApply p, #alertBox p{color: #000; font-size: 70%; padding: 0; margin: 0; line-height: 180%;}

#alertBoxNoCV {border: 1px dotted #669900; width: 480px; padding: 10px; margin-top: 10px; clear: both;  background-color: #F7FFDD; float: left;}
#alertBoxNoCV h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #669900; border: none; font-size: 90%;}
#alertBoxNoCV p{color: #000; font-size: 75%; padding: 0; margin: 5px 0 0 0; line-height: 180%;}
#alertBoxNoCV p a{ color: #669900;}
#alertBoxNoCV p a:hover{ color: #FF6600;}

#alertBoxApply { width: 99%;}
#alertBoxSendToFriend { width: 100%; margin: 0 0 20px 0; text-align: center;}

#alertBoxJustify{text-align:justify;}
#alertBoxJustify p{color: #000; font-size: 70%; padding: 0 10px; margin: 0; line-height: 180%;}

#alertBoxContact{border: 1px dashed #FF9900; padding: 0; margin-bottom: 20px; background-color: #FFFCF0;}
#alertBoxContact p{color: #000; font-size: 70%; padding: 10px; margin: 10px; line-height: 180%;}


/* *************************************************************
CANDIDATE & CLIENT LOGIN PAGE
************************************************************* */
#loginExisting{ float: left; width: 520px; margin: 0 0 20px 20px;}
#loginExisting h1{color: #FF6600; font-size: 120%; margin: 0 0 0; display: inline; padding: 0; line-height: 180%;}
#loginExisting form{ margin: 10px 0 0 0; float: left; margin: 5px 0 0 20px; display: inline;}
#loginExisting p{ margin: 3px 0 0 0; float: left; font-size: 75%;}
#loginExisting label{ width: 80px; float: left;}
#loginExisting .forgot{ float: right; margin: 8px 15px 0 0;}

#loginNew{float: left; width: 500px; margin: 0 0 0 0; display: inline;}
#loginNew h1{color: #FF6600; font-size: 120%; margin: 0 0 0; display: inline; padding: 0; line-height: 180%;}
#loginNew p{ margin: 0 0 10px 0; display: inline; float: left; width: 500px; font-size: 75%;}
#loginNew p a{}
#loginNew ul{ margin: 10px 0; padding: 0; display: inline; float: left; width: 500px; list-style: none;}
#loginNew li{ font-size: 75%; line-height: 160%; padding: 0 0 0 55px; margin: 0 0 10px 0; width: 445px; clear: both; float: left;}
#loginNew li strong{ font-size: 110%; color: #336600;}
#loginNew li.saveJobs{ background: url(../images/icons/icon_saveJobs.gif) 5px 2px no-repeat;}
#loginNew li.alerts{ background: url(../images/icons/icon_emailAlerts.gif) 4px 3px no-repeat;}
#loginNew li.listProfile{ background: url(../images/icons/icon_profile.gif) 0 3px no-repeat;}
#loginNew li.search{ background: url(../images/icons/icon_search.gif) 2px 3px no-repeat;}
#loginNew li.unlimited{ background: #FFFFCC url(../images/icons/icon_unlimited.png) 3px 8px no-repeat; color: #000; padding: 5px 0 8px 55px;}
#loginNew li.unlimited strong{color: #CC0000;}

/* *************************************************************
Admin Boxes for Candidates & Advertisers
************************************************************* */
#bodyContent .adminBox{ width: 220px; background-color: #F6F6F6; margin: 0 15px 15px 0; float: left; padding: 0; height: 110px; border: 1px solid #ccc; padding: 10px;}
#bodyContent .adminBox .icon{ float: left; margin: 0 15px 0 0;}
#bodyContent .adminBox h3{ float: left; margin: 0 0 5px 0; padding: 0; font-size: 100%; color: #669900;}
#bodyContent .adminBox ul{ float: left; margin: 0; padding: 0; width: auto; list-style: none; width: 150px; clear: none;}
#bodyContent .adminBox li{padding: 0 0 0 15px; margin: 0;  font-size: 70%; line-height: 180%; background: url(../images/icons/icon_arrow_sml.gif) 0 6px no-repeat;}
#bodyContent .adminBox li a{ color: #666; text-decoration: none;}
#bodyContent .adminBox li a:hover{ color: #FF3300; text-decoration: underline; }


/* *************************************************************
PAYMENT OPTION PAGE
************************************************************* */
.paymentOptions img{ float:  left;}
.paymentOptions .creditCards{ float: right; margin: 20px 0 0 0;}
.paymentOptions .orderBtn{ margin: 5px 0 0 0; float: left;}
.paymentOptions p{ float: right; width: 350px; font-size: 100%; clear: none; margin: 0; padding: 0; color: #000000;}
#bodyContent .secureSymbols{ font-size: 70%; margin: 20px 0 0 0;}
#bodyContent .secureSymbols img{ margin: 10px 10px 10px 0; float: left;}

/* *************************************************************
TABLES
************************************************************* */
#standardTable{ width:100%;}
#standardTable table{border-collapse:collapse; width:100%;}
#standardTable th{font-size:75%; background-color:#F4FFD5; color:#333; height: 2.5em; border:1px solid #99CC00;  }
#standardTable th a{color:#333; text-decoration:none;}
#standardTable td{ padding:10px; height:30px;border:1px solid #99CC00; }
#standardTable td a { text-decoration:none; color:#333; }
#standardTable tr.altrow{ background-color:#E4E4E4;cursor: hand; height: 2em;  }
#standardTable tr.altrow:hover{ background-color:#F0F0F0; cursor: hand; height: 2em;  }
#standardTable tr.row{ background-color:#D4D8BD; cursor: hand; color:#333; height: 2em; }
#standardTable tr.row:hover{background-color:#E8EADB;cursor: hand; }


/* *************************************************************
FORMS
************************************************************* */
#jobForm{width: 500px; float: left; margin: 0; padding: 20px 0 10px 0;}
#jobForm h2{padding: 0; margin: 0 0 10px 0; font-size: 100%; text-align:left; text-transform: capitalize; width: 400px; color: #669900;}
#jobForm span{color: #666; text-transform: lowercase; font-style: italic;}
#jobForm p{color: #666; text-transform: capitalize; clear: both; padding: 0; margin: 0; float: left; width: 440px;}
#jobForm p label{float: left; width: 130px;}
#jobForm .text{border: 1px solid #bbb; font-size: 90%; color: #000; padding: 3px; text-align: left; width: 290px;}
#jobForm select{border: 1px solid #bbb; font-size: 90%; color: #000;}
#jobForm textarea{border: 1px solid #bbb; font: 100% Arial, Helvetica, sans-serif; width: 440px; color: #000; padding: 3px;}
#jobForm .radio{width:auto; border:none;}


/* *************************************************************
CONTACT PAGE
************************************************************* */
#contact{ float: left; width: 300px; text-align: left;}
#contact br{ clear: both;}
#contact p { margin: 0 0 15px 0; padding: 0; float: left; width: 450px;}
#contact label{ color: #000; margin: 0 0 2px 0; width: 100px; float: left;}
#contact .text{ width: 300px; font-size: 70%;}
#contact form{ margin-top: 20px;}
#contact select{ font-size: 90%;}
#contact textarea{ width: 300px; font: 120% Arial, Helvetica, sans-serif;}
#contact .submit{ background: url(../images/buttons/btn_submit.gif) 0 0 no-repeat; border: none; height: 35px; width: 95px; cursor: pointer;}
#address{ width: 200px; float: right;}
#address p { margin: 0; padding: 0; line-height: 160%; font-size: 80%;}


/* *************************************************************
SITE MAP
************************************************************* */
#sitemap ul{ margin: 0 0 0 20px; padding: 0; list-style: none;}
#sitemap li{ font-size: 75%; background: url(../images/icons/icon_orangeArrowBullet.gif) 0 9px no-repeat; padding: 0 0 0 15px; margin: 0; line-height: 220%;}
#sitemap li a{ color: #666; text-decoration: none; border-bottom: 1px dashed #666;}
#sitemap li a:hover { color: #FF6600; border-bottom: 1px solid #FF6600;}

/* *************************************************************
ABOUT US --- PRIVACY --- DISCLAIMER --- TERMS & CONDITIONS
************************************************************* */
.best ul, .list ul { padding: 0; margin: 0 0 20px 30px; list-style: none; float: left;}
.list li { font-size: 70%; background: url(../images/icons/icon_orangeArrowBullet.gif) 0 3px no-repeat; padding: 0 0 5px 15px; margin: 0; line-height: 130%;}
.best li{ font-size: 70%; background: url(../images/icons/icon_tick.gif) 0 1px no-repeat; padding: 0 0 5px 20px;}
.list li a{ color: #666;}

#termsConditions h2{ margin: 0 0 0 0; padding: 0 0 0 0; color: #000; font-size: 75%;}
#termsConditions ul, #termsConditions ol{ font-size: 70%; line-height: 150%;}


/* *************************************************************
Footer
************************************************************* */
#footerMain{ float: left; width: 910px; text-align: left; clear: both; text-transform: uppercase; color: #000; margin: 0px 0 0 10px; padding: 5px 0 0 5px; height: 40px; background: url(../images/bg/bg_btmNav.gif) 0 0 no-repeat; display: inline;}
#footerMain ul {margin: 0; list-style: none; clear: both; padding: 5px 0 0 0;}
#footerMain li{margin: 0 10px 0 0; padding: 0 0 0 10px; display: inline; font-size: 60%; border-left: 1px solid #ccc; }
#footerMain a{color: #666; text-decoration: none;}
#footerMain a:hover{color: #FF6600; text-decoration: underline;}

#footerSub{ float: left; width: 770px; text-align: left; clear: both; text-transform: uppercase;}
#footerSub ul {margin: 0; list-style: none; clear: both; padding: 0 0 0 0;}
#footerSub li{margin: 0 10px 0 0; padding: 0 0 0 10px; display: inline; font-size: 60%; border-left: 1px solid #999; }
#footerSub a{color: #999999; text-decoration: none;}
#footerSub a:hover{color: #FF6600; text-decoration: underline;}

#footerMain .noBorder, #footerSub .noBorder{ border-left: none;}


/* *************************************************************
Miscellaneous
************************************************************* */
.img{float: left; clear: both;}
.lineBreak{ height: 0; border-bottom: 1px dashed #CCCCCC; padding: 10px 0; margin: 0 0 20px 0; font-size: 0; clear: both;}
.clearBreak {height: 20px; padding: 0; margin: 0; clear: both;}
.clearBreakShort {height: 0; padding: 0; margin: 0; clear: both; font-size: 0;}
.breakNoSpace{height: 0; padding: 0; margin: 0;}

hr {border: none 0; border-top: 1px solid #CCC; width: 100%; height: 1px; margin: 20px 0; clear: both;}

.moreDetail{ background: url(../images/buttons/btn_moreDetail.gif) 0 0 no-repeat; width: 129px; height: 33px;}


/* *************************************************************
BUTTONS
************************************************************* */
.btnDelete{ background: url(../images/buttons/btn_delete.gif) 0 0 no-repeat; border: none; width: 90px; height: 33px; cursor: pointer;}
.btnSubmit{ background: url(../images/buttons/btn_submit.gif) 0 0 no-repeat; border: none; width: 93px; height: 33px; cursor: pointer;}


/* *************************************************************
EMAIL TO A FRIEND
************************************************************* */
#wrapEmailToAFriend{width: 540px; margin: 0 auto; padding: 10px; float: left;}
#wrapEmailToAFriend h1{ margin: 20px 0 0 0;}
#wrapEmailToAFriend h2{padding: 0 0 0 0; margin: 0 0 20px 0; font-size: 120%; color: #FF6600;}
#wrapEmailToAFriend p{ float: left; width: 520px; font-size: 75%; margin: 0 0 5px 0; padding: 0;}
#wrapEmailToAFriend label{float: left; width: 150px;}
#wrapEmailToAFriend form{clear: both; width: 520px; margin: 10px 0 0 0; float: left; background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 10px;}
#wrapEmailToAFriend textarea{ font: 110% Arial, Helvetica, sans-serif; width: 370px;}

.btnClose{width: 85px; height: 33px; background: url(../images/buttons/btn_close.gif) 0 0 no-repeat; border: none; cursor: pointer;}
.btnSendToAFriend{width: 215px; height: 33px; background: url(../images/buttons/btn_sendToAFriend.gif) 0 0 no-repeat; border: none; cursor: pointer;}
.btnSendEmail{width: 130px; height: 33px; background: url(../images/buttons/btn_sendEmail.gif) 0 0 no-repeat; border: none; cursor: pointer;}
.btnCancel{width: 90px; height: 33px; background: url(../images/buttons/btn_cancel.gif) 0 0 no-repeat; border: none; cursor: pointer;}


/* *************************************************************
POPUP LOGIN BOX
************************************************************* */
#loginPopup{ margin: 20px; background-color: #fff;}
#loginPopup h1{ color: #669900; font-size: 120%;}
#loginPopup h2{ color: #FF6600; font-size: 120%; margin: 0; padding: 0;}
#loginPopup h2 a{ color: #669900; font-size: 120%;}
#loginPopup h3{ color: #669900;}
#loginPopup p { margin: 5px 0 0 0; padding: 0; float: left; width: 350px; font-size: 75%; line-height: 170%;}
#loginPopup p label{ width: 100px; float: left;}
#loginPopup p a{ color: #669900;}
#loginPopup .join{ float: left; padding: 0;}
#loginPopup .close{ float: right; padding: 0;}
#loginPopup .join a, #loginPopup .close a{text-decoration: none; }
#loginPopup .logo{ margin-bottom: 10px;}
#loginPopup .btn{ margin-top: 10px; padding: 0; border: none; background: none;}
#loginPopup span{color: #FF6600; font-size: 150%; font-weight: bold;}

#loginPopup .jobSeekers{ float: left; width: 240px; padding: 0 20px 0 0; border-right: 1px solid #ccc;}
#loginPopup .company{ float: left; width: 260px; padding: 0 0 0 30px;}

/* *************************************************************
LIST OF EXPOSANTS
************************************************************* */
.exposantList{ width: 485px; float: left; margin: 0 0 10px 0; background-color: #fff; border-top: 1px dotted #ccc; padding: 10px; display: inline;}
.exposantList .logo { float: right; margin: 0; width: 100px;}
.exposantList .logo img{ float: right;}
.exposantList .info{ float: left; margin: 0 0 0 0; width: 460px;}
#bodyContent .exposantList h2{font-size: 100%; width: 400px; display: inline; float: left; margin: 0 0 2px 0; padding: 0; font-weight: bold; clear: none;}
#bodyContent .exposantList h3{ color: #000; font-size: 80%; width: 400px; display: inline; float: left; margin: 0 0 2px 0; padding: 0; font-weight: normal; clear: both;}
#bodyContent .exposantList .info p{ float: left; width: 460px; font-size: 70%; margin: 5px 0 8px 0; padding: 0; text-transform: lowercase;}
.exposantList .btn{ float: left; margin: 10px 0 0 0; background: url(../images/buttons/btn_plus-informations.gif) 0 0 no-repeat; color: #fff; font-size: 65%; text-transform: uppercase; padding: 3px 0 3px 20px; text-decoration: none; width: 145px;}
#bodyContent .exposantList ul{ float: left; margin: 0; padding: 0; width: 460px; list-style: none;}
#bodyContent .exposantList li{ margin: 0; padding: 0; font-size: 70%; color: #333; float: left; width: 100px;}
#bodyContent .exposantList li.phone{ background: url(../images/icons/icon_phone.gif) 0 2px no-repeat; padding: 0 0 0 20px;}
#bodyContent .exposantList li.fax{ background: url(../images/icons/icon_fax.gif) 0 0px no-repeat; padding: 0 0 0 20px;}
#bodyContent .exposantList li.email{ background: url(../images/icons/icon_email.gif) 0 4px no-repeat; padding: 0 0 0 25px; width: 195px;}

/* PAGE NAVIGATION */
#pageNav{ float: right; width: 100px; text-align: right; padding: 0 0 0 0; margin: 0; color: #666; display: inline; font-size: 70%;}
#bodyContent #pageNav form{ width: auto;}
#pageNav select{ font-size: 80%; margin: 0 5px; float: left; display: inline;}
#pageNav a{padding: 0; margin: 5px 0 0 0; color: #666; line-height: 150%; text-decoration: none; float: left;}
#pageNav img{ float: left; padding: 0; margin: 0;}

/* *************************************************************
POPUP LOGIN BOX WINDOW
************************************************************* */
.modalDialog_transparentDivs{
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border: 2px solid #999;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

/* Alternative layout for the message box - used by one of the messages */
.modalDialog_contentDiv_error{
	border:3px solid #FFF;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color: #F00;	/* White background color for the message */
	color:#FFF;
}
.modalDialog_contentDiv_error a{
	color:#FFF;
}