@import url(vacancies.css);
@import url(scas.css);

html,body{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 82%;/**/
	_font-size: 80%;
	*font-size: 82%;
	margin: 0 0 16px 0;
	padding: 0;
	}
	body{
		font-size:62.5%/140%;/**/
		background: #fff url(../img/bg_page.gif) repeat-y center 0;
	}
	a img{
		border: 0;
	}
	#page{
		width: 785px;
		margin: 0 auto;
		overflow: hidden;
	}
	#leftnav{
		width: 189px;
		float: left;
		margin: 0px 7px 0 0;
		padding: 0;
		background: transparent url(../img/new_logo.gif) no-repeat 0 31px;

	}
		#leftnav a#home_link{
			display: block;
			height: 92px;
			_height: 95px;
			*height: 95px;
		}
		#leftnav ul#left_menu{
			position: relative;
			margin: 0;
			padding: 0;
			width: 189px;
			list-style: none;
			z-index: 999;
		}
		#leftnav ul#left_menu li{
		}
		#leftnav ul#left_menu li h2{
			margin: 0;
			font-size: 100%;
			width: 189px;
		}
		#leftnav ul#left_menu li h2 a{
			display: block;
			font-weight: normal;
			text-decoration: none;
			width: 164px;
			_height: 21px;
			*height: 21px;
			line-height: 21px;
			padding: 0 0 0 25px;
			color: #515151;
			background: #fff url(../img/bg_leftmenu_on2.gif) no-repeat -378px bottom;
		}
		#leftnav ul#left_menu li h2 a:hover,
		#leftnav ul#left_menu li.on h2 a{
			position: relative;
			margin: -1px 0 0 0;
			padding: 1px 0 0 25px;
			background: #e2e0d3 url(../img/bg_leftmenu_on2.gif) no-repeat -189px top;
		}
		#leftnav ul#left_menu li.selected h2 a{
			height: 21px;
			line-height: 21px;
			position: relative;
			margin: -1px 0 0 0;
			padding: 1px 0 0 25px;
			background: #e2e0d3 url(../img/bg_leftmenu_on2.gif) no-repeat 0 top;
			color: #55c6f4;
		}
		#leftnav ul#left_menu li.selected h2 a:hover{
			margin: -1px 0 0 0;
			padding: 1px 0 0 25px;
			background: #e2e0d3 url(../img/bg_leftmenu_on2.gif) no-repeat 0 0px;
		}
		#leftnav ul#left_menu li.last h2 a{
			background: none;
		}
		#leftnav ul#left_menu li.last h2 a:hover{
			background: #e2e0d3 url(../img/bg_leftmenu_on.gif) no-repeat 0 -24px;
		}
		/*Submenu (open)*/
		#leftnav ul#left_menu li ul{
			background: #e2e0d3 url(../img/bg_leftmenu_on.gif) repeat-y 0 0;
			margin: 0;
			padding: 0;
		}
		#leftnav ul#left_menu li ul li h2 a{
			padding-left: 30px !important;
			width: 159px !important;
			color: #000 !important;
			background: #ebebeb url(../img/bg_leftmenu_submenu.gif) no-repeat 0 50% !important;
		}
		#leftnav ul#left_menu li ul li h2 a:hover{
			color: #aa330a !important;
		}
		#leftnav ul#left_menu li ul li.on h2 a{
			color: #0A33aa !important;
		}
	#enews{
		margin-top: 2px;
		padding-left: 10px;
		background-color: #e2e0d3;
	}
		#enews p,#enews h2{
			margin: 0;
		}
		#enews h2{
			padding: 7px 0;
			margin: 0 4px 0 0;
			font-size: 120%;
			border-bottom: 1px solid #aaa;
		}
		#enews p{
			padding: 7px 4px 7px 0;
			line-height: 1.3em;
		}
		#enews a{
			display: block;
			width: 68px;
			height: 19px;
			background: transparent url(../img/btn_register.gif) no-repeat 0 0;
		}
		#enews a:hover{
			background-position: 0 -38px;
		}
	#aaa,#logos{
		_zoom:1;
		margin-top: 2px;
		background-color: #f0efe9;
		padding: 8px 4px 7px 10px;
	}
	#main{
		padding: 0px 0 0 0;
		float: left;
		width: 582px;
		position: relative;
		zoom:1;
		margin-top:5px;
	}
	#header{
		width: 582px;
		height: 214px;
		border-bottom: 3px solid #000;
		margin: 0px 0 5px 0;
		background-repeat: no-repeat;
		position:relative;
	}
	
	#headerLoading
	{
	background:#fff url('../img/large_loading.gif') no-repeat 250px 69px;
	width: 582px;
	height: 214px;
	position:absolute;
	z-index:1000;
	visibility:hidden;
	}
	
	.sec1{
		background-image: url(../img/header_accountancy.jpg);
	}
	.sec2{
		background-image: url(../img/header_office.jpg);
	}
	.sec3{
		background-image: url(../img/header_construction.jpg);
	}
	.sec4{
		background-image: url(../img/header_engineering.jpg);
	}
	.sec5{
		background-image: url(../img/header_industrial.jpg);
	}
	.sec6{
		background-image: url(../img/header_itcommunications.jpg);
	}
	#menu li.on a {
	  background:none;
	}
	#menu a {
		background-image:none;
		background-repeat:no-repeat;
	}
	

	#menu{
	  position: absolute;
	  left: 0;
	  bottom: 0;
	}
	#menu h1 {
	  text-indent:-999em;
	}
	#menu ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#menu ul li{
		_zoom:1;
	}
	#menu ul li h2{
		margin: 0;
		font-size: 100%;
		_font-size: 110%;
		*font-size: 110%;
		font-weight: bold;
		_zoom:1;
	}
	#menu ul li h2 a{
		color: #000;
		text-decoration: none;
		display: block;
		text-indent:-999em;
		width: 177px;
		height: 27px;
	}
	
	#jobs,#register,#recruit,#recruit_icons,#recruit_link,#profile,.news,#newstxt,#news_link{
		width: 266px;
		float: left;
		margin: 0 7px 0 0;
		border: 0px solid #aaa;
		background-color: #ccc;
		padding: 7px;
	}
	#profile,.news,#newstxt,#news_link{
		width: 281px;
		float: right;
		margin: 0px;
	}
	#jobs,#jobs_full{
		background-color: #feee8b;
	}
	#jobs h2,#jobs_full h2{
		font-size: 120%;
		padding-bottom: 4px;
		border-bottom: 1px solid #e1c40b;
		margin: 0;
		_zoom: 1;
	}
		#jobs form,#jobs_full form{
			font-size: 95%;
			margin: 0.5em 0;
		}
		#jobs form input,#jobs_full form input,input{
			font-size: 11px;
			_font-size: 95%;
			margin: 2px 0;
		}
		#jobs div.search_select,#jobs_full div.search_select{
			width: 120px;
			float: left;
		}
		#jobs div.search_select select,#jobs_full div.search_select,select{
			margin: 2px 0;
			font-size: 11px;
			_font-size: 95%;
			*font-size: 95%;
		}
		#jobs div.search_tick{
			float: right;
			width: 113px;
			border: 1px solid #e1c40b;
			margin: 2px 0 0 7px;
			padding: 3px;
		}
		.search_tick a{
			padding: 2px;
			font-weight: bold;
			color: #222;
			text-decoration: none;
		}
		.search_tick a:hover{
			color: #17597C;
			text-decoration: underline;
		}
		#jobs div.search_tick input,
		#jobs div.search_tick label{
			margin: 0px 3px 0 3px;
			vertical-align: middle;
			line-height: 2em;
		}
		#jobs div.submit,
		#jobs_full div.submit{
			clear: both;
			float: left;
		}
		#jobs div.jobcount,
		#jobs_full div.jobcount{
			font-size: 120%;
			font-weight: bold;
			line-height: 1em;
			float: right;
			padding: 0.5em 0 0 0;
		}
		/*search box overrides for main template*/
		#jobs_full{
			overflow: hidden;
			_zoom: 1;
			padding: 6px 7px 0 7px;
			margin: 7px 0 0 0;
			border-bottom: 7px solid #fff;
		}
		#jobs_full h2{
			border: none;
		}
		#jobs_full input{
			float: left;
			display: inline;
		}
		#jobs_full div.submit{
			float: left;
			clear: none;
		}
		#jobs_full div.search_select{
			float: left;
			display: inline;
			width: auto;
			margin-left: 1em;
			margin-top: 0;
		}
		#jobs_full div.search_select select{
			margin-right: 1em;
			font-size: 100%;
		}
		#jobs_full div.search_tick{
			clear: both;
			display: block;
			width: auto;
			margin: 0;
			padding: 0;
			overflow: hidden;
			_zoom: 1;
		}
		#jobs_full div.search_tick input,
		#jobs_full div.search_tick label{
			float: left;
			margin: 0 0.5em 0 0;
		}
		#jobs_full div.search_tick label{
			line-height: 1.5em;
		}
		#jobs_full div.jobcount{
			padding: 2px 0 4px 0;
			margin: 0;
		}

	#register{
		height: 53px;
		color: #fff;
		font-size: 100%;
		margin: 7px 0 7px 0;
		background: #666666 url(../img/bg_register.gif) no-repeat 0 bottom;
	}
		#register h2{
			font-size: 120%;
			margin: 0 0 0 0;
			padding: 0 0 0.5em 0;
			border-bottom: 1px solid #ccc;
		}
		#register h2 a{
			color: #fdde17;
			text-decoration: none;
			padding-right: 1.5em;
			background: transparent url(../img/raquo_yellow.gif) no-repeat right 65%;
		}
		#register p{
			margin: 0;
			padding: 0.5em 0 0  0;
			border-top: 1px solid #000;
		}
	#recruit{
		background-color: #17597c;
		line-height:23px;
		*line-height:30px;
		_line-height:23px;
	}
		#recruit h2{
			color: #fff;
			font-size: 120%;
			margin: 0 0 0em 0;
		}
		#recruit_icons{
			margin: 2px 0;
			background-color: #fff;
			border: 2px solid #17597c;
			width: 262px;
			padding-top:55px;
			padding-bottom:54px;
			height:134px;
			*height:132px;
			_height:134px;
		}
			#recruit_icons .icon{
				width: 49%;
				float: left;
				m/argin-bottom: 0.5em;
			}
			#recruit_icons .icon a{
				display: block;
				text-align: center;
				padding: 4px 0;
				position: relative;
			}
			#recruit_icons .icon a img{
				line-height: 100px;
			}

		#recruit_link{
			background: #17597C url(../img/bg_recruit_link.gif) no-repeat 0 bottom;
		}
		#recruit_link h3{
			font-size: 100%;
			margin: 0;
		}
		#recruit_link h3 a{
			color: #fff;
			text-decoration: none;
			font-weight: normal;
			text-decoration: none;
			padding-right: 1.5em;
			background: transparent url(../img/raquo_yellow.gif) no-repeat right 70%;
		}
	#profile{
		font-size: 100%;
		background-color: #e2f6ff;
		margin: 0 0 7px 0;
	}
		#profile h2{
			padding-bottom: 4px;
			border-bottom: 1px solid #69d3ff;
			color: #000;
			font-size: 120%;
			margin: 0 0 0em 0;
		}
		#profile p{
			line-height: 1.3em;
			margin: 7px 0 8px 0;
		}
	.news{
		font-size: 100%;
		background-color: #cef0ff;
		margin: 0 0 2px 0;
	}
		.news h2{
			color: #000;
			font-size: 120%;
			margin: 0 0 0em 0;
		}
		#newstxt{
			font-size: 100%;
			background-color: #e2f6ff;
			margin: 0 0 2px 0;
			min-height:110px;
			_height: 109px; 
			o/verflow: hidden;
		}
		#newstxt .image{
			display:none;
		}
		#newstxt a{
			color: #000;
		}
		#news_link{
			background: transparent url(../img/bg_news_link.gif) no-repeat 0 0;
		}
		#news_link h3{
			font-size: 100%;
			margin: 0;
		}
		#news_link h3 a{
			color: #fff;
			text-decoration: none;
			font-weight: normal;
			text-decoration: none;
			padding-right: 1.5em;
			background: transparent url(../img/raquo_blue.gif) no-repeat right 70%;
		}
		#newstxt p{
			margin: 0;
		}
	#breadcrumb{
		clear: both;
		border: 1px solid #e2e0d3;
		border-width: 1px 0;
		padding: 4px 0 4px 5px;
		margin: 0 0 7px 0;
		color: #aaa;
	}
	#breadcrumb a{
		text-decoration: none;
		color: #515151;
	}
	#breadcrumb a:hover{
		text-decoration: underline;
	}
	#content{
		padding: 7px;
		font-size: 100%;
		line-height: 1.3em;
	}
	#content h2{
		font-size: 120%;
		margin: 0;
	}
	#content h3{
		margin: 0;
		font-size: 120%;
	}
	#content p{
		line-height: 1.3em;
		margin: 0 0 2em 0 !important;
	}
	#menu_divisions{
		margin: 0 0 0 2em;
		padding: 0;
	}
	#content a{
		color: #55c6f4;
		text-decoration: none;
	}
	#content a:hover{
		color: #787770;
	}
	#content ul li{
		line-height: 1.3em;
	}
	.mini_news_entry{
		text-decoration: none;
	}
		.mini_news_entry span.text span.title{
			font-weight: bold;
		}
		.mini_news_entry span.text span.content,.mini_news_entry span.text span.date{
			display: block;
			margin: 1em 0 0 0;
		}
		.mini_news_entry span.text span.more{
			display: block;
			margin: 1em 0 -4px 0;
			text-decoration: underline;
		}
	div.news_article div.image{
		float: right;
		margin-left: 7px;
	}
	div.news_article div.image img{
		border: 1px solid #787770;
	}
	div.news_article .news_article_title{
		display: block;
		font-weight: bold;
	}
	div.news_article .news_article_date{
		display: block;
		margin: 0 0 1.3em 0;
	}
	.news_entry{
		display: block;
		margin: 0 0 7px 0;
	}
	.news_entry .title{
		font-weight: bold;
		font-size: 1.2em;
	}
	.news_entry .date, .news_entry .content,.news_entry .text, .news_entry .more{
		color: #333;
		display: block;
	}
	.news_entry .image{
		display: block;
		width: 64px;
		height: 7em;
		overflow: hidden;
		float: left;
		margin-right: 7px;
		text-align: center;
	}
	.news_entry .more{
		margin-top: 4px;
		text-decoration: underline;
	}
	/*E-Newsletter form and message*/
	form.enews{
		width: 22em;
	}
	form.enews label{
		display: block;
		width: 10em;
		float: left;
		height: 2em !important;
		line-height: 2em;
	}
	form.enews input{
		float: right;
		margin-top: 1px;
		b/order: 1px solid;
	}
