/* @(#)home.css	1.3 11:53:34,09/05/14 (yy/mm/dd) */
/* [%-# @(#)home.css	1.3 11:53:34,09/05/14 (yy/mm/dd) -%] */

/* *****************************************************************************
	Import Styles
***************************************************************************** */

	@import url(navigation.css);

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

	body {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		font-size: 75%;	
		color: #000 !important;
		margin: 0 0 10px 0;	
		padding: 0;
		background: url(../images/general/topbg.gif) 50% 0 no-repeat;
	}

	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 {
		color: #3d7c43;
		padding: 10px 20px 0 20px;
		margin: 0;
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 1.5em;
		font-weight: normal;
	}
	
	h2 {
		color: #3d7c43;
		padding: 10px 20px 0 20px;
		margin: 0;
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 1.5em;
		font-weight: normal;
	}
	
/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #747474;
		text-decoration: underline;
	}

	a:hover {
		color: #000;
		text-decoration: underline;
	}

/* *****************************************************************************
	standard buttons
***************************************************************************** */
	
	a.button {
		font-size: 110%;
		color:fff !important;
		border: 1px solid #000;
		background-color: #3c7d43;
		cursor: pointer;
		font-weight: bold;
		padding: 2px 10px !important;
		margin:0;
		text-decoration: none;
		vertical-align: middle;
		width: auto !important; /* MAC IE5 specific value - overridden below */
		clear:both;
	}

	a.button:link,
	a.button:visited,
	a.button:hover,
	a.button:active {
		color: #fff !important;
		text-decoration:none;
	}
	
/* *****************************************************
	Parent DIVs
***************************************************** */

	#wrapper {
		width: 100%;			
		margin: 0;
		padding: 0 0 25px 0;
		overflow: hidden;
		background: url(../images/general/bottombg.gif) 50% bottom no-repeat;
		text-align:center;
		
	}
	
	#container {	
		margin: 0 auto;
		padding: 30px 20px 0 20px;
		width: 755px;
		overflow: hidden;
		border: solid #e7f1d6;
		border-width: 0 1px;
		text-align:left;
		position:relative;
	}
	#adbanner{
		position:absolute;
		right:20px;
		top:32px;
	}
	div[id="container"]#container{
		margin: 0 auto;
		width: 715px;		
	}
	
	#content {
		width: 715px !important;
		padding: 0 0 15px 0;
		margin: 0;
		overflow: hidden;
	}

	#mainContent {
		width: 405px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: right;
	}

	#subContent {
		width: 290px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: left;
		background: #fff url(../images/home/subcontentbg.gif) 0 0 no-repeat;
		border: 3px solid #3c7b42;
		color: #454543;
	}
	
	*html #subContent {
		width: 296px;
	}

	
	form, fieldset{
		padding:0;
		margin:0;
		line-height:100%;
	}
/* *****************************************************
	Search Jobs
***************************************************** */
	
	#job-search {
		padding: 0;
		margin: 0 0 50px 0;
		height:185px;
	}
	
	#job-search h1{
		padding: 17px 20px 0 20px;
	}

	#job-search form {
		padding: 0;
		margin: 0;
		color: #454543;
	}

	#job-search form fieldset {
		padding: 0;
		margin: 15px 0 0 35px;
	}
	
	#job-search label {
		display: block;
		width: 100%;
		padding: 0 0 18px 0;
		margin:0;		
	}

	#job-search label span {
		margin: 0;
		padding:0;
		display: block;
		font-size: 80%;
	}

	#job-search label#channel_page_code_label {
		clear: left;
	}
	
	#job-search p {
		clear: left;
		margin: 0;
		padding: 0;
		color: #000;
		text-align: center;
		border: 1px solid red;
		float: left;
		width: auto;
	}

	.advSearch {
		text-align: left;
		margin: 0;
		padding:0;
		color: #747474;
		float: left;
	}

	input.text {
		width: 206px;
		padding: 2px;
		margin: 2px 0 0 0;
		border: 1px solid #bad1b5;
		color: #3c7d43;
	}

	*html input.text {
		width: 214px;
		padding:0 3px;
		height:24px;
		line-height:160%;
	}

	input.submit {
		color: #FFF;
		font-weight: bold;
		cursor: pointer;
		cursor: hand;
		border: 1px solid #000;
		background-color: #3c7d43 ;
		margin: 0 40px 0 0;
		padding: 0;
		width: 95px;
		float: right;
		height:1.7em;
	}

