/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/
@import url(/css/undohtml.css);
/*	Undoes the basic set styles to negate any differences between browsers, for instance <ul>s have
	very different levels of padding/margin in firefox versus IE */
@import url(/css/cssmenu.css);
/*	Sets the style of the expandable menu, including (when active) submenus, etc. */
@import url(/jobboard/css/main.css);
/*	Imports the generic CSS that styles the job board code. */
/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	font:			70%/140% Verdana, "Lucida Sans", sans-serif;
	color:			#000;
	text-align:		left;
	background:		#fff;
}
#container{
	position:		relative; /* Position is relative in order to allow elements contained within to be positioned absolutely within #container */
	width:			100%;
	margin:			0 auto;
	text-align:		left;
}
.front h1{
	margin:			0 0 0.7em 0;
	font:			1em Verdana, sans-serif;
	text-align:		justify;
}
h1{
	margin:			0 0 0.7em 0;
	font:			bold 1.3em Verdana, sans-serif;
}
h2{
	margin:			0 0 0.7em 0;
	font:			bold 1em Verdana, sans-serif;
}
h3, h4, h5, h6{
	margin:			0 0 0.8em 0;
}
p{
	margin:			0 0 1.2em 0;
}
a{
	color:			#000!important;
	text-decoration:underline;
}
a:hover{
	color:			#E06C00;
}
.left{
	float:			left;
}
.right{
	float:			right;
}
.noborder{
	border:			none!important;
}
#nav, .text_readers{ /* enables the skip menu for text readers.  Hides it from CSS capable browsers */
	display:		none!important;
}
.breadcrumbs, .breadcrumbs a{
	font-style:		italic;
}
p.minusMargin{
	margin-top:		-0.8em;
}
.clearboth{
	clear:			both;
}
address{
	display:		block;
	margin:			0 0 1.5em 0;
}
address strong{
	color:			#E06C00;
}
.imgRight{
	float:			right;
	margin:			0 3px 5px 12px;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#container #header{
	border-bottom:	10px solid #000066;
}
#container #header .logo{
	margin:			15px 0;
}
#container #header .advert{
	display:		none!important;
}

/*
===================================================================================
=== CONTENT =======================================================================
===================================================================================
*/
/*
====================
=== COLUMN SETUP ===
====================
*/
#container #block_1{	/* left column */
	display:			none;
}
#container #block_2{	/* home central column */
	float: 				left;
	width:				100%;
	padding:			0 5px;
	background:			#fff;
}
#container #block_3{	/* right column */
	display:			none;
}
#container .switch #block_3{ /* right column (jobboard pages) */
	float:	 			right;
}
#container #block_4{	/* subpage main content area */
	float: 				left;
	width:				100%;
	padding:			0 5px;
	border-right:		1px solid #B0B7BD;
	background:			#fff;
}
#container #block_5{	/* jobboard main content area */
	float:				left;
	width:				100%;
	border-left:		1px solid #B0B7BD;
}

/* === BLOCK_2 === */
#container #block_2 .home_banner{
	margin:			0 auto 10px auto;
	padding:		10px 0;
	text-align:		center;
	border-bottom:	5px solid #FF9A00;
	background:		url(/images/backgrounds/home-banner.jpg) repeat-x left top;
}

#container #block_2 .LatestVacanciesTBL img{
/*	border:1px solid red;*/
	margin:3px 3px 2px 3px;
}

#container #block_2 .LatestVacanciesTBL td {
	padding-bottom:0px!important;
/*	border:1px solid blue;*/
	}

#container #block_2 .LatestVacanciesTBL {
	width:			100%;
	}

/*#container #block_2 .LatestVacanciesTBL a{
	padding:0px;
	margin:0px!important;
	border:1px solid black;
}*/
#container #block_2 .LatestVacanciesTBL p{
/*	float:left;*/
	margin:0px;
	padding:3px 3px 3px 0px;
/*	border:1px solid red;*/
	}

#container #block_2 .LatestVacanciesTBL .jobs_JobTitle {
	display:block;
	margin:0px;
	}

.LatestVacanciesCol1 {
	width:	100px;
}

