@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			Zenith People | Global CSS
	Author: 		Jon Park | Union Room
	Created: 		28th January 2008
	Updated: 
	Copyright: 	(c) 2008, Zenith People
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF url(../img/bgBody.gif) repeat-x top;
}

a { color: #ACC314; }
a:hover { text-decoration: none; }
a.external { padding-right: 5px; background: url(../img/aExternal.gif) no-repeat top right; }
a#unionroom {  }
a#unionroom:hover {  }

a img { border: none; }

abbr, acronym { cursor: help; }

p { padding: 0 0 10px 0; font-size: 1.2em; }

/* === IDs & Classes === */
.external {}

/* === Structure Elements === */
#wrapper { width: 910px; margin: 0 auto; padding: 0 0 20px 0; }
	#wrapper > div { width: 910px; float: left; clear: both; }
#hdr { padding: 13px 0 0 0; }
	#mainMenu { width: 910px; margin: -1px 0 0 0; float: left; position: relative; z-index: 10; }
	#topBanner { width: 910px; height: 107px; margin: 0 0 0 0; float: left; position: relative; z-index: 9; }
#body{ margin: -1px 0 0 0; padding: 0 0 20px 0; }
	#content { width: 648px; float: right; }
		#content div.block { margin: 0 auto 30px auto; padding: 0 0 10px 0; background-color: #999; }
		#content div.block div.bodyContent { 
			width: 575px; 
			
			margin: 0 auto; 
			padding: 25px 25px 35px 25px; 
			
			background: #FFF url(../img/bgRCB625.gif) no-repeat bottom; 
			
			display: table; 
		}
		#content div.block div.alt { display: none; }
		#content div#flashZenPeople { width: 625px; height: 478px; margin: 0 auto; padding: 0; background: url(../img/homeFlash.png) no-repeat top; }
		
		#content div#topJobs table { width: 648px; }
		
		#content div#advert { width: 619px; height: 50px; margin: 20px auto; padding: 14px 15px; background: #FFF url(../img/bgAdvert.gif) no-repeat top left; }
		
	#sidebar { width: 226px; float: left; }
		#sidebar > div { width: 206px; padding: 5px 10px; color: #999; }
		#sidebar #statistics { width: 226px; padding: 20px 0px; }
		#sidebar #search, #sidebar #recentlyViewed{ width: 225px; margin: 0 0 0 0; padding: 5px 0 0 0; background: #F7F9E7 url(../img/divSearch.gif) no-repeat top; display: table; }
		#sidebar #search form { width: 205px; margin-bottom: -3px; padding: 5px 10px; background: url(../img/formSearch.gif) no-repeat bottom; }
		#sidebar #search .inner { position: relative; float: left; clear: both; }
		#sidebar .sideSection { width: 206px; }
		
		#sidebar .spacer { width: 225px; height: 1px; margin: 23px 0 20px 0; padding: 0; border-top: 1px dashed #CCC; }
		
		#sidebar #cvTips { padding-top: 17px; }
		
		#recentlyViewed { width: 215px !important; padding: 10px 0 0 10px !important; }
		
#ftr { margin-top: 30px; padding-top: 18px; border-top: 1px dashed #CCC; }

/* === Content Elements === */
div#hdr ul { list-style: none; }
div#hdr li { display: inline; }
div#hdr li a { color: #FFF; text-decoration: none; }

div#mainMenu .left, div#mainMenu .right { width: 5px; height: 30px; background: url(../img/mmLeft.png) no-repeat top left; float: left; }
div#mainMenu .right { background-image: url(../img/mmRight.png); float: right; }
div#mainMenu ul { width: 900px; padding: 8px 0 6px 0; background: #999; float: left; }
div#mainMenu ul li { margin: 0px 0 0 0; padding: 11px 25px 6px 25px; }
div#mainMenu ul a { padding: 4px 0 1px 0; font-size: 1.4em; border-top: 4px solid #999; }

div#mainMenu ul li.active { background: #999 url(../img/aMainMenu.gif) no-repeat right 2px; }
div#mainMenu ul li.active a {  }

