/* [%-# @(#)home.css	1.20 13:14:44,11/08/23 (yy/mm/dd) -%] */

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

	body {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		font-size: 12px;	
		width:100%;
		color: #666666;
		margin:0 0 20px 0;	
		padding: 0;
		text-align: center;
		background:#dbdbdb;
	}

	img, form, fieldset {
		padding: 0;
		margin: 0;
		border: 0;
	}

	label {
		cursor: pointer;
	}

	legend {
		display: none;
	}

/* *****************************************************
	Typography
***************************************************** */

	h1, h2, h3, h4, h5, h6{
		margin: 0 0 1em 0;
	}

	/*h1 {
		color:#b29a7d;
		background: url(../images/home/caption1.gif) 0 0 no-repeat;
		overflow:hidden;
		text-indent:-5000em;
		float:left;
		width:228px;
		height:15px;
		padding:0;
		margin:9px 0 0 0;
	}*/
	
	h2 {
		font-size: 1.5em !important;
		margin: 0 0 5px 0;
		display: block;
		padding:0;
	}
	
/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #000;
		text-decoration: underline;
		outline:none;
	}

	a:hover {
		color: #3563ad;
		text-decoration: underline;
	}
	
/* *****************************************************
	Parent DIVs
***************************************************** */

	#wrapper{
		width:1003px;			
		margin: 0 auto;
		padding:0;
		text-align:left;
		/*overflow: hidden;*/
		position:relative;
		background:#dbdbdb url(../images/home/page_bg.gif) 50% 0 repeat-y;
	}
	#adbanner{
		position:absolute;
		right:-110px;	
		text-align:right;
		top:5px;
	}
	#right-banner{
		position:absolute;
		left:993px;
		text-align:left;
		top:100px;
	}
	#mainContainer{
		margin: 0;
		padding:0; 
		width:1003px;
		background:url(../images/home/header-bg.gif) 50% 0 no-repeat;
	}

	#container{	
		margin: 0;
		padding:0 21px 35px 22px;
		width:960px;
		background:url(../images/home/footer-bg.gif) no-repeat 0 100%;
	}
	
