/* [%-# @(#)home.css	1.2 15:09:11,10/07/14 (yy/mm/dd) -%] */
/* *****************************************************
	Imports
*****************************************************/

	@import url(/css/navigation.css);

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

	body {
		font-family: Arial, Tahoma, Helvetica, sans-serif;
		font-size:75%;
		width:100%;
		color: #000000 !important;
		margin:0;	
		padding: 0;
		text-align: center;
		background-color: #fff;
	}

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

	label {
		cursor: pointer;
	}

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

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

	h3 {
		padding:0 0 8px 5px;
		margin:0;
	}

	h4 {
		font-size: 1.4em;
		font-weight: normal;
		padding:0;
		margin:0;
		color: #000 !important;
	}

	p.right {
		text-align: right;
	}

	.left {
		float: left;
	}

/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #000000;
		text-decoration: underline;
	}

	a:hover {
		color: #ff0000 !important;
		text-decoration: underline;
	}
	
/* *****************************************************
	Containers
***************************************************** */

	#wrapper {	
		margin: 0 auto;
		padding: 0;
		width: 720px;
		text-align: left;
		position:relative;
		background: url(../images/home/starbg.gif) 0 0 repeat-y;
	}
	#adbanner{
		position:absolute;
		width:728px;
		right:-188px;
		text-align:right;
		top:5px;
	}
	#right-banner{
	    position:absolute;
		right:-188px;
		text-align:right;
		top:124px;
		width:160px;
	}
	div[id="wrapper"]#wrapper {
		margin: 0 auto;
		width: 720px;
		padding: 0;
	}
	
	#container {
		width: 720px;		
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	#masthead {
		height: 76px;
		padding:12px 14px;
	}

	#content {
		width: 720px;			
		padding: 0;
		margin: 3px 0 0 0;
		float: left;
		clear: both;
		line-height: 140%;
	}

	#content h2 {
		margin: 0 0 10px 0;
		padding: 0;
		background: url(../images/home/header_lightimg_h2_new.jpg) 0 0 no-repeat;
		clear: both;
		display: block;
		text-indent: -5000em;
		height:69px;
	}

	#mainContent {
		float: right;
		width: 530px;
		margin: 0;
		padding: 0;
	}
	
	#subContent {
		float: left;
		padding: 286px 0 0 0;
		margin: 0;
		background: url(../images/home/header_lightimg.jpg) 0 0 no-repeat;
		width:190px;
	}

/* *****************************************************
	Search for Jobs
***************************************************** */
	
	#jobSearch {
		padding:0;
		margin: 0;
		float:left;
		width:520px;
		background:#606060 url(../images/home/bottombg_search.gif) 0 100% no-repeat;
		color:#fff;
	}

	#jobSearch fieldset {				
		background: url(../images/home/bottombg_fieldset.gif) 0 100% no-repeat;	
		width:480px;
		padding:10px;
		margin:0;
		border:none;
		clear:both;
		float:left;
	}

	#step1 div, #step2 div, #jobDisc div {
		background: #484848 url(../images/home/topbg_fieldset.gif) 0 0 no-repeat;
		width:500px;		
		margin:10px;
		padding:0;
		clear:both;
		overflow:hidden;
	}

	#jobSearch form {
		padding: 0;
		margin: 0;
	}
	
	#jobSearch h1 {
		margin: 0;
		padding: 0;
		background: url(../images/home/search_h3bg.gif) 0 0 no-repeat;
		display: block;
		text-indent: -5000em;
		overflow:hidden;
		width:520px;
		height:29px;
	}

	#jobSearch h2 {
		background:#484848;
		color:#fff;
		font-size:100%;
		padding:7px;
		margin: 0;
		display:block;
		height: auto;
		text-indent: 0;
	}

	#jobSearch #jobDisc h2 {
		margin: 0;
		padding: 0;
		background: url(../images/home/search_disciplinebg.gif) 0 0 no-repeat;
		display: block;
		text-indent: -5000em;
		overflow:hidden;
		width:520px;
		height:29px;
	}

	#jobSearch a {
		color: #fff;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}

	#step1, #step2, #jobDisc {
		padding: 0;
		margin: 0;
		clear:both;
	}

	#step1 input, #jobDisc input {
		padding: 0;
		margin: 0 0 2px 0;
		vertical-align: middle;
	}
	
	#step1 ul, #jobDisc ul {
		float: left;
		padding: 0 5px 0 0;
		margin: 0;
		list-style: none;
		font-size: 90%;
	}

	#jobDisc ul {
		padding: 5px;
	}

	#step1 ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 150px;
	}

	#step1 ul li {
		float: left;
	}

	#step1 ul li label {
		padding: 0;
		margin: 0;
		width: 140px;
		float: left;
	}

	#jobDisc ul li  {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 155px;
	}

	#jobDisc ul li a {
		text-decoration: none;
		padding: 0;
		margin: 0;
		display: block;
	}

	#step2 label {
		float: left;
		width: 214px;
		padding: 0 8px 0 0;
		margin: 0;
		font-weight:bold;
		font-size:90%;
		display:block;
	}

	#step2 input.text {
		width: 212px;
		padding:1px 0;
		border:1px solid #e2e2e2;
		margin:2px 0 0 0;
		color:#000;
		clear:both;
	}

	#step2 input.submit {		
		float:left;
		margin: 18px 0 0 0;
	}

	#step2 label span {
		font-weight: normal;
		font-size: 80%;
		margin: 3px 0 0 0;
		width: 130px;
		float: left;
	}

	#step2 label#channel_page_code_label {
		clear: left;
	}
	
	#step2 p {
		clear: left;
		margin: 0;
		padding:0 15px 0 0;
	}

	.advSearch, .advSearch a {
		text-align: right;
		color: #000;
		padding-right: 3px !important;
	}

