/* [%-# @(#)home.css	1.11 15:25:53,09/05/19 (yy/mm/dd) -%] */

/* *****************************************************
	Imports
***************************************************** */

	@import url(navigation.css);

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

	body {
		font-family: Arial;
		font-size: 70%;
		width: 100%;
		color: #333;
		margin: 0;	
		padding: 0;
		text-align: center;		
		background-color: #fff;
	}

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

	label{
		cursor: pointer;
	}

	legend {
		display: none;
	}

/* *****************************************************
	Typography
***************************************************** */
	
	h1, h2, h3, h4, h5, h6, p {
		margin: 0 0 1em 0;
	}
	
	h1, h2 {
		font-size: 1.5em;
		color: #333;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-family:Arial;
		line-height: 100%;
	}
	h3{font-family:Arial;}
	p.right {
		text-align: right;
	}

/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #bc410d;
		text-decoration: underline;
		outline:none;
	}

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

	#wrapper{
		width: 960px;			
		margin: 0 auto;
		padding: 0;
		position:relative;
		text-align: left;
	}
	
	#container{	
		margin: 0;
		width: 960px;
	}
	
	#content {
		clear: both;
		width:940px;	
		padding:26px 10px 0;
		margin: 0;
		float:left;
	}

	#masthead {
		padding:28px 0 0 0;
	}
	#mastheadforum {
	
	}

	#headerBanner {
		float:left;
		padding:10px 0 0 15px;
	}

	#masthead #logo {
		margin: 10px 0 0 0;
	}

	#postAjob {
		float:right;
		margin:0;
		padding:24px 0 47px 11px;
		width:210px;
		background:url(../images/postAjob-bg.gif) no-repeat 0 0;
	}

	#postAjob a {
		color: #fff;
		font-weight: bold;
		width:92px;
		font-family:Arial;
		text-align:center;
		display:block;
		text-decoration:none;
		font-size:14px;
		padding:1px 0 2px 0;
		background:url(../images/button-bg.gif) 0 0 no-repeat;
	}
	#postAjob a:hover{color:#fff !important;}
/* *****************************************************
	Holding Div 1 (Jobs of the Week and Browse Jobs)
***************************************************** */
	
	#holdingdiv {
		float:left;
		width: 940px;
		margin: 0;
		padding: 0;
		border-bottom:1px solid #ccc;
		background:url(../images/holding-bg.gif) repeat-y 100% 0;
	}

/* *****************************************************
	Search for Jobs			
***************************************************** */
	
	#searchBox {
		width: 420px;
		background:#606060 url(../images/searchbox-bg.jpg) no-repeat 0 0;
		padding: 15px 20px 5px 20px;
		margin:  0;
		color: #fff;
		float: left;
	}

	#searchBox form {
		padding:0x;
		margin: 0;
	}

	#searchBox h1 {
		color: #fff;
		text-indent:-100em;
		/*background:url(../images/engineeringJobsearch.jpg) no-repeat 0 0;*/
		height:31px;
		margin:0 0 10px 0;
	}

	#searchBox form div{
		float:left;
		background:url(../images/inputTxt-bg.gif) no-repeat 0 20px;
		padding:0 0 17px 10px;
		font-weight:bold;
		width:410px;
	}

	.nobg{
		background:none !important;
	}

	#searchBox div label {
		display: block;
		padding: 0 0 5px 0;
		font-size:14px;
		margin: 0;
		font-family:Arial;
	}

	#searchBox div label em{
		font-weight:normal;
		font-style:normal;
	}

	#searchBox div span {
		margin:0;
		float:left;
		padding:0 0 0 20px;
		font-weight:normal;
	}

	#searchBox div  input.text{
		color: #666;
		width: 158px;
		padding:0;
		float:left;
		margin: 0;
		border:1px solid #fff;
	}

	#searchBox div .advSearch{
		float:left;
		padding:0 30px 0 0;
		margin:0;
		color:#fff;
	}

	#searchBox div .advSearch:hover{
		color:#fff !important;
		text-decoration:none;
	}

	#searchBox div input.submit {
		width:92px;
		float: left;
		font-weight:bold;
		border:none;
		cursor:pointer;
		margin: 0;
		font-size:14px;
		min-height:21px;
		_height:21px;
		padding:0 0 3px 0;
		color:#fff;
		font-family:Arial;
		background:url(../images/searchBtn.gif) no-repeat 0 0;
	}

