/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		Tom Harman
				Nick Watson
				Tom Fletcher
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: .7em;
	background: #656F78;
	color: #5F5F5F;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/

div#container {
	width: 768px;
	margin: 0 auto;
	background: #FFF;
}

/***********************************************************************
	HEADER ELEMENTS
************************************************************************/

div#topbar {
	width: 640px;
	height: 25px;
	margin-left: 4px;
	padding-right: 120px;
	padding-top: 10px;
	text-align: right;
	background: #ECECEC url('../i/layout/tel.gif') right no-repeat;
}

div#topbar a {
	color: #808080;
	margin-right: 20px;
	font-size: 1.1em;
}

div#flash-header {
	width: 768px;
	height: 215px;
	margin-top: 3px;
	background: url('../i/layout/flash.jpg') no-repeat;
}

/***********************************************************************
	BODY ELEMENTS
************************************************************************/

div#content {
	float: right;
	margin-right: 15px;
	width: 555px;
}

* html div#content {
	margin-right: 10px;
}

div#content p {
	margin-bottom: 15px;
	text-align: justify;
}

div.minibox {
	border: 1px solid #D4D4D4;
	width: 160px;
	height: 180px;
	float: left;
	text-align: justify;
	color: #5F5F5F;
	padding: 10px;
	margin-right: 3px;
	margin-top: -5px;
	margin-bottom: 10px;
	background: #EBEBEB url('../i/layout/minigrad.jpg') top no-repeat;
	z-index: 10;
}
div#content div.minibox a{
	color: #666;
}
div#content div.minibox a:hover{
	color: #cb0303;
}

h1{
	font-size: 1.4em;
}
h2{
	font-size: 1.2em;
	margin-bottom: 4px;
}
span.highlight{
	color: #da0203;
}

h1#employers {
	width: 116px;
	height: 29px;
	text-indent: -999em;
	letter-spacing: 133px;
	background: url('../i/layout/employers.gif') top left no-repeat;
}

h1#training {
	width: 154px;
	height: 29px;
	text-indent: -999em;
	letter-spacing: 133px;
	background: url('../i/layout/training.gif') top left no-repeat;
}

h1#candidates {
	width: 123px;
	height: 29px;
	text-indent: -999em;
	letter-spacing: 133px;
	background: url('../i/layout/candidates.gif') top left no-repeat;
}
h1#vacancies {
	width: 123px;
	height: 29px;
	text-indent: -999em;
	letter-spacing: 133px;
	background: url('../i/layout/vacancies.gif') top left no-repeat;
}
h1#about {
	width: 123px;
	height: 29px;
	text-indent: -999em;
	letter-spacing: 133px;
	background: url('../i/layout/about.gif') top left no-repeat;
}

h1#welcome {
	width: 210px;
	height: 29px;
	text-indent: -999em;
	letter-spacing: 133px;
	background: url('../i/layout/welcome.gif') top left no-repeat;
}

img.fp {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
	margin-right: 3px;
}
img.fp-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
/*	margin-right: 3px;*/
}

div#content ul.front{
	list-style: square;
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 30px;
}
div#content ul.front li{
	padding-left: 10px;

	margin-top: 4px;
}
div#content ul{
	list-style: square;
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 30px;
}
div#content ul li{
	padding-left: 10px;

	margin-top: 4px;
}

div#content a{
	color: #8a0000;

}
div#content a:hover{
		color: #da0203;
}

div#sorter{
	float: left;
	height: 20px;
	padding: 4px;
	padding-top: 8px;
	padding-bottom: 3px;
	background-color: #ececec;
	margin-bottom: 4px;
	width: 260px;
}

div#filterloc{
	float: left;
	height: 20px;
	padding: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ececec;
	margin-bottom: 4px;
	width: 260px;
}

div#filtercat{
	float: left;
	height: 20px;
	width: 268px;
	padding: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ececec;
	margin-bottom: 4px;
	margin-left: 2px;
	border-left: 2px solid #fff;
}
div.results{

	height: 20px;
	width: 540px;
	padding: 4px;
	padding-top: 6px;
/*	padding-bottom: 5px;*/
	background-color: #ececec;
	margin-bottom: 4px;
	margin-left: 1px;
}

div.job-vacancy{
	float: left;
	background-color: #ececec;
	width: 530px;
	margin-bottom:2px;
	padding: 10px;
}
* html div.job-vacancy{
	float: left;
	background-color: #ececec;
	width: 530px;
	margin-bottom:2px;
	padding: 10px;
}
div.job-header{
	float: left;
	background-color: #d20202;
	width: 520px;
	color: #fff;
	padding: 5px;
}
div#content div.job-vacancy div.job-header h2 a{
	color: #fff;
}
div.job-header span.job-dateadded{
	float: right;
}
div.job-body span{
	color: #000;
	clear: right;
	display: block;
	margin-bottom: 3px;
}

