/* [%-# @(#)home.css	1.6 16:45:57,11/01/12 (yy/mm/dd) -%] */

/* *********************************************************
  Import rules
********************************************************* */

	@import url(navigation.css);

/* *****************************************************
	Globals
***************************************************** */

	body {
		font-family: Arial, Helvetica, Tahoma, sans-serif ;
		font-size: 75%;	
		width: 100%;
		color: #000;
		margin: 0;
		padding: 0;
		text-align: center;		
	}
	
	img, form, fieldset {
		padding: 0;
		margin: 0;
		border: 0;
	}

	label {
		cursor: pointer;
	}

	legend {
		display:none;
	}
	
/* *****************************************************
	Typography
***************************************************** */

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

	h1, h2, h3, h4, h5, h6 {
		margin:0;
		padding:0;
		font-size:140%;
		font-weight:bold;
	}
	
	p.right {
		text-align: right;
	}

	ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #cc0066;
		text-decoration: none;
	}

	a:hover {		
		text-decoration: underline;
	}
	
/* *****************************************************
	Containers
***************************************************** */

	#wrapper {
		width:1000px;			
		margin:0 auto;
		padding:0;
		position:relative;
		text-align: left;
		/*overflow: hidden;*/
	}
	#adbanner{
		position:absolute;
		right:-110px;
		text-align:right;
		top:10px;
	}
	#right-banner{
		position:absolute;
		left:990px;
		text-align:left;
		top:108px;
		width:auto;
	}
	#container {
		padding:0 20px;
		margin:0;
		float:left;
		width: 960px;
	}
	#container #masthead{
		padding:5px 0 20px;
	}
	#content {
		padding:0;
		margin:2px 0 0 0;
		float:left;
		width: 960px;
	}

	#searchBox {
		width:230px;
		overflow: hidden;
		float:left;
		margin: 0;
		padding: 0;
		background:#fff url(../images/general/searchbox_bg.jpg) 0 0 no-repeat;
	}

	#mainContent {
		width:730px;
		float:right;
		padding:0;
		margin:0;
	}

	#jobsBox {
		width:479px;
		float:left;
		margin:0;
		padding:0;
	}

	#jobsBox dl dt a {
		color:#000;
	}

/* *****************************************************
	Search Jobs
***************************************************** */

	#searchJobs {		
		width:230px;
		padding:0;
		margin:0;
	}

	#searchJobs h2 {
		background:#231f20 url(../images/general/job-search.gif) 0 0 no-repeat;
		color:#fff;
		padding:9px 11px;
		margin:0;
		display: block;
		text-indent: -5000em;
	}

	#searchJobs h3 {
		font-size:110%;
		margin:0 0 8px 0;
		color:#fff;
		border-bottom:1px solid #fff;
		padding:0 0 5px 0;
		font-weight:bold;
		font-family: Arial, Helvetica, Tahoma, sans-serif ;
	}

	#searchJobs .labelhead {
		font-size:110%;
		margin:0;
		cursor:text;
		padding:7px 0 5px 0;
		font-weight:bold;
		width:220px !important;
		font-family: Arial, Helvetica, Tahoma, sans-serif ;
	}

	#searchBox p {
		text-align: center;
	}

	#searchJobs p {
		text-align: right !important;
		margin: 0 15px 10px 0;
		font-weight: bold;
	}

	#searchJobs form {
		padding:0 11px 10px 11px;
		margin:0;
		display:inline;
		width:208px;
		float:left;
	}

	#searchJobs form fieldset {
		padding:0;
		margin:0;
	}

	#searchJobs .payingOpt label {
		width:95px;
		float:left;		
	}
	
	#searchJobs label {
		display: block;
		padding:0;
		margin: 0 0 2px 0;
		float:left;
	}

	#searchJobs fieldset.jobTypeOpt label {
		float:left;
		width:90px;
	}
		
	#searchJobs label span {
		font-weight: normal;
		font-size: 90%;
		margin: 3px 0 0 0;
	}

	#searchJobs span.any {
		margin: 5px 0 0 0;
		float: left;
	}

	#searchJobs span.any label {
		padding:0 0 0 16px;
		width:50px;
	}

	#searchJobs input.text {
		width: 200px;
		margin:0 0 2px 0;
		height: 14px;
	}

	#searchJobs  select {
		width:65px;
		margin:0 0 3px 0;
		float: left;
	}

	#searchJobs select#reqd_salary_low, #searchJobs select#reqd_salary_high {
		width:135px;
	}

	#searchJobs input.submit {
		float:right;
		width:78px;
	}