/* *****************************************************************************
	Header
***************************************************************************** */
	
	#header {
		margin:0;
		padding:0 21px 0 22px;
		width:960px;
		height:180px;
	}

	#masthead {
		margin: 0;
		padding:11px 0px 32px 29px;
		width:931px;
		height:57px;
		float:left;
	}

	/*#masthead h1{
		text-indent:-1000em;
		width:318px;
		height:26px;
		margin:19px 0 0 0;
		padding:0;
		float:left;
		background:url(../images/home/logo.gif) no-repeat 0 0;
	}

	#masthead h1 a{
		display:block;
		width:318px;
		height:26px;
		margin:0;
		padding:0;
	}*/
	#logo {
		float:left;
		height:26px;
		margin:19px 0 0;
		width:318px;
	}
	#headerBanner{
		float:right;
		margin:0;
		padding:0 125px 0 0;
	}

	#headerBanner img {	
		height: 60px;
		width: 388px;
		padding:0;
		margin:0;
	}

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

	#content {
		width:960px;
		clear:both;
		margin: 0;
		padding:0;
		/*
		overflow:hidden;
		position:relative;
		background: url(../images/home/test_bg.gif) repeat-y 0 0; */
	}
	.tabs{
		width:960px;
		clear:both;
		margin:0;
		position:relative;
		padding:0;
		
	}

	#nav{
		margin:0;
		padding:0;
		width:960px;
		background:url(../images/home/nav-bg.gif) repeat-x 0 100%;
		clear:both;
		float:left;
	}

	#nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#nav ul.mainLinks{
		float:left;
	}

	#nav ul.mainLinks li {
		float: left;
		padding:0 6px 0 0;
		margin:0;
		color: #fff;
		font-size:12px;
	}

	#nav ul.mainLinks li.selected a{
		background:url(../images/home/navli-hover-bg.gif) repeat-x 0 0;
		padding:18px 14px 14px;
	}

	#nav ul.mainLinks li a {
		display: block;
		padding:18px 14px 14px;
		background:url(../images/home/navli-bg.gif) repeat-x 0 0;
		margin:0;
		color: #fff !important;
		text-decoration: none;	
	}

	#nav ul.rightLinks{
		float:right;
		width:420px;
	}

	#nav ul.rightLinks li{
		float:right;
		padding:0 0 0 6px;
	}
	
	#nav ul.rightLinks li a {
		display: block;
		padding:18px 14px 14px;
		background:url(../images/home/navli-bg.gif) repeat-x 0 0;
		margin:0;
		color: #fff !important;
		text-decoration: none;	
	}

	#nav ul.rightLinks li.career-tools a{
		background:url(../images/home/navli-careertools-bg.gif) repeat-x 0 0 !important;
	}

	/*
	#nav ul li a.nobg{
		background:none;
		color:#333 !important;
	}

	#nav ul li a.nobg:hover{
		color:#3563AD !important;
		text-decoration:underline;
	}
	*/

	#nav a:hover{
		color: #fff !important;	
	}

	.tab{
		width:960px;
		margin:0;
		padding:0;
	}

	
	.tabs.jsOn #contractjobs div.searchBox{display:block;}
	.tabs.jsOn #permanentjobs div.searchBox{display:block;}
	.tabs.jsOn .candLogin{top:137px;left:35px;}
	#contractjobs div.searchBox {display:none;}
	#permanentjobs div.searchBox{display:none;}

	.searchBox{
		background:#3668b9 url(../images/home/searchbox-bg.gif) repeat-x 0 100%;
		width:932px;
		margin:0;
		padding:13px 14px 13px;
		clear:both;
		float:left;
	}

	.searchBox form#keywordSearch fieldset .formField {
		float:left;
		margin:0;
		background:url(../images/home/inputbox-bg.gif) no-repeat 0 0;
		padding:4px 0 7px 8px;
		width:197px;
	}
	
	.searchBox form#keywordSearch fieldset div {
		float:left;
		margin:0;
		background:url(../images/home/inputbox-bg.gif) no-repeat 0 0;
		padding:4px 0 7px 8px;
		width:197px;
	}

	.searchBox form#keywordSearch fieldset div.select-days{background:none; width:148px; padding:0px;}

	.searchBox form#keywordSearch fieldset .formField.dropdown {
		width:142px;
		padding-left:6px;
		background: url(../images/home/selectbox-bg.gif) 0 0 no-repeat;
		height:18px;
	}
	.searchBox form#keywordSearch fieldset div label {
		color:#FFFFFF;
		float:none !important;
		font-size:15px;
		font-weight:normal;
		margin:0 4px 0 0;
		padding:0 0 8px;
		text-align:left;
		width:auto !important;
	}

	.searchBox form#keywordSearch fieldset span.advSearch{float:left;margin:0;padding:5px 0 0 7px;}
	.searchBox form#keywordSearch fieldset span.advSearch a{color:#fff;margin:0;padding:0;}
	.searchBox form#keywordSearch fieldset span.advSearch a:hover{text-decoration:none !important;;}

	.searchBox input.text {
		border:1px solid #fff;;
		color:#999;
		margin:0;
		padding:0;
		width:188px;
	}
	.searchBox .formField.dropdown input{color:#999;}
	.searchBox select#job_type{
		width:130px;
		border:none;
		color:#999;
		padding:0;
	}

	.searchBox input.submit {
		background:url(../images/home/submitbut-bg.gif) no-repeat 0 0;;
		border:none;
		color:#545454;
		cursor:pointer;
		margin:0;
		float:left;
		padding:3px 0 7px;
		height:26px;
		width:56px;
	}
	form#keywordSearch fieldset div.select-days span#job_type_optionDiv{position:absolute;left:445px !important;}
	form#keywordSearch fieldset div.select-days span#job_type_optionDiv table#job_type_table tbody tr td{padding:0 0 0 3px;}
	
	
	.holding{
		width:890px;
		margin:0;
		padding:35px;
		float:left;
		zoom:1;
		
	}

	.holding h2, .holding h1{
		font-size:18px;
		text-transform:uppercase;
		margin:0;
		padding:0;
		text-indent:-1000em;
	}

	.holding .div1box h3{
		font-size:12px;
		text-transform:uppercase;
		margin:0;
		padding:0;
		color:#3668b8;
		text-indent:-1000em;
	}
	
	.div1box{
		width:201px;
		float:left;
		padding:18px 30px 0 0;
		margin:0;
	}

	.div2box{
		width:196px;
		float:left;
		padding:0;
		margin:0;
	}

	.div1box ul{
		margin:0;
		padding:0 0 25px 0;
		list-style:none;
	}

	.div1box ul li{
		margin:0;
		padding:5px 0;
	}

	.div1box ul li a{
		display:block;
		padding:0 0 0 15px;
		margin:0;
		font-size:14px;
		text-decoration:none;
		color:#666;
		font-weight:500 !important;
		background:url(../images/home/greyarw-right.gif) no-repeat left;
	}

	.div1box ul li a:hover{
		color:#3563AD;
		text-decoration:underline;
	}

	.nopadd-right{
		padding-right:0 !important;
	}

	.nopadd{
		padding:0 !important;
	}

	.holding.div1 h2, .holding.div1 h1{
		color:#3668b8;
		border-bottom:3px solid #d1d1d1;
	}

	.candLogin {
		float:left;
		margin:0;
		padding:0;
		width:192px;
	}

	.candLogin h2 {
		background:transparent url(../images/home/candidate_login.gif) no-repeat scroll 0 0;
		border-bottom:3px solid #D1D1D1;
		text-indent:-1000em;
		margin:0;
		padding:0 0 2px 0;
	}
	span.formInnerBlock {
		display:block;
		/*float:left;*/
		margin:0;
		position:relative;
		clear:both;
		padding:4px 0 14px 8px;
		background:url(../images/home/logininput-bg.gif) no-repeat 50% 0;
		width:188px;
	}
	#jobHunterLogin label {
		float:left;
		margin:2px 0 4px;
	}
	label.over {
		color:#999;
		left:5px;
		position:absolute;
		top:5px;
	}
	.candLogin input.text {
		color:#999;
		border:1px solid #fff;
		margin:0;
		padding:0;
		/*float:left;*/
		width:182px;
	}

	.candLogin input.submit {
		background:url(../images/home/loginbut.gif) no-repeat 0 0;;
		border:0px none;
		color:#545454;
		cursor:pointer;
		line-height:18px;
		margin:0 0 9px 0;
		*margin:0 0 0px 0;
		padding:3px 0 5px;
		width:55px;
	}

	.candLogin a{
		display:block;
		font-size:12px;
		padding:0 0 9px 0;
		color:#666666;
	}

	.div1box.cand-login h3 {
		background:transparent url(../images/home/already_registered.gif) no-repeat scroll 0 0;
		margin:0;
		padding:0;
		text-indent:-1000em;
	}
	.div1box.contract-jobs h3{
		background:url(../images/home/contract_job_it_types.gif) no-repeat 0 0;
	}

	.div1box.permenant-jobs h3{
		background:url(../images/home/permanent_job_types.gif) no-repeat 0 0;
	}

	a.button{
		background:url(../images/home/bluebut-right.gif) no-repeat top right;
		padding:0 14px 0 0 !important;
		float:left;
		text-decoration:none;
		margin:0 0 0 -5px;
	}

	*html a.button{
		margin:0;
	}


	a.button em{
		background:url(../images/home/bluebut-left.gif) no-repeat top left;
		padding:6px 0 6px 14px;
		font-style:normal;
		text-decoration:none;
		font-weight:bold;
		float:left;
		cursor:pointer;
		color:#fff;
	}

	a.button:hover{
		text-decoration:none;
	}

	.candLogin span.register{
		text-transform:uppercase;
		margin:0;
		padding:8px 0 3px 0;
		display:block;
		font-size:12px;
		text-indent:-1000em;
		background:url(../images/home/new_to_this_site.gif) no-repeat 0 50%;
		color:#3668b8;
	}

	.allJobs h1{
		background:url(../images/home/all_jobs.gif) no-repeat 0 0;
		padding: 0 0 2px 0;
	}

	.contractJobs h1{
		background:url(../images/home/contract-jobs.gif) no-repeat 0 0;
		padding: 0 0 2px 0;
	}

	.permanentJobs h1{
		background:url(../images/home/permenant-jobs.gif) no-repeat 0 0;
		padding: 0 0 2px 0;
	}

	div.div1box.skills{
		width:150px !important;
		padding:18px 5px 0 0 !important;
	}
	
	div.div1box.locations  {
		width:auto !important;
	}

	div.div1box.locations ul{
		width:160px;
		float:left;
		padding:0 10px 0 0;
		margin:0;
	}

	div.div1box.skills h3{
		background:url(../images/home/skills.gif) no-repeat 0 0;
	}

	div.div1box.locations h3{
		background:url(../images/home/locations.gif) no-repeat 0 0;
	}

	#allJobs, .divRight{
		width:658px;
		float:right;
		margin:0;
		padding:0;
	}


	.right{
		float:right !important;
	}

	#jotw{
		width:196px !important;
		margin:25px 0 0 0;
		background:url(../images/home/jotw-bottom-bg.gif) no-repeat 0 100%;
		padding:0 0 25px 0;
	}

	#jotw-hold{
		width:196px;
		text-align:center;
		padding:16px 0 0 0;
		background:url(../images/home/jotw-top-bg.gif) no-repeat 0 0;
	}

	#jotw-hold p{
		padding:10px !important;
		margin:0;
	}

	#jotw-hold h3{
		padding:0 0 5px;
		border-bottom:1px solid #e0e0e0;
		margin:0 0 14px 0;
		background:url(../images/home/job_of_the_week.gif) no-repeat 50% 0;}
	}

	#jotw-hold p{
		color:#666;
		font-size:12px;
		padding:17px 0 0 0;
		margin:0;
	}

	#jotw-hold p strong{
		font-weight:normal;
		color:#333;
		font-size:12px;
	}

	.holding.div2{
		background:#dfdfdf;
	}

	.holding.div2 h3{
		font-size:18px;
		text-transform:uppercase;
		color:#666;
		margin:0;
		padding:0;
		text-indent:-1000em;
	}

	.holding.div2 h3 span{
		font-size:12px;
	}

	#jobsByEmail h3{
		padding:0 0 142px 0;
		background:url(../images/home/register_for_jbe.gif) no-repeat 0 0;
	}

	#jobsByEmail{
		background:url(../images/home/jobsByEmail-bg.gif) no-repeat 50% 100%;
	}

	#jobsByEmail a.button{
		background:url(../images/home/brownbut-right1.gif) no-repeat top right;
	}

	#jobsByEmail a.button em, #PostAJob a.button em{
		background:url(../images/home/brownbut-left.gif) no-repeat top left;
	}

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

	#latestJobs h3{
		border-bottom:3px solid #c3c3c3;
		background:url(../images/home/latest_it_jobs.gif) no-repeat 0 0;
		padding:0 0 3px 0;
	}

	#latestJobs ul{
		margin:0;
		padding:10px 0 9px 0;
		list-style:none;
	}

	#latestJobs ul li{
		margin:0;
		padding:5px 0;
	}

	#latestJobs ul li a{
		display:block;
		padding:0 0 0 15px;
		margin:0;
		font-size:14px;
		text-decoration:none;
		color:#666;
		background:url(../images/home/greyarw1-right.gif) no-repeat left;
	}

	#latestJobs ul li a:hover{
		color:#3563AD;
		text-decoration:underline;
	}

	#PostAJob  h3{
		font-size:18px;
		text-transform:uppercase;
		color:#666;
		margin:0;
		padding: 0 0 30px 0;
		background:url(../images/home/post_it_jobs_by_credit_card.gif) no-repeat 0 0;
	}

	#PostAJob  h3 span{
		font-size:12px;
	}

	#PostAJob a.button{
		background:url(../images/home/brownbut-right.gif) no-repeat top right;
	}

	#PostAJob p{
		color:#666;
		font-size:12px;
		padding:16px 0 17px 0;
		margin:0;
		line-height:150%;
	}

	.holding.div3 h4{
		font-size:18px;
		text-transform:uppercase;
		color:#666;
		margin:0;
		padding: 0 0 7px 0;
		color:#3668b8;
		text-indent:-1000em;
	}

	.holding.div3 h4 span{
		font-size:12px;
	}

	#nowRecruting h4{
		width:133px;
		float:left;
		padding:0;
		height:36px;
		background:url(../images/home/featured_recruiters.gif) no-repeat 0 0;
	}

	#nowRecruting ul{
		width:720px;
		float:right;
		margin:0;
		padding:0 0 0 35px;
		list-style:none;
	}

	#nowRecruting ul li{
		float:left;
		padding:0 36px 0 0;
	}

	#nowRecruting ul li a{
		margin:0;
		padding:0;
	}

	#nowRecruting ul li a img{
		padding:0;
		margin:0;
		display:block;
	}

	.holding.div4 h4{
		font-size:18px;
		text-transform:uppercase;
		color:#666;
		margin:0;
		text-indent:-1000em;
		background:url(../images/home/realise_your_potential.gif) no-repeat 0 0;
		padding: 0 0 19px 0;
		color:#3668b8;
	}

	.holding.div4 h4 span{
		font-size:12px;
	}

	.holding.div3 {
		padding:33px 28px 0 35px;
	}

	*html .holding.div4 {
		float:none;
	}

	#uploadCV{
		background:url(../images/home/uploadCv-bg.jpg) no-repeat 0 0;
		float:left;
		width:406px;
		margin:0;
		padding:22px 0 0 22px;
		height:234px;
	}

	#BeMyInterview{
		width:428px;
		float:right;
		margin:0;
		padding:0;
	}

