/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


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

#container {
	display:block;
 	margin:0 auto; padding:0;
	text-align:left;
	width:800px; height:600px;
	background-color: #FFF;
}

#powered {
	display:block;
 	margin:0 auto; padding:0;
	text-align:left;
	width:800px; height:20px;
}

#containerResult {
	display:block;
 	margin:0 auto; padding:0;
	text-align:left;
	width:800px; 
	min-height:600px;
	background-color: #DBECBB; 
}

#searchBox, #navBox, #headerBox, #colourBox, #mainContent, #footerBox {
	display:block;
	margin:0; padding:0;
	float:right;
	clear:both;
}

#searchBox { width: 263px; height:139px; }
#searchForm { margin: 38px 0 16px 49px; padding:0; }

/* navigation */
#navBoxStandard {
	width: 100%; height:52px;
	background-color:#222223;
}

.home #navBox {
	margin-bottom:6px;
	width: 263px; height:150px;
	background-color:#D2D65C;
}
#homeNav {
	background-color:#C6CC33;
	width: 180px; height:123px;
	padding-top:27px;
}

#mainNav {	margin-top: 14px; float:right; width:577px; height:25px;}
#subNav { float:right; width:577px; height:13px; }

#headerBox {
	width: 100%; height:73px;
	background-color:#98C93C;
}

#breadcrumb {
	display:block; clear:both; overflow:hidden;
	width: 800px; height:23px;
	background-color:#FFF;
}

#colourBoxResult { 
	display:block; clear:both; overflow:hidden;
	width: 800px; height:21px;
	background-color:#7FB631;
}

#mainContent { width:577px; height:377px;}
#content { padding: 9px 80px 50px 11px; overflow:auto;}

#contentJob { padding: 9px 60px 10px 11px; overflow:auto; background-color: #9CCA4C;}

td.keywordSearch { vertical-align: top; align: right; width: 314px; background-color: #9CCA4C; }
* html td.keywordSearch {
	width: 250px;
}

td.viewAllJobs { background-color: #E39D48; padding-left: 11px; width: 292px; padding-right: 11px; padding-top: 9px; vertical-align: top; }
* html {
	width: 292px;	
}
td.jobSearchCategories { padding-left: 20px; }
div.keywordHeading { width: 165px; float:right; clear: both; }
div.keywordForm { float:right; clear: both; }

/*results*/
#mainContentResult { width:800px; min-height:431px; background-color: #DBECBB; margin: 0 0 0 0;}
#taglineResult { width:539px;}
#contentResult { padding: 9px 2px 50px 73px;}


/*list details*/
#contentBox {
	margin:0; padding:0;
	width: 520px;
}

#sidePanel { 
	width:251px; min-height:431px;
	background-color:#AED465;
}

#sidePanelcontent { margin:15px 0 0 27px;}

/* footer */
#footerBox {
	width: 100%; height:73px;
}   

#tagline, #taglineResult {
	display:block;
	float:left;
	margin: 0; padding:0;
	width:520px;
	text-align:center;
}

#logotype, #logotypeResult {
	display:block;
	float:right;
	width:263px; height:73px;
	background-color:#FFF;
}
#logotypeResult {
	width:261px;
}

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


/* ----- HEADINGS ----- */


#searchBox .heading{
	margin:4px 0 0 0; padding:0;
	width:109px; height:15px;
	position:relative;
	font-size: 85%;
	font-weight:normal;
	text-transform:uppercase;
}

#searchBox .heading span {
	background: transparent url(/images/headings/searchJob_heading.gif) no-repeat left top;
	position: absolute;
	width:100%; height:100%;
}

/* ----- PARAGRAPHS ----- */

p{
	margin: 0 0 0.7em 0; padding:0;
	font-size: 100%;
}	

#content p{ line-height:1.2em; }

#breadcrumb p { padding: 4px 0 0 74px; text-transform:uppercase; font-size: 69%; }

/* ----- QUOTES ----- */

blockquote{
	margin:0; padding:0;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size:120%;
}

/* ----- BREAK ----- */

div.clearer, div.clearerNospace { 
	clear:both;
	width:100%; height:15px;
	margin:0; padding:0;
}

div.clearerNospace { height:0;}

div.clearer hr, div.clearerNospace hr { display:none;}

.home div.clearer { height:5px;}

div.listRule {
	clear:both;
	width:634px; height: 15px;
	margin:15px 0 15px 74px;
	border-top: 1px solid #000;
}

div.listRule hr { display:none; }

/* ----- LISTS ----- */

/* navigation */
#navBox ul, #searchBox ul {
	margin:0; padding:0;
	list-style-type:none;
	font-size: 77%;
}

.home #navBox ul { margin:0 0 0 49px;}
.home #searchBox ul { margin:0 0 0 49px;}

#navBox #subNav ul { 
	float:right; text-align:left; 
	width:240px; height:13px;
}

#navBox #mainNav ul {
	text-align:left; 
	width:577px; height:25px;
}

#navBox #homeNav ul {
	width:105px; height:120px;
}

#navBox li, #searchBox li {
	margin:0; padding:0;
	text-transform:uppercase;	
}

#mainNav li { display:inline; color: #FFF; height:25px;}
#subNav li { display:inline; color: #ADAFB1; height:13px; }
#homeNav li { color: #000; height:18px; }