/*Secure Area - alternate template*/

div#secure_header{
	height: 84px;
	_height: 87px;
	background: url(../img/header_temp.jpg) no-repeat 0 -12px;
	margin-bottom: 7px;
	color: #fff;
}


#text-size {
	overflow:hidden;
	padding:8px 0;
	_zoom:1;
}
#text-size p {
	padding:0 5px 0 5px;
	line-height:12pt;
	display:inline;
	float:left;
	margin:0;
}
#text-size ul {
	border:1px solid #FFF;
	background:#BCDFFE;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
#text-size li {
	float:left;
	display:inline;
	width:12pt;
}
#text-size li.selected {
	background:#42A5FF;
}
#text-size a {
	color:#FFF;
	display:block;
	line-height:12pt;
	width:100%;
	text-decoration:none;
	text-align:center;
}
#text-size a span {
	position: absolute;
	left:-999em;
	width:900px;
}
#text-size a.normal {
	font-size:7pt;
}
#text-size a.medium {
	font-size:9pt;
}
#text-size a.large {
	font-size:11pt;
}
img.logo, img.logo_big{
	float: right;
	border: 1px solid #000;
	padding: 1px;
}
img.logo{
	width: 32px;
	height: 32px;
}
body.secure{
	background: #fff url(../img/bg_page_secure.gif) repeat-y center 0;
}
strong em u a{
	display: block;
	padding: 7px 7px 7px 30px;
	background: #BCDFFE url(../img/icons/pdf.gif) no-repeat 7px 5px;
	_zoom: 1;
	font-style: normal;
	font-weight: normal;
	color: #444 !important;
}
strong em u a:hover{
	color: #777 !important;
}
div.hr{
	margin: 0;
	height: 0px;
	border-top: 1px solid #E2E0D3;
	margin: 1em 0;
}
div.hr hr{
	display: none;
}
form#cregister{
	margin: 0;
}
form#cregister label{
	display: block;
	float: left;
	width: 10em;
	padding: 3px 0 0 0;
}
form#cregister input{
	width: 20em;
	padding: 2px;
}
form#cregister input#submit{
	padding: auto !important;
	width: auto;
}
form#cregister textarea{
	width: 19.2em;
	height: 3.5em;
	font: 100% verdana,arial,sans-serif;
}
/*Recruitment Campaigns*/
a.rec_campaign{
	display: block;
	width: 165px;
	float: left;
	height: 76px;
	overflow: hidden;
	background-color: #F0EFE9;
	border: 1px solid #F0EFE9;
	padding: 5px;
	margin: 5px 10px 0 0;
	color: #777 !important;
}