/* *****************************************************************************
	Footer
***************************************************************************** */
	
	#footer {
		font-size: 12px !important;
		margin:0;
		padding:10px 0 0 0;
		background:#3d6dbc;
		width:960px;
		clear:both;
	}

	#footer p {
		margin: 0;
		padding:0;
		clear: both;
		display: block;		
		text-align:center;
	}

	#footer p{
		font-size:11px;
		color:#fff;
	}

		#footer ul {
		text-align: center;
		padding:10px 0 10px 0;
		margin:0;
	
	}
	
	#footer li {
		list-style-type: none;
		display: inline;
		padding: 0;
		margin: 0 7px;
		font-weight: bold;
	}
	
	#footer ul li a {
		padding: 0;
		margin: 0;
		color:#fff !important;
		text-decoration:none;
	}

	#footer ul li a:hover{
		text-decoration:underline;
	}

	#footer p a{
		font-size:12px;
		color:#fff !important;
		text-decoration:none;
		padding-right:4px;
	}

	#footer p a:hover{
		text-decoration:underline;
	}

/******************************************
	Select Box Styling
*******************************************/

.msel{
	position:static;
}
.optionTextBox1{
	padding:0px;
	margin:0px;
	overflow:hidden; 
	vertical-align:middle;
	width:105px;
	font-size:13px;
	color:#999;
	padding:5px 0 5px 8px;
	border:none;
	background: url(../images/home/selectbox-bg.gif) 0 0 no-repeat;
	float:left;
}

.arrow1{
	padding:0px;
	margin:0px;
	vertical-align:middle;
	width:26px;
	height:26px;
	border:none;
	position:absolute;
}
*html .arrow1{margin:1px 0 0 -1px;}

<!--[if lt IE 7]>

*html .arrow1{margin:2px 0 0 -1px;}

<![endif]--> 

*:first-child+html .arrow1{margin:1px 0 0 -1px;}

.optionDiv1{
	position:absolute;
	left:-2000px;
	top:-1980px;  
	display:none;
	height:112px !important;
	z-index:90;
	width:137px !important;
	background-color:#FFFFFF;
	padding:0 !important;
	border:1px solid #999 !important;
}
.selBox1{
	overflow:hidden;
	display:inline !important;
	float:inherit;
	white-space:nowrap;
	position:static;
	padding:0 !important;
	width:123px; 
}
.cell1{
	font-size:13px;
	text-align:left;
	background-color:#ffffff;
}
.cellHover1{
	font-size:13px;
	background-color:#ccc;
	text-align:left;
}
.cellSelected1{
	font-size:13px;
	background-color:#fff;
	text-align:left;

}
.innerContainerPSPL{
	padding:0 !important;
}