/* *****************************************************
	Register
***************************************************** */
	
	#registerNow {
		padding: 0;
		margin: 0 0 35px 0;
	}

	#registerNow form {
		padding: 0;
		margin: 0;
		color: #454543;
	}
	#registerNow form fieldset {
		padding: 0;
		margin: 0 0 0 35px;
	}
	
	#registerNow label {
		display: block;
		float: left;
		width: 206px;
		padding: 0;
		margin: 0 0 15px 0;
	}

	#registerNow label#channel_page_code_label {
		clear: left;
	}

	#registerNow ul {
		padding: 0;
		margin: 10px 0 5px 35px;
		line-height:120%;
	}
	
	#registerNow ul li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
/* *****************************************************
	Advertise with Us
***************************************************** */
	
	#advertise {
		padding:0;
		margin: 0 0 15px 0;
		overflow: hidden;
	}

	#advertise ul {
		padding: 10px 20px 0 50px;
		margin: 0;
	}
	
	#advertise ul li {
		padding: 0 0 3px 0;
		margin: 0;
	}

	#advertise span a.button {
		margin: 10px 40px 0 0;
		padding: 0;
		float: right;
	}

/* *****************************************************
	MyAccountancy Jobs
***************************************************** */
	
	#intro {
		padding: 0;
		margin: 0; 
		width: 100%;
		overflow: hidden;
		background: #eff7e2 url(../images/home/introbg.gif) right top no-repeat;
	}

	#intro p {
		margin: 0;
		padding: 5px 35px;
	}

/* *****************************************************
	Job of the Week
***************************************************** */
	
	#jotw {
		padding: 0;
		margin: 3px 0 0 0; 
		background-color: #eff7e2;
		width: 100%;
		overflow: hidden;
	}

	#jotw p	{
		margin: 0;
		padding: 10px 35px 10px 20px;
	}

	#jotw ul li img {		
		margin: 0 15px 0 0;
		padding: 0;
	}
	
	#jotw ul {
		margin: 0;
		padding: 10px 0 10px 35px;
		float: left;
	}

	#jotw ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}

	#career-tools{border:1px solid #E7F1D6;float:left;margin:10px 0 0;padding:0;width:403px;}
	#career-tools ul{margin:0;padding:10px 0 10px 35px;float:left;list-style:none;}
	#career-tools ul li{margin:0;padding:0 0 8px 0;width:100%;}
	#career-tools ul li a{display:block;margin:0;padding:0;}
/* *****************************************************
	Featured Recruiters
***************************************************** */

	#feat-rec {
		padding: 0;
		margin: 10px 0; 
		width:403px;
		border:1px solid #E7F1D6;
		float:left;
	}

	#feat-rec h2 {
		float: left;
	}

	* html #feat-rec {
		height: 0.01%;
	}
	
	#feat-rec ul {
		list-style: none;
		margin: 0;
		padding: 10px 10px 0 35px;
		width: 100%;
		clear: both;
	}
	
	#feat-rec ul li {
		float: left;
		margin: 0;
		padding: 0 30px 5px 0;
	}

	#feat-rec span {
		float: right;
		padding: 12px 35px 0 0;
		margin: 0;
	}

/***************************************
	Quick Links to vacancies
***************************************/
	
	#links {
		padding: 0;
		margin: 0; 
		width:403px;
		border:1px solid #E7F1D6;
		float:left;
	}

	#links ul {
		position: relative;
		width: 160px;
		float: left;
		background: none;
		margin:0;
		padding: 10px 0 10px 35px;
		cursor: hand;
		list-style-type: none;
	}
	
	#links ul li {
		margin: 0;
		padding: 0 0 5px 0;
		background: none;
		list-style-type: none;
		display:inline;
		width:100%;
	}
	
	*html #links ul li {
			width:160px;
	}

	html > body #links ul li {
		display:block;
	}

	#nav li {
		margin: 0 10px !important;
	}