a.rec_campaign span.text{
	padding: 0 1px;
}
a.rec_campaign img,
a.rec_campaign span.title,
a.rec_campaign span.more,
a.rec_campaign span.text{
	display: block;
}
a.rec_campaign span.content{
	display: block;
	clear: both;
}
a.rec_campaign span.img{
	display: block;
	height: 60px;
	vertical-align: middle;
	text-align: center;
	cursor: hand;
	overflow: hidden;
	background: #fff no-repeat 0% 50%;
}
a.rec_campaign img{
	cursor: default;
}
a.rec_campaign span.title{
	margin: 5px 0 5px 0;
	font-weight: bold;
}
a.rec_campaign span.more{
	margin: 5px 0 0 0;
}
a.rec_campaign:hover{
	color: #444 !important;
	border: 1px solid #E2E0D3;
}
/*Full Page Campaign*/
div.campaign div.article span.title{
	display: block;
	font-weight: bold;
	margin: 0 0 1em 0;
}
div.campaign div.image{
	margin: 0 0 1em 0;
}
#recruit_icons{
	width: 276px;
	padding: 0 0 10px 0;
}
#recruit_icons ul{
	display: block;
	margin: 10px 0 0px 0;
	padding: 0 0 0px 0;
}
#recruit_icons ul li{
	display: block;
	float: left;
	margin: 0px 5px 10px 5px;
}
#recruit_icons ul li a{
	display: block;
	float: left;
	width: 120px;
	height: 50px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#recruit_icons ul li a span{
	display: none;
}
/*Search results formatted in a table*/
table.search_results{
	width: 100% !important;
	border-collapse: collapse;
}
table.search_results th,
table.search_results td{
	padding: 3px;
}
table.search_results th{
	border-bottom: 1px solid #aaa;
}
table.search_results td{
	border-bottom: 1px solid #aaa;
}
table.search_results tr td{
	height: 36px;
}
table.search_results tr.on{
	background-color: #BCDFFE;
}
table.search_results span.icon{
	float: none !important;
	border: none !important;
	display: block !important;
	text-align: center !important;
}
table.search_results span.icon img{
	border: 1px solid #ddd !important;
}
table.search_results td,
table.search_results td a{
	color: #111 !important;
}
table.search_results td a{
	text-decoration: underline !important;
}
table.search_results td a:hover{
	color: #555 !important;
}
ul#cat_emp,ul#employees {
	clear: both;
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}
ul#cat_emp li{
	min-height: 80px;
	padding: 1px 10px 0 1px;
	clear: both;
}
ul#employees li{
	margin: 0 0 10px 0;
}