/* *****************************************************
	Introduction
***************************************************** */
	
	#featureContent {
		width:730px;
		float:left;
	}

	#featureContent img {
		margin: 0 0 0 11px;
		float: left;
	}

/* *****************************************************
	Job of the Week
***************************************************** */
	
	#joboftheWeek {
		float:right;
		width:220px;
		margin: 0 0 0 1px;
		padding:0 10px 80px 20px;
		background:#eddcdf url(../images/general/jotw_bg.gif) 0 100% no-repeat;
	}

	#joboftheWeek h4 {
		padding:10px 8px 20px 8px;
		color:#cc0066;
		display: block;
		text-indent: -5000em;
		background:url(../images/general/jotw_h4bg.gif) 10px 15px no-repeat;
	}

	#joboftheWeek p {
		padding:10px 16px;
		clear: both;
	}

	#joboftheWeek a {
		color:#000;
		font-weight:bold;
	}

/* *****************************************************
	Top Job Sectors
***************************************************** */

	#subContent {
		width:730px;
		float:left;
		margin: 0;
		padding: 0;
	}

	#subContent h4 {
		background: #231f20;
		color:#fff;
		padding:6px 8px;
		display: block;
		text-indent: -5000em;
	}

	#jobSectors {
		width:238px;
		float:left;
		margin:0;
		padding:0;
	}

	#jobSectors h4 {background: #231f20 url(../images/general/top-job-sectors.gif) 10px 8px no-repeat;}
	#nowRecruit h4 {background: #231f20 url(../images/general/now-recruiting.gif) 10px 8px no-repeat;}
	#latestJobs h4 {background: #231f20 url(../images/general/latest-jobs.gif) 10px 8px no-repeat;}

	#jobSectors dl {
		margin:5px 0 0 24px;
		padding:0;
		float:left;
		width:214px;
		font-weight:bold;
		display:inline;
	}

	#jobSectors dl dt {
		padding:4px 0;
		margin:0;
		width:83%;
		float:left;
		background: url(../images/home/dotted_blueline_bg.gif) left bottom repeat-x;
	}

	#jobSectors dl dd {
		padding:4px 0;
		margin:0;
		width:13%;
		float:left;
		background: url(../images/home/dotted_blueline_bg.gif) left bottom repeat-x;
		text-align:right;
	}

	#jobSectors p {
		float:right;
		padding:0;
		margin:5px 0 0 0;
		font-weight: bold;
		text-align:right;
		color: #cc0066;
	}
	
/* *****************************************************
	Now Recruiting
***************************************************** */

	#nowRecruit {
		padding:0;
		margin:0;
		width:241px;
		float:left;
	}

	#nowRecruit ul {
		margin: 0;
		padding: 10px 0 0 20px;
		float:left;
	}
	
	#nowRecruit ul li {
		float: left;
		margin: 0;
		padding:0 18px 8px 0;
		display:block;
	}

	#nowRecruit p, #locationsList p {
		float:right;
		padding:0;
		margin:0 10px 0 0;
		font-weight: bold;
		text-align:right;
		color: #cc0066;
	}
		