.latest_jobs{
	padding:		0.3em 0.5em;
	color:			#fff;
	text-align:		left;
	border-top:		0.4em solid #fff;
	background:		#FF9A00;
	margin-bottom: 0px;
}
#container #block_2 .LatestVacanciesTBL td{
	font:			bold 0.9em Verdana, sans-serif;
	text-align:		left;
	border-top:		0.4em solid #fff;
	background:		#FFF3E0;
/*	width:			100%;*/
}
#container #block_2 .LatestVacanciesCol2 a{
	display:		block;
	width:			100%;
/*	padding:		0.65em 0.5em;*/
	text-decoration:none;
	cursor:			pointer;
}
#container #block_2 .LatestVacanciesTBL .date{
	width:			11.5em;
	text-align:		right;
}
/* === BLOCK_4 === */
#container #block_4 h1, #container #block_4 h2, #JBcontent h1{
	margin:			1em 0 0.5em 0;
	padding:		0 0 0.1em 0;
	font:			bold 1.7em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color:			#E06C00;
	border-bottom:	2px solid #5988D5;
}
#container #block_4 h1 a, #container #block_4 h2 a{
	color:			#E06C00;
	text-decoration:none;
}
#container #block_4 h3{
	margin:			0.9em 0 0.4em 0;
	padding:		0 0 0.1em 0;
	font:			bold 1.4em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color:			#00005F;
	border-bottom:	1px solid #ccc;
}
#container #block_4 h4, #container #block_4 h5, #container #block_4 h6 {
	margin:			1em 0 0.1em 0;
	padding:		0 0 0em 0;
	font:			bold 1.2em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color:			#E06C00;
}
#container #block_4  div.indent{
	padding-left:	1em;
}
#container #block_4 .page_image{
	/* display:none; */
	margin:			0 0 1.5em 0;
	background:		url(/images/backgrounds/image-bkg.gif) 556px 0;
}
#container #block_4 ul{
	margin:			0 1em 1em 1em;
}
#container #block_4 ul li{
	margin:			0.4em 0;
	padding:		0 0 0 12px;
	background:		url(/images/icons/bullet1.gif) no-repeat 0 5px;
}
#container #block_4 ul.subnav, .top{
	display:		none!important;
}
#container #block_4 dl.rules dt{
	float:			left;
	height:			2em;
	width:			4.5em;
	padding:		0.3em 1em 0.3em 0;
	font:			bold 1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color:			#E06C00;
}
#container #block_4 dl.rules dd{
	float:			left;
	height:			2em;
	width:			43em;
	padding:		0.3em 0;
}
#container #block_4 dl.rules .dblheight{
	height:			3.5em;
}
#container #block_4 table{
	width:			100%;
	margin:			0 0 1em 0;
	border:			1px solid #000066;
}
#container #block_4 table caption{
	padding:		1em 0 0.5em 0;
	font:			bold 1.3em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color:			#E06C00;
	text-align:		left;
}
#container #block_4 table .left{
	float:			none;
	width:			60%;
}
#container #block_4 table .right{
	float:			none;
	width:			40%;
}
#container #block_4 table th, #container #block_4 table td{
	padding:		0.4em 0.8em 0.6em 0.8em;
	border-right:	1px solid #000066;
}
#container #block_4 table tr.even td{ /* Uneven cells can be styled by applying a style to the td, then adding the 'even' td style (this one) below */
	border-top:		1px solid #EEF1F7;
	border-bottom:	1px solid #EEF1F7;
	background:		#F3F5FA;
}
#container #block_4 table tr.ruled td{
	color: 			#000;
	border-right:	1px solid #BCD3EA;
	background: 	#BCD3EA;
	}
#container #block_4 table tr.ruled td a{
	color:			#000;
}
#container #block_4 table td{
	padding:		0.4em 0.8em 0.6em 0.8em;
	border-right:	1px solid #ddd;
}

#container #block_4 table td a{
	text-decoration:none;
	display:		block;
}

#container #block_4 table th{
	color:			#fff;
	background:		#000066;
}