div#content form fieldset div input#Agree{
	width: 20px;
}
form#apply{
		background-color: #ececec;
		padding: 10px;
		width: 500px;
}
form#enquire{
		background-color: #ececec;
		padding: 10px;
		width: 500px;
}
div.ddfmwrap{
		background-color: #ececec;
		padding: 10px;
		width: 500px;
		margin-left:0px;
}

div.noob-box{
	float: right;
	width: 190px;

	background-color: #F5F5F5;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #d3cece;
}
div.noob-box h2{
	color: #000;
	font-weight: normal;
	font-size: 1.4em;
	text-align: center;
}
div.noob-box ul{
/*	width: 160px;*/
}
div.noob-box p{

}

div#resultpag{
	float: left;
	width: 540px;
	clear: both;
	margin-bottom: 2px;
}
div#resultpag span{
	float: left;

	padding-top: 2px;
}
div#resultpag ul.tablePaginater{
	float: left;
	padding:0px;
	margin:0px;

}
div#resultpag ul.tablePaginater li{
	float: left;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
	margin-left: 2px;
	list-style: none;
}
div#resultpag ul.tablePaginater li a{
	float: left;
	padding: 5px;
	background-color: #d20202;
	color:#fff;
}
div#resultpag ul.tablePaginater li a:hover{
	float: left;
	padding: 5px;
	background-color: #ececec;
	color:#666;
}

div.fmcheck {
	float: left;

	width: 460px;
}
div.ddfmwrap form fieldset div.fmcheck {
	float: left;

	width: 499px;
}
div.ddfmwrap form fieldset div.fmcheck p{
	float: left;

	width: 499px;
}
div.ddfmwrap form fieldset div.fmcheck input{
	float: left;

	width: 30px;
	margin-left: 80px;
}
div.ddfmwrap form fieldset div.fmhalfblock{

	padding-left: 120px;
}


div.news-archive{

	float: left;
	width: 551px;
}	
div.news-archive p{
	float: left;

}
div.news-archive p a{
	float: left;
	padding: 4px;
	background-color: #ececec;
	border: #686f6a;
	margin-right: 3px;
}
div.news-archive p a:hover{
		background-color: #666666;
		color: #fff;
}

div.news-item{
	float: left;
	width:540px;
	background-color: #ececec;
	padding: 5px;	
	margin-bottom: 5px;
}
div.news-item h5 a{
	font-size: 1.2em;
	color: #5a6633;
	font-weight:  bold;
}
div.view-news a img{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	clear: right;
}
/***********************************************************************
	NAVIGATION
************************************************************************/

div#navigation {
	float: left;
	margin-left: 4px;
	margin-bottom: 10px;
	width: 184px;
}

* html div#navigation {
	margin-left: 2px;
}

ul#nav li {
	font-size: 1.1em;
	background: #E40000 url('../i/layout/square.gif') 10px no-repeat;
	padding-left: 38px;
	padding-top: 3px;
	width: 140px;
	height: 18px;
	margin-top: 1px;
}

ul#nav li.first {
	padding-top: 0px;
	margin-top: 0px;
}

ul#nav li a {
	color: #FFF;
}

div#navtel {
	text-indent: -999em;
	letter-spacing: 133px;
	width: 174px;
	height: 25px;
	background: url('../i/layout/navtel.gif') no-repeat;
	margin-top: 3px;
}

div#latestnews {
	margin-top: 3px;
}

div.lat {
	width: 175px;
	height: 19px;
	padding-left: 3px;
	padding-top: 2px;
	background: #E40000;
	font-size: 1.1em;
}

div.lat a {
	color: #FFF;
}

div.latest-article {
	width: 158px;
	padding: 10px;
	background: #ECECEC;
	color: #7F7F7F;
}

div#navigation img {
	margin-top: 3px;
}

div.image-captioner{
	float: right;
	width: 132px;

	margin-bottom: 10px;
}
div.image-captioner p{
	padding-left: 10px;
}

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/

div#footer {
	width: 768px;
	margin: 0 auto;
	color: #FFF;
}

div#siteinfo-legal {
	float: left;
	margin-top: 5px;
}

div#siteinfo-credits {
	float: right;
	margin-top: 5px;
}

div#siteinfo-credits a {
	color: #FFF;
}

/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}