/* 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



Title : So Recruiter Stylesheet

Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/



/* COMMON AND GLOBAL */

body { font:70%/1.7 arial, verdana, helvetica, sans-serif; margin:0; padding:6px 0 0 0; background:#000 url(../images/bodyBg.gif) top left repeat-x; color:#000000; text-align:center; }

th, td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }



/* ----- GENERAL IDS ----- */

#pageTop { display:none;}

#pageBottom { display:none;}

#container { width:962px; margin:0 auto; text-align:left; font-size:115%; background:#ffffff;}   

#containerInner { width:960px; margin:0 auto;}

#printHeader { display:none;}

#header { width:960px; height:127px; position:relative; background:url(../images/headerBg.gif) 1px 1px no-repeat;}

#header a { color:#000000;}

#header #logo { width:130px; height:110px; position:absolute; top:11px; left:20px;}

#header #quickLinks { position:absolute; top:6px; right:9px; font-size:100%; padding: 0 0 0 23px; background:url(../images/quickLinksBg.gif) 0px 0px no-repeat; height:26px;}

#header #quickLinks a { display:block; float:left; background:url(../images/quickLinksDivider.gif) 0px 7px no-repeat; padding:3px 7px 3px 8px; text-decoration:none; font-weight:normal;}

#header #quickLinks a:hover { text-decoration:none;}

#header #quickLinks .first { background:none;}

#header #quickLinks .last {}

#header #telephone { color:#FF7700; font-weight:bold; position:absolute; top:132px; right:16px; font-size:120%; line-height:24px; padding: 0 0 0 27px;}

#header #email { color:#ffffff; font-weight:bold; position:absolute; top:163px; right:16px; font-size:120%; line-height:24px; padding: 0 0 0 31px;}

#header #email a { font-weight:bold; text-decoration:underline; color:#ffffff;}

#header #email a:hover { text-decoration:none;}

/*#navigation { height:64px;}*/

#jumps { padding:0 0 13px 0;}

#jumps #jumpApplyForJob { background:url(../images/jumpApplyForJob.gif) top left no-repeat; width:439px; height:28px; margin-bottom:13px;}

#jumps #jumpApplyForJob a { color:#000000; width:429px; height:24px; font-weight:normal; padding:4px 0 0 10px; display:block;}

#jumps #jumpRegister { background:url(../images/jumpRegister.gif) top left no-repeat; width:439px; height:28px; margin-bottom:13px;}

#jumps #jumpRegister a { color:#000000; width:429px; height:24px; font-weight:normal; padding:4px 0 0 10px; display:block;}

#jumps #jumpLogin { background:url(../images/jumpLogin.gif) top left no-repeat; width:439px; height:28px;}

#jumps #jumpLogin a { color:#000000; width:429px; height:24px; font-weight:normal; padding:4px 0 0 10px; display:block;}

#content { padding-bottom:10px;}


/* ----- IMAGE SWAPPER ----- */

#imageSwapperFrame { background:url(../images/frame.gif) top left no-repeat; width:439px; height:270px; margin-left:-4px;}  
 
#imageSwapper { padding:7px 0 0 7px;}


/* ----- COLUMNS ----- */

#columns { background:url(../images/columnBg.gif) top left repeat-y;}

#columns #leftCol { float:left; width:229px;}

#columns #leftCol .padding { padding:15px 13px 0 14px;}

#columns #rightCol { float:right; width:229px; line-height:130%;}

#columns #rightCol .padding { padding:15px 13px 0 14px;}

#columns #middleCol { float:left; width:502px;}

#columns #middleCol .padding { padding:30px;}

#columns #middleCol ul { list-style-type: square; line-height:115%;}

#columns #middleCol ul ul { list-style-type: square; line-height:115%;}

#columns #middleCol li { list-style-position: outside; padding: 2px 3px 3px 3px;}



/* ----- BOX ----- */

.box { background:url(../images/boxMiddleBg.gif) top left repeat-y; width:202px; margin-bottom:15px;}

