@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			Wessynton
	Author: 		Jon Park | Union Room
	Created: 		28th July, 2008
	Updated: 		
	Copyright: 	(c) 2008, Wessynton. All Rights Reserved.
	
=======================================
*/

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

a { color: #F90; }
a:hover { text-decoration: underline; }
a.external {}
a#unionroom { color: #ADD61A !important; border-color: #ADD61A !important; }
a#unionroom:hover {}

a img { border: none; }

p { padding: 0 0 1.0em 0; }

/* === IDs & Classes === */
a.btnReplace { display: none; }

div.spacer { width: 100%; height: 1px; margin: 5px auto 15px auto; border-bottom: 1px dashed #809AB3; }

/* === Structure Elements === */
div#hdr { width: 100%; background: #FFF url(../img/bg/divHdr.gif) repeat-x 0px 239px; }
div#hdr.homepage { background: #FFF url(../img/bg/divHdr.gif) repeat-x bottom; }
	div#hdr .inner { width: 900px; height: 271px; margin: 0 auto; background: url(../img/bg/divHdrInner.gif) no-repeat bottom; display: table; }
	div#hdr.homepage .inner { height: 370px; background: url(../img/bg/divHdrHomepageInner.gif) no-repeat bottom; }
div#bodyWrap { width: 100%; margin: 0 auto; background-color: #003466; }
	div#body { width: 900px; margin: 0 auto; padding: 0 0 20px 0; }
		div#content { width: 510px; padding: 0 42px 0 0; float: right; }
		div#bodyWrap.homepage div#content { padding: 0 42px 90px 30px; }
			div#title { width: 100%; }
			div#title.homepage { width: 385px; padding: 0 170px 0 0; background: url(../img/bg/h3Homepage.gif) no-repeat right; }
		div#sidebar { width: 290px; padding: 0 0 0 25px; border-right: 1px solid #FFF; float: left; }
div#ftr { width: 100%; padding: 12px 0 15px 0; background: url(../img/bg/divFtr.png) repeat-x top; }
	div#ftr div.inner { width: 900px; margin: 0 auto; font: 1.1em Verdana, Arial, Helvetica, sans-serif; }

/* === Main Menu === */
ul#mainMenu { width: 617px; height: 20px; padding: 10px; list-style: none; background-color: #0083D7; float: left; }
ul#mainMenu li { height: 40px; padding: 0 9px; float: left; }
	ul#mainMenu li.first { padding-left: 5px; }
	ul#mainMenu li.last { padding-right: 0; }
ul#mainMenu a { padding: 5px 0 10px 0; font: 1.3em Arial, Helvetica, sans-serif; text-decoration: none; border-top: 5px solid #0083D7; color: #FFF; }
ul#mainMenu a.active, ul#mainMenu a:hover { border-top: 5px solid #F90; }

/* === Content Elements === */
ul#breadcrumb { list-style: none; }
ul#breadcrumb li { padding: 0 2px; font-size: 1.1em; display: inline; }

div#jobsAvailable { 
	width: 187px; 
	height: 121px; 
	
	margin: 169px 25px 0 0;
	padding: 20px 30px;
	
	background: url(../img/bg/divJobsAvailable.png) no-repeat top; 
	
	float: right; 
	position: relative;
	
	top: 18px;
}
	#jobsAvailable h2 { font-size: 2.7em; font-weight: bold; color: #014C88; }
	#jobsAvailable h2.yellow { font-size: 4.6em; color: #F90; }
	#jobsAvailable p { text-align: right; }
	#jobsAvailable a { font-size: 1.1em; }

div#content p { font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; }

ul#bodyLinks { width: 520px; margin: 10px auto 10px auto; list-style: none; display: table; }
ul#bodyLinks li { 
	width: 131px; 
	height: 139px; 
	padding: 20px 20px 0 20px;
	
	text-transform: uppercase;
	color: #333;

	background: url(../img/bg/liBodyLinks.gif) no-repeat top; 
	float: left;
}
ul#bodyLinks li.red { margin: 0 0px; }

	ul#bodyLinks li h4 { padding: 25px 0 0 0; font-size: 2.0em; background-position: left top; background-repeat: no-repeat; }
	ul#bodyLinks li h4.highlight { padding: 0; background-image: none !important; }
	
	ul#bodyLinks li.blue h4 { background-image: url(../img/bg/liBodyLinksH4Blue.gif); }
	ul#bodyLinks li.red h4 { font-size: 1.9em; background-image: url(../img/bg/liBodyLinksH4Red.gif); }
	ul#bodyLinks li.green h4 { background-image: url(../img/bg/liBodyLinksH4Green.gif); float: left; }
	ul#bodyLinks li.blue h4.highlight { color: #0083D7; }
	ul#bodyLinks li.red h4.highlight { color: #C00; }
	ul#bodyLinks li.green h4.highlight { color: #9C0; padding: 25px 0 0 5px; clear: right; }

	ul#bodyLinks li a { width: 76px; height: 34px; float: right; position: relative; left: 5px; } 
	ul#bodyLinks li.blue a { background-image: url(../img/imgReplace/aBodyLinkUpload.gif); }
	ul#bodyLinks li.red a { background-image: url(../img/imgReplace/aBodyLinkSubmit.gif); top: 6px; }
	ul#bodyLinks li.green a { background-image: url(../img/imgReplace/aBodyLinkGo.gif); top: -5px; }
	
	ul#bodyLinks li.green p { font-size: 1.2em; font-weight: bold; float: left; }

