/* Created by Anagram Web Solutions - November 2006 */ body{margin: 0; padding: 10px 0 20px 0; font-family: Arial, Helvetica, sans-serif; color: #666;} form{margin: 0; padding: 0;} /* Centre Page ********** */ #wrap{width: 910px; margin: 0 auto; padding: 0;} /* ************************************************************* Advertising ************************************************************* */ #bannerTop{width: 468px; height: 60px; float: right; margin: 0; text-align: right;} #bannersRight{width: 120px; margin: 0; float: right;} #bannersRight img{ margin: 0 0 10px 0;} /* ************************************************************* Main Content Wrap ************************************************************* */ #content{width: 770px; float: left;} /* Logo ********** */ #logo{width: 250px; float: left; margin: 30px 0 0 0;} /* ************************************************************* TOP Navigation + Client Login ************************************************************* */ #clientLogin{ float: right; height: 30px; width: 210px; background: url(../images/nav/bg_clientLogin.gif) 0 0 no-repeat; margin: 20px 0 0 0; clear: right;} #clientLogin ul{ padding: 10px; margin: 0; list-style: none;} #clientLogin li{ float: left; margin: 0; padding: 0; font-size: 60%; text-transform: uppercase;} #clientLogin .postJob{ float: right; text-align: right;} #clientLogin a{ color: #666; text-decoration: none;} #clientLogin a:hover{ color: #FF3300;} #clientLogin li.logout{ float: right; text-align: right;} #clientLogin li.logout a{background: url(../images/icons/icon_logout.gif) top right no-repeat; padding: 0 20px 0 0; color: #FF3300; display: block; width: 50px;} #promoTop{ float: right; width: 200px; margin: 23px 20px 0 0;} #promoTop p{ float: left; margin: 0; padding: 0 0 0 23px; background: url(../images/icons/icon_star.gif) 0 1px no-repeat; font-size: 80%; font-weight: bold;} #promoTop p a{ text-decoration: none; color: #FF6600;} #promoTop p a:hover{ color: #FF3300; text-decoration: underline;} #topNav { width: 770px; height: 32px; float: left; margin: 0; background: url(../images/nav/bg_navTop.gif) 0 0 no-repeat;} #topNav ul{ padding: 0; margin: 0; list-style: none; margin: 0 10px 0 0;} #topNav li{ font-size: 70%; color: #000; float: left; margin: 0;} #topNav li a{color: #000; text-decoration: none; padding: 8px 15px 8px 15px; display: block; margin: 1px 0; border-left: 1px solid #999999; border-right: 1px solid #eee;} #topNav li a:hover{color: #000; text-decoration: none; background-color: #eee;} #topNav .home{ border-left: none; background: #eee url(../images/nav/bg_navHome.gif) 0 -1px no-repeat; padding-left: 30px; margin-left: 0;} #topNav a.home:hover {background: #eee url(../images/nav/bg_navHome.gif) 0 -33px no-repeat; padding-left: 30px; } #topNav .blank{ border-left: 1px solid #999999; padding: 8px 0; margin: 1px 0;} #topNav .login{ float: right; width: 190px; padding: 9px 0 0 0; display: block;} #topNav .login a{padding: 1px 0 0 0; float: none; border: none; display: inline; color: #FF0000; text-decoration: underline;} /* #topNav img{padding: 1px 0 0 0; float: right; border: none;} */ #topNav a.rate{background: url(../images/nav/icon_nav_rate.gif) 10px 8px no-repeat; padding-left: 30px; } #topNav a.review{background: url(../images/nav/icon_nav_review.gif) 10px 10px no-repeat; padding-left: 30px; } #topNav a.jobSearch{background: url(../images/nav/icon_nav_jobSearch.gif) 10px 9px no-repeat; padding-left: 28px; } #topNav a.forum{background: url(../images/nav/icon_nav_forum.gif) 10px 10px no-repeat; padding-left: 28px; } #topNav a.ukLiving{background: url(../images/nav/icon_nav_ukLiving.gif) 10px 10px no-repeat; padding-left: 28px; } /* ************************************************************* Homepage ************************************************************* */ #homepageContent{ float: left; width: 770px; clear: both;} #intro{float: left; width: 400px; margin: 10px 0 0 0; clear: both;} #intro p{ font-size: 75%; line-height: 150%; margin: 10px 0 0 0; padding: 0;} #intro p a{ color: #FF3300;} #intro p a:hover{color: #000;} #homepageContent h1{ padding: 0; margin-top: 10px; font-size: 120%; color: #000;} #promo{float: right; width: 340px; margin: 20px 0 0 0; background: url(../images/boxes/promoBox_intro.jpg) 0 0 no-repeat; height: 130px;} #promo h1{ color: #fff; padding: 10px 0 0 10px; margin: 0; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} #promo h2{color: #fff; padding: 0 0 0 10px; font-weight: bold; margin: 0 0 2px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} #promo p{ color: #fff; padding: 0 30px 0 10px; margin: 0; font-size: 75%; line-height: 130%;} #promo p a{ color: #fff; font-size: 120%; margin: 0; padding: 0 0 0 18px; font-style: italic; text-decoration: none; font-weight: bold; background: url(../images/icons/icon_arrowWhite.gif) 0 4px no-repeat; float: right; line-height: 100%;} .boxLarge{ clear: both; width: 770px; background: #fff url(../images/boxes/boxLarge_bg.gif) 0 13px no-repeat; margin: 20px 0 0 0; float: left;} .boxLarge p { font-size: 70%; padding: 0; margin: 0 10px 5px 15px;} .boxLarge h2{color: #000000; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 5px 15px;} .boxLarge .row1{ width: 250px; border-right: 1px solid #fff; float: left;} .boxLarge .row2{ width: 250px; border-left: 1px solid #e0e0e0; border-right: 1px solid #fff; float: left;} .boxLarge .row3{ width: 266px; border-left: 1px solid #e0e0e0; float: left;} .boxLarge a.advSearch{ float: left; margin: 3px 10px 0 0; padding: 0; font-size: 90%; color: #FF6600; line-height: 100%; text-decoration: none; line-height: 120%;} .boxLarge a:hover.advSearch{ text-decoration: underline; color: #FF0000;} .boxLarge h3{ padding: 0; margin: 0 0 3px 15px; color: #0066FF; font-size: 70%; display: inline; float: left; clear: both; width: 230px;} .boxLarge h3 span{ font-size: 90%; font-weight: normal; width: 50px; display: block; float: left;} /* Search Boxes on Homepage */ .boxLarge form{ margin: 10px 0 0 15px;} .boxLarge .text {margin: 0; width: 146px; font-size: 100%; color: #666; padding: 2px 0 1px 2px;} .boxLarge select{ margin: 0; width: 150px; font-size: 100%; color: #666;} .boxLarge form p label{ margin: 0 5px 0 0; padding: 3px 0 0 0; float: left; width: 70px; color: #000; display: inline;} .boxLarge form p { margin: 5px 0 0 0; padding: 0;} /* Top 5 Companies, Agencies, Ltd Companies, Jobs on Homepage */ .boxLarge ul{ list-style: none; margin: 0 0 10px 2px; padding: 0 0 0 0; clear: both;} .boxLarge li{font-size: 70%; padding: 0; margin: 0; padding: 0 0 0 15px;} .boxLarge li a{display: block; text-decoration: none; color: #666; height: 100%; padding: 2px 0;} .boxLarge li a:hover{ background-color: #eee; color: #000;} .boxLarge .blue, .boxLarge .green { margin: 5px 10px 0 13px;} .boxLarge .blue li{ background: url(../images/icons/icon_blueArrowBullet.gif) 0 5px no-repeat;} .boxLarge .green li{ background: url(../images/icons/icon_greenArrowBullet.gif) 0 5px no-repeat;} .blue p, .green p{ margin: 0; padding: 0; font-size: 0;} .featured a{ float: left; width: 123px; height: 30px; text-align: center; margin: 0 0 10px 0;} .featured img{ border: 1px solid #ccc;} .btn_review{ width: 118px; height: 33px; background: url(../images/buttons/btn_review.gif) 0 0 no-repeat; border: none; cursor: pointer;} /* ************************************************************* 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: left; width: 540px; margin: 20px 0 0 0; padding: 0;} p{ font-size: 70%; line-height: 150%; padding: 0; margin: 0 0 10px 0; color: #666;} p a{ color: #FF3300;} h1{padding: 0 0 0 0; margin: 0 0 10px 0; font-size: 120%; color: #000;} h2{padding: 0; margin: 0 0 10px 0; font-size: 90%; color: #669900; clear: both;} h3{padding: 0; margin: 0 0 10px 0; font-size: 85%; color: #FF9900; font-weight: bold;} /* H1 TITLE ICONS */ h1.tools{ background: url(../images/icons/icon_toolbox.gif) 0 0 no-repeat; padding: 5px 0 5px 50px;} h2.rate{ font-size: 100%; margin-top: 20px; color: #000;} /* ************************************************************* MAIN ROUNDED BOXES ************************************************************* */ .industryAvg, .industryDetail, .boxMedium, .boxMedium2{ clear: both; width: 540px; margin: 0 0 20px 0; float: left;} .industryAvg, .boxMedium{background: url(../images/boxes/boxMedium_bg.gif) 0 10px no-repeat;} .boxMedium2{background: url(../images/boxes/boxMedium2_bg.gif) 0 10px repeat-y;} .boxMedium p{ font-size: 70%; padding: 0; margin: 0;} .boxMedium2 p{ font-size: 70%; padding: 0; margin: 0 0 0 10px;} .industryAvg h4, .industryDetail h4, .boxMedium h4{ color: #FF6600; font-size: 75%; padding: 0; margin: 0; font-weight: normal;} .boxMedium h4 a{ color: #FF6600;} .boxMedium h4 a:hover{ color: #FF3300;} .industryAvg h5, .boxMedium h5 {font-size: 300%; font-weight: bold; margin: 0 0 10px 0; padding: 0; color: #FF6600; line-height: 90%;} .boxMedium2 h6{ padding: 0; margin: 0 0 5px 10px; float: left; display: inline;} .boxMedium2 .search{ float: right; margin: 0 10px 0 0; display: inline;} .boxMedium2 ul{ clear: both; width: 540px; list-style: none; padding: 0; margin: 0;} .boxMedium2 li{ width: 270px; padding: 2px 0; margin: 0; float: left; font-size: 75%; color: #666;} .boxMedium2 li a{display: block; border-bottom: 1px dotted #eee; text-decoration: none; color: #666; background: url(../images/icons/icon_jobInfo.gif) 0 0 no-repeat; padding: 0 0 0 20px; margin-left: 15px; height: 100%;} .boxMedium2 li a:hover{border-bottom: 1px dotted #eee; color: #000; background: #eee url(../images/icons/icon_jobInfo.gif) 0 0 no-repeat;} /* USED FOR COMPANY DETAIL PAGE */ .industryAvg{ clear: both; width: 540px; margin: 0 0 20px 0; float: left; background: url(../images/boxes/boxMedium_bg.gif) 0 10px no-repeat;} .industryAvg h3, .industryDetail h3, .boxMedium h3{color: #000000; font-size: 120%; font-weight: bold; padding: 0 10px; margin: 0 0 10px 0; display: block; width: 500px;} .boxMedium .graph {width: 310px; float: left; margin: 0 0 0 10px; display: inline; clear: both; border: 1px solid #ccc; background-color: #fff;} .boxMedium .text{ width: 200px; float: right; margin: 0; clear: right;} .boxMedium .title { width: 200px; float: left; padding: 0;} .industryDetail{background: url(../images/boxes/refineSearch_bg.gif) 0 10px repeat-y;} .industryDetail form, .boxMedium2 form { float: right; text-align: right; margin: 0; display: block;} .industryDetail .submit, .boxMedium2 .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;} #bodyContent .industryDetail select, #bodyContent .boxMedium2 select{font-size: 70%; margin: 0 5px 0 0;} /* STYLES TO GENERATE BAR GRAPHS */ /* LEGEND */ #legend{ float: left; margin: 0 0 10px 0;} #legend ul{ margin: 0; padding: 0; list-style: none} #legend li{ float: left; margin: 0 20px 0 0; padding: 0; font-size: 70%; color: #000; height: auto;} #legend .bar{background: #0099FF url(../images/bg_bar_blue.gif) bottom left repeat-x; border: 1px solid #025891;} #legend .bar2{background: #99CC00 url(../images/bg_bar_green.gif) bottom left repeat-x; border: 1px solid #649300;} #legend .bar, #legend .bar2 {display: block; height: 1em; width: 1em; float: left; margin: 0 5px 3px 0;} /* Industry Average Box */ .industryAvg .graph {width: 330px; float: left; margin: 0 0 0 10px; display: inline; clear: both; border: 1px solid #ccc; background: #fff url(../images/bg_graph.gif) 180px 0 repeat-y; padding: 10px 0 0 0;} .industryAvg .text{ width: 180px; float: right; margin: 0; clear: right;} .industryAvg .text p{font-size: 70%; margin: 0; padding: 0; color: #000;} .industryAvg .title { width: 200px; float: left; padding: 0;} .industryAvg h2{ width: 170px; float: left; clear: both; padding: 2px 0 0 0; margin: 0 10px 0 0; font-size: 65%; font-weight: normal; color: #000; text-align: right;} .industryAvg p{ margin-left: 10px; font-size: 75%;} .industryAvg .graph p{padding: 0; margin: 0 0 3px 0; font-size: 65%; display: block; height: auto; float: left; width: 150px;} .industryAvg ul { margin: 10px 0 0 180px; padding: 0; list-style: none; text-align: left; float: left; clear: both; width: 150px; display: inline; } .industryAvg li { font-size: 65%; color: #999; float: left; width: 30px; padding: 2px 0 2px 10px; margin: 0 10px 0 0; display: inline;} .industryAvg h4, .industryAvg h5{ color: #FF6600;} .industryAvg h5{ margin-bottom: 0;} /* Industry Detail Box */ .industryDetail h2{ width: 150px; float: left; clear: both; padding: 12px 0 0 0; margin: 0 10px 0 0; font-size: 65%; font-weight: normal; color: #000; text-align: right;} .industryDetail p{ margin-left: 10px; font-size: 75%;} .industryDetail .data p{padding: 0; margin: 0; clear: both; font-size: 65%; display: block; height: auto; overflow: auto;} .industryDetail .data{ width: 360px; float: left; margin: 0 0 10px 0;} .industryDetail ul { margin: 10px 0 0 160px; padding: 0; list-style: none; text-align: left; float: left; clear: both; width: 380px; display: inline; border-top: 1px dashed #ccc;} .industryDetail li { font-size: 65%; color: #999; border-left: 1px dashed #ccc; float: left; width: 20px; padding: 5px 0 5px 10px; margin: 0 44px 0 0; display: inline;} .industryAvg .bar, .industryDetail .bar { background: #0099FF url(../images/bg_bar_blue.gif) bottom left repeat-x; margin: 0 10px 3px 0; border: 1px solid #025891; display: inline; height: 1.5em;} .industryAvg .bar2, .industryDetail .bar2 { background: #99CC00 url(../images/bg_bar_green.gif) bottom left repeat-x; margin: 0 10px 3px 0; border: 1px solid #649300; display: inline; height: 1.5em;} .industryAvg span, .industryDetail span{ display: block; float: left;} /* USED FOR RATE PAGE */ .rateBox {margin: 0; float: left; width: 375px;} .rateBox h3{padding: 0; margin: 20px 0 10px 0; font-size: 100%; color: #FF9900; font-weight: bold;} .rateBox .graph{width: 250px; float: left; margin: 0 20px 0 0; text-align: right; display: inline;} .rateBox .text{ width: 250px; float: left; margin: 0;} /* .rateBox p{font-size: 75%;} */ /* SMALL BOXES FOR HOMEPAGE + SURVEY RESULTS */ .boxSmall{ width: 260px; background: #fff url(../images/boxes/boxSmall_bg.gif) 0 0 repeat; margin: 0 0 20px 0; float: left;} .boxSmall h5{font-size: 80%; font-weight: bold; margin: 0 0 2px 10px; clear: both;} h5.topCompanies{ color: #669900; background: url(../images/icons/icon_topAgencies.gif) 0 0 no-repeat; padding: 2px 0 10px 25px;} h5.companyJobs{ color: #669900; background: url(../images/icons/icon_agencyJobTitle.gif) 0 0 no-repeat; padding: 2px 0 10px 25px;} h5.topAgencies{ color: #669900; background: url(../images/icons/icon_topAgencies.gif) 0 0 no-repeat; padding: 2px 0 10px 25px;} h5.agencyJobs{ color: #669900; background: url(../images/icons/icon_agencyJobTitle.gif) 0 0 no-repeat; padding: 2px 0 10px 25px;} .boxSmall ol{ margin: 0 0 0 30px; padding: 0 10px 0 0;} .boxSmall li{ font-size: 75%; padding: 0; margin: 0; padding: 2px 0;} /* .boxSmall li a{display: block; border-bottom: 1px dotted #eee; text-decoration: none; color: #666; background: url(../images/icons/icon_jobInfo.gif) center right no-repeat; height: 100%; } */ .boxSmall li a{display: block; border-bottom: 1px dotted #eee; text-decoration: none; color: #666; height: 100%; } .boxSmall li a:hover{border-bottom: 1px dotted #eee; color: #000; background: #eee;} .boxSmall p{ margin: 10px 0 0 10px; padding: 0; line-height: 100%; font-size: 0;} /* REFINE SEARCH - USED FOR SURVEY DETAIL */ #refineSearch{clear: both; width: 540px; margin: 10px 0 5px 0; float: left; background: url(../images/boxes/refineSearch_bg.gif) 0 0 repeat-y;} #refineSearch h2{ color: #FF6600; font-size: 75%; font-weight: bold; text-transform: uppercase; padding: 0; margin: 3px 10px 0 10px; float: left; border: none;} #bodyContent #refineSearch select{ float: left; font-size: 70%; margin: 0 10px 0 0;} #refineSearch .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;} p.footnote{ color: #666; font-size: 60%; padding: 0; margin: 0 0 0 10px; float: left;} h4.noData{ font-weight: normal;} /* ************************************************************* DIRECTORY ************************************************************* */ #agencyList{ float: left; width: 238px; margin: 20px 0 0 0; border: 1px solid #ccc; background: #F7F7F7; padding: 15px;} #companyList{ float: right; width: 239px; margin: 20px 0 0 0; background: #FBFBFB; padding: 15px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc;} #agencyList h2{ color: #FF6600;} bodyContent #agencyList li a{ color: #000000;} #agencyList ul, #companyList ul{ list-style: none; font-size: 75%; padding: 0; margin: 0;} #agencyList li, #companyList li{padding: 0; margin: 0; line-height: 200%;} #agencyList li a{ color: #333; text-decoration: none;} #agencyList li a:hover{ color: #FF6600; text-decoration: underline;} #companyList li a{ color: #666; text-decoration: none;} #companyList li a:hover{ color: #669900; text-decoration: underline;} h2.directory{ float: left; width: 150px; text-transform: capitalize;} p.pageNav{ width: 300px; float: right; text-align: right;} .go{ background: url(../images/buttons/btn_go_small2.gif) 0 0 no-repeat; border: none; width: 50px; height: 17px; margin: 0 0 0 2px; cursor: pointer;} #industryBlock{ width: 353px; float: left; margin: 30px 0 0 0; padding: 15px; border: 1px solid #ccc; background: #F7F7F7; } #sectorBlock{ width: 353px; float: left; margin: 30px 0 0 0; background: #FBFBFB; padding: 15px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc;} #industryBlock h2{color: #FF6600;} #industryBlock ul, #sectorBlock ul{ float: left; width: 100%; list-style: none; padding: 0; margin: 0;} #industryBlock li, #sectorBlock li{ font-size: 75%; padding: 0; margin: 0; line-height: 180%; float: left; width: 50%;} #industryBlock li a, #sectorBlock li a{ color: #666; text-decoration: none;} #industryBlock li a:hover, #sectorBlock li a:hover{ color: #FF6600; text-decoration: underline;} .directoryNav{ width: 210px; float: left; border: 1px solid #ccc; background: #F7F7F7; margin: 20px 0 0 0; padding: 0 0 15px 0;} .directoryNav h3{ color: #000; margin: 15px 0 5px 15px;} .directoryNav ul{ list-style: none; margin: 0 0 0 5px; padding: 0;} .directoryNav li{background: url(../images/icons/icon_blackArrowBullet.gif) center left no-repeat; margin: 0 0 0 10px; padding: 0 0 0 15px; color: #000; font-size: 75%; line-height: 200%; } .directoryNav li a{ color: #000; text-decoration: none;} /* ************************************************************* TOOLBOX ************************************************************* */ .toolbox{ width: 260px; background: #fff url(../images/boxes/toolbox_bg.gif) 0 0 repeat; margin-bottom: 20px; float: left; text-align: center;} .toolbox h5{font-size: 80%; font-weight: bold; margin: 0 0 0 0; padding: 5px 0 0 0; clear: both; text-align: center;} .toolbox ul{ margin: 10px 0 0 0; padding: 0 15px; list-style: none; font-size: 70%; text-align: left;} .toolbox li{ padding: 0; margin: 0; padding: 2px 0; line-height: 180%;} .toolbox li a{display: block; border-bottom: 1px dotted #eee; text-decoration: none; color: #666; height: 100%; } .toolbox li a:hover{border-bottom: 1px dotted #eee; color: #000; background: #eee;} .toolbox p{ margin: 15px 10px 0 15px; padding: 0; line-height: 150%; font-size: 70%; clear: both;} .toolbox form{ margin: 10px 0 3px 0;} .toolbox input{ font-size: 70%;} .toolbox .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;} .toolboxOptions { margin: 10px 0 30px 0} .toolboxOptions ul{ margin: 0; padding: 0; list-style: none; font-size: 70%; text-align: left;} .toolboxOptions li{ padding: 0; margin: 0; float: left;} .toolboxOptions li a{text-decoration: none; color: #666; height: 100%; padding: 0 0 0 15px; } .toolboxOptions a.makeHome{ background: url(../images/icons/icon_makeHome.gif) 0 1px no-repeat; margin-left: 50px; color: #669900;} .toolboxOptions a:hover.makeHome{ background: url(../images/icons/icon_makeHome.gif) 0 1px no-repeat; color: #669900; text-decoration: underline;} .toolboxOptions a.bookmark{ background: url(../images/icons/icon_bookmark.gif) 0 1px no-repeat; color:#FF6600;} .toolboxOptions a:hover.bookmark{ background: url(../images/icons/icon_bookmark.gif) 0 1px no-repeat; color:#FF6600; text-decoration: underline;} /* ************************************************************* FEATURED COMPANIES ************************************************************* */ #featuredCompaniesWrap { float: left; border-color: #ccc; margin: 0; border-width: 0 1px 1px 1px; border-style: dotted; clear: both; width: 538px;} .companyListing, .companyListing_alt{ float: left; border-top: 1px dotted #ccc; padding: 15px 0; margin: 0; clear: both; width: 538px; height: auto;} .companyListing_alt{background-color: #F8F8F8;} .feauturedLogo {float: left; padding: 0; height: 50px; width: 225px; text-align: center;} .companyListing .text, .companyListing_alt .text{ float: left; width: 300px; height: auto; padding: 0 10px 0 0;} .companyListing h2, .companyListing_alt h2{ margin: 0 0 5px 0; padding: 0; color: #669900; font-size: 100%; border: none;} .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;} .companyListing p, .companyListing_alt p{margin: 0; padding: 0; line-height: 170%; font-size: 70%;} .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: 540px; margin: 0 0 20px 0; float: left;} #searchBox{background: url(../images/boxes/boxMedium_bg.gif) 0 10px repeat-y;} #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;} #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: 538px;} .jobListing, .jobListing_alt{ border-top: 1px dotted #ccc; padding: 10px 10px 5px; margin: 0; clear: both; width: auto;} .jobListing_alt{background-color: #F8F8F8;} .jobListing h2, .jobListing_alt h2 { margin: 0; padding: 0; color: #669900; font-size: 100%; border: none; float: left; clear: left; width: 300px; line-height: 150%;} .jobListing_alt h1 a,{ color: #000; text-decoration: none;} .jobListing h2 a, .jobListing_alt h2 a{ color: #669900; text-decoration: none;} .jobListing h2 a:hover, .jobListing_alt h2 a:hover{ color: #FF6600; text-decoration: underline;} .jobListing h3, .jobListing_alt h3, .jobListing h4, .jobListing_alt h4{margin: 0; padding: 0; font-size: 75%; color: #000; font-weight: normal; line-height: 180%; width: 300px;} .jobListing h5, .jobListing_alt h5, .jobListing h6, .jobListing_alt h6 { margin: 0; padding: 0; font-weight: normal; font-size: 75%; color:#000; line-height: 180%;} .jobListing p, .jobListing_alt p{ clear: both; margin: 0 0 10px 0; padding: 0; line-height: 170%; font-size: 70%;} .jobListing p a, .jobListing_alt p a, form p a, .jobListing h5 a, .jobListing_alt h5 a{ color: #666;} .jobListing p a, .jobListing_alt p a{margin-right: 5px; padding-left: 5px;} .jobListing p a:hover, .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} h2.companyName{ float: left; clear: left; font-size: 75%; font-weight: normal; color: #000; margin: 5px 0 0 20px; display: inline; width: 300px;} h3.reference{float: left; clear: left; font-size: 60%; font-weight: normal; color: #666; margin: 3px 0 0 20px; text-transform: uppercase;} .jobList{ width: 520px; margin: 10px 0 0 10px; padding: 0; float: left; padding: 0; display: inline;} .jobList dl{ margin: 0 0 0 10px; padding: 0; list-style: none;} .jobList dt{ float: left; font-size: 65%; padding: 2px 0 0 0; margin: 0; text-transform: uppercase; width: 80px; height: 2em;} .jobList dd{ float: left; font-size: 75%; width: 170px; height: 2em; padding: 0; margin: 0; color: #000;} .jobList ul{ margin: 0; padding: 0; list-style: none;} .jobList li{float: left; width: 240px; font-size: 75%; margin: 0; padding: 2px 0 2px 20px; 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: auto; padding: 10px 0 0 0; margin: 0 0 10px 0; float: left;} /* border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; */ .jobOptions ul{ margin: 0; padding: 0; list-style: none; float: left; width: 100%;} .jobOptions li{ float: left; margin: 0 0 0 0; font-size: 65%;} .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;} */ .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;} .boxMedium .logo{ float: right; margin: 0 10px 0 0; border: 1px solid #CCCCCC;} /* 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%;} /* ************************************************************* FRONT END JOB BOARD - CLIENT AREA ************************************************************* */ .profile{ width: 520px; margin: 15px 0 0 20px; padding: 0; float: left; padding: 0; display: inline;} h1.companyTitle{ margin: 5px 0 0 20px; float: left; display: inline;} h2.url{ clear: left; font-size: 90%; font-weight: normal; color: #666; margin: 0 0 0 20px; float: left; display: inline;} h2.url a{color: #666;} h2.url a:hover{ color: #FF6600;} .profile dl{ margin: 0; padding: 0; list-style: none; width: 260px; float: left;} .profile dt{ float: left; font-size: 65%; padding: 2px 0 0 0; margin: 0; text-transform: uppercase; width: 60px; height: 2em;} .profile dd{ float: left; font-size: 75%; width: 200px; height: 2em; padding: 0; margin: 0; color: #000;} .profile p{ float: right; clear: right; margin-right: 20px; line-height: 150%; font-size: 70%; color: #000;} #bodyContent #standard{width: 100%; clear: both;} #bodyContent #standard table{border-collapse: collapse; width: 100%;} #bodyContent #standard td, #bodyContent #standard th{font-size:70%; line-height: 120%; border:1px solid #C5F365;} #bodyContent #standard th{background-color: #99CC00; border: 1px solid #fff; color: #fff; font-weight: bold; padding: 5px; text-align: left; font-size: 70%;} #bodyContent #standard th a{color:#fff; text-decoration: none; border-bottom: 1px solid #fff;} #bodyContent #standard th a:hover{color: #336600; text-decoration: none; border-bottom: 1px solid #336600;} #bodyContent #standard td{padding: 5px; font-size: 70%; line-height: 120%; border:1px solid #ddd;} #bodyContent #standard td a{ color: #000; text-decoration: none; border-bottom: 1px solid #000;} #bodyContent #standard td a:hover{ color: #FF6600; text-decoration: none; border-bottom: 1px solid #FF6600;} #bodyContent #standard tr.altrow{ background-color:#E4E4E4; cursor: hand;} #bodyContent #standard tr.altrow:hover{ background-color:#F0F0F0; cursor: hand;} #bodyContent #standard tr.row{ background-color:#D4D8BD; cursor: hand; color:#333;} #bodyContent #standard tr.row:hover{background-color:#E8EADB; cursor: hand;} #bodyContent #standard .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: 260px; margin: 0;} #premiumAds { margin-left: 20px; display: inline;} #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: 300px; float: right;} #creditBox{width: 200px; border: 1px dashed #FF9900; padding: 10px 0; margin-bottom: 20px; text-align: left; background-color: #FFFCF0;} #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 */ form label{ float: left; width: 150px; margin: 0 10px 0 0; padding-top:5px;} form .borderTop{ border-top: 1px dashed #999999;} form h2{border-top: 1px dashed #ccc; padding-top: 15px; margin-top: 25px;} form ul{ margin: 0; padding:0; float: left; list-style: none;} form li{ font-size: 70%; color: #000; line-height: 150%;} form p{ margin: 0 0 5px 0; padding: 0; clear: both;} form .question{ width: 350px; } 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;} 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;} 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;} 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 dashed #FF9900; padding: 10px 0; margin-bottom: 20px; clear: both; background-color: #FFFCF0;} #alertBox, #alertBoxJustify{width: 100%;} #alertBoxApply, #alertBox{text-align: center;} #alertBoxSendToFriend h2, #alertBoxApply h2, #alertBox h2, #alertBoxJustify h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #FF3300; border: none;} #alertBoxSendToFriend p, #alertBoxApply p, #alertBox p{color: #000; font-size: 70%; padding: 0; margin: 0; line-height: 180%;} #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: 370px; background: url(../images/boxes/loginBoxExisting_bg.jpg) 0 0 repeat-y; margin: 0;} #loginNew{float: right; width: 370px; background: url(../images/boxes/loginBoxNew_bg.jpg) 0 0 repeat-y;} #loginExisting h1, #loginNew h1{color: #FF6600; font-size: 100%; margin: 0 0 0 20px; display: inline; padding: 0;} #loginExisting form{ margin: 10px 0 0 0; float: left; margin: 5px 0 0 20px; display: inline;} #loginExisting p{ margin: 3px 0 0 0;} #loginNew p{ margin: 10px 15px 0 20px; display: inline; float: left;} #loginExisting label{ width: 80px;} #loginExisting .forgot{ float: right; margin: 8px 15px 0 0;} /* ************************************************************* Admin Boxes for Candidates & Advertisers ************************************************************* */ .adminBox{ width: 260px; background: #fff url(../images/boxes/boxSmall_bg.gif) 0 0 repeat; margin: 0 20px 20px 0; float: left; padding: 0;} .adminBox .icon{ float: left; margin: 0 15px 0 10px;} .adminBox h3{ float: left; margin: 0 0 5px 0; padding: 0;} .adminBox ul{ float: left; margin: 0; padding: 0; width: auto; list-style: none; width: 160px} .adminBox li{padding: 0 0 0 15px; margin: 0; font-size: 70%; line-height: 180%; background: url(../images/icons/icon_orangeArrowBullet.gif) 0 6px no-repeat;} .adminBox li a{ color: #666; text-decoration: none;} .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;} /* ************************************************************* 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; } /* ************************************************************* Survey ************************************************************* */ #survey{ float: left; margin: 0 0 20px 0;} #survey table{ padding:5px; border:1px solid #CCCCCC; border-collapse:collapse; width: 99%;} #survey td,th{font-size:70%; height: 3em; padding: 3px;} #survey .subTitle{ background:#DDD;padding-left:8px;} #survey th{background-color:#c0c0c0; color:#FFF; font-weight:700; font-size:90%; text-align:left; } #survey th a{color:#333; text-decoration:none;} #survey td a { text-decoration:none; color:#333; } #survey tr.altrow{ background-color:#E4E4E4;cursor: hand;} #survey tr.altrow:hover{ background-color:#F0F0F0; cursor: hand;} #survey tr.row{ background-color:#D4D8BD; cursor: hand; color:#333;} #survey tr.row:hover{background-color:#E8EADB; cursor: hand; } #survey .question {padding-left:15px;border-bottom:2px solid #F4F4F4;} #survey a.button {border:1px solid #808080; background:#D4D0C8; padding:2px 4px; text-decoration:none; color:#000;} #survey a:hover.button { background:#F4F4F4; color:#000;} #compareIntro{float: left; width: 460px; margin: 0; clear: both;} #compareIntro p{ font-size: 75%; line-height: 100%; margin: 10px 0 0 0; padding: 0;} #compareIntro p a{ color: #FF3300;} #compareIntro p a:hover{color: #000;} #comparison {width: 100%; clear: both;} #surveyResults table, #comparison table{border-collapse: collapse; width: 100%;} #surveyResults td, #comparison td{font-size: 70%; line-height: 120%; border:1px solid #ddd;} #comparison th{background-color: #99CC00; border: 1px solid #fff; color: #fff; font-weight: bold; padding: 0 0 0 0; text-align: center; font-size: 60%;} #surveyResults a{ color: #444; text-decoration: none;} #surveyResults a:hover{ color: #FF3300; text-decoration: none;} #comparison td{padding: 12px 0; text-align: center;} #comparison th a{color:#333; text-decoration:none;} #comparison .question{ text-align: right; padding-right: 3px; color: #666; font-size: 60%; background-color: #fff;} #comparison .noBorder{border: none;} #comparison .totalTxt, #comparison .total{border: none; font-weight: bold; font-size: 90%;} #comparison .totalTxt{text-align: right; color: #FF6600;padding-right: 5px;} #comparison .total{text-align: center; color: #fff; background-color: #FF6600; border:1px solid #fff;} #surveyResults tr.alt, #comparison tr.alt{ background-color: #f5f5f5;} .compare{ background: url(../images/buttons/btn_compare.gif) 0 0 no-repeat; border: none; height: 35px; width: 110px; padding: 0; margin: 0; cursor: pointer;} #surveyResults th{background-color: #99CC00; border: 1px solid #fff; color: #fff; font-weight: bold; padding: 0 0 0 5px; text-align: left; font-size: 70%;} #surveyResults td{ padding: 5px 0 5px 5px;} #surveyResults a.button {border:1px solid #808080; background:#F4F4F4; padding: 2px 4px; text-decoration:none; color:#000;} #surveyResults a:hover.button { background:#D4D0C8; color:#000;} #compareIndustryLocation{ float: right; border: 1px dashed #ccc; padding: 10px; margin: 20px 0 0 0; background-color: #f5f5f5; width: 260px; } #compareIndustryLocation h2 span, #compareIndustryLocation h3 span{ font-size: 90%; font-weight: normal;} #compareIndustryLocation h2{ padding: 0; margin: 0 0 10px 0;} #compareIndustryLocation h3{padding: 0; margin: 0; color: #FF6600;} p.surveyType{ color: #000; font-size: 70%;} /* ************************************************************* FORMS ************************************************************* */ #jobForm{width: 540px; 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: auto;color: #FF9900;} #jobForm fieldset{border: 1px dotted #bbb; margin: 20px 0; padding: 20px 0 20px 20px;} #jobForm legend{font-size: 90%; color: #669900; margin: 10px 0 10px 0; padding: 0 10px; font-weight:bold; text-transform: capitalize; background-color: #fff;} #jobForm span{color: #666; text-transform: lowercase; font-style: italic;} #jobForm p{color: #666; text-transform: capitalize; clear: both;} #jobForm p label{float: left; width: 150px;} #jobForm .text{border: 1px solid #bbb; font-size: 90%; color: #000; padding: 3px; text-align: left; width: 350px;} #jobForm select{border: 1px solid #bbb; font-size: 90%; color: #000;} #jobForm textarea{border: 1px solid #bbb; font: 100% Arial, Helvetica, sans-serif; width:515px; 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;} #contact label{ clear: both; color: #000; margin: 0 0 2px 0;} #contact .text{ width: 100%;} #contact textarea{ width: 100%;} #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;} .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, #footerSub{ float: left; width: 770px; text-align: center; clear: both; text-transform: uppercase;} #footerMain {background: url(../images/nav/bg_navBottom.gif) bottom left no-repeat; color: #000; margin: 20px 0 0 0;} #footerMain ul, #footerSub ul{margin: 0; list-style: none; clear: both;} #footerMain ul { padding: 15px 0 10px 0;} #footerSub ul {padding: 10px 0 10px 0;} #footerMain li, #footerSub li{margin: 0 10px 0 0; padding: 0 0 0 10px; display: inline; font-size: 60%; border-left: 1px solid #666; } #footerMain a, #footerSub a{color: #666; text-decoration: none;} #footerMain a:hover, #footerSub a:hover{color: #FF6600; text-decoration: underline;} #footerMain .home{ border-left: none; background: url(../images/icons/icon_home.gif) 0 1px no-repeat; padding-left: 20px;} #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: 90%; margin: 0 auto; padding: 10px;} .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: #000;} #loginPopup h2{ color: #FF6600;} #loginPopup h2 a{ color: #669900;} #loginPopup h3{ color: #669900;} #loginPopup form p { margin: 5px 0 0 0; padding: 0;} #loginPopup form p label{ width: 100px;} #loginPopup .close{ float: right; padding: 20px 0 0 0; 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;} /* ************************************************************* 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; } /*********************************************************************************************************************/ #cart hr { border-bottom:1px solid #fff; } #cart h2 { color:#fff; } .row { margin-bottom:10px; padding:0; } .cell1 { float:left; display:inline; width:20px; } .cell2 { float:left; display:inline; width:155px; } .cell3 { float:left; display:inline; width:75px; margin-left:5px; } .cell4 { float:left; display:inline; width:20px; margin-left:5px; text-align:right; } #container { width:750px; margin-left:auto; margin-right:auto; } #products { float:left; display:inline; width:450px; } #cart { float:right; display:inline; width:280px; padding:0 0 10px 10px; margin-bottom:10px; color:#fff; } #cart a:link, #cart a:visited { color:#fff; background-color:#333; padding:5px; text-decoration:none; } #cart a:hover { color:#fff; background-color:#cc0033; padding:5px; } #cartItems { font-size:10px; } #indicator { font-size:11px; }