/* *****************************************************
	Jobseekers Loging		
***************************************************** */
	
	#jobseekerslogin {
		width: 420px;
		background:#606060 url(../images/searchbox-bg2.jpg) no-repeat 0 0;
		padding: 15px 20px 5px 20px;
		margin:  0;
		color: #fff;
		float: left;
	}

	#jobseekerslogin form {
		padding:0x;
		margin: 0;
	}

	#jobseekerslogin h1 {
		color: #fff;
		text-indent:-100em;
		/*background:url(../images/engineeringJobsearch.jpg) no-repeat 0 0;*/
		height:31px;
		margin:0 0 10px 0;
	}

	#jobseekerslogin form div{
		float:left;
		background:url(../images/inputTxt-bg.gif) no-repeat 0 20px;
		padding:0 0 17px 10px;
		font-weight:bold;
		width:410px;
	}

	.nobg{
		background:none !important;
	}

	#jobseekerslogin div label {
		display: block;
		padding: 0 0 5px 0;
		font-size:14px;
		margin: 0;
		font-family:Arial;
	}

	#jobseekerslogin div label em{
		font-weight:normal;
		font-style:normal;
	}

	#jobseekerslogin div span {
		margin:0;
		float:left;
		padding:0 0 0 20px;
		font-weight:normal;
	}

	#jobseekerslogin div  input.text{
		color: #666;
		width: 158px;
		padding:0;
		float:left;
		margin: 0;
		border:1px solid #fff;
	}

	#jobseekerslogin div .advSearch{
		float:left;
		padding:0 30px 0 0;
		margin:0;
		color:#fff;
	}

	#jobseekerslogin div .advSearch:hover{
		color:#fff !important;
		text-decoration:none;
	}

	#jobseekerslogin div input.submit {
		width:92px;
		float: left;
		font-weight:bold;
		border:none;
		cursor:pointer;
		margin: 0;
		font-size:14px;
		min-height:21px;
		_height:21px;
		padding:0 0 3px 0;
		color:#fff;
		font-family:Arial;
		background:url(../images/searchBtn.gif) no-repeat 0 0;
	}

/* *****************************************************
	Employers Loging		
***************************************************** */
	
	#employerslogin {
		width: 420px;
		background:#606060 url(../images/searchbox-bg3.jpg) no-repeat 0 0;
		padding: 15px 20px 5px 20px;
		margin:  0;
		color: #fff;
	}

	#employerslogin form {
		padding:0x;
		margin: 0;
	}

	#employerslogin h1 {
		color: #fff;
		text-indent:-100em;
		/*background:url(../images/engineeringJobsearch.jpg) no-repeat 0 0;*/
		height:31px;
		margin:0 0 10px 0;
	}

	#employerslogin form div{
		float:left;
		background:url(../images/inputTxt-bg.gif) no-repeat 0 20px;
		padding:0 0 17px 10px;
		font-weight:bold;
		width:410px;
	}

	.nobg{
		background:none !important;
	}

	#employerslogin div label {
		display: block;
		padding: 0 0 5px 0;
		font-size:14px;
		margin: 0;
		font-family:Arial;
	}

	#employerslogin div label em{
		font-weight:normal;
		font-style:normal;
	}

	#employerslogin div span {
		margin:0;
		float:left;
		padding:0 0 0 20px;
		font-weight:normal;
	}

	#employerslogin div  input.text{
		color: #666;
		width: 158px;
		padding:0;
		float:left;
		margin: 0;
		border:1px solid #fff;
	}

	#employerslogin div .advSearch{
		float:left;
		padding:0 30px 0 0;
		margin:0;
		color:#fff;
	}

	#employerslogin div .advSearch:hover{
		color:#fff !important;
		text-decoration:none;
	}

	#employerslogin div input.submit {
		width:92px;
		float: left;
		font-weight:bold;
		border:none;
		cursor:pointer;
		margin: 0;
		font-size:14px;
		min-height:21px;
		_height:21px;
		padding:0 0 3px 0;
		color:#fff;
		font-family:Arial;
		background:url(../images/searchBtn.gif) no-repeat 0 0;
	}