/* === BLOCK_5 === */
#container #block_5 ul#indexmenu li.indexlink{
	width:			13em;
	margin:			0.9em 0 0.4em 0;
	padding:		0 0 0.1em 0;
	font:			bold 1.4em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color:			#00005F;
}
#container #block_5 ul#indexmenu li.indexlink ul{
	margin:			1em 0 0 0.2em;
	padding:		0;
	font:			normal 0.7em Verdana, "Lucida Sans", sans-serif;
	color:			#000;
}
#container #block_5 ul#indexmenu li.indexlink ul li{
	margin:			0 0 0.8em 0;
}
	

/* === FOOTER === */
#footer{
	clear:			both;
	display:		block;
	margin:			10px 0 0 0;
	padding:		0 0 0 0;
	font-size:		0.7em;
	text-align:		center;
	border-top:		5px solid #000066;
}
.block_3_hack{
	display:		none!important;
}
#footer .locations{
	margin:			0;
	text-align:		justify;
}
#footer ul{
	margin:			0 auto;
}
#footer ul li{
	display:		inline;
	padding:		0 5px 0 8px;
	border-left:	1px solid #848484;
}
#footer p{
	display:		none!important;
}


/** main jobboard **********************************************************************************************************/

#JBcontent form.styled fieldset h2
{	background:			#00005F;
	color:				#fff;
	margin:				0 0 7px 0;
	padding:			5px 10px;
	font-weight:		bold;
	font-size:			1em;
/*	border:1px solid red;*/
	}


.savedsearch h2{
	font:				bold 1em Verdana, sans-serif;
	margin:				0 0 0 -10px;
	padding:			6px 0px 7px 10px;
	background:			#00005F;
	color:				#fff;
	}
	
fieldset h3{
	background-color:#00005F!important;
}

.results th{
	background-color:#00005F!important;
}	

.results th a{
	color:#fff!important;
}

#JBcontent form.styled fieldset h2 a,
#JBcontent form.styled fieldset h3 a,
#JBcontent table.results thead a
{	color:				#ddd;}

#JBcontent form.styled fieldset h2 a:hover,
#JBcontent form.styled fieldset h3 a:hover,
#JBcontent table.results thead a:hover
{	color:				#fff;}
/** main jobboard end ******************************************************************************************************/

.input_box1 {
	width:175px;
}

.advertisers .advertisers_top, .advertisers .advertisers_bottom{
	background-color:#F3F5FA;
}

.tellafriendlink {
	margin-left:310px;
}

.search_select {
	color:#000066;
	font-style:italic!important;
}

.advertisers ul li{
	list-style-type		:none;
	background-image	:url(/images/a_bullet.gif);
	background-repeat	:no-repeat;
	background-position	:1px 14px;
	padding				:8px 0px 0px 15px;
	margin				:5px;
	border-top			:0px;
	}


/****************************
**   VARIOUS FORM STYLES   **
****************************/
#JBcontent form.onecol fieldset,
#JBcontent form.onewidecol fieldset,
#JBcontent form.twocol td,
#JBcontent table.results
{	background:			#F3F5FA;}


/**********************
**   ODDS AND SODS   **
**********************/
#JBcontent table tr.zebra2{background:#F3F5FA;}
#JBcontent table tr.dblzebra3{background:#F3F5FA;}
#JBcontent table tr.dblzebra4{background:#F3F5FA;}
#progress{
	background-color:	#E2E7F4!important;
}

/*********************
**   SAVED SEARCH   **
*********************/
.savedsearch{
	background:			#F3F5FA;
}

.jobs_JobDescription {
	font-weight:normal;
	}

.jobs_JobTitle {
	height:1.15em;
	display:inline;
	width:180px;
	float:left;
	overflow:hidden;
	}
	
.jobs_Salary{
	height:1.15em;
	overflow:hidden;
}
.notesemp{
	color:red!important;
}
.submit, #JBcontent input.submit, #JBcontent button, a.submit{
	padding:		0.1em 0.5em;
	font:			bold 1em Verdana, sans-serif;
	text-transform:	capitalize;
	border:			1px solid #eee;
	border-right:	1px solid #444;
	border-bottom:	1px solid #444; 
	background:		#ddd;
	text-decoration: none;
	color:			#000!important;
	}