/* ----- LINKS -----*/
#breadcrumb a { color: #000; text-decoration: none;}
#breadcrumb a:hover { color: #000; text-decoration: underline;}

#navBox li a, #searchBox li a, #homeNav li a { color: #000; }
#mainNav li a { color: #FFF; }
#subNav li a { color: #ADAFB1; }

/* navigation - home */
#homeNav li.mNav_intr a, #homeNav li.mNav_clie a, #homeNav li.mNav_forc a, #homeNav li.mNav_jobo a,
#homeNav li.mNav_reso a, #homeNav li.mNav_cont a {
	position:relative; display:block;
	height: 18px;
	overflow:hidden;
}

#homeNav li.mNav_intr a span, #homeNav li.mNav_clie a span, #homeNav li.mNav_forc a span,
#homeNav li.mNav_jobo a span, #homeNav li.mNav_reso a span, #homeNav li.mNav_cont a span {
	position:absolute;
	width:100%; height:100%;
	background: transparent url(/images/homeNav.gif) no-repeat left top;
	cursor:pointer;
}

#homeNav li.mNav_intr a { width:105px; }
#homeNav li.mNav_clie a { width:105px; }
#homeNav li.mNav_forc a { width:105px; }
#homeNav li.mNav_jobo a { width:105px; }
#homeNav li.mNav_reso a { width:105px; }
#homeNav li.mNav_cont a { width:105px; }

#homeNav li.mNav_intr a span { background-position: 0px -86px;} /* leftPX -topPX */
#homeNav li.mNav_clie a span { background-position: 0px -122px;}
#homeNav li.mNav_forc a span { background-position: 0px -158px;}
#homeNav li.mNav_jobo a span { background-position: 0px -194px;}
#homeNav li.mNav_reso a span { background-position: 0px -230px;}
#homeNav li.mNav_cont a span { background-position: 0px -266px;}

#homeNav li.mNav_intr a:hover span { background-position: 0px -104px;}
#homeNav li.mNav_clie a:hover span { background-position: 0px -140px;}
#homeNav li.mNav_forc a:hover span { background-position: 0px -176px;}
#homeNav li.mNav_jobo a:hover span { background-position: 0px -212px;}
#homeNav li.mNav_reso a:hover span { background-position: 0px -248px;}
#homeNav li.mNav_cont a:hover span { background-position: 0px -284px;}

/* navigation - inside */

li.sNav_home a, li.sNav_term a, li.sNav_priv a, li.sNav_thea a {
	position:relative; display:block;
	float:left;
	height:8px;
	overflow:hidden;
}

li.sNav_home a span, li.sNav_term a span, li.sNav_priv a span, li.sNav_thea a span {
	position:absolute;
	width:100%; height:100%;
	background: transparent url(/images/subNav.gif) no-repeat left top;
	cursor:pointer;
}

li.sNav_home a { width:10px; margin-right:9px; }
li.sNav_term a { width:49px; margin-right:10px; }
li.sNav_priv a { width:29px; margin-right:8px; }
li.sNav_thea a { width:100px; }

li.sNav_home a span { background-position: 0px -121px;}
li.sNav_term a span { background-position: 0px -31px;}
li.sNav_priv a span { background-position: 0px -66px;}
li.sNav_thea a span { background-position: 0px -84px; cursor:default;}

li.sNav_home a:hover span { background-position: 0px -103px; }
li.sNav_term a.select span, li.sNav_term a:hover span { background-position: 0px -13px; }
li.sNav_priv a.select span, li.sNav_priv a:hover span { background-position: 0px -48px; }
 
/* ----- FORMS ----- */

form { margin:0; padding:0; text-align:left;}

form.applicationForm { width:160px;}
form.jobSearch { width:345px;}

form.jobSearch label, form.applicationForm label {
	display:block; 
	clear:left; float:left;
	width:345px;
	margin:0;
	font-size:82%;
	line-height:14px;
	text-transform:uppercase;
} 

form.applicationForm label { width:126px; clear:left; float:left;}

form.jobSearch input, form.pageSearch input, form.applicationForm input {
	display:block;
	margin-top: 3px;
	font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
	float:left;
}

input.searchInput {
	width: 126px;
	background-color:#F1F1F2;
	cursor:text;
	padding:0 0 0 1px;
	border:1px solid #EEE;
	margin:0 0 12px 0;
	font-size:82%;
	line-height:14px;
	text-transform:uppercase;
}

form.jobSearch input.searchInput { width:151px;}

input.goButton { clear:left; margin-right: 20px; }
input.goButton, input.viewAllButton { float:left;}
input.viewAllButton { clear:right; }

input.searchInput:hover { border-color:#60A01E}

form.pageSearch input { float:left; margin-right:3px;font-size:100%;text-transform:none;}

form.pageSearch label, form.pageSearchJob label { display:none; }

form.pageSearch img.searchButton { float:left; margin-top:2px;}

form.pageSearchJob .searchButtonJob { float: right; clear: both; margin-top: 1px; width: 34px; height: 26px;}
form.pageSearchJob input { float: right; margin-right: 5px; font-size: 100%; text-transform: none; margin-bottom:3px; height: 20px; width: 160px;  }



.smalltext {
	font-size:69%;
}