/* *****************************************************
	Job of the Week
***************************************************** */
	
	#jobOftheWeek {
		width:229px;
		float: left;
		padding:19px 10px 0 20px;
		margin:0;
	}

	#jobOftheWeek h2{
		margin:0 0 19px;
		padding:0;
		font-size:24px;
		/*text-indent:-1000em;
		background:url(../images/joboftheweek.gif) no-repeat 0 0;
		height:19px;*/
	}

	#jobOftheWeek .jotw-option{	
		background:url(../images/arrows.gif) no-repeat 60% 0;
		margin:0;
		padding: 0 0 10px 0;
		width:229px;
	}
	
	#jobOftheWeek p{
		margin:0 0 10px 0;
	}

	#jobOftheWeek p span{
		display:block;
		font-family:Arial;
		padding:5px 0 10px 0;
		font-size:14px;
	}

	#jobOftheWeek a{
		color:#bc410d;
		font-weight:bold;
	}

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

	#registerNow {
		width:180px;
		padding:20px 20px 0 1px;
		float: right;
		background:url(../images/register-bg.gif) no-repeat 95% 5%;
		margin:0;
	}
	#registerNow2 {
		width:180px;
		padding:20px 20px 0 1px;
		float: right;
		margin:0;
	}

	#registerNow form{
		padding:0 20px 20px 20px;
		width:180px;
		margin:0;
		float:left;

	}
	
	#registerNow h2 {
		margin: 0 0 10px 0;
		font-size:18px;
		/*text-indent:-1000em;
		height:39px;
		background:url(../images/registerwithEngineerBoard.gif) no-repeat 0 0;*/
	}
	


	#registerNow label{
		color: #333333;
		display: block;
		font-size: 90%;
		font-weight: bold;
		padding:0 0 10px 0;
		margin: 0;
	}

	#registerNow div{
		background:url(../images/registerInput-bg.gif) no-repeat 0 0;
		width:160px;
		float:left;
		margin:0;
		padding:2px 10px 14px;
	}

	#registerNow input.text {
		width: 158px;
		border:1px solid #fff;
		margin:0;
		padding:0;
	}

	#registerNow input.submit {
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		border:none;
		font-family:Arial;
		width:92px;
		text-align:center;
		font-size:14px;
		min-height:21px;
		_height:21px
		padding:0 0 3px 0;
		background:url(../images/button-bg.gif) 0 0 no-repeat;
	}

/* *****************************************************
	Holding Div1
***************************************************** */

	#holdingdiv1{
		width:940px;
		float:left;
		padding:0 0 10px 0;
		margin:0;
		border-bottom: 1px solid #ccc;
		background:url(../images/holdingdiv-bg.gif) repeat-y 100% 0;
	}

/* *****************************************************
	Jobsectors
***************************************************** */

	#jobsectors{
		width:460px;
		float:left;
		padding:0;
		margin:0;
	}

/* *****************************************************
	jsOn Tabing
***************************************************** */
	.tabs ul{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
	}

	ul.tabTobLinks{
		clear:both;
		font-family:Arial;
		width:459px;
	}
	
	ul.tabTobLinks li{
		margin:0;
		padding:0;
		width:459px;
	}
	/*ul.tabTobLinks li.latest-hdr a{background:url(../images/latest-hdr.gif) 0 0 no-repeat;}
	ul.tabTobLinks li.skills-hdr a{background:url(../images/skills-hdr.gif) 0 0 no-repeat;}
	ul.tabTobLinks li.location-hdr a{background:url(../images/location-hdr.gif) 0 0 no-repeat;}*/

	ul.tabTobLinks li a{
		padding:6px 0 9px 20px;
		display:block;
		background:url(../images/tabli-bg.gif) repeat-x 0 0;
		width:438px;
		border-color:#ccc;
		text-align:left;
		border-style:solid;
		border-width:0 0 1px 1px;
		text-decoration:none;
		font-weight:bold;
		font-size:14px;
		color:#333 !important;
	}

	ul.tabTobLinks li a:hover{
		text-decoration:none;
		color:#333 !important;
	}

	ul.tabTobLinks li a.active{
		border-width:0 0 0 1px !important;
		color:#CC3300 !important;
		background:none !important;
	}
	/*ul.tabTobLinks li.latest-hdr a.active{background:url(../images/latest-hdr-selected.gif) 0 0 no-repeat;}
	ul.tabTobLinks li.skills-hdr a.active{background:url(../images/skills-hdr-selected.gif) 0 0 no-repeat;}
	ul.tabTobLinks li.location-hdr a.active{background:url(../images/location-hdr-selected.gif) 0 0 no-repeat;}*/

	ul.tabTobLinks li.skills-hdr{position:absolute;top:300px;}
	ul.tabTobLinks li.location-hdr{position:absolute;top:580px;}
	
	.tab{display:block;clear:both;height:290px;}
	.tab ul{
		width:153px;
		padding:25px 0 0 0;
		float:left;
	}
	.jsOn .tab{height:auto;}
	.jsOn ul.tabTobLinks{float:left;}
	.jsOn ul.tabTobLinks li{float:left;width:153px;}
	.jsOn ul.tabTobLinks li.skills-hdr{position:static;}
	.jsOn ul.tabTobLinks li.location-hdr{position:static;}
	.jsOn ul.tabTobLinks li a{width:152px;padding:6px 0 9px 0;text-align:center;}
	.jsOn .tab{clear:both;display:none;}

	#latestJobs ul{width:460px !important;}

	#searchBySkills ul{width:229px !important;}

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

	#latestJobs ul li {
		float:left;
		width:219px;
		/* height:55px; */
	}

	.tab ul li a{
		display:block;
		padding:0;
		margin:0;
		color:#333;
	}

	#latestJobs ul li a, #searchBySkills ul li a{
		color:#bc410d !important;
		font-weight:bold;
		padding:0 0 4px 0;
	}

	#latestJobs ul li a:hover, #searchBySkills ul li a:hover{color:#333333 !important;}

	.tab ul li a:hover{
		text-decoration:none;
	}

	a.viewall{
		padding:0 0 4px 0  !important;
		color:#bc410d !important;
		font-weight:bold;
	}

/* *****************************************************
	Featured Recruiters
***************************************************** */

	#featuredRec{
		width:229px;
		float: left;
		padding:19px 10px 0 20px;
		margin:0;
	}

	#featuredRec h3{
		padding:0;
		margin:0 0 10px;
		font-size:18px;
		/*height:14px;
		background:url(../images/featuredrecruiters.gif) no-repeat 0 0;
		text-indent:-1000em;*/
	}

	#featuredRec ul{
		margin:0;
		padding:10px 0 0;
		list-style:none;
		float:left;
	}

	#featuredRec ul li{
		float:left;
		margin:0;
		padding:0;
	}

	#featuredRec ul li a{
		font-weight:bold;
		color:#bc410d;
		margin:0;
		padding:0 10px 10px 0;
		display:block;
	}

	#featuredRec ul li a img{
		margin:0;
		padding:0;
	}

	#featuredRec ul li a.viewMore{
		padding:5px 0 0 0;
	}

/* *****************************************************
	Upload Your CV
***************************************************** */

	#uploadCV{
		width:180px;
		padding:19px 20px 0 21px;
		float: right;
		background:url(../images/uploadcv-bg.gif) no-repeat 95% 10%;
		margin:0;
	}
	#uploadCV2{
		width:180px;
		padding:19px 20px 0 21px;
		float: right;
		margin:0;
	}	

	#uploadCV h3{
		padding:0;
		margin:0 0 15px 0;
		font-size:18px;
		/*background:url(../images/uploadyourcv.gif) no-repeat 0 0;
		text-indent:-1000em;
		height:18px;*/
	}

	#uploadCV a{
		color:#bc410d;
		font-weight:bold;
	}

/* *****************************************************************************
	Footer
***************************************************************************** */

	#footer {
		margin: 0;
		padding: 20px 10px 35px 10px;
		clear: both;
		width:940px;
	}
	
	#footer ul {
		text-align: center;
		padding:0 0 2px 0;
		margin:0;
	}
	





.tborder
{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.tcat
{
	background: url("../images/orange_bar_bg.jpg") repeat left top;
	color: #FFFFFF;
}
.welcome
{
	background:url(../images/temp_flash_holder.gif) top right no-repeat;
}
.ewelcome
{
	background:url(../images/temp_flash_holder2.gif) top right no-repeat;
}