/* *****************************************************
	Top Locations
***************************************************** */
	
	#topLocations {
		padding:0;
		margin:15px 0 0 0;
		width:479px;
		float:left;
	}

	#topLocations h4 {
		color:#cc0066;
		background:none;
		display: block;
		text-indent: -5000em;
		background:url(../images/general/top-locations.gif) 0 0 no-repeat;
	}

	#topLocations img {
		margin: 0 0 0 11px;
		float: left;
	}

	#topLocations dl {
		margin:5px 0 5px 12px;
		padding:0;
		float:left;
		width:205px;
		font-weight:bold;
		display:inline;
	}

	#topLocations dl dt {
		padding:3px 0;
		margin:0;
		width:85%;
		background: url(../images/home/dotted_blueline_bg.gif) left bottom repeat-x;
		float:left;
	}

	#topLocations dl dd {
		padding:3px 0;
		margin:0;
		width:15%;
		float:left;
		background: url(../images/home/dotted_blueline_bg.gif) left bottom repeat-x;
		text-align:right;
	}

	#locationsList {
		width:230px;
		float:right;
	}
	
	#locationsIntro {
		clear:both;
		margin:0 5px 0 16px;
		padding:10px 0 0 0;
	}

	#locationsIntro a {
		font-weight: bold;
	}

/* *****************************************************
	Latest Jobs
***************************************************** */

	#latestJobs {
		width:251px;
		float:left;
		margin:0;
		padding:0;
	}

	#latestJobs ul {
		padding:2px 0 0 16px;
		margin:0;
	}

	#latestJobs ul li {
		background: url(../images/home/dotted_blueline_bg.gif) left bottom repeat-x;
		padding: 5px 0;
		font-size: 90%;
	}

	#latestJobs a {
		font-weight:bold;
	}

	#latestJobs a strong {
		color:#005d99;
		font-size: 110% !important;
	}

/* *****************************************************
	Form Fields
***************************************************** */

	input.submit {
		font-size: 110%;
		font-weight:bold;
		color: #000;
		background: url(../images/general/searchbtnbg.gif) 0 0 no-repeat;
		border: none;
		padding: 2px 5px;
		cursor: pointer;
	}

	*html input.submit {
		padding: 0 3px 4px 5px;
	}

	input.submit1 {
		background: url(../images/general/searchbtnbg2.gif) 0 0 no-repeat;
	}

	input.text {
		border:1px solid #7ba1c1;
		line-height:100%;
		padding:3px;
		font-size:100%;
	}

	input.radio {
		margin:0;
		padding:0;
		width:16px;
	}

	select {
		border:1px solid #7ba1c1;
		font-size:100%;
		padding:1px;
	}

	#footer {
		width: 980px;
	}

	#headerBanner {
		float:left;
		margin-left:205px;
	}
	
/***************************************************************
	MULTI CURRENCY SELECTOR
***************************************************************/

#salaryPicker {clear:both;}
#salaryPicker .salaryField {margin-top:10px; line-height:12px;}
#searchJobs #salaryPicker label {display:block; float:left; font-weight:normal !important; width:40px;}
#searchJobs #salaryPicker .salaryField.typeField label {width:auto;}
#salaryPicker input {border:none; margin:0 5px; padding:0; vertical-align:bottom; width:13px; height:13px;}
#salaryPicker input#singleCurrencyFlag {margin-left:0;}
#salaryPicker select {width:145px; margin:0 5px 10px 0; font-size:100%; font-family:Arial, Verdana, sans-serif;}
#salaryPicker select#currencyType {width:auto;}
#salaryPicker .floatLeft {float:left;}
#salaryPicker .salaryField.floatLeft {width:190px;}
#salaryPicker .loaderImg {margin:12px 0 0 0; display:none;}
#salaryPicker span {float:left; display:block;}
#salaryPicker .typeField span {width:35px; padding-top:1px;}
#salaryPicker span.fromWrapper label, #salaryPicker span.toWrapper label {padding-top:3px;}