ul#employees a{
	display: block;
	height: 32px;
	font-weight: bold;
	font-size: 100%;
	color: #444444;
	background: #F0EFE9;
	padding: 10px;
}
ul#employees a:hover{
	color: #444444;
	background:#E2E0D3;
}
ul#cat_emp li a{
	display: block;
}
ul#cat_emp li a span.name{
	color: #0A3368;
	font-size: 120%;
}
ul#cat_emp li a span.desc{
	color: #333333;
	display: block;
	margin: 1em 0 0 0;
	font-size: 100%;
}
ul#cat_emp li span.name{
	font-weight: bold;
	display: block;
}
ul#cat_emp li span.more{
	text-decoration: underline;
	color: #0A3368;
	margin: 1em 0 0 0;
	display: block;
}
ul#cat_emp li span.img{
	display: block;
	width: 75px;
	height: 75px;
	overflow: hidden;
	padding: 1px;
	float: left;
	margin: 0 1em 1em 0;
}
div#alert{
	font-size:110%;
	line-height:1.5;
	padding:7px;
	margin-bottom:7px;
	background-color:#FEEE8B;
	color:black;
	border:1px solid #333;
}
a.fbd{
	color:#444;
	text-decoration:none;
	display:block;
	margin: 6px 0 0 9px;
	width:auto;
}
a.fbd:hover{
	color:#f09;
}
/* Result paging */
.page_nav{
	border: 1px solid #bbb;
	padding: 0.5em 3px;
}
.page_nav a {
	margin: 0 0.2em 0 0.2em;
	padding: 0.2em 0.3em;
	text-decoration: none;
	background: #e2e2e2;
	color: #000 !important;
}
.page_nav_total {
  margin-left: 3px; 
}
.page_nav a:hover,
.page_nav a.current{
	background: #444;
	color: #fff !important;
}
/* Align home page cols here */
#recruit_icons {
  padding-top: 28px;
  padding-bottom:29px;
  *padding-top:35px;
  *padding-bottom:15px;
  _padding-top:42px;
  _padding-bottom:22px;
}
#leftnav #logos {
  padding-top:73px;//21px;
  padding-bottom:21px;
  *padding-top:71px;//21px;
  *padding-bottom:21px;
  _padding-top:71px;//21px;
  _padding-bottom:21px;
}

/* footer banner */

#footer_banner
{
	clear:both;
	text-align:left; 
	padding:16px 0 0;
}