div#mainMenu ul a:hover, div#mainMenu ul li.active a:hover { text-decoration: underline; border-top-color: #999; }

#hdr p.imgReplace { padding: 0; }

table#jobForm { width: 80%; margin: 0 auto; }
table#jobForm th, table#jobForm td { padding: 5px 10px; font-size: 1.1em; }
table#jobForm th { font-size: 1.2em; font-weight: normal; text-align: right; color: #666; }
table#jobForm tbody th { border-right: 1px solid #CCC; }
table#jobForm .text { padding: 3px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
table#jobForm select { width: 200px; }

ul#topMenu { width: 910px; margin: -7px 0 0 0; padding: 6px 0; position: absolute; z-index: 999; }
ul#topMenu li { margin: 0 0 0 3px; float: right; }
ul#topMenu a {}
ul#topMenu a:hover { text-decoration: underline; }

ul#topMenu div.info { 
	width: 220px;
	
	margin: -3px 0 0 -114px;
	
	position: absolute;
	z-index: 999;
	display: none; 
}
ul#topMenu div.info div.roundedTop { width: 220px; height: 6px; margin: 0 auto; background: url(../img/bgRoundedTop.png) no-repeat top; }
ul#topMenu div.info div.inner { width: 200px; margin: 0 auto; padding: 5px 10px 0 10px; background-color: #000; }
ul#topMenu div.info div.roundedBtm { width: 220px; height: 7px; margin: 0 auto; background: url(../img/bgRoundedBtm.png) no-repeat bottom; }

ul#topMenu div.info p { font-size: 1.1em; font-weight: bold; color: #FFF; text-align: right; line-height: 1.4em; }

ul#topMenu a#contact { width: 106px; height: 20px; background-image: url(../img/aContact.gif); }
ul#topMenu a#findUs { width: 111px; height: 20px; background-image: url(../img/aFindUs.gif); }

