/* For IE6 (and less) hacks, do a search for: * html or IE6> Hack
For IE7 (and less) hacks, do a search for: IE7> Hack (these hacks will affect all versions of IE (from 7 downwards, at least))
--------------------------------------------------------------------------------------------------------------------------------
If you have a site that requires a custom colour scheme for JB content, the following list of rules should enable you to apply
foreground and background colours to most sections of the JB.
====== Login Boxes, Form Headers, etc. ======
#JBcontent form.onexcol fieldset, #JBcontent form.onecol fieldset, #JBcontent form.onewidecol fieldset, #JBcontent form.twocol td,
#JBcontent table.results{}
#JBcontent .savedsearch h2{ --Colour & padding set as !important, in order to override any local default H2 settings-- }
#JBcontent .savedsearch h2 a{}
#JBcontent form.styled fieldset h2{}
#JBcontent form.styled fieldset h3{}
#JBcontent table.results th{}
#JBcontent form.styled fieldset h2 a, #JBcontent form.styled fieldset h3 a, #JBcontent table.results thead a{}
#JBcontent form.styled fieldset h2 a:hover, #JBcontent form.styled fieldset h3 a:hover, #JBcontent table.results thead a:hover{}
#JBcontent #JobFilterQuestions{}
#JBcontent #JobFilterQuestions h2{}
====== Other Colour Scheme Rules ======
.savedsearch{}
#JBcontent table tr.zebra2, #JBcontent table tr.dblzebra3, #JBcontent table tr.dblzebra4{}
.jobView dl.refandcontact{}
*/
/*
====================================================================================================
=== GENERAL JOB SITE STYLES ========================================================================
====================================================================================================
*/
#JBcontent{
/*position: relative; /* IMPORTANT: Turning this on causes any sub menus (of the main menu) to appear BENEATH this element! */
padding: 5px;
}
#JBcontent h1{
margin-bottom: 11px;
}
#JBcontent h4{
font-size: 1.1em;
}
#JBcontent table h2, #JBcontent form h2{
font-size: 1em;
}
#JBcontent h1, #JBcontent h2, #JBcontent h3,
#JBcontent h4, #JBcontent h5, #JBcontent h6{
text-align: left;
}
#JBcontent p{
margin: 0 0 1em 0;
}
#JBcontent a img{
border: none;
}
.printOnly{
display: none!important;
}
#content ul, #JBcontent ul{
margin: 0 1.5em;
}
#content ul li, #JBcontent ul li{
margin: 0.5em;
padding: 0 0 0 12px;
background: url(/jobboard/images/icons/bullet01.png) no-repeat 0 0.5em;
}
* html #content ul li, * html #JBcontent ul li{ /* IE6> Hack */
position: relative;
}
.inline{
display: inline;
margin-right: 0.3em;
}
#JBcontent .longURL, #JBcontent .results td{
overflow: hidden!important; /* For non IE browsers (a non IE bodge, wow!) */
}
input[type=submit] { /* Won't apply this rule in IE6, due to patchy CSS2 support in IE6 */
cursor: pointer;
width: auto;
overflow: visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
}
clearBoth{
clear: both;
}
.viewState1{
display: none;
}
.bullets{
margin: 1em 0;
}
p.highlight {
font-weight: bold;
color: #E52600;
}
.signinRegisterEmpathsis{ /* Use this style to empathsise the text which talks about signing in or registering */
font-weight: bold;
}
.LinkToClientList a{
cursor: pointer;
}
#JBcontent.constantManager select,
#JBcontent.indexManager select{
width: 17em!important;
}
#JBcontent.multipostCats em{
font-weight: bold;
font-style: normal;
color: #ff6600;
}
#JBcontent.multipostCats table.zebra {
margin-bottom: 20px;
}
#JBcontent .HTMLjobTemplateTbl{
margin: 0 auto 1em auto!important;
}
#JBcontent .HTMLjobTemplateTbl td a{
text-align: center!important;
}
#JBcontent .HTMLjobTemplateTbl td a img{
border: 1px solid #777;
}
#JBcontent .codeText{
font-family: "Courier New", Courier, "Courier Std", Verdana, sans-serif;
font-style: normal;
font-weight: bold;
color: #ff3300;
}
#JBcontent table table td{
border: 0!important;
}
.expiryWarning{
margin: 0 0 10px 0;
padding: 8px 10px;
font-weight: bold;
border-bottom: 1px solid #ccc;
}
.expiryWarning em{
font-style: normal;
color: #cc0000;
}
.savedsearch .expiryWarning{
margin: 0 0 10px -10px!important;
}
/* --- Page Numbers --- */
#JBcontent ul.pageNumbers{
clear: both;
margin: 10px 0!important;
}
#JBcontent ul.pageNumbers li{
float: left;
margin: 0 3px 0 0;
padding: 0;
list-style-type: none;
background: transparent;
}
#JBcontent ul.pageNumbers li a,
#JBcontent ul.pageNumbers li.pageSelected{
display: block;
min-width: 1em;
padding: 2px 3px;
text-decoration: none;
text-align: center;
border: 1px solid #4F84B7;
background: #f8f8f8;
}
#JBcontent ul.pageNumbers li a:hover,
#JBcontent ul.pageNumbers li.pageSelected{
color: #fff;
background: #4F84B7;
}
#JBcontent ul.pageNumbers li.titleBar{
margin: 0 10px 0 0;
padding: 2px 0;
font-weight: bold;
}
/* -------------------- */
/* Clear floating content */
#JBcontent .refandcontact:after, /* Old job view/preview */
#JBcontent.jobView form.jobViewForm dl:after,
#JBcontent.compView form.compViewForm dl:after,
#JBcontent.CVview form.candViewForm dl:after,
#JBcontent.advertisers .advertCalc:after,
#JBcontent.advertisers .creditPrice:after,
#JBcontent #NewsCategories:after,
#JBcontent.compView dl:after,
.ExtraBrowseOptions:after,
#JBcontent.CVrecorder #studio:after,
#JBcontent.publicCV .candRecordForm:after,
.jobView #MultiPostSites li:after,
#JBcontent.CVview .candInfo:after{ /* For standards browsers */
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#JBcontent .refandcontact, /* Old job view/preview */
#JBcontent.advertisers .advertCalc,
#JBcontent.advertisers .creditPrice,
#JBcontent #NewsCategories,
#JBcontent.compView dl,
#JBcontent.CVview dl
.ExtraBrowseOptions,
#JBcontent.CVrecorder #studio,
#JBcontent.publicCV .candRecordForm,
.jobView #MultiPostSites li,
#JBcontent.CVview .candInfo{ /* For IE */
zoom: 1;
}
/* ---------------------- */
object:focus,
a:focus{
outline: 0px;
}
/*
=======================
=== FLOATING WINDOW ===
=======================
*/
#FeatAdLoader{
display: none;
}
#theLayer{
position: absolute;
padding: 0 3px 3px 0;
background: url(/jobboard/images/backgrounds/dropShadow.png) no-repeat right bottom;
}
#theLayer #innerLayer{
padding: 4px;
border: 1px solid #7a838a;
background: #e3ebf1;
}
#theLayer #FeatAdvert{
background: #fff;
}
#theLayer #titleBar{
height: 15px; /* Total = 25px; */
*height: 25px; /* IE7> Hack */
margin: 0 0 4px 0;
padding: 5px 3px 5px 35px;
font: bold 12px Verdana, Tahoma, sans-serif;
color: #fff;
background: url(/jobboard/images/icons/info.gif) no-repeat 5px 3px #4d87cc;
overflow: hidden;
}
#theLayer #titleBar h1{
float: left;
height: 1em;
margin: 0!important;
padding: 0!important;
font: bold 12px Verdana, Tahoma, sans-serif!important;
overflow: hidden;
}
#theLayer #titleBar .closeButton{
display: block;
float: right;
margin: -2px 0 0 0;
}
#theLayer #FeatAdvert{
border: 1px solid #b9c5cf;
overflow-y: auto;
}
/*
============================
=== LATEST JOBS SCROLLER ===
============================
*/
.JobScrollerContainer{
overflow: hidden;
position: relative;
width: 100%; /*scroller width */
height: 8em; /*scroller height */
}
.JobScrollerContainer .JobScroller{
position: absolute;
width: 100%;
}
/*
====================
=== POPUP STYLES ===
====================
*/
body#popup{
text-align: justify;
background: #fff;
}
#popupHeader, #popupContainer, #popupFooter, #popupContainer table{
width: 96%;
*width: 100%;
padding: 0 2%;
font-size: 1em;
}
#popupHeader{
margin: 0 0 15px 0;
padding-top: 5px;
padding-bottom: 15px;
text-align: left;
border-bottom: 5px solid #000066;
}
#popupContainer h1{
font: bold 1.5em Arial, Helvetica, sans-serif;
}
#popupContainer #JBcontent{
background: #fff;
}
#popupFooter{
clear: both;
margin: 1.5em 0 0 0;
padding-top: 0.75em;
text-align: left;
border-top: 5px solid #000066;
}
#popupFooter a.close{
height: 2em;
padding: 4px 1em 4px 1.7em;
text-decoration: none;
border: 1px solid #ccc;
background: url(/jobboard/images/icons/cross.gif) no-repeat 0.3em #f5f5f5;
}
/*
=============================
=== PROGRESS POPUP STYLES ===
=============================
*/
#JBcontent.progress{
margin: 0;
padding: 2px;
text-align: center;
}
#JBcontent.progress .progressImage{
display: block;
margin: 0 auto 10px auto;
}
/* 2007-05-04: Normally, font-size and line-height would be set in relative units, however, because the pop-up
window is set with absolute dimensions (350x100) with no scrolling or resizing, we need to be certain that
the copy will fit into the available space. */
#JBcontent.progress .progressMessage{
margin: 0;
font: bold 14px Arial, Helvetica, sans-serif;
line-height: 20px;
color: #1F4265;
}
/*
=============
=== HACKS ===
=============
*/
/* floatHack: Usually used to force the container to clear floated content within it, by applying
this rule to an element below the floated element/s */
.floatHack{
margin: -1px;
padding: 0;
font-size: 1px;
line-height: 1px;
visibility: hidden;
clear: both;
}
.left{
float: left;
}
.right{
float: right;
}
.noborder{
border: none!important;
}
object:focus,
a:focus{
outline: 0px;
}
/*
====================================================================================================
=== JOBBOARD STYLES ================================================================================
====================================================================================================
==============================
=== MESSAGES AND DEBUGGING ===
==============================
*/
.error{
color: #a00;
font-weight: bold;
}
#JBcontent.jobView .error{
margin-top: 10px;
}
.message{
color: #0a0;
font-weight: bold;
}
#JBcontent .debug, .debug{
margin: 0;
background: #000!important;
color: #ccc!important;
font-weight: bold;
font-family: "Courier New", fixed;
}
/*
===========================================
=== GENERAL JOBBOARD MENU PAGE SETTINGS ===
===========================================
*/
.menu ol{
width: 600px;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #B5CFD9;
background: #EEF4F7;
}
.menu ol li{
border-bottom: 1px solid #C2D7E0;
}
.menu .logoff{
padding: 10px 10px 14px 65px;
border-top: 1px solid #FBFBFB;
border-bottom: none;
background: url(/jobboard/images/icons/logoff.png) no-repeat 6px 0;
}
.menu p{
margin: 2px 0 6px 0;
}
/*
===================
=== ADMIN MENU ===
===================
*/
/* --- Icons for each of the menu options --- */
.AdminMenu_1{ /* Company Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin1.png) no-repeat 6px 3px;
}
.AdminMenu_2{ /* Banner Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin2.png) no-repeat 6px 3px;
}
.AdminMenu_4{ /* Candidate Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/manage-users.png) no-repeat 6px 3px;
}
.AdminMenu_8{ /* News Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/news-manager.png) no-repeat 6px 3px;
}
.AdminMenu_16{ /* News Category Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin16.png) no-repeat 6px 3px;
}
.AdminMenu_32{ /* Download Client List */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin32.png) no-repeat 6px 3px;
}
.AdminMenu_64{ /* Download Candidate List */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin64.png) no-repeat 6px 3px;
}
.AdminMenu_128{ /* Log Report */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin128.png) no-repeat 6px 3px;
}
.AdminMenu_256{ /* Pending Companies */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin256.png) no-repeat 6px 3px;
}
.AdminMenu_512{ /* Index Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin512.png) no-repeat 6px 3px;
}
.AdminMenu_1024{ /* Generate Constant File */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin1024.png) no-repeat 6px 4px;
}
.AdminMenu_2048{ /* Google Site Map */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin8.png) no-repeat 6px 3px;
}
.AdminMenu_4096{ /* Generate Web Site */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin-gen-site.png) no-repeat 6px 4px;
}
.AdminMenu_8192{ /* Download Jobs */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/download-jobs.png) no-repeat 6px 0;
}
.AdminMenu_16384{ /* Company Job Credit Scheduler */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/23-auto-job-credit.png) no-repeat 6px 3px;
}
.AdminMenu_32768{ /* Pending JobSites */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin256.png) no-repeat 6px 3px;
}
.AdminMenu_65536{ /* CMS Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin-cms.png) no-repeat 6px 3px;
}
.AdminMenu_131072{ /* CMS Manage Text / Messages / Emails */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin-cms.png) no-repeat 6px 3px;
}
.AdminMenu_262144{ /* Purchase Package Manager */
padding: 14px 10px 14px 65px;
border-bottom: 1px solid #C2D7E0;
background: url(/jobboard/images/icons/admin-packageman.png) no-repeat 6px 3px;
}
.AdminMenu_524288{ /* Bulk Upload Manager */
padding: 14px 10px 14px 65px;
border-bottom: 1px solid #C2D7E0;
background: url(/jobboard/images/icons/upload-data.png) no-repeat 6px 3px;
}
.AdminMenu_1048576{ /* Site Stats */
padding: 14px 10px 14px 65px;
border-bottom: 1px solid #C2D7E0;
background: url(/jobboard/images/icons/stats.png) no-repeat 6px 3px;
}
.AdminMenu_2097152{ /* Log History */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/LogHistory.png) no-repeat 6px 3px;
}
.AdminMenu_4194304{ /* Site Stats */
padding: 14px 10px 14px 65px;
border-bottom: 1px solid #C2D7E0;
background: url(/jobboard/images/icons/siteUsageStats.png) no-repeat 6px 3px;
}
.AdminMenu_8388608{ /* Download Jobs By Email */
padding: 14px 10px 14px 65px;
border-bottom: 1px solid #C2D7E0;
background: url(/jobboard/images/icons/downloadJBE.png) no-repeat 6px 3px;
}
.AdminMenu_16777216{ /* Site Config */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin-siteConfig.png) no-repeat 6px 3px;
}
.AdminMenu_33554432{ /* Site Config */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/searchRequestStats.png) no-repeat 6px 3px;
}
.AdminMenu_67108864{ /* Admin Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/admin-manager.png) no-repeat 6px 3px;
}
.AdminMenu_134217728{ /* Client Visits */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/clientVisits.png) no-repeat 6px 3px!important;
}
.AdminMenu_268435456{ /* Site Applications */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/siteApplications.png) no-repeat 6px 3px!important;
}
.AdminMenu_536870912{ /* Feed Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/siteApplications.png) no-repeat 6px 3px!important;
}
.AdminMenu_1073741824{ /* Email Stats */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/emailStats.png) no-repeat 6px 3px!important;
}
.AdminMenu_Key_Access{ /* Feed Key Access */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/strats-23-feed-access.png) no-repeat 6px 3px!important;
}
/* below is V3 only */
.AdminMenu_134217728{ /* Site Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/siteManager.png) no-repeat 6px 3px;
}
.AdminMenu_268435456{ /* Network Site Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/networkSiteManager.png) no-repeat 6px 3px;
}
.AdminMenu_536870912{ /* Banner Settings Manager */
padding: 14px 10px 14px 65px;
background: url(/jobboard/images/icons/bannerSettingsManager.png) no-repeat 6px 3px;
}
.adminlogoff{ /* logoff */
padding: 15px 10px 20px 65px;
border-bottom: none;
background: url(/jobboard/images/icons/logoff.png) no-repeat 6px 1px;
}
/*
=====================
=== CLIENTS MENU ===
=====================
*/
.menu .jobman{ /* Job Manager */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/job_manager.png) no-repeat 6px 8px;
}
.menu .jobCreditReport{ /* Job Credit History */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/job-credit-history.png) no-repeat 6px 8px;
}
.menu .CVCreditReport{ /* CV Credit Report */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/cv-credit-history.png) no-repeat 6px 8px;
}
.menu .purchasecredits{ /* Purchase Credits */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/purchase_credits.png) no-repeat 6px 8px;
}
.menu .cvsearch{ /* Search Candidates CVs */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/search_cvs.png) no-repeat 6px 8px;
}
.menu .compedit{ /* Your Company Details */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/company_details.png) no-repeat 6px 8px;
}
.menu .useredit{ /* Edit Client Users */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/manage-users.png) no-repeat 6px 8px;
}
.menu .folderedit{ /* Manage Folders */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/manage-folders.png) no-repeat 6px 8px;
}
.menu .searchjobsbyemail{/* CVs By Email */
padding: 10px 10px 10px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/search-cands-emails.png) no-repeat 6px 15px;
}
.menu .lookwhos{ /* Look Who's Looking Now */
padding: 6px 10px 7px 65px;
background: url(/jobboard/images/icons/lookWhosLooking.png) no-repeat 6px 8px;
}
/*
========================
=== CANDIDATES MENU ===
========================
*/
.menu .cvadd{ /* My Profile and CV */
padding: 10px 10px 10px 65px;
background: url(/jobboard/images/icons/cvadd.png) no-repeat 6px 12px;
}
.menu .recordVideoCV{ /* Record Video CV */
padding: 10px 10px 10px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/videoRecorder.png) no-repeat 6px 15px;
}
.menu .viewVideoCV{ /* Watch Video CV */
padding: 10px 10px 10px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/viewVideoCV.png) no-repeat 6px 15px;
}
.menu .jobsearch{ /* My Job Search */
padding: 10px 10px 10px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/jobsearch.png) no-repeat 6px 15px;
}
.menu .jobsbyemail{ /* My Jobs By Email Subscriptions */
padding: 10px 10px 10px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/jobsbyemail.png) no-repeat 6px 15px;
}
.menu .jobapplications{ /* My Job Applications */
padding: 10px 10px 10px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/jobapplications.png) no-repeat 6px 15px;
}
.menu .jobwishlist{ /* My Job Applications */
padding: 10px 10px 10px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/wishlist.png) no-repeat 6px 15px;
}
.menu .candregisteredit{/* Account Registration Details */
padding: 10px 10px 10px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/candregisteredit.png) no-repeat 6px 15px;
}
.menu .cancel-user{ /* "Logout" LI */
padding: 10px 10px 14px 65px;
border-top: 1px solid #FBFBFB;
background: url(/jobboard/images/icons/cancel-user.png) no-repeat 6px 0px;
}
/* --- CV Statistics Box (usually positioned at the top of the candidate menu, if turned on) --- */
#JBcontent .CVStats{
padding: 10px 10px 5px 10px;
border: 1px solid #C2D7E0;
background: #FCFEFF;
z-index: 100;
}
#JBcontent .CVStats td.sinceReg{
padding-right: 0.7em;
}
#JBcontent .CVStats p{
margin: 0 0 5px 0;
}
/*
=============================================
=== MISCELLANEOUS ADVERTISERS PAGE STYLES ===
=============================================
*/
.advertisers ol{
margin-bottom: 10px;
border-bottom: 1px solid #bbb;
}
.advertisers ul{
border: none;
}
.advertisers ol li{
clear: both;
margin: 0;
padding: 15px 0 10px 10px;
list-style-type: none;
border-top: 1px solid #bbb;
}
.advertisers ol li ul li{
margin: 5px;
padding: 8px 0 0 10px;
list-style-type: none;
border-top: 0;
}
.advertisers ol li.advertisers_top ul li,
.advertisers ol li.advertisers_middle ul li,
.advertisers ol li.advertisers_bottom ul li{
background: url(/jobboard/images/icons/bullet01.png) no-repeat 0 0.5em;
}
.ad_button{
padding: 0 0 0 5px;
vertical-align: text-bottom;
border: none;
}
#JBcontent.advertisers h2{
margin: 0 0 0.5em 0;
font-size: 1.2em!important;
}
/* Background images/icons (these will need to be turned on via a site's individual CSS if they're required. DO NOT turn them on here, in the generic JB CSS!) */
.advertisers_top{
/*background-image: url(/jobboard/images/advertise/post-a-single-job.gif);*/
background-repeat: no-repeat;
background-position:210px 4px;
}
.advertisers_middle{
/*background-image: url(/jobboard/images/advertise/buy-job-packs.gif);*/
background-repeat: no-repeat;
background-position:150px 4px;
}
.advertisers_bottom{
/*background-image: url(/jobboard/images/advertise/monthly-advertising.gif);*/
background-repeat: no-repeat;
background-position:240px 4px;
}
#JBcontent.advertisers .advertCalc form#frmClient{
float: left;
width: 50%;
margin: 0;
padding: 0;
}
#JBcontent.advertisers .advertCalc form#frmClient input#txtQty{
width: 3em!important;
}
#JBcontent.advertisers .advertCalc .pricingDetails{
float: right;
width: 50%;
}
#JBcontent.advertisers .creditPrice{
float: right;
width: 50%;
}
/*
===================================
=== MISCELLANEOUS CLIENT STYLES ===
===================================
*/
.clientlist div{
text-align: center;
}
.clientlist table th{
color: #fff;
}
#JBcontent #SalaryOptions label{
width: 80px;
}
#JBcontent #keyExplanation{
width: 98%;
margin: 0 auto 0.8em auto;
}
.viewState1{
padding: 0.5em;
border: 1px solid #aaa;
background: #F3F5FA;
}
#editJob p, #renewJob p, #copyJob p, #archiveJob p, #deleteJob p, #applications p, #viewHistory p, #key_featured p{
margin-bottom: 0;
}
#JBcontent #mainkey, #JBcontent #minikey{
margin: 0 0 0.5em 0;
padding: 0;
text-align: left;
}
#JBcontent #mainkey li, #JBcontent #minikey li{
display: inline;
margin: 0 0.5em 0 0;
padding: 0;
background: none;
}
#JBcontent #mainkey li img, #JBcontent #minikey li img{
position: relative;
top: 1px;
}
#JBcontent #mainkey li a, #JBcontent #minikey li a{
text-decoration: none;
}
#JBcontent #jobManSelected, #JBcontent #jobManRenewal{
text-align: right;
}
#JBcontent #jobManRenewal{
margin-top: 1em;
}
#JBcontent .JobAppDisplayApps{
padding-right: 5px;
}
#JBcontent.compEdit textarea#strDescription{
width: 97%!important;
}
/* --- Company Add Page --- */
#JBcontent.compadd .LoggedOnUser, #JBcontent.compadd .LoggedOnDate{
clear: both;
width: 100%;
margin-bottom: 0;
text-align: left;
}
#JBcontent.compadd .LoggedOnLabel{
display: block;
float: left;
width: 13em;
}
#JBcontent.compadd .LoggedOnData{
display: block;
float: left;
width: auto;
font-weight: bold;
}
#JBcontent .LoggedOnDate .LoggedOnData, #JBcontent .LoggedOnDate .LoggedOnLabel{
margin-bottom: 1.5em;
}
#JBcontent.compadd .compAddIntro{
clear: both;
margin-top: 10px;
}
#JBcontent.compadd dl.directoryListing dt, #JBcontent.CustomFieldsManager dl.directoryListing dt{
margin: 0;
padding: 0;
}
#JBcontent.compadd dl.directoryListing dt input[type=radio], #JBcontent.CustomFieldsManager dl.CategoryTypeGroups dt input[type=radio]{
position: relative;
top: 3px;
*left: -4px; /* IE7> Hack */
margin: 0 6px 0 0;
*margin: 0 -1px 0 0; /* IE7> Hack */
}
#JBcontent.compadd dl.directoryListing dd, #JBcontent.CustomFieldsManager dl.CategoryTypeGroups dd{
margin: 0;
padding: 0 0 7px 20px;
}
#JBcontent.compadd dl.directoryListing dd input[type=radio], #JBcontent.CustomFieldsManager dl.CategoryTypeGroups dd input[type=radio]{
position: relative;
top: 3px;
margin: 0 0 0 4px;
*margin: 0 0 0 1px; /* IE7> Hack */
}
#JBcontent.compadd dl.directoryListing dd input#radProfileCompanyProfile, #JBcontent.CustomFieldsManager dl.CategoryTypeGroups dd input#radCSVUpdate{
margin-right: 10px;
}
#JBcontent.compadd dl.directoryListing dd span.URLbox{
display: block;
margin: 5px 0 0 0;
}
#JBcontent.compadd dl.directoryListing dd span.URLbox label{
margin-right: 5px;
}
#JBcontent.CustomFieldsManager dl.CategoryTypeGroups dd span.fileCSV{
display: block;
margin: 5px 0 0 0;
}
#JBcontent.CustomFieldsManager dl.CategoryTypeGroups dd span.fileCSV label{
margin-right: 5px;
}
#JBcontent.compadd dl.directoryListing dd .bannerImage{
display: block;
width: auto;
margin: 5px 0 8px 0;
font-weight: bold;
}
/* --- Job Credit History --- */
#JBcontent #frmCreditUse{
width: 300px;
}
/*
======================================
=== MISCELLANEOUS CANDIDATE STYLES ===
======================================
*/
#JBcontent.CVadd dl.CVSalaryFields{
margin-bottom: 1em;
}
#JBcontent.CVadd dl.CVSalaryFields dt{
display: inline;
}
#JBcontent.CVadd dl.CVSalaryFields dd{
display: inline;
margin-right: 2em;
}
#JBcontent.CVadd .videoCvSection fieldset{
position: relative;
padding-bottom: 10px;
}
#JBcontent.CVadd .videoCvSection .importantInfo{
position: absolute;
bottom: 5px;
*bottom: 10px; /* IE7> Hack */
right: 0;
width: 230px;
height: 70px;
}
#JBcontent.CVadd .videoCvSection .importantInfo td.recordIcon{
width: 48px;
padding: 0 5px 0 0;
vertical-align: middle;
}
#JBcontent.CVadd .videoCvSection .importantInfo td.recordActions{
vertical-align: middle;
}
#JBcontent.CVadd .videoCvSection .importantInfo .pseudoButton,
#JBcontent.CVadd .videoCvSection .importantInfo .deleteCV,
#JBcontent.CVadd .videoCvSection .importantInfo #processing{
display: block;
font-weight: bold;
text-align: center;
cursor: pointer;
}
#JBcontent.CVadd .videoCvSection .importantInfo #processing{
cursor: default;
}
#JBcontent.CVadd .videoCvSection .importantInfo .deleteCV{
position: absolute;
bottom: -8px;
right: 0;
width: 170px;
padding: 0 0 0 60px;
font-size: 0.9em;
text-align: left;
}
#JBcontent.CVadd .videoCvSection .importantInfo .deleteCV a{
color: #cc0000;
}
/* --- */
.videoCVinfo{
padding: 15px 10px;
}
.videoCVinfo .importantInfo{
font-weight: bold;
font-size: 1.1em;
}
#JBcontent.jobindex li.indexlink{ /* [CS] */
clear: both;
margin: 0 0 10px 0;
padding-top: 10px;
padding-left: 0;
font-weight: bold;
font-size: 1.1em;
background-image: none;
}
#JBcontent.jobindex li.indexlink ul{
position: relative;
width: 100%;
margin: 0.3em 0 0 10px;
}
#JBcontent.jobindex li.indexlink ul li{
float: left;
width: 48%;
margin: 0 10px 0.2em 0;
padding: 0;
font-weight: normal;
font-size: 0.9em;
}
.twocolR #JBcontent.jobindex li.indexlink ul li,
.twocolL #JBcontent.jobindex li.indexlink ul li{
width: 31%
}
#JBcontent.jobindex li.indexlink ul li a{
display: block;
position: relative;
padding: 2px 2px 2px 10px;
}
#JBcontent.jobindex li.indexlink ul li a:hover{
background-color: #DCE3E8;
}
/* Job Filter Section */
#JBcontent #JobFilterQuestions{
width: 90%;
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid #424242;
background: #eee;
}
#JBcontent #JobFilterQuestions h2{
margin: -10px -10px 7px -10px;
padding: 5px 10px;
font-weight: bold;
font-size: 1em;
color: #fff;
border: 0;
background: #424242;
}
#JBcontent table.JobFilterQuestions{
width: 100%;
margin: 0 auto;
}
#JBcontent table.JobFilterQuestions tr td{
padding: 5px;
border: 0;
background: #fff;
}
#JBcontent table.JobFilterQuestions th{
font-weight: bold;
font-size: 1em;
text-align: center;
vertical-align: middle;
}
#JBcontent table.JobFilterQuestions th.ColQuestion{
text-align: left;
}
#JBcontent table.JobFilterQuestions td.ColQuestion{
width: 67%;
}
#JBcontent table.JobFilterQuestions td.ColAnswer{
width: 25%; /* Total = 26% */
padding-right: 1%;
vertical-align: top;
font-size: 0.9em;
text-align: center;
}
#JBcontent table.JobFilterQuestions .ColAnswer label{
position: relative;
top: -2px;
*top: -4px; /* IE7> Hack */
margin: 0 3px;
}
#JBcontent table.JobFilterQuestions .ColAnswer input{
position: relative;
top: 3px;
left: 1px;
margin-right: 3px;
*top: 0px; /* IE7> Hack */
*left: -3px; /* IE7> Hack */
*margin-right: -3px; /* IE7> Hack */
}
* html #JBcontent table.JobFilterQuestions .ColAnswer label,
* html #JBcontent table.JobFilterQuestions .ColAnswer input{ /* IE6> Hack */
position: static;
}
#JBcontent table.JobFilterQuestions td.ColAutoReject{
width: 5%; /* Total = 14% */
text-align: center;
}
#JBcontent table.JobFilterQuestions td a.PickQuestions{
margin-left: 1em;
}
/* --- Build CV --- */
body.onecol #JBcontent form#frmCVBuilder{
width: 800px; /* Have to use absolute width to avoid erroneous layout issues. Adjust using individual site CSS */
}
body.twocolL #JBcontent form#frmCVBuilder, body.twocolR #JBcontent form#frmCVBuilder{
width: 700px; /* Have to use absolute width to avoid erroneous layout issues. Adjust using individual site CSS */
}
body.threecol #JBcontent form#frmCVBuilder{
width: 550px; /* Have to use absolute width to avoid erroneous layout issues. Adjust using individual site CSS */
}
#JBcontent form#frmCVBuilder .submit{
margin-left: 8px;
}
#JBcontent form#frmCVBuilder dd.FromDate select, #JBcontent form#frmCVBuilder dd.ToDate select{
margin-right: 5px;
}
#JBcontent #CVStepLinks{
margin: 0 auto 5px 0;
color: #555;
text-align: center;
}
#JBcontent #CVStepLinks li{
display: inline;
padding: 0 10px;
background: none;
}
#JBcontent #CVStepLinks li a{
color: #ff6600;
}
/*
=====================
=== RESULTS TABLE ===
=====================
*/
#JBcontent table.results{
margin-bottom: 3px;
border-collapse: collapse;
}
#JBcontent table.results td,
#JBcontent table.results th{
padding: 0.4em 0.5em;
text-align: left;
}
#JBcontent table.results td img{
vertical-align: middle;
}
#JBcontent table.results td.JMFeatured{
padding: 0;
text-align: center;
}
#JBcontent table.results td.JMFeatured img{
position: relative;
top: 1px;
*top: 0; /* IE7> Hack */
}
#JBcontent table.results td input{
position: relative;
top: 2px;
}
#JBcontent table.results td.JobIcons{
width: 30px;
padding: 0 3px 0 0;
text-align: right;
}
/* Specific rules for the job search results table */
#JobResultsDisplay{
margin: 0;
padding: 0;
}
#JobResultsDisplay th, #JobResultsDisplay td{
margin: 0;
padding: 0;
}
#JBcontent.CVresults .SelectedCands{
margin: 20px auto;
}
#JBcontent .sortOrderIconsUp, #JBcontent .sortOrderIconsDown{
cursor: pointer;
}
/* ---------------------------------------------------------------------------------------------- */
/* Show / Hide rules for job results (description section) */
.JobResultsDescriptionShow{
display: table-row;
}
/* JobResultsDescriptionHide: Before you crucify me for using this hideous negative 10k pixel top
positioning, instead of the obvious solution (display:none;), bear in mind that I did try it.
However, for reasons, as of yet unknown, browsers feels the need to arbitrarily change the
widths set on the table headers (effectively the widths of the columns). Which, oddly
enough, results in a very jerky and obvious shudder when the hide rule is applied.
*/
.JobResultsDescriptionHide{
position: absolute;
top: -10000px;
}
/* #JobResultsDisplay th: In order to get the show/hide hack above working in non IE browsers,
the table header (| ) needs to have a width applied to it. As the number and exact width
requirements of columns is determined on a per site basis, it is best to set the individual
width of each | in the site's own main.css file, rather than here in the generic CSS.
However, as a basic starting point, the main headers have been given widths here, and any
that haven't been given an express width will be covered by the width:100% rule below.
*/
#JobResultsDisplay th{
width: 100%;
}
/* ---------------------------------------------------------------------------------------------- */
/* These rules set the widths on the default results table columns. They may need to be
adjusted for each individual site though.
*/
#JBcontent.jobResults #JobResultsDisplay #colCheckbox{ /* Column: Select this job checkbox */
width: 1%!important;
}
#JBcontent.jobResults #JobResultsDisplay #colHeaderFeatured{ /* Column: Featured job icon */
width: 1%!important;
}
#JBcontent.jobResults #JobResultsDisplay th#colHeader2{ /* Column: Usually job title */
width: 38%!important;
}
#JBcontent.jobResults #JobResultsDisplay th#colHeader3{ /* Column: Usually job location */
width: 18%!important;
}
#JBcontent.jobResults #JobResultsDisplay th#colHeader4{ /* Column: Usually job salary */
width: 25%!important;
}
#JBcontent.jobResults #JobResultsDisplay th#colHeader5{ /* Column: Date that the job was posted */
width: 17%!important;
}
/* ---------------------------------------------------------------------------------------------- */
/* Directory Listings (directoryListings.asp) */
/* ---------------------------------------------------------------------------------------------- */
/* These rules set the widths on the default results table columns. They may need to be
adjusted for each individual site though.
*/
#JBcontent.jobResults #directoryListingsTBL #colCheckbox{ /* Column: Select this job checkbox */
width: 1%!important;
}
#JBcontent.jobResults #directoryListingsTBL th#colHeader1{ /* Column: Usually company name */
width: 24%!important;
}
#JBcontent.jobResults #directoryListingsTBL th#colHeader2{ /* Column: Usually county */
width: 20%!important;
}
#JBcontent.jobResults #directoryListingsTBL th#colHeader3{ /* Column: Usually country */
width: 25%!important;
}
#JBcontent.jobResults #directoryListingsTBL th#colHeader4{ /* Column: Usually listing type */
width: 30%!important;
}
/* ---------------------------------------------------------------------------------------------- */
/* CV Search Results (cvresults.asp) */
/* ---------------------------------------------------------------------------------------------- */
/* These rules set the widths on the default results table columns. They may need to be
adjusted for each individual site though.
*/
#JBcontent.tabularCVresults .results th,
#JBcontent.tabularCVresults .results td{
padding: 3px;
}
#JBcontent.tabularCVresults .results th#colCheckbox,
#JBcontent.tabularCVresults .results td.checkboxTD{ /* Column: Select this job checkbox */
width: 2%!important;
}
#JBcontent.tabularCVresults .results th#colHeadersName{ /* Column: Candidate name */
width: 26%!important;
}
#JBcontent.tabularCVresults .results th#colHeadersRegionDesc{ /* Column: Region */
width: 22%!important;
}
#JBcontent.tabularCVresults .results th#colHeadersJobSectorDesc{ /* Column: Industry sector */
width: 19%!important;
}
#JBcontent.tabularCVresults .results th#colHeadersJobTypeDesc{ /* Column: Job type */
width: 12%!important;
}
#JBcontent.tabularCVresults .results th#colHeaderdCreateDate{ /* Column: CV added */
width: 14%!important;
}
#JBcontent.tabularCVresults .results th#colHeadersComments{ /* Column: Comments */
width: 5%!important;
}
#JBcontent.tabularCVresults .results input{ /* IE7> Hack */
*margin-left: -3px;!important;
}
/* Special rule to deal with excessively long, unbroken strings in the name field */
#JBcontent.tabularCVresults .results td a{
display: block;
width: 105%;
*width: 95%; /* IE7> Hack */
overflow: hidden;
}
/* DEBUG CSS */
/*
#JBcontent.CVresults .results th#colCheckbox{
background: #09D6A3!important;
}
#JBcontent.CVresults .results th#colHeadersName{
background: #09D6CF!important;
}
#JBcontent.CVresults .results th#colHeadersRegionDesc{
background: #09A3D6!important;
}
#JBcontent.CVresults .results th#colHeadersJobTypeDesc{
background: #0973D6!important;
}
#JBcontent.CVresults .results th#colHeaderdCreateDate{
background: #0921D6!important;
}
#JBcontent.CVresults .results th#colHeadersComments{
background: #8209D6!important;
}
/**/
/* ---------------------------------------------------------------------------------------------- */
.LinkShow{
text-decoration: underline;
}
.LinkHide{
text-decoration: none;
}
/*
==============================================================
=== ZEBRA TABLE STYLES (usually applied to results tables) ===
==============================================================
*/
#JBcontent table tr.zebra1{
background: #fff;
}
#JBcontent table tr.zebra2{
background: #eee;
}
#JBcontent table tr.dblzebra1{
background: #fff;
}
#JBcontent table tr.dblzebra2{
background: #fff;
}
#JBcontent table tr.dblzebra3{
background: #eee;
}
#JBcontent table tr.dblzebra4{
background: #eee;
}
/*
===================================================================
=== VIEWING PAGES (old jobview, old jobpreview, compview, etc.) ===
===================================================================
*/
#JBcontent.jobPreview dd,
#JBcontent.CVview dd,
#JBcontent.jobView dd{
margin-bottom: 4px;
}
#JBcontent.jobPreview dt,
#JBcontent.jobView dt,
#JBcontent.CVview dt{
display: inline !important;
font-weight: bold;
}
#JBcontent #frmJobPreview{
position: relative!important;
}
#JBcontent #frmJobPreview img{
position: relative;
top: 20px;
right: 0;
margin-bottom: -20px;
}
.jobs_Location,.jobs_Jobtitle,.jobs_JobTitle,.jobs_Salary,.jobs_Area,.jobs_Region,
.jobs_JobDescription,.jobs_JobType{
display: block !important;
}
.jobView ul, .jobView li{
list-style: none!important;
}
.jobs_JobTitle{
font-weight: bold;
}
#jobdocs{
margin: 0;
padding: 0;
list-style-type: none;
}
#jobdocs li{
float: left;
width: 44%;
margin: 0 0 10px 0.5%;
padding: 0;
background: url(/jobboard/images/icons/download2.png) no-repeat 0 0!important;
}
#jobdocs li a{
display: block;
width: 100%;
padding: 0 0 0 7px;
}
#fldCompView img{
padding: 8px;
}
#fldCompEdit5{
float: left;
width: 50%;
}
fldCompEdit6{
float: left;
width: 50%;
}
/* 2006-09?-??: OWEN: New jobView Page styles moved from in /cands/jobview.asp */
.jobView{
width: 100%;
}
.jobView #frmJobPreview{
width: 83%;
margin: 0 auto;
}
.jobView dl{
width: 97.3%;
padding: 1%!important;
border: none;
}
.jobView dl.main dt{
float: left;
padding-right: 3px;
font-weight: bold;
}
.jobView dl.main dd{
font-weight: bold;
}
.jobView dl.main{
margin-bottom: 18px;
}
.jobView h1{
margin-bottom: 3px!important;
}
* html .jobView h1{ /* IE6> Hack */
position: relative;
margin-left: 15px;
}
.jobView hr{
clear: both;
margin: 5px 0;
}
.jobView dl.refandcontact{
width: 95%;
margin: 1em 1% 0 1%;
border: 2px solid #e5e5e5;
background: #eee;
}
.jobView dl.refandcontact dt{
display: block;
clear: left;
float: left;
width: 15%;
min-height: 2em;
}
.jobView dl.refandcontact dd{
width: 70%;
display: block;
float: left;
min-height: 2em;
}
* html .jobView dl.refandcontact dt, * html .jobView dl.refandcontact dd{ /* IE6> Hack */
height: 2em
}
.jobView dl.refandcontact dt.AddressBlock{
min-height: 8em;
}
* html .jobView dl.refandcontact dt.AddressBlock{ /* IE6> Hack */
height: 8em;
}
.jobView .jobPreviewButton{
margin: 0 0 0 1%;
padding: 3px 5px;
font-weight: bold;
color: #fff;
border: none;
background: #f50!important;
}
.jobView a.SelectAllOptions, .jobView a.DeSelectAllOptions{
cursor: pointer;
display: block;
float: left;
width: 7em;
margin-right: 10px;
padding: 1px 0;
font: bold 0.9em Verdana, sans-serif;
color: #555!important;
text-align: center;
text-decoration: none!important;
border: 2px solid #ddd;
background: #eee;
}
.jobView a.SelectAllOptions:hover, .jobView a.DeSelectAllOptions:hover{
background: #e7e7e7;
}
.jobView #MultiPostSites{
clear: both;
width: 100%;
margin: 0;
padding: 1em 0;
}
.jobView #MultiPostSites li{
float: left;
width: 20.8em;
margin: 0 3px 3px 0;
padding: 5px 5px 15px 5px!important;
list-style: none;
border: 1px solid #ccc;
background: #f7f7f7;
overflow: hidden;
}
* html .jobView #MultiPostSites li label{ /* IE6> Hack */
width: 20.7em;
}
.jobView #MultiPostSites li label{
display: block;
float: left;
width: 21.15em;
}
.jobView #MultiPostSites li input{
margin: -5px 0 0 0; /* For IE7, Moz should ignore this! */
}
.jobView #MultiPostSites .notes{
font-size: 0.8em;
font-family: Arial, sans-serif;
}
.jobView dl.additional{
padding: 8px 15px;
}
.jobView dl.additional dt{
display: block;
clear: left;
float: left;
width: 130px;
}
.jobView dl.additional dd{
padding-left: 140px;
}
* html dl.dl.additional dd{ /* IE6> Hack */
height: 1%;
padding-left: 0;
}
.jobView ul li{
margin-left: 30px;
list-style: disc;
}
.jobView ol li{
margin-left: 37px;
list-style: decimal;
}
* html #JBcontent.jobView h1{ /* IE6> Hack */
position: relative!important;
}
#JBcontent.jobView dl{
margin: 13px 0 1.5em 0;
padding-left: 16px;
}
#JBcontent.jobView p{
padding: 0 16px;
}
#JBcontent.jobView dt{
width: 12em;
font-weight: bold;
}
#JBcontent.jobView dd{
font-weight: normal;
}
#JBcontent.jobView .jobTitleLogo{
min-height: 32px;
padding-right: 98px; /* Give a 10px margin between the logo and title text */
background-repeat: no-repeat;
background-position:right center;
/* for background-image, see the style tag in jobView.asp */
}
* html #JBcontent.jobView .jobTitleLogo{ /* IE6> Hack */
height: 32px;
}
#JBcontent #lstJobType, #JBcontent #lstHours{
width: 80px!important;
}
/*
==========================================================================
=== NEW COMPANY VIEW, CV VIEW, JOB VIEW & JOB PREVIEW PAGES 2007-09-07 ===
==========================================================================
*/
#JBcontent.jobView h1,
#JBcontent.compView h1,
#JBcontent.CVview h1{
margin: 0 0 1em 0!important;
}
#JBcontent.jobView form.jobViewForm,
#JBcontent.compView form.compViewForm,
#JBcontent.candView form.candViewForm{
position: relative;
width: auto!important;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #888;
}
#JBcontent.jobView form.jobViewForm .jobInfo,
#JBcontent.compView form.compViewForm .compInfo,
#JBcontent.CVview form.candViewForm .candInfo{
position: relative;
zoom: 1; /* For the benefit of IE6> */
}
#JBcontent.jobView form.jobViewForm .jobInfo dl,
#JBcontent.compView form.compViewForm .compInfo dl{
min-height: 60px;
}
* html #JBcontent.jobView form.jobViewForm .jobInfo dl,
* html #JBcontent.compView form.compViewForm .compInfo dl{
height: 60px; /* IE6> Hack */
}
#JBcontent.compView sub{
position: relative;
top: -0.3em;
font-weight: normal;
}
#JBcontent.jobView form.jobViewForm .jobInfo .jobLogo,
#JBcontent.compView form.compViewForm .compInfo .compLogo{
position: absolute;
top: 11px;
right: 0;
}
#JBcontent.compView form.compViewForm .compInfo .compLogo{
top: 33px;
}
#JBcontent.CVview .unlockCVlink{
display: block;
width: 15em!important;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl,
#JBcontent.compView form.compViewForm .compInfo dl,
#JBcontent.CVview form.candViewForm .candInfo dl{
width: 100%;
margin: 0 0 1em 0;
padding: 10px 0!important;
border: 1px solid #ccc;
border-width: 1px 0;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl dt,
#JBcontent.jobView form.jobViewForm dl.extraInfo dt,
#JBcontent.compView form.compViewForm .compInfo dl dt,
#JBcontent.CVview form.candViewForm .candInfo dl dt{
clear: both;
float: left;
width: 21%;
margin: 0 1% 6px 0;
font-weight: bold;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl dd,
#JBcontent.jobView form.jobViewForm dl.extraInfo dd,
#JBcontent.compView form.compViewForm .compInfo dl dd,
#JBcontent.CVview form.candViewForm .candInfo dl dd{
float: left;
width: 55%;
min-height: 1.4em;
margin: 0 0 6px 0;
}
#JBcontent.CVview form.candViewForm .candInfo dl dd{
width: 75%;
}
body.twocolL #JBcontent.jobView form.jobViewForm .jobInfo dl dt,
body.twocolR #JBcontent.jobView form.jobViewForm .jobInfo dl dt,
body.twocolL #JBcontent.jobView form.jobViewForm dl.extraInfo dt,
body.twocolR #JBcontent.jobView form.jobViewForm dl.extraInfo dt,
body.twocolL #JBcontent.compView form.compViewForm .compInfo dl dt,
body.twocolR #JBcontent.compView form.compViewForm .compInfo dl dt,
body.twocolL #JBcontent.CVview form.candViewForm .candInfo dl dt,
body.twocolR #JBcontent.CVview form.candViewForm .candInfo dl dt{
width: 20%;
}
body.twocolL #JBcontent.jobView form.jobViewForm .jobInfo dl dd,
body.twocolR #JBcontent.jobView form.jobViewForm .jobInfo dl dd,
body.twocolL #JBcontent.jobView form.jobViewForm dl.extraInfo dd,
body.twocolR #JBcontent.jobView form.jobViewForm dl.extraInfo dd,
body.twocolL #JBcontent.compView form.compViewForm .compInfo dl dd,
body.twocolR #JBcontent.compView form.compViewForm .compInfo dl dd{
width: 60%;
}
body.twocolL #JBcontent.CVview form.candViewForm .candInfo dl dd,
body.twocolR #JBcontent.CVview form.candViewForm .candInfo dl dd{
width: 75%;
}
* html #JBcontent.jobView form.jobViewForm .jobInfo dl dt,
* html #JBcontent.jobView form.jobViewForm dl.extraInfo dt,
* html #JBcontent.jobView form.jobViewForm .jobInfo dl dd,
* html #JBcontent.jobView form.jobViewForm dl.extraInfo dd,
* html #JBcontent.compView form.compViewForm .compInfo dl dt,
* html #JBcontent.compView form.compViewForm .compInfo dl dd,
* html #JBcontent.CVview form.candViewForm .candInfo dl dt,
* html #JBcontent.CVview form.candViewForm .candInfo dl dd{ /* IE6> Hack */
height: 1.4em;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl dd a,
#JBcontent.jobView form.jobViewForm dl.extraInfo dd a,
#JBcontent.compView form.compViewForm .compInfo dl dd a,
#JBcontent.CVview form.candViewForm .candInfo dl dd a{
font-weight: normal;
}
#JBcontent.compView form.compViewForm .compInfo dl dt sub{
display: block;
}
#JBcontent.jobView form.jobViewForm .jobDescription p,
#JBcontent.jobView .searchInfo p,
#JBcontent.compView form.compViewForm .compDescription p,
#JBcontent.compView .searchInfo p,
#JBcontent.CVview form.candViewForm .CVsynopsis p{
padding: 0;
text-align: justify;
}
#JBcontent.jobView form.jobViewForm dl.extraInfo,
#JBcontent.CVview form.candViewForm .extraInfo dl{
margin: 15px 0;
padding-bottom: 0!important;
border: 1px solid #ccc;
background: #F7F9F9;
}
#JBcontent.jobView form.jobViewForm dl.extraInfo dt{
clear: both;
}
#JBcontent.jobView #jobdocs{
margin: 0;
padding: 0 0 30px 0;
list-style-type: none;
}
#JBcontent.jobView #jobdocs li{
float: left;
width: 48%;
margin: 0 1% 10px 0;
padding: 0;
background: url(/jobboard/images/icons/download2.png) no-repeat 0 2px!important;
}
#JBcontent.jobView #jobdocs li a{
display: block;
width: 100%;
padding: 0 10px 0 20px;
font-weight: normal;
}
#JBcontent.jobView .jobViewActions{
clear: both;
padding: 10px 0 0 0;
border-top: 1px solid #ccc;
}
#JBcontent.jobView .extraActions{
clear: both;
padding: 10px 0;
border-top: 1px solid #ccc;
}
#JBcontent.jobView .extraActions a.SelectAllOptions,
#JBcontent.jobView .extraActions a.DeSelectAllOptions{
float: left;
width: auto;
overflow: visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
margin: 0 3px 10px 0;
padding: 2px 10px;
font-weight: bold!important;
font-size: 1em!important;
text-decoration: none;
color: #0054A6!important;
border: 1px solid #4F84B7;
cursor: pointer;
background: #f8f8f8!important;
}
#JBcontent.jobView .extraActions a.SelectAllOptions:hover,
#JBcontent.jobView .extraActions a.DeSelectAllOptions:hover{
color: #fff!important;
background: #4F84B7!important;
}
/* === Public video CV view page === */
#JBcontent.publicCV .videoCV{
width: 400px;
margin: 0 auto;
}
#JBcontent.publicCV .candRecordForm{
display: block;
margin: 0 0 10px 0;
}
/* ============== */
#JBcontent.compView #latest{
position: relative;
width: 99%!important;
zoom: 1;
}
#JBcontent.compView .compDescription,
#JBcontent.CVview .CVsynopsis,
#JBcontent.CVview .videoCV{
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}
#JBcontent.CVview .videoCV{
text-align: center;
}
#JBcontent.CVview .videoCV #CVvideo{
border: 1px solid #aaa;
}
#JBcontent.compView .LatestVacanciesTBL{
width: 100%;
border: 0!important;
}
#JBcontent.compView .LatestVacanciesTBL td{
padding: 10px!important;
border: 0!important;
background: #fff;
}
#JBcontent.compView .LatestVacanciesTBL .job_highlight td{
padding: 5px 10px!important;
background: #F2F4F6;
}
#JBcontent.compView .LatestVacanciesTBL td a{
text-decoration: none;
}
#JBcontent.compView .floatHack{
display: none;
}
#JBcontent.compView form.compViewForm .compDescription,
#JBcontent.CVview form.candViewForm .CVsynopsis{
clear: both;
}
/* ============== */
#JBcontent.CVview form.candViewForm .extraInfo h3{
margin: 20px 0 10px 0;
}
#JBcontent.CVview form.candViewForm .extraInfo dl{
width: 96%;
margin: 0 0 10px 0!important;
padding: 2%!important;
}
#JBcontent.CVview form.candViewForm .extraInfo dl dt{
width: 27%;
}
#JBcontent.CVview form.candViewForm .extraInfo dl dd{
width: 70%;
}
body.twocolL #JBcontent.CVview form.candViewForm .extraInfo dl dt,
body.twocolR #JBcontent.CVview form.candViewForm .extraInfo dl dt{
width: 20%;
}
body.twocolL #JBcontent.CVview form.candViewForm .extraInfo dl dd,
body.twocolR #JBcontent.CVview form.candViewForm .extraInfo dl dd{
width: 75%;
}
#JBcontent.CVview .CandDetailsSection form button a{
font-weight: normal;
font-size: 1em;
text-decoration: none;
color: #fff;
}
#JBcontent.CVview form.candViewForm .candInfo .CVactions{
position: absolute;
top: -3px;
right: 0;
}
#JBcontent.CVview form.candViewForm .downloadCVlink{
float: right;
}
#JBcontent.CVview form h2{
font-size: 1.4em;
}
/* ============== */
#JBcontent.jobView .extraActions h2,
#JBcontent.jobView .extraActions p{
padding: 0;
}
#JBcontent.jobView .extraActions #MultiPostSites{
clear: both;
width: 100%;
margin: 0;
padding: 10px 0 0 0;
}
.jobView #MultiPostSites li{
float: left;
height: 3.5em;
width: 16em;
margin: 0 10px 10px 0;
padding: 5px;
list-style: none;
border: 1px solid #ccc;
background: #F7F9F9;
overflow: hidden;
}
* html .jobView #MultiPostSites li label{ /* IE7> Hack */
width: auto;
}
.jobView #MultiPostSites li label{
display: block;
float: left;
width: 15em;
}
.jobView #MultiPostSites li input{
float: right;
margin: 0 0 0 0; /* For IE7, Moz should ignore this! */
}
.jobView #MultiPostSites .notes{
font-size: 0.8em;
font-family: Arial, sans-serif;
}
/* ============== */
#JBcontent.jobView .extraActions .extraActionsControl{
clear: both;
margin: 10px 0 0 0;
}
#JBcontent.jobView .buttonLink,
#JBcontent.jobView .buttonLink a{
float: left;
width: auto;
overflow: visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
margin: 0 0 10px 3px;
padding: 2px 10px;
font-weight: bold!important;
text-decoration: none;
color: #0054A6;
border: 1px solid #4F84B7;
cursor: pointer;
background: #f8f8f8!important;
}
#JBcontent.jobView .buttonLink:hover{
color: #fff;
background: #4F84B7!important;
}
#JBcontent.jobView .ApplyNow{
color: #fff;
border-color: #ff6600;
background: #ff6600!important;
}
#JBcontent.jobView .ApplyNow:hover{
border-color: #000;
background: #000!important;
}
#JBcontent.jobView .searchInfo{
clear: both;
margin: 0 0 1em 0;
padding: 10px 0 0 0;
border-top: 1px solid #ccc;
}
#JBcontent.jobView .searchInfo p{
*margin-top: -10px; /* IE7> Hack */
}
#JBcontent.jobView .searchInfo ul.similarJobs,
#JBcontent.jobView .searchInfo ul.similarSearches{
float: left;
position: relative;
width: 48%;
margin: 0 0 10px 0;
}
#JBcontent.jobView .searchInfo ul.similarJobs li.listTitle,
#JBcontent.jobView .searchInfo ul.similarSearches li.listTitle{
margin: 0;
padding: 0;
font-weight: bold;
background: transparent;
}
#JBcontent.jobView .searchInfo ul.similarJobs li a,
#JBcontent.jobView .searchInfo ul.similarSearches li a{
display: block;
}
* html #JBcontent.jobView .searchInfo ul.similarJobs li a,
* html #JBcontent.jobView .searchInfo ul.similarSearches li a{ /* IE6> Hack */
display: inline;
}
#JBcontent.jobView .searchInfo .returnResults{
clear: both;
margin: 0 0 0px 0;
padding: 5px 5px 7px 5px;
*padding-top: 2px; /* IE7> Hack */
border: 1px solid #ccc;
background: #F7F9F9;
}
#JBcontent.jobView .jobPreviewActionsTop{
padding: 5px 0 15px 0;
margin: 0 0 15px 0;
background: url(/jobboard/images/backgrounds/jobPreviewActionsTop.png) repeat-x bottom;
}
#JBcontent.jobView .jobPreviewActionsBot{
padding: 15px 0 5px 0;
margin: 15px 0 0 0;
background: url(/jobboard/images/backgrounds/jobPreviewActionsBot.png) repeat-x top;
}
/*
===================================
=== NEW CV VIEW PAGE 2009-03-06 ===
===================================
*/
#JBcontent.CVview .candBlock{
clear: both;
position: relative;
*width: 99.9%; /* IE7> Hack */
margin: 0 0 25px 0;
}
#JBcontent.CVview .candBlock h2{
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: 2px solid #F0F5F8;
}
#JBcontent.CVview .candDetails .candExperience h2{
margin: 0!important;
padding: 0!important;
border-bottom: 0!important;
}
#JBcontent.CVview .candDetails .candBlock dt,
#JBcontent.CVview .candDetails .candExperience h2{
position: relative;
float: left;
width: 30%;
font-weight: bold;
}
#JBcontent.CVview .candDetails .candBlock dd,
#JBcontent.CVview .candDetails .candBlock dl p{
position: relative;
float: left;
width: 68%;
margin: 0 0 5px 1%;
}
#JBcontent.CVview form.candViewForm .candInfo{
position: relative;
margin: 0 0 20px 0;
padding: 15px;
background: #F0F5F8;
}
#JBcontent.CVview form.candViewForm .candInfo h2{
width: 28em;
margin: 0;
font-weight: bold;
font-size: 1.3em;
}
#JBcontent.CVview form.candViewForm .candInfo dl,
#JBcontent.CVview form.candViewForm .candInfo p{
margin: 0!important;
padding: 0!important;
border: 0;
}
#JBcontent.CVview form.candViewForm .candInfo ul li{
margin: 0;
padding: 0;
background: transparent;
}
#JBcontent.CVview form.candViewForm .candInfo address{
float: left;
width: 50%;
}
#JBcontent.CVview form.candViewForm .candInfo ul.contactNumbers{
float: right;
width: auto;
margin: 2em 0 10px 0;
padding: 0;
text-align: right;
}
#JBcontent.CVview form.candViewForm .candInfo ul.contactNumbers li{
clear: both;
}
#JBcontent.CVview form.candViewForm .candInfo ul.contactNumbers .candPhone,
#JBcontent.CVview form.candViewForm .candInfo ul.contactNumbers .candMob{
text-align: left;
}
#JBcontent.CVview form.candViewForm .candInfo ul.contactNumbers li strong{
display: block;
float: left;
width: 8em;
padding: 0 10px 0 0;
text-align: right;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails{
position: absolute;
top: 1.5em;
right: -5px;
width: auto;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dt,
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dd{
clear: none;
float: left;
width: auto!important;
margin: 0 0 0 5px;
}
#JBcontent.CVview form.candViewForm .candInfo dl.quickDetails dd{
margin-right: 15px;
}
#JBcontent.CVview form.candViewForm .candInfo .desiredJobDetails{
clear: both;
}
#JBcontent.CVview form.candViewForm .candInfo .desiredJobDetails p{
float: left;
font-weight: bold;}
#JBcontent.CVview form.candViewForm .candInfo .desiredJobDetails dl{
float: left;
width: auto;
}
#JBcontent.CVview form.candViewForm .candInfo .desiredJobDetails dl dt{
display: none!important;
}
#JBcontent.CVview form.candViewForm .candInfo .desiredJobDetails dl dd{
float: left;
width: auto!important;
margin: 0 0 0 10px!important;
padding: 0 10px 0 0!important;
border-right: 1px solid #333;
}
#JBcontent.CVview form.candViewForm .candInfo .desiredJobDetails dl dd.lastItem{
border: 0;
}
#JBcontent.CVview .CVandExperience .candActions{
position: absolute;
top: 0;
right: 0;
}
#JBcontent.CVview .CVandExperience .candActions a{
width: auto!important;
margin: 0 0 0 20px;
font-weight: normal;
font-size: 0.9em;
text-transform: uppercase;
}
#JBcontent.CVview .CVandExperience .candVideoCV{
float: right;
margin: 0 0 10px 10px;
}
#JBcontent.CVview .CVandExperience .candVideoCV h3{
display: none;
}
/*
====================================
=== NEW RESULTES PAGE 2007-09-07 ===
====================================
*/
/* --- Job and Candidate/CV Results --- */
#JBcontent.jobResults .resultsActions,
#JBcontent.CVresults .resultsActions{
margin-top: 10px;
height: 2em;
}
#JBcontent.jobResults .jobInfo h2,
#JBcontent.CVresults .candInfo h2{
font-size: 1.4em;
color: #fff!important;
}
#JBcontent.jobResults .jobInfo h2 a,
#JBcontent.CVresults .candInfo h2 a{
color: #fff!important;
text-decoration: none!important;
}
#JBcontent.jobResults .buttonLink,
#JBcontent.CVresults .buttonLink{
float: right;
width: auto;
overflow: visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
margin: 0 0 10px 3px;
padding: 2px 10px;
font-weight: bold!important;
font-size: 1em!important;
text-decoration: none;
color: #0054A6;
border: 1px solid #4F84B7;
cursor: pointer;
background: #f8f8f8!important;
}
#JBcontent.jobResults .buttonLink:hover,
#JBcontent.CVresults .buttonLink:hover{
color: #fff!important;
background: #4F84B7!important;
}
#JBcontent.jobResults .jobInfo,
#JBcontent.jobResults .featuredJob,
#JBcontent.CVresults .candInfo{
clear: both;
position: relative;
margin: 15px 0 0 0;
border: 1px solid #4F84B7;
}
#JBcontent.jobResults .featuredJob{
border-color: #F07921;
}
#JBcontent.jobResults .jobInfo h2,
#JBcontent.jobResults .featuredJob h2,
#JBcontent.CVresults .candInfo h2{
margin: 0 0 10px 0;
padding: 7px 130px 7px 25px;
color: #fff;
background: #4F84B7;
}
#JBcontent.jobResults .featuredJob h2{
padding-left: 55px;
background: url(/jobboard/images/backgrounds/featuredStar.gif) no-repeat left center #F07921;
}
#JBcontent.jobResults .jobInfo input.checkBox,
#JBcontent.CVresults .candInfo input.checkBox{
position: absolute;
top: 10px;
*top: 6px; /* IE7> Hack */
left: 5px;
*left: 2px; /* IE7> Hack */
}
#JBcontent.jobResults .jobInfo a.detailsApply{
position: absolute;
top: 5px;
right: 10px;
padding-bottom: 3px;
color: #fff;
border-color: #fff;
background: transparent!important;
}
#JBcontent.jobResults .jobInfo a.detailsApply:hover{
background: #000!important;
}
#JBcontent.jobResults .jobInfo .jobLogo a,
#JBcontent.jobResults .compInfo .compLogo a{
display: block;
float: left;
width: 130px;
height: 70px;
text-align: center;
}
#JBcontent.jobResults .jobInfo ul.jobDetails,
#JBcontent.CVresults .candInfo .candDetails ul,
#JBcontent.CVresults .candInfo .candExtraDetails p{
min-height: 33px;
margin: 0;
padding: 4px 0 0 0;
font: 1em Verdana, Arial, Helvetica, sans-serif;
}
* html #JBcontent.jobResults .jobInfo ul.jobDetails{ /* IE6> Hack */
padding: 4px 0 17px 0;
}
#JBcontent.jobResults .noLogo ul.jobDetails,
#JBcontent.CVresults .candInfo .candDetails ul{
margin-left: 10px;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li,
#JBcontent.CVresults .candInfo .candDetails ul li{
float: left;
width: 17.9em;
height: 1.3em;
margin: 0 2px 2px 0;
padding: 0;
background: transparent;
overflow: hidden;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li strong,
#JBcontent.CVresults .candInfo .candDetails ul li strong{
display: block;
float: left;
width: 33%;
margin: 0 1px 0 0;
overflow: hidden;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li a,
#JBcontent.jobResults .jobInfo ul.jobDetails li span.linkless{
display: block;
float: left;
width: 66%;
font-weight: normal;
overflow: hidden;
}
#JBcontent.jobResults .jobInfo p.jobDescription,
#JBcontent.CVresults .candInfo p.candDescription{
clear: both;
margin: 0 8px 8px 8px;
padding: 5px 0 0 0;
border-top: 1px solid #92AFCB;
}
#JBcontent.jobResults .featuredJob p.jobDescription{
border-color: #EDB68D;
}
/* --- CV Results ONLY --- */
#JBcontent.CVresults .candInfo h2{
min-height: 20px;
}
* html #JBcontent.CVresults .candInfo h2{ /* IE6> Hack */
height: 20px;
}
#JBcontent.CVresults .candInfo h2 a{
display: block;
position: relative;
margin: -8px 0;
padding: 8px 10px 8px 0;
}
#JBcontent.CVresults .candInfo h3{
position: absolute;
top: 3px;
right: 0;
width: auto;
padding: 7px 2%;
text-align: right;
color: #fff;
}
* html #JBcontent.CVresults .candInfo h3{ /* IE6> Hack */
right: 80px;
}
#JBcontent.CVresults .candInfo .icons{
text-align: right;
margin: 0 2% -1.6em 2%;
}
#JBcontent.CVresults .candInfo .icons a{
margin: 0 5px;
}
#JBcontent.CVresults .candInfo .detailsViewProfile{
display: none;
}
#JBcontent.CVresults .candInfo .candDetails ul{
width: 97%;
padding-bottom: 10px
}
#JBcontent.CVresults .candInfo .candDetails ul li{
width: 49%;
}
#JBcontent.CVresults .candInfo .candDetails ul li strong{
display: block;
float: left;
width: 9em;
margin: 0 1px 0 0;
overflow: hidden;
}
#JBcontent.CVresults .candInfo .candExtraDetails{
margin: 8px 10px;
padding: 8px 0 0 0;
border-top: 1px dashed #dfdfdf;
}
#JBcontent.CVresults .candInfo .candExtraDetails p{
display: inline;
font-weight: bold;
margin-right: 10px;
}
#JBcontent.CVresults .candInfo .candExtraDetails ul{
display: inline;
margin: 0;
}
#JBcontent.CVresults .candInfo .candExtraDetails ul li{
display: inline;
margin: 0 5px 0 0;
padding: 0 7px 0 0;
border-right: 1px solid #999;
background: transparent;
}
#JBcontent.CVresults .candInfo .candExtraDetails ul li strong{
display: none;
}
#JBcontent.CVresults .candInfo .candExtraDetails ul li.lastItem{
border-right: 0;
}
/* --- Send Me Jobs Like These --- */
.sendMeJobsLikeThese{
position: relative;
clear: both;
min-height: 13px;
padding: 10px 10px 20px 10px;
background: url(/jobboard/images/backgrounds/emailMeJobsTop.gif) repeat-x;
}
* html .sendMeJobsLikeThese{ /* IE6> Hack */
height: 13px;
}
#sendMeJobsLikeTheseBot{
padding: 20px 10px 10px 10px;
background-image: url(/jobboard/images/backgrounds/emailMeJobsBot.gif)
}
.sendMeJobsLikeThese label,
.sendMeJobsLikeThese input.text{
margin: 0 5px 0 0;
}
#sendMeJobsLikeTheseTop .SendMeJobsButton{
position: absolute;
top: 11px;
right: 10px;
}
#sendMeJobsLikeTheseBot .SendMeJobsButton{
position: absolute;
bottom: 12px;
right: 10px;
}
/* --- Job Browser --- */
/* - More Info Floating Div - */
#divExtraOptions{
display: none;
position: absolute;
width: 45em;
visibility: visible;
overflow: hidden;
}
#divExtraOptions .closeFloatDiv{
position: absolute;
top: 34px;
right: 4px;
width: 20px;
height: 20px;
border: 1px solid #A5A5A5;
background: url(/jobboard/images/icons/closeFloatDiv.png) no-repeat center center #fff;
}
#divExtraOptions .closeFloatDiv span{
visibility: hidden;
}
#divExtraOptions .closeFloatDiv a{
display: block;
width: 20px;
height: 20px;
text-decoration: none;
}
#divExtraOptions ul.tabNav{
margin: 0;
}
#divExtraOptions ul.tabNav li.selectedTab,
#divExtraOptions ul.tabNav li.unselectedTab{
float: left;
margin: 0 2px 0 0;
padding: 0;
border: 1px solid #A5A5A5;
border-width: 1px 1px 0 1px;
background: #F4F4F4;
}
#divExtraOptions ul.tabNav li.selectedTab a,
#divExtraOptions ul.tabNav li.unselectedTab a{
display: block;
padding: 6px 10px;
font-weight: bold;
font-size: 1em;
text-decoration: none;
text-align: center;
color: #231F20;
background: transparent;
}
#divExtraOptions ul.tabNav li.selectedTab{
background: #A5A5A5;
}
#divExtraOptions ul.tabNav li.selectedTab a{
color: #fff;
}
.ExtraBrowseOptions{
padding: 10px;
border: 1px solid #A5A5A5;
background: #fff;
zoom: 1;
}
.ExtraBrowseOptions ul li{
float: left;
width: 49%;
margin: 0 0.5%;
text-align: left;
}
.ExtraBrowseOptions ul li a{
display: inline;
position: relative;
padding: 2px 0 3px 0;
}
/* ------------------------------- */
/*
======================
=== VIDEO CV PAGES ===
======================
*/
#CVrecord{
position: relative;
width: 850px;
margin: 0 auto;
}
#JBcontent.CVrecorder #CVrecord .navButton1{
position: absolute;
top: 0;
right: 0;
margin: 0;
}
#JBcontent.CVrecorder #videoRecorder h2{
float: left;
clear: none!important;
width: 300px;
margin: 0 43px 5px 0!important;
padding: 0!important;
}
#JBcontent.CVrecorder #videoRecorder{
float: left;
width: 850px;
text-align: center;
margin: 20px 0;
padding: 20px 0;
border: 2px solid #eee;
border-width: 2px 0;
}
/*
=====================
=== SAVED SEARCH ===
=====================
*/
.savedsearch{
width: 94%;
margin: 1em;
padding: 0 0 0 10px;
border: 1px solid #ccc;
border-color: #ccc #aaa #aaa #ccc;
background: #eee;
}
#JBcontent .savedsearch h2{
margin: 0 0 0 -10px;
padding: 3px 6px 3px 6px!important;
font: bold 1em Arial, Helvetica, sans-serif;
font-size: 1em;
color: #fff!important;
border: none;
background: #424242;
}
#JBcontent .savedsearch h2 a{
font-weight: normal;
text-decoration: underline;
color: #fff;
}
#JBcontent .savedsearch h2 a:hover{
color: #fff;
text-decoration: none;
}
#JBcontent .savedsearch form{
margin-bottom: 8px;
}
#JBcontent .savedsearch p{
margin-top: 0;
}
#JBcontent .savedsearch select{
width: auto!important;
}
#JBcontent select.selectAutoWidth{
width: auto!important;
}
#JBcontent .savedsearch dl{
margin-top: 3px;
margin-bottom: 2px;
}
#JBcontent .savedsearch dt{
display: block;
float: left;
width: 100px;
margin-bottom: 8px;
font-weight: bold;
clear: both;
}
#JBcontent .savedsearch dd{
display: block;
float: left;
width: 300px;
margin-bottom: 8px;
}
/*
=======================
=== INDICATOR BARS ===
=======================
*/
#JBcontent .onecol .textCounter,
#JBcontent .twocol .wide .textCounter{
width: 100%;
height: 25px;
}
#JBcontent .twocol .textCounter{
width: 240px;
height: 12px;
}
#JBcontent .CMSIFrame{
margin-left: -1px!important;
border: 1px solid #ccc;
}
#JBcontent input#bulletcountstrJobDesc{
border: 0!important;
}
/*
======================
=== PROGRESS BARS ===
======================
*/
#progressReg, #progress{
height: 27px;
width: 410px;
margin: 20px auto;
padding: 0;
white-space: nowrap;
}
#progress p, #progressReg p{
float: left;
width: 120px;
margin: 6px 0 0 0;
padding: 0;
font: 0.9em verdana, arial, sans-serif;
color: #242424;
text-align: center;
}
/* --- Post a Job Progess Steps --- */
#progress{
width: 541px;
}
#progress p.step1{
margin: 6px 0 0 11px;
}
* html #progress p.step1{ /* IE6> Hack */
margin: 6px 0 0 7px;
}
#progress p.step2{
margin: 6px 0 0 12px;
}
#progress p.step3{
margin: 6px 0 0 16px;
}
#progress p.step4{
margin: 6px 0 0 9px;
}
#progress p.step5{
margin: 6px 0 0 10px;
}
/* --- Candidate Full Registration Progess Steps --- */
/* This is usually turned off, but it is an option, so we include the styles, just in case */
* html #progressReg{ /* IE6> Hack */
margin: 15px auto;
}
#progressReg p.step1{
margin: 6px 0 0 13px;
}
* html #progressReg p.step1{ /* IE6> Hack */
margin: 6px 0 0 5px;
}
#progressReg p.step2{
margin: 6px 0 0 11px;
}
#progressReg p.step3{
margin: 6px 0 0 15px;
}
/*
==================================
=== JOB CONTAINER FORM FIELDS ===
==================================
*/
#JBcontent .radiolabel{
font-weight: bold;
color: #558;
}
#JBcontent label{
cursor: pointer;
font-weight: bold;
color: #558;
}
#JBcontent select{
width: 90%;
font-size: 1em;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
#JBcontent textarea{
width: 95%;
font: 1.1em Verdana, Arial, sans-serif;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
#JBcontent input{
font-size: 1.1em;
}
#JBcontent input.submit, #JBcontent button{
cursor: pointer;
width: auto;
overflow: visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
padding: 2px 7px;
font-weight: bold;
color: #fff;
border: 1px solid #0B3E6C;
background: #1764A9;
}
#JBcontent .JobSectionFooter{
clear: both;
position: relative;
top: 10px;
height: 3.9em;
border-top: 1px solid #ddd;
}
#JBcontent input.ApplyNow{
padding: 3px 5px;
font-weight: bold;
color: #fff;
border: none;
background: #f50;
}
#JBcontent .JobSectionFooter .TellFriend{
position: absolute;
top: 5px;
left: 0;
}
#JBcontent .JobSectionFooter .jobButtons{
position: absolute;
right: 0;
height: 80%;
width: 50%;
}
#JBcontent.jobView .JobSectionFooter a{
text-decoration: none!important;
}
#JBcontent .JobSectionFooter .ApplyNow, #JBcontent .JobSectionFooter .WishList{
float: right;
margin: 0.5em 0 0 3px;
}
#JBcontent textarea.OneColText{
width: 250px;
}
#JBcontent input.text{
width: 160px;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
#JBcontent input.VerySmallFixedText{
width: 10px !important;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
#JBcontent input.QuiteSmallFixedText{
width: 25px !important;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
#JBcontent input.SmallFixedText{
width: 50px !important;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
#JBcontent input.MedFixedText{
width: 150px !important;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
#JBcontent input.LargeFixedText{
width: 250px !important;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
html #JBcontent input.LargeFixedText{ /* IE6> Hack */
width: 220px;
}
#JBcontent input.ExtraLargeFixedText{
width: 300px;
border-color: #99b #779 #779 #99b;
border-width: 1px;
border-style: solid;
}
#JBcontent form.styled span.required, #JBcontent .required{
padding-left: 4px;
color: #c00;
}
#JBcontent form.styled span.notes{
font-size: 0.9em;
color: #888;
}
#JBcontent form.styled span.notes em, span.notes em{
font-style: normal;
color: #dd0000;
}
/*
===========================
=== GENERAL FORM STYLES ===
===========================
*/
/* single column form */
#JBcontent form.onecol{
width: 400px; /* Have to use absolute width to avoid erroneous layout issues. */
margin: 0 auto;
}
/* double column form */
#JBcontent form.twocol{
width: 600px;
margin: 0 auto;
}
#JBcontent form.twocol td{
width: 300px;
padding: 0;
vertical-align: top;
}
#JBcontent form.twocol td.wide{
width: 600px;
padding: 0;
}
/* single wide column form */
#JBcontent form.onewidecol{
width: 600px;
margin: 0 auto;
}
/* single column as wide as it wants*/
#JBcontent form.onexcol{
margin: 0 auto;
}
#JBcontent form.onexcol fieldset,
#JBcontent form.onecol fieldset,
#JBcontent form.onewidecol fieldset,
#JBcontent form.twocol td,
#JBcontent table.results{
clear: both;
border: 1px solid #aaa;
background: #eee;
}
#JBcontent table.results .bold_txt td{
font-weight: bold;
}
/* --- Labels --- */
#JBcontent form.onewidecol label,
#JBcontent form.onexcol label,
#JBcontent form.onewidecol select,
#JBcontent form.onexcol select{
display: inline !important;
width: auto !important;
}
/* --- Form Elements (Special Circumstances) --- */
#JBcontent form.onecol textarea, #JBcontent form.twocol textarea, #JBcontent form.onewidecol textarea, #JBcontent form.onexcol textarea{
width: 96%!important;
}
/* --- Legend --- */
#JBcontent #legend{
list-type: none;
margin-left: 0;
}
#JBcontent #legend li{
display: inline;
margin-right: 1.5em;
list-type: none;
background: 0;
}
#JBcontent .onewidecol, #JBcontent.menu ol, #JBcontent .twocol, .wide, .wide fieldset{
width: 530px!important;
}
/*
========================
=== FIELDSET STYLES ===
========================
*/
#JBcontent fieldset{
margin: 0;
padding: 0;
border: none;
}
#JBcontent form.onecol fieldset{
margin: 0 0 3px 0;
padding-bottom: 10px;
}
#JBcontent form.styled fieldset h2 a,
#JBcontent form.styled fieldset h3 a,
#JBcontent table.results thead a{
color: #fff;
}
#JBcontent form.styled fieldset h2 a:hover,
#JBcontent form.styled fieldset h3 a:hover,
#JBcontent table.results thead a:hover{
color: #ffcc00;
}
/*
=====================
=== FORM HEADINGS ===
=====================
*/
/* form fieldset legend */
#JBcontent form.styled fieldset h2{
margin: 0 0 7px 0;
padding: 5px 10px;
font-weight: bold;
font-size: 1em;
color: #fff;
background: #424242;
}
#JBcontent form.styled fieldset h3{
margin: 0 0 7px 0;
padding: 5px 10px;
font-weight: bold;
font-size: 1em;
color: #fff;
background: #424242;
}
#JBcontent form.styled fieldset p{
margin: 0 3px 8px 4px;
}
#JBcontent table.results thead{
padding: 5px 10px;
}
#JBcontent table.results th{
font-weight: bold;
font-size: 1em;
color: #fff;
background: #424242;
}
/*
=============================
=== FORM DEFINITION LISTS ===
=============================
*/
#JBcontent form.styled fieldset dl{
margin: 0 3px 0 7px;
}
#JBcontent form.styled fieldset dl dd{
margin: 0 0 10px 5px;
}
/* indent nested DLs */
#JBcontent form.styled dl dl{
margin: 1em 0 0 15px;
}
#JBcontent form.styled dl dl label{
display: block;
float: left;
width: 50px;
}
#JBcontent form.styled dl dl dt,
#JBcontent form.styled dl dl dd{
margin: 2px 0;
}
#JBcontent dt.checkboxfix{
float: none;
display: inline;
margin: 0;
}
#JBcontent dd.checkboxfix{
float: none;
display: inline;
}
#JBcontent dd.checkboxfix label{
position: reltaive;
top: 5px;
padding-right: 5px;
*top: 0; /* IE7> Hack */
*padding-right: 0; /* IE7> Hack */
}
#JBcontent dd#DDDrivingLicence,
#JBcontent dd#DDOwnTransport{
display: block;
}
#JBcontent .checkboxfix #chkMarketing, #JBcontent .checkboxfix label{
display: inline;
}
#JBcontent dd.checkboxfix span.notes{
display: block;
width: auto!important;
margin: 2px 8px 15px 5px;
}
#JBcontent #frmJobManager2{
width: 100%;
margin: 0 auto;
}
#breadcrumbs{
float: none;
display: inline;
}
/*
=============================
=== FORM FIELD EXCEPTIONS ===
=============================
*/
#JBcontent #strSalaryMax{
width: 70px !important;
}
#JBcontent #strSalaryMin{
width: 70px !important;
}
#JBcontent #lstSalaryFrame{
width: 90px !important;
}
#JBcontent #lstStartYear{
width: auto !important;
}
#JBcontent #lstStartMonth{
width: auto !important;
}
#JBcontent #lstExpiryYear{
width: auto !important;
}
#JBcontent #lstExpiryMonth{
width: auto !important;
}
#JBcontent #strIssueNumber{
width: 50px !important;
}
#JBcontent #strSecurityNumber{
width: 50px !important;
}
#JBcontent #strBillingPostCode{
width: 75px !important;
}
#JBcontent #strCompanyPostCode{
width: 75px !important;
}
#JBcontent #strPostcode{
width: 75px !important;
}
#JBcontent #lstTravel{
width: auto !important;
}
#JBcontent #lstJobType{
width: auto !important;
}
#JBcontent #lstFeatureScore{
width: auto !important;
}
#JBcontent #strAge{
width: 40px !important;
}
#JBcontent #lstSortDir{
width: auto !important;
}
#JBcontent #strRemotePostID{
width: 240px !important;
}
#JBcontent #dtPostDate{
width: 100px !important;
}
#JBcontent #dtPostDateTo{
width: 100px !important;
}
#JBcontent #lstPostedDate{
width: 90px !important;
}
#JBcontent #lstCurrency{
width: 90px !important;
}
#JBcontent #numQTY{
width: 120px !important;
}
#JBcontent .lstDOBDay{
width: 50px !important;
}
#JBcontent .lstDOBMonth{
width: 75px !important;
}
#JBcontent .lstDOBYear{
width: 75px !important;
}
#JBcontent #lstMonth{
width: 75px !important;
}
#JBcontent #lstYear{
width: 75px !important;
}
#JBcontent .Country{
width: 200px !important;
}
#JBcontent #lstFolders{
width: 235px !important;
}
input.file{
width: 200px !important;
}
/*
======================
=== TELL A FRIEND ===
======================
*/
.tellafriendlink{ /* used by /classes/clsFeaturedAdvert.class.asp */
margin-left: 340px;
}
/*
============================
=== VIEW WISH LIST PAGE ===
============================
*/
#JBcontent #frmJobWishList2{
width: 90%;
}
/*
==================
=== NEWS PAGES ===
==================
*/
#JBcontent.menu .NewsItem{
clear: both;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #dbdee1;
zoom: 1;
}
#JBcontent.menu .NewsItem:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#JBcontent.menu .NewsItem span.floatHack{ /* Should be able to delete the floathack mark-up altogether. */
display: none;
}
#JBcontent.menu .NewsItem .NewsImage{
float: left;
padding-right: 10px;
}
#JBcontent.menu .NewsItem .NewsImage img{
border: 1px solid #ddd;
}
#JBcontent .NewsItem .NewsText{
}
#JBcontent .NewsItem .NewsText .NewsTitle{
display: block;
margin: 0 0 -0.7em 0;
font-weight: bold;
font-size: 1.1em;
text-transform: capitalize;
}
#JBcontent #NewsCategories{
margin: 0 0 10px 0;
}
#JBcontent #NewsCategories li{
float: left;
width: 27%;
}
/*
=======================
=== OLD NEWS STYLES ===
=======================
#JBcontent.menu .NewsItem{
clear: both;
margin: 0;
padding: 5px 0;
border-bottom: 1px solid #A7ABB0;
}
#JBcontent.menu .NewsItem span.floatHack{
display: block;
clear: both;
}
#JBcontent.menu .NewsItem .NewsImage{
float: left;
width: 100px;
padding: 0 15px 0 0;
}
#JBcontent.menu .NewsItem .NewsImage img{
border: 1px solid #ddd;
}
#JBcontent .NewsItem .NewsText{
float: left;
width: 420px
}
#JBcontent .NewsItem .NewsText .NewsTitle{
display: block;
margin: 0 0 -0.7em 0;
font-weight: bold;
font-size: 1.1em;
text-transform: capitalize;
}
#JBcontent .NewsItem .NewsText .NewsTitle:hover{
color: #f06000;
}
*/
/*
=======================
=== SITE STATISTICS ===
=======================
*/
#statsDetails{
margin: 15px 0;
}
#statsDetails table{
width: 90%;
margin: 0 auto;
}
#statsDetails caption{
padding: 20px 0 5px 0;
font-weight: bold;
font-size: 1.2em;
text-align: left;
}
/*
====================
=== SITE HISTORY ===
====================
*/
table#logHistorySearch{
width: 100%;
}
table#logHistorySearch th{
padding: 0 0 5px 0;
font-weight: bold;
border-bottom: 2px solid #E0E3EC;
}
table#logHistorySearch th input{
position: relative;
top: 3px;
margin: 0 5px 0 0;
}
table#logHistorySearch th label{
margin: 0 20px 0 5px;
}
table#logHistorySearch td label{
width: 100%;
}
table#logHistorySearch td{
position: relative;
width: 74%!important;
padding-left: 1%;
}
table#logHistorySearch td.labelColumn{
width: 25%!important;
}
table#logHistorySearch .fullWidth{
width: 100%;
}
.ShowTableElement{
display: table-row;
/*display: table-row-group; /* PJB TEST */
}
/*tr.HideTableElement{
position: absolute;
top: -10000px;
}*/
tr.HideTableElement{
display:none;
}
.ShowElement{
display: block!important;
}
.HideElement,
#JBcontent.jobView .HideElement,
#JBcontent.CVview .HideElement,
#JBcontent.CVview .HideElement{
display: none!important;
}
tr.ReportFooter{
font-weight: bold;
}
.HistoryDate{
float: left;
}
.HistoryAllDates{
float: left;
}
#HistorySessions .scrollBox{
max-height: 400px;
overflow: auto;
margin-bottom: 30px;
border: 1px solid #aaa;
background: url(/jobboard/images/logHistoryResultsTables.gif) repeat-y right top;
}
#HistorySessions .scrollBox table.results{
width: 99.9%;
*width: 97.9%;
border:0;
}
#HistorySessions .scrollBox table.results th,
#HistorySessions .scrollBox table.results td{
padding: 3px 0 3px 3px;
font-size: 0.9em;
}
/*
====================================================================================================
=== CONTENT MANAGEMENT SYSTEM (CMS) ================================================================
====================================================================================================
========================
=== CMS EMAIL EDITOR ===
========================
*/
#JBcontent table.CMSEmailEditor{
width: 500px;
margin: 0;
border: 1px solid #aaa;
background: #eee;
}
#JBcontent table.CMSEmailEditor thead{
padding: 5px 10px;
font-weight: bold;
font-size: 1em;
color: #fff;
background: #424242;
}
#JBcontent table.CMSEmailEditor tbody{
padding: 5px 10px;
font-weight: bold;
font-size: 1em;
color: #000;
background: #eee;
}
#JBcontent table.CMSEmailEditor td.EmailData{
width: 47%;
}
#JBcontent table.CMSEmailEditor td.EmailID{
width: 5%;
text-align: center;
}
#JBcontent table.CMSEmailEditor textarea{
width: 400px;
height: 200px;
margin: 0;
}
/*
==================================
=== PAGE GROUPS EDITOR/MANAGER ===
==================================
*/
.multlistcol{
font-size: 1em;
font-family: 'Courier New', Courier !important;
}
/*
=======================
=== PACKAGE MANAGER ===
=======================
*/
#frmPackage h2 label.activateCV{
margin-left: 85px;
color: #fff;
}
#frmPackage h2 label.activateAD{
margin-left: 45px;
color: #fff;
}
/*
====================
=== STRAT EDITOR ===
====================
*/
#JBcontent.jobAdd .toolbar1,#JBcontent.jobAdd .toolbar2,#JBcontent.jobAdd .toolbar1 td table,#JBcontent.jobAdd .toolbar2 td table,
#JBcontent.login .toolbar1,#JBcontent.login .toolbar2,#JBcontent.login .toolbar1 td table,#JBcontent.login .toolbar2 td table{
margin: 0!important;
}
#JBcontent.jobAdd .toolbar1 td,#JBcontent.jobAdd .toolbar2 td,
#JBcontent.login .toolbar1 td,#JBcontent.login .toolbar2 td{
width: auto!important;
padding: 3px 0;
vertical-align: middle!important;
background: url(/jobboard/images/backgrounds/HTMLeditor.png) repeat-x bottom;
}
#JBcontent.jobAdd .toolbar1 td table td,#JBcontent.jobAdd .toolbar2 td table td,
#JBcontent.login .toolbar1 td table td,#JBcontent.login .toolbar2 td table td{
background: transparent;
}
/*
====================================================================================================
=== NEW RULES THAT NEED TO BE CHECKED & MOVED TO THE MOST RELEVANT SECTION =========================
====================================================================================================
*/
.frmBotTrap
{
display: none;
}
#JBcontent #lstDayLog,
#JBcontent #lstMonthLog,
#JBcontent #lstYearLog{
width: 5em!important;
}
#JBcontent #lstClients{
width: auto!important;
}
/*
====================
=== PEEL ADVERT ====
====================
z-index is set to allow us to place objects over the top of the small peel ad
*/
#peelAdLarge{
width: 500px;
height: 500px;
position: absolute;
}
#peelAdSmall{
width: 100px;
height: 100px;
position: absolute;
}
.peelAdShow{
top: 0;
right: 0;
z-index: 9000;
}
.peelAdHide{
top: -1000px;
right: 0px;
z-index: 9000;
} |