div#latestJob { margin: 20px 0 0 0; padding: 20px 0 30px 0; border-top: 1px dashed #809AB3; }
	div#latestJob h4 { padding: 0 0 10px 0; font-size: 1.4em; font-weight: bold; }
	div#latestJob h4.flashReplace { margin: 0 0 10px 0; padding: 0 0 0 30px; font-size: 2.5em; font-weight: bold; background: url(../img/bg/h4LatestJob.gif) no-repeat left; }
	
	div#latestJob h4.yellow { padding: 0; }
	div#latestJob ul { width: 100%; margin: 5px 0; list-style: none; display: table; }
	div#latestJob li { padding: 0 15px 0 0; float: left; }

	a.tellMore { width: 107px; height: 34px; background-image: url(../img/imgReplace/aTellMeMore.png); }
	a.apply { width: 136px; height: 34px; background-image: url(../img/imgReplace/aApply.png); }

ul.yellow { margin: 0 0 10px 15px; }
ul.yellow li { padding: 7px 0; font-size: 1.1em; font-weight: bold; }

/* - Vacancies Page - */
p#count { padding: 0; font-weight: bold; }
div.nav { margin: 10px 0; padding: 10px; background-color: #0083D7; color: #FFF; }
	div.nav p { padding: 0; }
	div.nav a { color: #FFF; }

ul#jobList { padding: 0 0 10px 0; list-style: none; }
	li.job { padding: 10px 0 20px 0; border-bottom: 1px dashed #FFF; }
		li.job h4 { font: bold 1.4em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #F90; }
			li.job h4 a { text-decoration: none; }
			li.job h4 a:hover { text-decoration: underline; }
		li.job div.meta { padding: 0 0 10px 0; }
			li.job div.meta p { padding: 0; }
			li.job div.meta p.industry { font-weight: bold; }
		li.job div.summary {}
		li.job div.content {}
			li.job div.content h4 { color: #FFF; }
		li.job ul.links { width: 100%; margin: 10px 0 0 0; list-style: none; display: table; }
		li.job ul.links li { padding: 0 15px 0 0; float: left; }

div#jobPost {}
	div#jobPost h4.yellow { padding: 0 0 10px 0; font-size: 1.4em; }
	div#jobPost div.meta { margin: 0 0 10px 0; padding: 10px; background-color: #0083D7; font-size: 1.1em; }
		div#jobPost div.meta ul { list-style: none; }
		div#jobPost div.meta li { padding: 2px 0; }
	div#jobPost h4.flashReplace { font: bold 2.0em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #FFF; }

div#application {}
	div#application .text, div#application .file, div#application textarea { padding: 2px 3px; font: 1.0em Arial, Helvetica, sans-serif; }
	div#application .text { width: 175px; }
	div#application textarea { width: 300px; }

	div#application td, div#application th { padding: 2px 10px; font-size: 1.1em; }
	div#application tbody th { text-align: left; vertical-align: text-top; }

div#mapCanvas { width: 510px; height: 265px; margin: 0 0 20px 0; }

table.contact { width: 335px; }
	table.contact th, table.contact td { padding: 5px; text-align: left; font-size: 1.1em; }
	table.contact .text, table.contact textarea { padding: 2px; font: 1.0em Arial, Helvetica, sans-serif; }
	table.contact .text { width: 180px; }
	table.contact textarea { width: 325px; }

table.contact th.error, table.contact th.success { padding: 10px; background-color: #FFF; text-align: center; font-weight: normal; }
table.contact .error { color: #C00; border: 1px solid #C00; background-color: #FEE; }
table.contact th.success { color: #0C0;; border: 1px solid #0C0; background-color: #EFE; }

ol, ul.bodyList { margin: 0 0 10px 15px }
ol li, ul.bodyList li { padding: 2px 0; font-size: 1.1em; }

/* --- Start Sidebar Elements --- */
div.contentBox { width: 257px; margin: 0 0 10px 0; color: #333; background: url(../img/bg/divContentBox.gif) repeat-y; }
	div.contentBox div.top { width: 237px; height: 32px; padding: 5px 0 0 20px; background: #0083D7 url(../img/bg/divContentBoxTop.gif) no-repeat top; }
		div.contentBox div.top h4 { font-size: 2.0em; font-weight: bold; color: #FFF; }
	div.contentBox div.inner { width: 217px !important; padding: 10px 20px 0 20px; font-size: 1.1em; display: table; }
	div.contentBox div.btm { width: 257px; height: 15px; background: url(../img/bg/divContentBoxBtm.gif); }
	
	div.contentBox .text, div.contentBox select { width: 100%; padding: 2px 0; font: 1.0em Verdana, Arial, Helvetica, sans-serif; }
	
	a.submit { width: 76px; height: 34px; background-image: url(../img/imgReplace/aSubmit.gif); float: right; }
	a.submit.blue { background-image: url(../img/imgReplace/aSubmitBlue.gif); float: left; }
	
div.sideBox { width: 248px; margin-bottom: 10px; border-top: 1px dashed #809AB3; }
	div.sideBox h5 { 
		padding: 5px 45px; 
		font-size: 2.0em; 
		font-weight: bold;
		border-bottom: 1px dashed #809AB3; 
		
		background-repeat: no-repeat;
		background-position: 14px;
	}
	div.sideBox#jobSeekers h5 { background-image: url(../img/bg/h6SideBox.gif); }
	div.sideBox#employers h5 { background-image: url(../img/bg/h6SideBoxPink.gif); }
	
	div.sideBox div { padding: 10px; font-size: 1.1em; }
	
	div.sideBox a.imgReplace { width: 246px; height: 39px; margin: 10px 0 0 0; }
	div.sideBox#jobSeekers a.imgReplace { background-image: url(../img/imgReplace/aSeeker.png); }
	div.sideBox#employers a.imgReplace { background-image: url(../img/imgReplace/aOpenings.png); }
	
	option.alt { background-color: #E8F2F7; }
	
/* --- End Sidebar Elements --- */

/* --- Start Footer Elements --- */
div#ftr a { color: #FFF; border-bottom: 1px dotted #FFF; text-decoration: none; }
div#ftr a:hover { border-bottom: 1px solid #FFF; }
div#ftr dl#map { width: 822px; padding: 10px 39px 45px 39px; }
	
	dd.group { width: 25%; float: left; }
		dd.group dt { padding: 0 0 11px 0; }
		dd.group dd { padding: 2px 0 3px 10px; background: url(../img/bg/ddArrow.gif) no-repeat left; }

/* === Form Elements === */

/* === Titles & Headers === */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h1#siteTitle { width: 263px; height: 128px; background-image: url(../img/imgReplace/h1SiteTitle.gif); float: left; }
	
div#title h3 { margin: 0 0 30px 0; font-size: 4.8em; line-height: 0.9em; }

h4#findUs, h4#getInTouch { margin: 0 0 10px 0; font-size: 2.0em; }
h4.subtitle { margin: 5px 0 10px 0; font-size: 2.0em; }
h4.minor { margin: 5px 0 10px 0; font-size: 1.4em; color: #F90; font-weight: normal; }

/* === Important Stuff === */
.fLeft { float: left !important; }
.fRight { float: right !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.tCentre { text-align: center !important; }

.bold { font-weight: bold !important; }
.noBold { font-weight: normal !important; }
.noBorder { border: none !important; }

.yellow { color: #F90; }

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

.flashReplace .alt { display: none; }

.hide { display: none; }
.shrink { height: 0px; overflow: hidden; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */