/* [%-# %W% %T%,%D% (yy/mm/dd) -%] */

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

	@import url(navigation.css);

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

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #000 !important;
		margin: 10px 0;	
		padding: 0;
		text-align: center;
		background:#ccc;
	}

	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;
	}

	
	h3, h4 {
		font-size: 1.2em !important;
		padding: 2px 0 2px 10px;
		margin: 0;
		color: #21467E;
		background: #dddddd;

	}

	p.right {
		text-align: right;
	}

	.left {
		float: left;
	}

/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #21467E;
		text-decoration: none;
	}

	a:hover {
		color: #21467E;
		text-decoration: underline;
	}
	
/* *****************************************************
	Containers
***************************************************** */

	#wrapper {	
		background-color:#FFFFFF;
		margin: 8px auto;
		text-align: left;
		width:980px;
		padding:0;
		overflow: hidden;
	}

	#container {
		width: 980px;			
		padding: 15px;
		margin: 0;
		clear: both;
		float:left;
	}

	div[id="container"]#container {
		width: 950px;
	}

	#mainContent {
		float: left;
		width: 480px;
		margin: 0 0;
		padding: 0;
	}

	#leftContent {
		width:134px;
		margin:0px 20px 0px 0 !important;
		float:left;
	}

	#leftContent ul, #leftContent ul li {
		list-style:none;
		margin:0;
		padding: 0;
		float: left;
		text-align:left;
	}

	#leftContent ul li a{
		margin:0;
		display:block;
		padding:10px 0;
		background:#fff;
		border-bottom:1px solid #e6e6e6;
	}

	#leftContent ul li a:hover{
		background:#f2f2f2;
	}

	#rightContent{
		width:316px;
		margin:0!important;
		float:right;
	}

	#right_column {
		margin:0 !important;
		padding: 0 0 0 10px !important;
	}

/* *****************************************************
	Introduction
***************************************************** */
	
	#intro {
		padding: 0 0 10px 0;
	}

	#intro h2{
		color: #21467e;
		font-weight: normal;
		margin:0 !important;
		padding:8px 0 8px 0;
		font-size:1.8em;
		float: left;
	}

	#intro img {
		float: right;
		margin: 5px 0 10px 20px;
	}

	#intro p {
		clear: both;
	}

/* *****************************************************
	Search Jobs
***************************************************** */
	
	#jobSearch {
		padding: 0;
		margin: 0;
		color: #fff;
		background: #0b316b url(../images/home/searchbg_jobsection.gif) 0 100% repeat-x;

	}

	#jobSearch form {
		padding: 10px 10px 15px 10px;
		margin: 0;
	}

	#jobSearch h2 {
		color: #fff;
		padding:10px 10px 0 10px;
		font-size:1.7em;
		margin:0 !important;
		font-weight:normal;
	}
	
	#jobSearch label {
		display: block;
		float: left;
		width: 185px;
		padding: 0 5px 0 0;
		margin: 0;
		font-weight: bold;
	}

	#jobSearch label span {
		font-weight: normal;
		font-size: 85%;
		margin: 5px 0 0 0;
		color: #fff;
	}

	#jobSearch label#channel_page_code_label {
		clear: left;
	}
	
	#jobSearch p {
		clear: left;
		margin: 0;
		padding:0;
	}

	#jobSearch input.text {
		width: 170px;
		margin: 0 6px 0 0;
		padding: 2px 0;
	}

	#jobSearch input.submit {
		width: 75px;
	}	

	.advSearch, .advSearch a{
		text-align: right;
		color:#fff !important;
		text-decoration:none;
	}

	.advSearch a:hover {
		text-align: right;
		color:#fff !important;
		text-decoration:underline;
	}

/* *****************************************************
	Holding Div 1 * 2
***************************************************** */
	
	#holdingDiv1, #holdingDiv2 {
		padding: 0;
		margin:10px 0 0 0;
		float: left;
		width:480px;
		background: url(../images/home/holdingbg.gif) 0 100% no-repeat;
	}

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

	#register {
		float: left;
		padding: 0;		
		margin: 0;
		width: 237px;
		border: solid #c0c0c0;
		border-width:1px 1px 0 1px;
	}

	div[id="register"]#register {
		width: 235px;
	}

	#register div{
		padding:10px;
	}

	#register p {
		margin: 0;
	}

	#register form {
		padding: 0;
		margin: 0;
	}

	#register input.submit {
		width: 75px;
	}	

	#register input.text {
		width: 120px;
		margin: 0 5px 0 0;
		font-size: 100%;
		color: #333333;
	}