.bodyContent p, li { color: #999; font-size: 1.1em; }
.bodyContent p.first { font-size: 1.6em; }

ul.body { padding: 5px 10px; }
ul.body li { margin: 0 10px; padding: 1px 2px; }

ul.inline { list-style: none; }
ul.inline li { display: inline; }

ul#accreditations li { padding: 15px 10px; }

#content #topJobs table td { width: 176px; padding: 15px 20px; vertical-align: text-top; }
#content #topJobs table td.middle { border: 1px dashed #CCC; border-width: 0 1px; }
#content #topJobs table p { font-size: 1.1em; color: #999; }
#content #topJobs table p.sub { color: #666; }

#content #advert img { margin: -10px 15px 0 0; float: left; }
#content #advert p { padding: 10px 0; font-size: 1.3em; color: #666; float: left; }

div.newsItem { padding: 20px 0; border-bottom: 1px dashed #CCC; }
div.newsItem div {}
div.newsItem div.newsContent { display: none; }
div.newsItem div.newsOptions { 
	width: 565px; 
	
	margin: 10px 0 0 0; 
	padding: 10px 5px; 
	
	border: 1px solid #EFEFEF; 
	border-width: 1px 0; 

	display: table; 
}
	div.newsOptions p { width: 40%; padding: 0; }

ul.sitemap { padding: 10px 0 0 20px; color: #999; }
ul.sitemap li { padding: 5px 10px; }
ul.sitemap a { font-size: 1.4em; }
ul.sitemap ul { padding: 10px; }
ul.sitemap ul li { font-size: 1.0em; }

#sidebar #statistics p { text-align: right; }
#sidebar #statistics p a { margin: 0 5px 0 0; }
#sidebar #statistics p.first { padding: 25px 0 5px 0; font-size: 2.3em; text-align: left; color: #666; }
#sidebar #statistics p.first span.star { 
	width: 64px; 
	height: 21px; 
	
	margin: -20px 5px 0 2px;
	padding: 22px 0;
	
	background: #FFF url(../img/flashBadge.gif) no-repeat top left; 
	
	font-size: 0.8em; 
	text-align: center;
	color: #FFF;
	
	float: left;
	display: block; 
}

span#jobs { width: 151px; height:26px; background-image: url(../img/spanJobs.gif); float: left; }

#sidebar #search input.text { width: 160px; margin: 5px 0; padding: 2px 3px; font-size: 1.0em; color: #666; float: left; }
#sidebar #search input.btn { background-color: #A8BF14; color: #FFF; position: relative; top: 3px; left: 5px; float: left; }
#sidebar #search img.imgBtn { position: relative; top: 3px; left: 5px; display: none; cursor: pointer; float: left; }
#sidebar #search p.options { margin-top: -8px; font-size: 1.1em; clear: both; }

ul#recentViews { padding: 5px 10px 20px 10px; }
ul#recentViews li { margin: 0 5px; padding: 5px 0; list-style-image: url(../img/liRecent.gif); }

#sidebar .sideSection p { line-height: 1.3em; }

a#regSeeker, a#regEmployer { width: 208px; height: 31px; margin: 0 auto -15px auto; background-image: url(../img/aRegisterJobSeeker.gif); }
a#regEmployer { width: 207px; margin: 0 auto; background-image: url(../img/aRegisterEmployer.gif); }

#cvTips p { padding: 0 3px 10px 3px; }
#cvTips p.first { padding-top: 2px; font-size: 1.6em; color: #666; }

div#ftr p { padding: 0 0 20px 0; font-size: 1.1em; color: #999; }
div#ftr p span.nudge { padding: 0 0 0 10px; }

div#ftr ul { width: 100%; list-style: none; }
div#ftr li { padding: 0 8px 0 0; font-size: 1.1em; display: inline; float: left; }
div#ftr li.spacer { height: 12px; margin: 1px 0 0 2px; border-left: 1px solid #999; }
div#ftr li.fRight { padding: 0; }
div#ftr a { color: #999; text-decoration: none; }
div#ftr a:hover, div#ftr a span { text-decoration: underline; }

div.testimonial { padding: 10px; }
div.testimonial p { font-style: italic }
div.testimonial p.source { font-style: normal; text-align: right; font-weight: bold; }

ul.vacancies { padding: 0; list-style: none; }
ul.vacancies li { margin: 0; padding: 0; font-size: 1.0em; }
div.vacancy { padding: 5px 10px; }
div.vacancy .content { display: none; }

div.vacancy h4 { padding: 0 0 5px 0; font-size: 1.2em; font-weight: normal; }
div.vacancy h4 a { border-bottom: 1px dotted #ACC314; text-decoration: none; }
div.vacancy h4 a:hover { border-bottom: 1px solid #ACC314; text-decoration: none; }

div.controlBar { width: 100%; margin: 10px 0; padding: 5px 0; border: 1px solid #CCC; border-width: 1px 0; display: table; }
div.controlBar p { width: 48%; padding: 0 5px; }
div.controlBar a { text-decoration: none; }
div.controlBar a:hover { text-decoration: underline; }

table#jobForm { width: 550px; }
table#jobForm th {}

ul#jobList { padding: 0 0 0 0; }
ul#jobList li { margin: 0; padding: 20px 0; list-style: none; border-top: 1px dashed #CCC; }
ul#jobList div.inner { padding: 0 10px 0 20px; background: url(../img/iconStarGreen.gif) no-repeat 0 2px; }
ul#jobList div.inner h3 { font-size: 1.2em; font-weight: bold; color: #333; padding: 0 0 10px 0; }

ul#jobList li ul { padding: 5px 10px 10px 10px; }
ul#jobList li ul li { margin: 0 10px; padding: 1px 2px; list-style: circle; border: none; }

div.jobSummary {}
div.jobContent { display: none; }

li.applicationForm {}
li.applicationForm div.inner { background: none !important; }

li.applicationForm table {}
li.applicationForm table td, li.applicationForm table th { padding: 5px; }
li.applicationForm table thead th {}
li.applicationForm table tbody th { text-align: right; }
li.applicationForm table tbody td {}

table.contactForm {}
table.contactForm th, table.contactForm td { padding: 5px; color: #999; }
table.contactForm tbody th { text-align: right; font-weight: normal; }
table.contactForm .text { padding: 2px 3px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #666; }

a#google { width: 141px; height: 49px; padding: 0; background-image: url(../img/aGoogle.png); }

td.success, td.error { padding: 10px 5px; font-size: 1.3em; text-align: center; color: #FFF !important; }
td.success { background-color: #090; border: 1px solid #0A0; }
td.error { background-color: #C00; border: 1px solid #A00; }

input.error { border: 1px solid #C00; background-color: #FCC; }

/* === Titles & Headers === */
h1#siteTitle { width: 300px; height: 107px; background-image: url(../img/h1ZenithPeople.gif); float: left; }

div#hdr h2 { 
	width: 583px; 
	padding: 20px 0 0 17px;
	
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.8em;
	color: #FFF; 

	float: left; 
	display: block;
}
div#hdr h2 span { font-size: 2.1em; color: #454E08; }

div#hdr h2.flash-replaced { padding: 0; float: left; }
h2#employersH { width: 224px; height: 55px; padding: 0 0 20px 0; background-image: url(../img/h2Employers.gif); }
h2#jobseekers { width: 236px; height: 55px; padding: 0 0 20px 0; background-image: url(../img/h2JobSeekers.gif); }
h2#aboutUs { width: 195px; height: 55px; padding: 0 0 20px 0; background-image: url(../img/h2AboutUs.gif); }
h2#helpAndAdvice { width: 282px; height: 55px; padding: 0 0 20px 0; background-image: url(../img/h2HelpAndAdvice.gif); }
h2#services { width: 180px; height: 44px; padding: 0 0 30px 0; background-image: url(../img/h2Services.gif); }
h2#privacyPolicy { width: 285px; height: 52px; padding: 0 0 23px 0; background-image: url(../img/h2PrivacyPolicy.gif); }
h2#vacancies { width: 219px; height: 52px; padding: 0 0 23px 0; background-image: url(../img/h2Vacancies.gif); }
h2#jobSearchResults { width: 366px; height: 52px; padding: 0 0 23px 0; background-image: url(../img/h2JobSearchResults.gif); }
h2#contactUs { width: 227px; height: 44px; padding: 0 0 30px 0; background-image: url(../img/h2ContactUs.gif); }
h2#howToFindUs { width: 295px; height: 44px; padding: 0 0 30px 0; background-image: url(../img/h2HowToFindUs.gif); }
h2#siteMap { width: 179px; height: 52px; padding: 0 0 23px 0; background-image: url(../img/h2SiteMap.gif); }
h2#accessibility { width: 260px; height: 52px; padding: 0 0 23px 0; background-image: url(../img/h2Accessibility.gif); }
h2#careers { width: 169px; height: 44px; padding: 0 0 30px 0; background-image: url(../img/h2Careers.gif); }
h2#register { width: 172px; height: 52px; padding: 0 0 23px 0; background-image: url(../img/h2Register.gif); }
h2#disclaimer { width: 220px; height: 44px; padding: 0 0 30px 0; background-image: url(../img/h2Disclaimer.gif); }
h2#yourVacancies { width: 309px; height: 52px; padding: 0 0 23px 0; background-image: url(../img/h2YourVacancies.gif); }
/*h3 { padding: 10px 0 0 0; color: #ACC314; font-size: 1.2em; font-weight: normal; }*/

h3#permanentRecruitment { width: 380px; height: 28px; margin: 10px 0; background-image: url(../img/h3PermanentRecruitment.gif); }
h3#contractRecruitment { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3ContractRecruitment.gif); }
h3#euroRecruitment { width: 380px; height: 28px; margin: 10px 0; background-image: url(../img/h3EuroRecruitment.gif); }
h3#additionalServices { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3AdditionalServices.gif); }

h3#currentClients { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3CurrentClients.gif); }
h3#clientTestimonials { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3ClientTestimonials.gif); }
h3#accreditation { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3Accreditation.gif); }

h3#onTime { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3OnTime.gif); }
h3#suitedBooted { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3SuitedBooted.gif); }
h3#bePrepared { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3BePrepared.gif); }
h3#sellYourself { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3SellYourself.gif); }
h3#personnelThing { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3PersonnelThing.gif); }
h3#thinkAboutIt { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3ThinkAboutIt.gif); }
h3#printerSyndrome { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3PrinterSyndrome.gif); }
h3#contentContents { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3ContentContents.gif); }
h3#andFinally { width: 380px; height: 23px; margin: 10px 0; background-image: url(../img/h3AndFinally.gif); }
h3#equalOpportunity { width: 380px; height: 28px; margin: 10px 0; background-image: url(../img/h3EqualOpportunity.gif); }

h3#whatWeCanOffer { width: 233px; height: 23px; margin: 10px 0 0 0; padding: 0 0 21px 0; background-image: url(../img/h3WhatWeCanOffer.gif); }
h3#interviewTips { width: 341px; height: 28px; margin: 10px 0 0 0; padding: 0 0 16px 0; background-image: url(../img/h3InterviewTips.gif); }
h3#cvTipsH { width: 90px; height: 28px; margin: 20px 0 0 0; padding: 0 0 16px 0; background-image: url(../img/h3CVTips.gif); }
h3#ourValues { width: 132px; height: 24px; margin: 10px 0 0 0; padding: 0 0 20px 0; background-image: url(../img/h3OurValues.gif); }

div.newsItem h3 { font-size: 1.6em; font-weight: normal; color: #4A4A4A; }

h3.shortSection { padding: 5px 0 2px 0; font-size: 1.2em; font-weight: normal; color: #ACC314; }
h3#topJobsAvailable { 
	width: 648px; 
	height: 45px; 
	
	margin: 0 0 17px 0;
	padding: 0 0 10px 0; 
	
	background-image: url(../img/h3TopJobsAvailable.gif);
	background-position: top left;
	
	border-bottom: 1px dashed #CCC; 
}

h3#emailUs { width: 206px; height: 23px; margin: 20px 0 0 0; background-image: url(../img/h3EmailUs.gif); }

h4#applyPosition { width: 270px; height: 28px; padding: 0 0 20px 0; background-image: url(../img/h4ApplyForPosition.gif); }

#content div#topJobs table h4 { padding: 0 0 5px 0; font-size: 1.1em; font-weight: bold; color: #333; }

#sidebar #search h4 { width: 98px; height: 23px; font-size: 2.0em; font-weight: normal; color: #666; }
#sidebar .sideSection h5 { 
	width: 181px;
	height: 23px;
	
	margin: 10px 0 15px -10px;
	padding: 7px 0 7px 45px; 
	
	font-size: 2.0em; 
	font-weight: normal; 
	color: #666; 
	
	border: 1px dashed #CCC;
	border-width: 1px 0;
	
	background-position: 13px 50%;
}

h4#jobSearch { background-image: url(../img/h5JobSearch.gif); }
h5#jobSeekers { background-image: url(../img/h5JobSeekers.gif); }
h5#employers { background-image: url(../img/h5Employers.gif); }

#recentlyViewed h5 { width: 189px; height: 24px; background-image: url(../img/h5RecentlyViewed.gif); }

#sidebar h5#face { width: 206px; height: 115px; background-image: url(../img/h5CVTips.gif); background-position: bottom; }
h5#face span.face { width: 108px !important; height: 115px !important; float: right; }

label.over { position: absolute; top: 7px; left: 4px; font-size: 1.2em; }

p.searchError { font-size: 1.4em; color: #C00; }

/* === Important Stuff === */

.fLeft { float: left !important; }
.fRight { float: right !important; }
.tCentre { text-align: center !important; }
.tRight { text-align: right !important; }

.bold { font-weight: bold; }

.noBorder { border: none !important; }
.noBGImage { background-image: none !important; }
.noList { list-style: none; }
.noMargin { margin: 0 !important; }
.bgNudge { background-position: bottom !important; }
.green { color: #ACC314 !important; }
.hide { display: none; }
.show { display: block !important; }

.vTop { vertical-align: text-top; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

a.imgReplace:hover { background-position: bottom; }
.flash-replaced div.alt { display: none; }

img.btnReplace { cursor: pointer; display: none; }

span.zenith {}
span.zenith span { font-weight:bold; color: #ACC314; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */