/******************************************************************************
 * Content CSS
******************************************************************************/
div#content-body {
	float: left;
	height: 530px;
	padding: 28px 0 0 0;
	width: 700px; }
	
html>body div#content-body {
	height: auto;
	min-height: 530px; }
	
div#content-body.bgPic { background: url(../_images/windmills.jpg) no-repeat bottom right; }
	
div#content-body-i {
	border-right: 1px solid #ccc; 
	clear: none;
	float: left;
	height: 565px;
	margin: 0 24px 24px 0;
	padding: 0 35px 0 0;
	width: 410px; }
	
html>body div#content-body-i {
	min-height: 541px;
	height: auto; }
	
div#content-body-iCandidate {
	float: left;
	margin: 0;
	padding: 0 0 24px 0;
	width: 700px; }

/******************************************************************************
 * Shared Elements
******************************************************************************/
div#map {
	background: url(../_images/map-bg.jpg) no-repeat center center;
	border: 3px solid #e5e5e5;
	float: right;
	height: 279px;
	margin: 22px 0 22px 0;
	overflow: hidden;
	padding: 0px;
	width: 287px; }
	
div#rightColumn {
	float: right;
	margin: 0;
	width: 220px; }
	
div.sideBox {
	float: right;
	width: 220px; 
	position: relative; z-index: 10; }

iframe { border: /*2px solid #ccc*/none; }

span.right { float: right; }

a.pdf {
	background: url(../_images/icon_pdf.gif) no-repeat 12px 12px;
	clear: both;
	float: left;
	height: 48px;
	padding: 12px; }

a.pdf span {
	float: left;
	padding: 16px 0 0 60px; }
	
P.left {
	clear: left;
	float: left;
	width: 410px; }
p.clear { width: 200px; clear: left; padding: 0px; height: 2px; }


/******************************************************************************
 * Home Page
******************************************************************************/
div.sideBox img {
	display: block; position: relative;
	margin-left: auto; margin-right: auto;
}

div#homeBaseLogos img.middle { 
	margin: 0px 10px 10px;
}

/******************************************************************************
 * Contact Page
******************************************************************************/
p span {
	/*float: left;/**/
	padding: 0 6px 0 0;
	/*margin-left: -20px;/**/
	text-align: right; }
p.contactDetails {
	padding-left: 50px;
}
p span.address { padding-left: 10px; }

/******************************************************************************
 * Accessibility Page
******************************************************************************/
div#accessContent {
	float: left;
	width: 563px; }
	
table#access-keys {
	border-collapse: collapse;
	clear: both;
	float: left;
	margin-left: 16px;
	width: 300px; }

table#access-keys tr {
	height: 25px;
	border-bottom: 1px solid #666666; }
	
div#accessibility-block {
	background: url(../_images/xhtmlcss.gif) no-repeat 360px 0px;
	float: left;
	height: 100px;
	width: 500px; }

/******************************************************************************
 * Sitemap Page
******************************************************************************/
div#sitemapContent {
	float: left;
	width: 300px; }

div#sitemapContent p {
	float: left;
	margin: 0 180px 25px 0; }

/******************************************************************************
* Generic Form Formating
******************************************************************************/
input, select, textarea { 
	background: #fff top left no-repeat;
	border: 1px solid #e1e1e1; }

input:hover, select:hover, textarea:hover { border: 1px solid #ccc; }

input:active, select:active, textarea:active { border: 1px solid #ccc; }

input:focus, select:focus, textarea:focus { border: 1px solid #ccc; }

/******************************************************************************
* Serach Form Formating
******************************************************************************/
ul#searchForm {
	background: #f4f4f4;
	border: 0;
	float: left;
	margin: 0 0 24px 0;
	padding: 8px 0 8px 0;
	width: 220px; }
	
ul#searchForm li {
	background: #f4f4f4;
	clear: both;
	float: left;
	margin: 4px 0;
	list-style: none;
	width: 220px; }
	
div.sideBox form {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px; }
		
ul#searchForm li label {
	float: left;
	padding: 0 4px 0 20px;
	width: 200px; /*84px*/ }

ul#searchForm a#search {
	background: #505050;
	border: 1px solid #202020;
	color: #fff;
	float: left;
	margin: 10px 0 0 0;
	padding: 6px 4px;
	text-align: center;
	text-decoration: none;
	width: 134px; }
	
/******************************************************************************
* Upload Form Formating
******************************************************************************/
ul#uploadForm {
	background: #f4f4f4;
	float: left;
	margin: 0 0 24px 0;
	padding: 8px 0 8px 0;
	width: 220px; }
	
ul#uploadForm li {
	background: #f4f4f4;
	clear: both;
	position: relative;
	float: left;
	margin: 4px 0;
	list-style: none;
	width: 220px; }
	
ul#uploadForm li span {
	float: left;
	padding: 0 0 0 20px; }
		
ul#uploadForm li label {
	float: left;
	padding: 0 4px 0 20px;
	width: 40px; }

ul#uploadForm input.text, ul#uploadForm select, ul#uploadForm textarea { width: 130px; }
	
input#realupload {
	position: absolute;
	left: 0px;
	top: 0;	
	/* start of transparency styles */
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	/* end of transparency styles */	
	z-index: 50;
	width: 220px; }
	
input.shortText { width: 60px; }
	
button#submit {
	background: #505050;
	border: 1px solid #202020;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 10px 4px 0 20px;
	padding: 5px 12px;
	text-decoration: none;
	width: 80px; }

/******************************************************************************
* Message Form Formating
******************************************************************************/
form#messageForm { float: left; width: 410px; }
	
form#messageForm ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 410px; }
	
form#messageForm ul li {
	clear: both;
	position: relative;
	float: left;
	margin: 4px 0;
	list-style: none;
	width: 410px; }
		
form#messageForm ul li label {
	float: left;
	padding: 0 8px 0 16px;
	text-align: right;
	width: 80px; }

form#messageForm ul input.text, form#messageForm ul select, form#messageForm ul textarea {
	float: left;
	margin: 0;
	padding: 2px;
	width: 240px; }
	
form#messageForm ul button#submit {
	border: 1px solid #202020;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	float: left;
	margin: 10px 0 0 0;
	padding: 6px 4px;
	text-decoration: none;
	width: 60px; }
	

/******************************************************************************
* Admin Formating
******************************************************************************/
#adminLogin span { 
	display: block; position: relative;
	clear: left; float: left; 
	margin: 5px;
	width: 250px; }
#adminLogin span input { float: right; } 
/******************************************************************************
* Developer - Client Formating
******************************************************************************/	
#newClient { margin-top: 10px; }
#newClient span { 
	display: block; position: relative;
	clear: left; float: left; 
	margin: 5px;
	width: 300px; }
#newClient span input { float: right; }	
h3.addClientErr { color: #bb0000; }

table#clientList {
	width: 650px;
	font-size: .8em;
	border-bottom: 1px solid #888888; 
}
table#clientList thead tr th { 
	border-bottom: 1px solid #888888; 
	padding-bottom: 5px;
}
table#clientList tbody tr:hover td { background: #e9e9e9; }
table#clientList tbody tr td { background: #f7f7f7; border-bottom: 1px solid #cbcbcb;  }
table#clientList tbody tr td a { display: block; color: #666666;
	height: 100%; text-decoration: none; padding: 5px;  } 

/******************************************************************************
* Vacancies..
******************************************************************************/
/* admin */
div.orderDown,
div.orderUp { width: 100%; font-size: 9px; text-align: right; padding: 2px 0px; }
div.orderDown:hover,
div.orderUp:hover { text-decoration: underline; cursor: pointer; }

/* Pagnation */
div#resultsPageNav { display: block; position: relative; float: right; margin: 1px 0px; }

div#resultsPageNav a { text-decoration: none;
	display: block; position: relative; 
	float: right; 
	width: 90px; height: 24px; 
	border-bottom: 1px solid #CECECE; }
div#resultsPageNav a.currentPage { text-decoration: underline; color: #444444; }

div#resultsPageNav a.prev { background: url(../_images/prev.jpg); }
div#resultsPageNav a.next { background: url(../_images/next.jpg); }
div#resultsPageNav a:hover { background-position: 0px 24px; cursor: pointer; }


table#vacancyList {
	width: 700px;
	font-size: 12px;
	border-bottom: 1px solid #888888; 
}
table#vacancyList th { padding: 2px 5px; }
table#vacancyList thead tr th { 
	border-bottom: 1px solid #888888; 
	padding-bottom: 5px;
}
table#vacancyList tbody tr:hover td { background: #e9e9e9; }
table#vacancyList tbody tr td { position: relative; background: #f7f7f7;
	border-left: 1px solid #efefef; border-right: 1px solid #efefef;
	border-bottom: 1px solid #cbcbcb;  
}
table#vacancyList tbody tr td a { display: block; color: #808285;
	height: 100%; text-decoration: none; padding: 5px;  } 

table.vacancyFull { width: 475px; clear: left; }
table.vacancyFull td { 
	font-size: 12px; vertical-align: top;
	padding: 3px 0px;  color:#808285;
}
table.vacancyFull td.field_label { 
	width: 110px; color: #a0a2a5;}
table.vacancyFull td.field_value { color: #808285; }
table#vacancyFullDescription { width: 700px; } 

div#vacancyFullBaseNav { width: 500px; text-align: center; }
div#vacancyFullBaseNav a {
	display: inline; cursor: pointer;
	border: 1px solid #dddddd;
	height: 18px;
	padding: 2px 10px; margin: 0px 0px;
	text-decoration: none;
	color: #808285;
}
div#vacancyFullBaseNav a:hover { border-color: #cccccc; }
div#vacancyFullBaseNav input { cursor: pointer; }
div#vacancyFullBaseNav input#submit { float: left; width: 230px; background: #f7f7f7; color: #323232; }
div#vacancyFullBaseNav input#submit:hover { background: #d4d4d4; }
div#vacancyFullBaseNav a#backToVacancy { margin-top: 30px; display: block; height: 20px; background: #d4d4d4; color: #323232;
 background-image: url(../_images/_buttons/backToVacancy.jpg); }
div#vacancyFullBaseNav a#backToVacancy:hover { background-position: 0px 24px; }

table#vacancyAdd { width: 700px; }
table#vacancyAdd td { 
	font-size: 12px; vertical-align: top;
	padding: 3px 0px; 
}
table#vacancyAdd td.field_label { 
	width: 180px; color: #a0a2a5;}
table#vacancyAdd td.field_value { color: #808285; }
table#vacancyAdd td input { width: 200px; }
table#vacancyAdd td textarea#shortDesc,
table#vacancyAdd td input#remuneration { width: 428px; }

/******************************************************************************
* Vacancy Search
******************************************************************************/
div#vacSearchForm form p { padding-bottom: 10px; }
div#vacSearchForm form p span { margin: 0px; text-align: left;
	width: 200px; }
div#vacSearchForm form p input,
div#vacSearchForm form p select { width: 200px; }

table#vacancyList td.delete span:hover,
table#vacancyList td.delete a:hover { text-decoration: underline; }
table#vacancyList td.delete:hover a.delete { height: 100%; background: #ffdddd; }



/******************************************************************************
* Survey Pages
******************************************************************************/

div.surveyPageContinueationButton { 
	display: block; position: relative; 
	width: 90px; height: 24px;
	} 
div#next { background: url(../_images/next.jpg); }
div#next:hover { background-position: 0px 24px; cursor: pointer; }

/***for display page numbers***/
div#displaypagenumber { display: block; position: relative; float: left; margin: 1px 0px; }

div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:right;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #CBCBCB;	
	text-decoration: none; /* no underline */
	color: #000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #CBCBCB;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #CBCBCB;		
	font-weight: bold;
	background-color: #ccc;
	color: #000;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;	
		color: #808285;
	}