/* *****************************************************
	Post your CV
***************************************************** */

	#postCv {
		float: right;
		margin: 0;
		padding: 0;
		width: 237px;
		border: solid #c0c0c0;
		border-width:1px 1px 0 1px;
	}

	div[id="postCv"]#postCv {
		width: 235px;
	}

	#postCv div{
		padding:10px;
	}


	#postCv p {
		padding: 0;
		margin: 0;
	}

	#postCv a {
		padding:5px 0 5px 0;
		float:left
	}

/* *****************************************************
	Job Channels
***************************************************** */
	
	#channels {
		width: 480px;
		float: left;
		margin: 10px 0 0 0;
		padding: 0;
		border: 1px solid #c0c0c0;
	}

	div[id="channels"]#channels {
		width:478px;
	}

	#channels div{
		padding:10px;
		float: left;
	}
	
	#channels ul{
		float:left;
		padding: 0 5px 0 0;
		margin:0 0 0 0;
		list-style:none;
		width:223px;
	}

	#channels ul li{
		margin:0;
		padding:7px 0;
		clear:both;
		display:block;
	}

	#channels ul li img {
		width:52px;
		height:45px;
		float:left;
		margin: 0 8px 0 0;
	}

	#channels ul li p{
		padding:0;
		margin:0;
	}

/* **************************************
	Top Jobs
**************************************** */

	#topJobs {
		padding: 0;
		margin: 0; 
		float: left;
		width: 237px;
		border: solid #c0c0c0;
		border-width:1px 1px 0 1px;
	}

	div[id="topJobs"]#topJobs {
		width: 235px;
	}

	#topJobs div{
		padding:10px;
	}

	#topJobs ul {
		position: relative;
		float: left;
		background: none;
		margin: 0 5px 0 0 ;
		padding: 0;
		cursor: default;
	}
	
	#topJobs ul li {
		margin: 0;
		padding: 0 0 2px 0;
		background: none;
		list-style: none;
		width: 100px;
	}

/* *****************************************************
	Advertise with us
***************************************************** */
	
	#advertise {
		padding: 0;
		margin: 0;
		float: right;
		width: 237px;
		border: solid #c0c0c0;
		border-width:1px 1px 0 1px;
	}

	div[id="advertise"]#advertise {
		width: 235px;
	}

	#advertise div{
		padding:10px;
	}
	
	#advertise p {
		margin:0;
	}

	#advertise a {
		margin: 0;
		padding: 0;
		width: 100%;
		clear: both;
	}
				
	#advertise img {
		padding: 0;
		margin: 5px 30px 5px 0;
		float:left;
	}

/* *****************************************************
	Job of the Week
***************************************************** */
	
	#jobOftheWeek {
		float: left;
		padding: 0;
		margin: 0;
		width: 170px;
		border: 1px solid #c0c0c0;
	}

	div[id="jobOftheWeek"]#jobOftheWeek {
		width:168px;
	}
		
	#jobOftheWeek ul, #jobOftheWeek p {
		margin: 0;
		padding: 10px;
	}

	#jobOftheWeek ul li {
		margin: 0;
		padding: 0 0 5px 0;
		list-style: none;
	}

	#jobOftheWeek a {
		font-weight: bold;
	}

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

	#latestJobs {
		padding: 0;
		margin: 10px 0 0 0;
		width:170px;
		float:left;
		border: 1px solid #c0c0c0;
	}

	div[id="latestJobs"]#latestJobs {
		width:168px;
	}
		
	#latestJobs ul{
		margin:0;
		padding:0 8px 8px 8px;
		list-style:none;
	}

	#latestJobs ul li{
		border-bottom:1px solid #c7d1dd;
		padding:5px 0;
		margin:0;
	}

	#latestJobs ul li.last {
		border:none !important;
	}

	div#tab a {
		height: auto !important;
	}

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

	input.user-input {
		color: #000;
		font-style: normal;
	}
	
	.btnmargin {
		position: relative;
		top: 13px;
	}

	input.submit {
		color: #07367c;
		font-size: 110%;
		font-weight: bold;
		cursor: pointer;
		border: 1px solid #999;
		background: #ececec url(../images/home/navbg_jobsection.gif) 0 0 repeat-x;
		padding: 1px;		
		margin: 3px 0 0 0;
	}

	input.text {
		border:1px solid #666666;
		padding:2px;
		font-size:110%;
	}