.boxTop { background:url(../images/boxTopBg.gif) top left no-repeat; height:11px; width:202px; line-height:1px; font-size:1px;}

.boxContent { background:url(../images/boxBottomBg.gif) bottom left no-repeat; min-height:1px;}

.boxPadding { padding:9px 20px 20px 20px;}

.boxTitle { padding-bottom:15px;}

.imageJump { margin-bottom:15px;}

.box .job { padding-bottom:15px;}

.box .job a:hover { text-decoration:none;}

.box .jobTitle a { text-decoration:underline; color:#005793; line-height:130%;}

.box .jobDescription { line-height:130%; padding:2px 0px;}

.box .jobSalary { font-weight:bold;}

.box .news { padding-bottom:15px;}

.box .news a:hover { text-decoration:none;}

.box .newsTitle a { text-decoration:underline; color:#005793; line-height:130%;}

.box .newsDescription { line-height:130%; padding:2px 0px;}

.box .newsReadMore a { font-weight:bold; color:#000000; text-decoration:none;}

.cmsBox { line-height:130%;}

 

/* ----- JOB QUICK SEARCH ----- */

#jobSearch {}

#jobSearch form {}

#jobSearch label { font-weight:bold; display:block;}

#jobSearch div { clear:both;}

#jobSearch .keywords { padding:0px 0px 8px 0px;}

#jobSearch .keywords input { width:156px; border:1px solid #c7c7c7; padding:2px;}

#jobSearch .industry { padding:0px 0px 8px 0px;}

#jobSearch .industry select { width:162px; border:1px solid #c7c7c7; padding:2px;}

#jobSearch .location { padding:0px 0px 14px 0px;}

#jobSearch .location input { width:90px; border:1px solid #c7c7c7; padding:2px; float:left;}

#jobSearch .location select { width:60px; border:1px solid #c7c7c7; padding:1px 2px; float:left; margin-left:6px;}

#jobSearch .jobType { padding:10px 0px 0px 0px;}

#jobSearch .jobType div { display:block; float:left; width:80px; clear:none;}

#jobSearch .jobType span { padding-left:4px;}

#jobSearch .jobsPosted { padding:10px 0px 0px 0px; display:inline-block;}

#jobSearch .jobsPosted select { width:162px; border:1px solid #c7c7c7; padding:2px;}

#jobSearch .salary { padding:10px 0px 14px 0px;}

#jobSearch .salary input { width:72px; float:left; border:1px solid #c7c7c7; padding:2px;}

#jobSearch .salary .salaryTo { margin-left:6px;}
#jobSearch .salaryType { padding:10px 0px 14px 0px;}
#jobSearch .salaryType div { display:block; float:left; width:80px; clear:none;}
#jobSearch .salaryType span { padding-left:4px;}
#jobSearch .rememberSearch { padding-bottom:15px;}

#jobSearch .rememberSearch label { display:block; float:left; width:120px;}



/* ----- JOB SEEKERS SEARCH ----- */

#jobSeekersSearch { padding-bottom:20px;}

#jobSeekersSearch form {}

#jobSeekersSearch label { font-weight:bold; display:block; width:220px; float:left;}

#jobSeekersSearch div { clear:both;}

#jobSeekersSearch .keywords { padding:0px 0px 8px 0px;}

#jobSeekersSearch .industry { padding:0px 0px 8px 0px;}

#jobSeekersSearch .location { padding:0px 0px 8px 0px;}

#jobSeekersSearch .location input { width:112px; border:1px solid #c7c7c7; padding:2px; }

#jobSeekersSearch .location select { width:84px; border:1px solid #c7c7c7; padding:1px 2px; margin-left:6px;}

#jobSeekersSearch .jobType { padding:0px 0px 0px 0px;}

#jobSeekersSearch .jobType label { width:110px;}

#jobSeekersSearch .jobType div { display:block; float:left; clear:none; padding-right:20px;}

#jobSeekersSearch .jobType .checkbox { border:none; padding:0; margin:0; background:none; width:14px; outline:none;}

#jobSeekersSearch .jobType span { padding-left:4px;}

#jobSeekersSearch .jobsPosted { padding:10px 0px 0px 0px; display:inline-block;}

#jobSeekersSearch .salary { padding:10px 0px 14px 0px;}

#jobSeekersSearch .salary input { width:95px; border:1px solid #c7c7c7; padding:2px;}

#jobSeekersSearch .salary .salaryTo { margin-left:6px;}

#jobSeekersSearch .rememberSearch { padding:0px 0px 0px 0px;}

#jobSeekersSearch .rememberSearch label { }



/* ----- JOB LISTING ----- */

#jobListing {}

#jobListing .job { padding: 0 20px 17px 20px; background:url(../images/dotsH.gif) bottom left repeat-x; margin-bottom:15px;}

#jobListing .job.last { background:none;}

#jobListing .jobTitle { padding-bottom:3px; font-size:110%;}

#jobListing .jobDateAdded { float:left;}

#jobListing .jobLocation { float:right;}

#jobListing .jobDescription { padding:3px 0px; line-height:130%;}

#jobListing .jobSalary { float:left;}

#jobListing .jobView { float:right;}



/* ----- JOB DETAILS ----- */

#jobDetails {}

#jobDetails .jobTitle {}

#jobDetails .jobID { font-size:110%;}

#jobDetails .jobStartDate { float:left;}

#jobDetails .jobDateAdded { float:right;}

#jobDetails .jobLocation {}

#jobDetails .jobType {}

#jobDetails .jobSalary {}

#jobDetails .jobRecruitmentConsultant {}

#jobDetails .jobDescription { padding:13px 0px 0px 0px; line-height:130%;}




/* ----- JOB APPLICATION PREVIEW ----- */

.jobPreviewFirstName {}

.jobPreviewLasstName {}

.jobPreviewAddress {}

.jobPreviewPostCode {}

.jobPreviewTelephone {}

.jobPreviewMobile {}

.jobPreviewEmailAddress {}

.jobPreviewMessage { padding:10px 0px; line-height:130%;}

.jobPreviewCVUpload {}





/* ----- MY ACCOUNT JUMPS ----- */

.myAccountJump { background:url(../images/dotsH.gif) top left repeat-x; padding:10px 0px;}

.myAccountJump .myAccountJumpTitle {}

.myAccountJump .myAccountJumpDetails {}



/* ----- CV TEMPLATE JUMPS ----- */

.cvTemplate { background:url(../images/dotsH.gif) top left repeat-x; padding:10px 0px;}

.cvTemplate .cvTemplateTitle { font-weight:bold;}

.cvTemplate .cvTemplateDetails {}

.cvTemplate .cvTemplateDownload {}



/* ----- TRAINING COURSE LISTING ----- */

#trainingCourseListing {}

#trainingCourseListing .trainingCourse { padding: 0 20px 17px 20px; background:url(../images/dotsH.gif) bottom left repeat-x; margin-bottom:15px;}

#trainingCourseListing .trainingCourse.last { background:none;}

#trainingCourseListing .trainingCourseTitle { padding-bottom:3px; font-size:110%;}

#trainingCourseListing .trainingCourseLocation {}

#trainingCourseListing .trainingCourseDescription { padding:3px 0px; line-height:130%;}

#trainingCourseListing .trainingCoursePrice { float:left;}

#trainingCourseListing .trainingCourseView { float:right;}



/* ----- TRAINING COURSE DETAILS ----- */

#trainingCourseDetails {}

#trainingCourseDetails .trainingCourse.last { background:none;}

#trainingCourseDetails .trainingCourseTitle { }

#trainingCourseDetails .trainingCourseLocation {}

#trainingCourseDetails .trainingCoursePrice {}

#trainingCourseDetails .trainingCourseContact {}

#trainingCourseDetails .trainingCourseDescription { padding:3px 0px 10px 0px; line-height:130%;}



/* ----- CANDIDATE LISTING ----- */

#candidateListing {}

#candidateListing .candidate { padding: 0 20px 17px 20px; background:url(../images/dotsH.gif) bottom left repeat-x; margin-bottom:15px;}

#candidateListing .candidateName { font-weight:bold;}

#candidateListing .candidateID { float:left; font-weight:bold;}

#candidateListing .candidateView { float:right; }

#candidateListing .candidate.last { background:none;}



/* ----- CANDIDATE DETAILS ----- */

#candidateDetails {}

#candidateDetails .candidateNameID { }

#candidateDetails .candidateDOB { }

#candidateDetails .candidateGender { }

#candidateDetails .candidateEmploymentHistory { text-decoration:underline; padding:10px 0;}

#candidateDetails .candidateJob { padding-bottom:10px;}

#candidateDetails .candidateJobDates {}

#candidateDetails .candidateJobCompany {}

#candidateDetails .candidateJobTitle {}

#candidateDetails .candidateJobDutiesResponsibilities {}

#candidateDetails .candidateEducationHistory { text-decoration:underline; padding-bottom:10px;}

#candidateDetails .candidateEducation { padding-bottom:10px;}

#candidateDetails .candidateEducationDates {}

#candidateDetails .candidateEducationEstablishment {}

#candidateDetails .candidateEducationQualifications {}

#candidateDetails .candidateOtherDetails { text-decoration:underline;}

#candidateDetails .candidateProfile { line-height:130%; padding:10px 0px;}

#candidateDetails .candidateSkillsInterests { line-height:130%; padding-bottom:10px;}

#candidateDetails .candidateReferences { line-height:130%; padding-bottom:10px;}



/* ----- NEWS LISTING ----- */

#newsListing {}

#newsListing .news { padding: 0 20px 17px 20px; background:url(../images/dotsH.gif) bottom left repeat-x; margin-bottom:15px;}

#newsListing .news.last { background:none;}

#newsListing .newsTitle { padding-bottom:3px; font-size:110%;}

#newsListing .newsDetails { padding:3px 0px; line-height:130%;}

#newsListing .newsView { text-align:right;}



/* ----- NEWS DETAILS ----- */

#newsDetails {}

#newsDetails .newsTitle { padding-bottom:3px; font-size:110%;}

#newsDetails .newsDetails { padding:3px 0px 10px 0px; line-height:130%;}



/* ----- RECENT JOB SEARCHES LISTING ----- */

#recentJobSearchListing {}

#recentJobSearchListing .recentJobSearch { padding: 0 20px 17px 20px; background:url(../images/dotsH.gif) bottom left repeat-x; margin-bottom:15px;}

#recentJobSearchListing .recentJobSearch.last { background:none;}

#recentJobSearchListing .recentJobSearchDate { float:right;}

#recentJobSearchListing .recentJobSearchKeywords {}

#recentJobSearchListing .recentJobSearchIndustries {}

#recentJobSearchListing .recentJobSearchLocation {}

#recentJobSearchListing .recentJobSearchJobType {}

#recentJobSearchListing .recentJobSearchJobsPosted {}

#recentJobSearchListing .recentJobSearchSalary { float:left;}

#recentJobSearchListing .recentJobSearchViewSearchResults { float:right;}



/* ----- NEWS DETAILS ----- */

#jobTrackerListing {}

#jobTrackerListing .jobTrackerJob { padding: 0 20px 17px 20px; background:url(../images/dotsH.gif) bottom left repeat-x; margin-bottom:15px;}

#jobTrackerListing .jobTrackerJob.last { background:none;}

#jobTrackerListing .jobTrackerJobTitle { padding-bottom:3px; font-size:110%;}

#jobTrackerListing .jobTrackerJobApplicationDate {}

#jobTrackerListing .jobTrackerJobApplicationStatus {}



/* ----- CLASSES ----- */

.clear { clear:both; }

.hide { display:none; }

.float_left { float:left !important; }

.float_right { float:right !important; }

.float_none { float:none !important; }

.image_right { float:right; padding:0 0 15px 15px; }

.image_left { float:left; padding:0 15px 15px 0; }

.image_center { margin:0 auto;}

.relative { position:relative; }

.inline {display:inline;}

.hand { cursor:pointer;}



/* ----- DEFAULT FORM ----- */

#middleCol form { padding:0;}

#middleCol form div { clear:both; padding:0 0 8px 0;}

#middleCol label {display:block; width:220px; float:left; font-weight:bold;}

#middleCol label.fullWidth {width:420px;}

.shortInput { width:100px; border:1px solid #c7c7c7; background:#ffffff !important; padding:2px 3px;}

.mediumInput { width:200px; border:1px solid #c7c7c7; background:#ffffff !important; padding:2px 3px;}

.shortSelect { width:108px; border:1px solid #c7c7c7; background:#ffffff !important; padding:2px 1px;}

.mediumSelect { width:208px; border:1px solid #c7c7c7; background:#ffffff !important; padding:2px 1px;}

.shortTextarea { width:100px; border:1px solid #c7c7c7; background:#ffffff !important; padding:2px 3px; height:50px;}

.mediumTextarea { width:200px; border:1px solid #c7c7c7; background:#ffffff !important; padding:2px 3px; height:70px;}

.largeTextarea { width:200px; border:1px solid #c7c7c7; background:#ffffff !important; padding:2px 3px; height:130px;}

.wideTextarea { width:420px; border:1px solid #c7c7c7; background:#ffffff !important; padding:2px 3px; height:130px;}

.checkbox { border:none; padding:0; margin:0; background:none; width:14px; outline:none;}

.radiobox { border:none; padding:0; margin:0; background:none; width:14px; outline:none;}

.required { color:#999999;}

.formHeading { font-weight:bold; text-decoration:underline;}

form { padding:0; margin:0; }

fieldset { padding:0; margin:0; border:0px none; display:block; }

legend { padding:0; margin:0; display:none; }



/* ----- BUTTONS ----- */

.btnQuickSearch { background:url(../images/btnQuickSearch.gif) top left no-repeat; width:99px; height:24px; display:block; margin-left:63px;}

.btnFullSearch { background:url(../images/btnFullSearch.gif) top left no-repeat; width:99px; height:24px; display:block; margin-left:63px;}

.btnViewAllFeaturedJobs { background:url(../images/btnViewAllFeaturedJobs.gif) top left no-repeat; width:162px; height:24px; display:block;}

.btnViewAllRecentJobs { background:url(../images/btnViewAllRecentJobs.gif) top left no-repeat; width:162px; height:24px; display:block;}

.btnViewAllNews { background:url(../images/btnViewAllNews.gif) top left no-repeat; width:162px; height:24px; display:block;}

.buttons { background:url(../images/buttonBg.gif) top left no-repeat; width:439px; height:28px;}

.buttons .padding { padding:3px 5px !important;}

.button { float:right; display:block; padding:1px 5px; width:auto; overflow:visible; margin-left:5px;}

.button.back { float:left; display:block; padding:1px 5px; width:auto; overflow:visible; margin-left:0px;}

.buttons.bottomMargin { margin-bottom:15px;}



/* ----- HEADINGS & PARAGRAPHS ----- */

h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; line-height:20px; font-size:130%; font-weight:bold; color:#000000; text-transform: uppercase; }



/* ----- TOP NAV ----- */

#topNav { height:33px; background:#005793; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}

#topNav a { cursor:pointer; color:#ffffff; height:30px; font-weight:bold; text-transform: uppercase; text-decoration:none; display:block; float:left; padding:0px}

#topNav a:hover { text-decoration:none; color:#f8cdd8;}

#topNav .active a { text-decoration:none; background: url(../images/topNavRightBg.gif) 100% 4px no-repeat; color:#005793;}

#topNav .active a:hover { text-decoration:none;}

#topNav a span { cursor:pointer; display:block; float:left; background:url(../images/topNavLeftBg.gif) 0px -100px no-repeat; height:24px; padding: 6px 10px 4px 10px;}

#topNav a:hover span {}

#topNav .active span { background: url(../images/topNavLeftBg.gif) 0px 4px no-repeat;}

#topNav .active a:hover span {}

#topNav .first { background:none;}

#topNav .last {}

#topNav ul { padding: 0; margin: 0 0 0 5px; list-style: none;}

#topNav li { display:block; float: left; position: relative; z-index: 100;background:url(../images/topNavDivider.gif) 0px 11px no-repeat; padding:0 10px 0 11px;}

#topNav li ul {display: none; position: absolute; z-index: 100; top: 34px; left: 0px; margin:0; border:5px solid #f8cdd8; width:165px;}

#topNav li ul li { display:block; float:none; width:145px; background:none; padding:0;}

#topNav li ul li a { display:block; float:none; width:145px; height:18px; color:#000000; padding:4px 10px !important; background:#ffffff !important; font-weight:normal;}

#topNav li ul li a:hover { background:#ffe3ea  !important; text-decoration:none; color:#000000;}

#topNav li ul li.active a { text-decoration:none;}

#topNav li.active ul li a { text-decoration:none;}

#topNav li:hover ul, #topNav li.over ul { display: block;}



#topNav2 { background:#4081ae; min-height: 34px; width: 800px; padding: 0 160px 0 0; display: inline-block;}

#topNav2 ul { padding: 0 0 0 11px; margin: 0; list-style: none;}

#topNav2 li { display:block; float:left;  background:url(../images/topNav2Divider.gif) 0px 14px no-repeat;}

#topNav2 a { display:block; float:left; color:#FFFFFF; text-decoration:underline; font-weight:bold; padding:5px 13px 6px 15px;}

#topNav2 a:hover { text-decoration:none;}

#topNav2 .active a { text-decoration:none !important; color:#FFFFFF;}

#topNav2 .first { background:none;}

#topNav2 .last {}



/* ----- PAGINATION ----- */

.pagination { margin-bottom:15px; background:url(../images/buttonBg.gif) top left no-repeat; text-align:center; width:439px; height:23px; padding-top:5px;}

.pagination a { margin-left:3px; padding: 0 2px;}

.pagination a:hover { background:#005793; color:#FFFFFF !important; text-decoration:none !important;}

.pagination .active { background:#005793; color:#FFFFFF !important; text-decoration:none !important;}



/* ----- FOOTER ----- */

#footer { background:#003366; color:#ffffff; font-size:110%; text-align:center; width:963px; margin:0 auto;}

#footer .padding { padding:5px 30px 10px 30px;}

#footer a { font-weight:normal; text-decoration:underline; color:#ffffff;}

#footer a:hover { text-decoration:none;}

#footer #registeredCompanyNameAddress {}

#footer #registeredCompanyNumberVat {}

#footer #footerLinks { margin:0 auto; text-align:center;}

#footer #footerLinks a { display:inline; background:url(../images/footerLinksDivider.gif) 5px 2px no-repeat; padding-left:10px;}

#footer #footerLinks .first { background:none; padding-left:0px;}



/* ----- GLOBAL ----- */

img { display:block; border:0; }

p { padding:0 0 10px 0; margin:0; }

address { font-style:normal;}



/* ----- LINKS ----- */

a { color:#005793; font-weight:bold; text-decoration:underline; }

a:hover { text-decoration:none; }



/* ----- TABLES ----- */

table { border-collapse:collapse; }

table p { padding:0px; }

/* Todor */
.notfinished {color: #BF3523;}
.error {
    color: #DF6172;
    font-weight: normal;
    display: block;
}