/* note the differents between "jobs" and "job"
	"event" is for the event detail page, whereas "events" is for that page that shows all events
	
	
	/* ---------------- Jobs Page --------------- */		


	#jobs_left {
		width: 530px;
		float: left;
	}	

	#jobs_right {
		width: 185px;
		margin: 0 0 15px 12px;
		float: left;
		background: #ffffff;
	}
	
	
	
	#jobs_right UL {
		width: 185px;
		padding: 0px;
		margin: 0px 0 20px 0;
	}
	
	#jobs_right LI {
		background-repeat: no-repeat;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		border-bottom: 1px solid #d0d0d0;
		padding: 5px 0 5px 8px;
		color: #666666;
	}
	
	#jobs_right LI A {
		display: block;
		margin: 4px 0 0 4px;
		font-size: 10px;
	}
	
	
	#jobs_right .city {
		color: #00e4ff;
		font-weight: bold;
	
	}
	
	
	
		
	#jobs_stage {
		float: left;
		width: 100%;
		background: #ffffff;
		border: 1px solid #e4e4e4;
		margin: 5px 0 10px 0;
		}
		
	#jobs_stage .cont {
		width: 525px;
		margin: 15px 0 15px 0;
		padding: 0 0 0 10px;
		}
	
	
		
	#jobs_stage .cont_left {
		width: 330px;
		margin: 0 0 0 15px;
		padding: 20px 0 18px 0;
		float: left;
		font-size: 12px;
		line-height: 17px;
	}
	
	#jobs_stage .cont_left p {
		font-weight: bold;
		font-size: 12px;
		margin: 14px 0 10px 0;
	}
	
	#jobs_stage .cont_left UL {
		margin: 10px 0 10px 10px;
		padding: 0px;
		line-height: 20px;
	}
	
	#jobs_stage .cont_left LI {
		border-bottom: 1px dotted #d5d4d2;
		width: 280px;
		list-style-type: none;
		padding: 4px 0 4px 15px;
		background: url(img/ch_li.gif) 0 5px;
		background-repeat: no-repeat;
		line-height: 15px;
	}
		
	#jobs_stage .cont_right {
		width: 160px;
		margin: 0 0 0 15px;
		padding: 20px 0 10px 0;
		float: left;
	}
	
	#jobs_stage .cont_right p {
		background: #dddcdc;
		color: #000000;
		font-weight: bold;
		padding: 4px;
		margin: 13px 0 6px 0;
	}


	#sortbar {
		background: #fd4d00;
		height: 4px;
	}

	
	#lisjobstabs {
		width: 200px;
		float: left;
	}
	
	#lisjobstabs UL {
		margin: 0px;
		padding: 6px 0 0 0;
	}
	
	#lisjobstabs LI {
		float: left;
		list-style-type: none;
		background: #c0c0c0;
		margin: 0 10px 0 0;
		color: #ffffff;
	}
	
	#lisjobstabs LI A {
		color: #FFFFFF;
		display: block;
		padding: 11px 15px 9px 15px;
	}
	
	#lisjobstabs LI A:hover {
		text-decoration: none;
		background: #222222;
	}
	
	#lisjobstabs .active {
		padding: 11px 15px 9px 15px;
		background: #fd4d00;
	}
	
	
	
	#jobs_row {
		border-bottom: 2px solid #e4e4e4;
		padding: 16px 0 22px 0;
		width: 510px;
	}
	
	#jobs_row:hover {
		background: #ffffff url(img/mainarticle_bg_over.gif) 0px -280px ;
	}
	
	#jobs_row_new {
		border-bottom: 2px solid #e4e4e4;
		padding: 16px 0 22px 0;
		background-repeat: no-repeat; 
	}
	
	#jobs_row_new:hover {
		background: #ffffff url(img/mainarticle_bg_over.gif) 0px -250px ;
	}
	

	#jobs_row .title {
		width: 270px;
		float: left;
		font-size: 15px;
		color: #000000;
	}
	
	#jobs_row_new .title {
		background: url(../images/body/job_new.gif) 0px 4px;
		background-repeat: no-repeat; 
		width: 240px;
		float: left;
		font-size: 15px;
		padding-left: 30px;
		color: #ff0000;
	}
	
	
	
	
	#jobs_row .company,
	#jobs_row_new .company {
		width: 130px;
		margin: 0 0 0 10px;
		float: left;
		font-weight: bold;
		padding: 4px 0 0 0;
	}
	
	#jobs_row .type,
	#jobs_row_new .type {
		width: 80px;
		text-align: right;
		float: left;
		padding: 4px 0 0 0;
	}
	
	
	#filterbox {
		background: #ffffff;
		margin: 0 0 15px 0;
	}

	#filterbox .cont {
		width: 150px;
		margin: 0 0 0 15px;
		padding: 5px 0 15px 0;
	
	}
	
	#filterbox .s1 {
		width: 150px;
	}
	
	#filterbox .hdl {
		font-weight: bold;
		margin: 10px 0 4px 0;
		padding: 2px 0 2px 2px;
	}
	
	.np_btn {
		padding: 8px 10px 8px 10px;
		margin: 8px 1px 0 1px;
		color: #ffffff;
		background: #333333;
		display: inline;
	}
	
	
	
	/* ---------------- Job Page --------------- */