/* *****************************************************
	Featured Recruiters
***************************************************** */
	#featRec {
		margin: 0;
		width: 520px;
		padding: 10px 0 0 0;
		float: left;
	}

	#featRec h4 {
		display: block;
		text-indent: -5000em;
		width:238px;
		height:14px;
		background: url(../images/home/featrec_h4bg.gif) 0 0 no-repeat;
		padding: 3px 0 10px 30px;
		margin: 0 0 0 4px;
	}

	#featRec ul {
		list-style: none;
		margin: 8px 0 0 20px;
		padding: 0;
	}
	
	#featRec ul li {
		float: left;
		margin: 0;
		padding: 0 15px 5px 0;
	}

	.moreab {
		font-size:110%;
		text-align:right;
		width:95%;
	}

	#featRec span {
		margin: 5px 5px 0 0;
		float: right;
		width: 75px;
	}

	#featRec span a {
		float: right;
		margin-right: 10px;
	}

/* *****************************************************
	Register Now
***************************************************** */

	#register {
		float: left;
		padding: 0;		
		margin:20px 0 0 0;
		line-height: 1.5em;
		width: 181px;
	}

	#register h2 {
		margin: 0;
		padding: 0;
		background: #fff url(../images/home/registerbg.gif) 0 0 no-repeat;
		clear: both;
		display: block;
		text-indent: -5000em;
		width:180px;
		height:84px;
	}

	#register form {
		padding: 0;
		margin:0;
		background: url(../images/home/topbg_register.gif) 0 0 no-repeat;
	}

	#register fieldset {
		background: url(../images/home/bottombg_register.gif) 0 100% no-repeat;	
		padding: 10px 8px;
	}

	#register input.text {
		width: 120px;
		border:1px solid #7f9db9;
		padding:3px 4px 3px 2px;
		margin:0;
		color:#000000;
		font-size:90%;
		float:left;
	}

	*html #register input.text {
		height:0.01%;

	}

	#register input.submit {
		float: right;
		margin: 0;
	}
	#career-tools{width:181px;float:left;padding:7px 0 0 0;margin:15px 0 0 0;background:url(../images/home/careertools-top.gif) no-repeat 0 0;}
	#career-tools h4{padding:0 0 10px 20px;background:url(../images/home/redstar.gif) no-repeat 4% 20%;}
	#career-tools ul{margin:0;float:left;width:165px;padding:0 8px 5px 8px;list-style:none;background:url(../images/home/careertools-bottom.gif) no-repeat 0 100%;}
	#career-tools ul li{margin:0;padding:0 0 10px 0;}
	#career-tools ul li a{margin:0;padding:0;display:block;font-size:11px;text-decoration:none;}

/* *****************************************************
	Foooter
***************************************************** */

	#footer {
		margin: 0 0 0 190px;
		width: 520px;
	}

/* *****************************************************
	Form Fields
***************************************************** */
	
	legend {
		display: none;
	}

	input.user-input {
		color: #000000;
		font-style: normal;
	}
	
	input.submit {
		color: #FFF;
		font-size: 90%;
		font-weight: bold;
		cursor: pointer;
		cursor: hand;
		border: 1px solid #ff3600;
		background: #ff3600;
		width:30px;
		padding:2px;
		margin:2px 0 0 0;
	}