/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/

@import url(/css/undohtml.css);
@import url(/jobboard/css/main.css);

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/
body{
	padding:			0;
	font:				75%/150% Arial, Helvetica, sans-serif;
	color:				#3C3C3C;
	text-align:			center;
	background:			url(/images/backgrounds/header.gif) top left repeat-x #FFF;
}
#container{
	width:				990px;
	margin:				0 auto;
	padding:			10px 0;
	text-align:			left;
	position:			relative;
}
h1, h2, h3, h4, h5, h6, .pseudoH2, .pseudoH3{
	clear:				both;
	margin:				0 0 0.5em 0;
	color:				#000;
	font:				bold 1.1em Arial, Helvetica, sans-serif;
}
h1{
	font:				bold 1.8em Arial, Helvetica, sans-serif;
}
h2, .pseudoH2{     
	display:			block;
	font-size:			1.6em;
}
.incBlock{
	border:				1px solid #009D00;
}
#homepage h2, .incBlock h2{
	margin:				0;
	padding:			7px 10px 8px 10px;
	color:				#FFF;
	font-size:			1.6em;
	font-weight:		normal;
	border-bottom:		1px solid #009D00;
	background:			#009D00;
}
#homepage h2 a, .incBlock h2 a{
	color:				#FFF;
	font-weight:		normal;
}
#homepage h2 a:hover, .incBlock h2 a:hover{
	text-decoration:	none;
}
h3, .pseudoH3 {
    color: #009D00;
    display: block;
    font-size: 1.2em;
    margin: 1em 0 0.5em;
}
p, .pseudoP {
	margin:				0 0 1em 0;
}
a {     
	color:				#009D00;
	font-weight:		bold;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}
.networkcolor {
	color:				#009D00;
}
.left {
	float:				left!important;
}
.right {
	float:				right!important;
}
.hidden {
	display:			none!important;
}
.noborder{
	border:				0!important;
}
.txtLeft{
	text-align:			left;
}
.txtRight{
	text-align:			right;
}
.txtCentre{
	text-align:			center;
}
.txtJustify{
	text-align:			justify;
}
.imgLeft{
	float:				left;
	margin:				-3px 0 0 0;
}
.imgRight{
	float:				right;
	margin:				-3px 0 0 0;
}
.imgCentre{
	display:			block;
	margin:				0 auto;
}
.incBlock{
	margin:				0 0 10px 0!important;
}
.indented{
	margin:				0 40px;
}
#homeContent{
	margin:				10px 0 0 0;
}
#JBcontent label	{
	color:				#000;
}

/*
=============
=== FORMS ===
=============
*/

input, select, textarea{
	font:				1em Arial, Helvetica, sans-serif!important;
	color:				#2E2E2E;
}
input[type=text], input[type=password], select, textarea, input.text{     /* See ie.css */
	width:				200px!important;
	padding:			2px;
	border:				1px solid #5A7DA3!important;
}
#left input[type=text], #left input[type=password], #left select, #left textarea, #left input.text,
#right input[type=text], #right input[type=password], #right select, #right textarea, #right input.text{
	width:				181px!important; /* See ie.css */
}
select,#JBcontent #lstJobType {
	width:				206px!important;
}
#left select,
#right select{
	width:				187px!important;
}
input[type=submit], input.submit, .pseudoButton{     /* See ieLegacy.css */
	width:				auto!important;
	margin:				5px 0;
	padding:			5px 10px!important;
	font-size:			1.1em!important;
	font-weight:		bold!important;
	color:				#FFF!important;
	border:				1px solid #999!important;
	background:			url(/images/backgrounds/submit.gif) repeat-x top left #009D00!important;
	cursor:				pointer;
	overflow:			visible;
}
a.pseudoButton{ /* See ie.css & ie7.css */
	position:			relative;
	padding:			2px 12px;
	text-decoration:	none!important;
}

/*
==========================================
=== HACKS (Also, see ie.css & ie7.css) ===
==========================================
*/
html{ /* Make sure the scrollbar is always on */
	overflow-y:			scroll;
}
div:after, ul:after, ol:after, dl:after{
	content:			".";
	display:			block;
	clear:				both;
	height:				0;
	visibility:			hidden;
}
div, ul, ol, dl{
	zoom:				1;
}

/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/

#headerContainer{
	width:				100%;
	position:			absolute;
	top:				0;
	left:				0;
}
#header{
	width:				990px;
	height:				185px;
	margin:				0 auto;
	position:			relative;
}
#header #logo{
	position:			absolute;
	top:				10px;
	left:				8px;
}
#header #bannerBAN{
	position:			absolute;
	top:				60px;
	right:				130px;
}
#header #bannerBAN.incBlock {
	border:				0;
}
#header #dateTime{
	color:				#FFF;
	position:			absolute;
	bottom:				40px;
	right:				10px;
}
#header #recTab{
	padding:			13px 19px 12px 19px;
	color:				#FFF;
	font-size:			1.1em;
	background:			url(/images/backgrounds/rec_tab.gif) no-repeat top center;
	display:			block;
	position:			absolute;
	bottom:				0;
	right:				10px;
}
#header #headStar {
	position:			absolute;
	top:				15px;
	right:				15px;
	width:				102px;
	height:				104px;
	background:			url(/images/homestar.gif) top left no-repeat;
}
#header #headStar a {
	display:			block;
    color:				#FFFFFF;
    font-size:			1.2em;
    padding:			25px 0 0;
    line-height:		110%;
    text-align:			center;
}
#header #headStar a span {
	display:			block;
	margin-top:			6px;
	font-size:			1.6em;
}
#header #headStar a:hover {
	text-decoration:	none;
}
#breadcrumbs {
	display:			block;
	position:			absolute;
	bottom:				-36px;
	left:				0;
	width:				948px;
	margin:				0 10px;
	padding:			3px 10px 3px 10px;
	border:				1px solid #CDCDCD;
	background:			#F1F1F1;
}

/* --- Header Text/Links --- */
#header .headerText {
	position:			absolute;
	top: 				0;
	right:				130px;
	text-align:			right;
	line-height:		25px;
	width:				600px;
}
#header .headerText {

}
#header .headerText ul.social {
	position:			absolute;
	top:				26px;
	right:				4px;
}
#header .headerText ul li {
	float:				left;
	display:			block;
	width:				25px;
	height:				25px;
	margin:				0 3px;
	overflow:			hidden;
}
#header .headerText ul li a {

}
#header #candsButton {
	position:			absolute;
	display:			block;
	bottom:				0;
	right:				115px;
	width:				90px;
	padding:			5px 0 0;
	height:				37px;
	line-height:		37px;
	text-align:			center;
	text-decoration:	none;
	color:				#fff;
	background:			url(/images/backgrounds/candsButton.gif) top left no-repeat;
}
#header #clientsButton {
	position:			absolute;
	display:			block;
	bottom:				0;
	right:				20px;
	width:				90px;
	padding:			5px 0 0;
	height:				37px;
	line-height:		37px;
	text-align:			center;
	text-decoration:	none;
	color:				#fff;
	background:			url(/images/backgrounds/candsButton.gif) top left no-repeat;
}

/*
=================================
=== Main Menu ===================
=================================
*/
#header #mainMenu{
	position:			absolute;
	bottom:				0;
	left:				10px;
}
#header #mainMenu li{
	float:				left;
}
#header #mainMenu li a{
	margin-top:			6px;
	padding:			9px 15px 9px 15px;
	color:				#fff;
	border-left:		1px solid #66CC00;
	display:			block;
}
#header #mainMenu li a em {
	font-style:			normal;
}
#header #mainMenu li.firstItem a{
	border-left:		0;
}
#header #mainMenu li.lastItem a{
	border-right:		0;
}
#header #mainMenu li:hover{
	background:			url(/images/backgrounds/mm_hover_right.gif) no-repeat top right;
}
#header #mainMenu li a:hover{
	margin-top:			0;
	padding:			15px 15px 9px 16px;
	color:				#FFF;
	border:				0;
	background:			url(/images/backgrounds/mm_hover_left.gif) no-repeat top left;
	text-decoration:	none;
}
#header #mainMenu li.firstItem a:hover{
	padding-left:		15px;
}

/*
===================================================================================
=== LAYOUT SETUP ==================================================================
===================================================================================

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	margin-top:			20px;
	padding:			0 5px;
	float:				left;
}
#left, #right{
	width:				200px;
}

/*
=======================
=== 1 COLUMN LAYOUT ===
=======================
*/
body.onecol #content, body.onecol #JBcontent{
	width:				965px;
	margin-left:		0;
	padding:			0;
}

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-965px;
}
body.twocolL #content, body.twocolL #JBcontent{
	width:				745px;
	margin-left:		210px;
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				745px;
	margin-left:		0;
}

body#homepage.twocolR #content{
	width:				475px;
	padding:			0;
}
body#homepage.twocolR #right{
	width:				485px;
	padding:			0 0 0 5px;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/

body.threecol #left{
	margin-left:		-755px;
}
body.threecol #content, body.threecol #JBcontent{
	width:				535px;
	margin-left:		210px;
}

/* === Job results layout === */
body.JobResults #left {
    margin-left:		-775px;
	width:				220px;
}
body.JobResults #right {
	width:				180px;
}
body.JobResults #content, body.JobResults #JBcontent {
    margin-left:		230px;
}

/*
===================================================================================
=== GENERIC STYLING ===============================================================
===================================================================================
*/
#main{
	padding-top:		175px;
	position:			relative;
	width:				965px;
	margin:				0 auto;
}
.SubPage #main{
	padding-top:		202px;
}

#header div.servedBanners{
	margin:				12px 0 15px;
	padding-bottom:		10px;
	border-bottom:		1px solid #EEE;
}
div.servedBanners .ad{
	float:				left;
}
div.servedBanners .small{
	float:				right;
}
a.buttonLink, .buttonLink, #homepage #jobBrowserHome h2.unselected{
	padding:			5px 10px;
	color:				#FFF;
	border:				1px solid #999!important;
	background:			url(/images/backgrounds/submit.gif) repeat-x top left #009D00!important;
	display:			block;
	cursor:				pointer;
}
a.buttonLink:hover, .buttonLink:hover,
#homepage #jobBrowserHome h2.unselected:hover{
	text-decoration:	none;
}
a.ApplyNow:hover{
	background:			#000;
}

/*
===================================================================================
=== HOMEPAGE ======================================================================
===================================================================================
*/

/* --- Site Statistics ---*/
#homepage h1{
	padding:			0;
	font-weight:		normal;
}
#homepage #numberJobs a{
	color:				#000;
	font-size:			1.9em;
	font-weight:		normal;
	text-decoration:	none;
}

/* --- Register Button --- */
.regCandButton{
	margin:				0 0 10px;	
}
.regCandButton a{
	float:				left;
	display:			block;
	padding:			10px 50px 10px 20px;
	font-size:			1.5em;
	text-align:			center;
	color:				#fff;
	border-radius:		5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background:			url(/images/backgrounds/dblChevron.png) no-repeat right 13px #109d49;
}
.regCandButton a:hover{
	text-decoration:	none;	
}

/* --- Job Browser --- */
#homepage #jobBrowserHome{
	position:			relative;
	margin-bottom:		10px;
	border:				1px solid #009D00;
	height:				348px;
}
#homepage #jobBrowserHome p{
	margin:				0;
	padding:			5px 10px;
}
#homepage #jobBrowserHome .searchByBox ul{
	margin:				5px 5px 0;
}
#homepage #jobBrowserHome .searchByBox li{
	float:				left;
	width:				48%;
	margin:				0 1%;
	padding:			2px 0;
	background:			transparent;
}
#homepage #jobBrowserHome .searchByBox li a{
	font-size:			1.1em;
	color:				#015F00;
}
#homepage #jobBrowserHome .searchByBox li em{
	font-style:			normal;
	color:				#0066CC;
}
#homepage #jobBrowserHome #viewAll{
	float:				right;
	margin-top: 10px;
}

/* --- Quick Search --- */
#homepage #search{
	padding-bottom:		5px;
	height:				189px;
	border:				0;
	background:			url(/images/backgrounds/quick_search.gif) no-repeat bottom left;
	position:			relative;
}
#homepage #search h2{
	margin-right:		7px;
}
#homepage #search dl{
	margin-right:		7px;	
	padding:			96px 10px 10px 10px;
	position:			relative;
}
#homepage #search dt#DTKeywords{
	position:			absolute;
	top:				5px;
	left:				10px;
}
#homepage #search dd#DDKeywords{
	position:			absolute;
	top:				25px;
	left:				10px;
}
#homepage #search dd#DDKeywords input {
	width:				449px!important;
	padding:			4px;
}
#homepage #search dt#DTIndustrySector, #homepage #search dd#DDIndustrySector {
	position:			absolute;
	top:				52px;
	left:				10px;
	width:				47%;
}
#homepage #search dd#DDIndustrySector {
	top:				72px;
}
#homepage #search dt#DTRegion, #homepage #search dd#DDRegion{
	position:			absolute;
	top:				52px;
	right:				10px;
	width:				47%;
}
#homepage #search dd#DDRegion{
	top:				72px;
}
#homepage #search dd select{
	padding:			4px;
}
#homepage #search input.searchButton{		
	margin:				0 18px 0 0;
	float:				right;	
}
#homepage #search p.advSearch a{
	padding:			6px 10px;
	color:				#009D00;
	text-decoration:	underline;
	display:			block;
}
#homepage #search dt, #homepage #search p.advSearch a {
	color:				#FFF;
}

/* --- Map --- */
#homepage #map{
	width:				300px;
	margin-bottom:		10px;
	float:				left;
}

/* --- Featured Recruiters --- */
#homepage .featuredEmployersBox{
	width:				175px;
	margin:				0 0 10px 5px!important;
	float:				left;
}
#homepage .featuredEmployersBox li{
	padding:			4px 0 3px;
}
#homepage .featuredEmployersBox li a{
	padding:			2px 0;
	display:			block;
}
#homepage .featuredEmployersBox .LinkToClientList a{
	text-align:			center;
	color:				#009D00;
}

/* --- Advertisers --- */
#homepage #advertisers{
	width:				170px;
	margin:				0 5px 13px 0!important;
	float:				right;
}

/* --- Get to it! --- */
#homepage .sidebarMenu{
	width:				170px;
	margin:				0 5px 13px 0;
	float:				right;
}

/* --- Cand Reg/Login --- */
#homepage div#candRegLogin{
	width:				170px;
	margin:				-20px 6px 13px 0;
	text-align:			center;
	float:				right;
	clear:				right;
}

/* --- Column Banner --- */
#homepage #colBanner{
	width:				170px;
	height:				125px;
	margin-right:		5px;
	text-align:			center;
	border:				1px solid #0066cc;
	float:				right;
	clear:				right;
}
#homepage #colBanner div{
	margin:				0!important;
	border:				0;
}

/* --- Found in /inc/footer.asp.inc --- */
#quickSearchArrow{
	display:			none;
}
#homepage #quickSearchArrow{
	width:				25px;
	height:				28px;
	background:			url(/images/backgrounds/jb_home_arrow.png) no-repeat top left;
	position:			absolute;
	top:				270px;
	right:				478px;
	display:			block;
}

/* --- found in inc/map.asp.inc --- */
#morefrom {
	padding-bottom:		8px;
}
#MapContainer {
	border:				1px solid #009d00;
	margin-bottom:		5px;
	background:			#009d00;
	overflow:			hidden;
}
#mapButtons {
	padding:			10px 0;
	background:			#fff;
}
#mapButtons #allUK {
	float:				left;
	display:			block;
	width:				105px;
	margin:				0 5px 0 10px;
	padding:			5px;
	text-align:			center;
	color:				#fff;
	background:			#009D00;
    border-radius:		5px!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
}
#mapButtons #allInternational {
	float:				left;
	display:			block;
	width:				145px;
	margin:				0 0 0 5px;
	padding:			5px;
	text-align:			center;
	color:				#fff;
	background:			#009D00;
    border-radius:		5px!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
}
#homepage #homeContentText {
	margin:				5px 0 0;
	border:				1px solid #000;
	padding:			7px 10px 0;
}

#homepage #homeFooterText {
	clear:				both;
	display:			block;
	margin:				0;
	padding:			0;
}

/* --- More From GreenJobs / Features --- */
#homepage #homeButton1 {
	height:				60px;
	margin:				10px 25px 0;
	padding:			0 0 0 65px;
	background:			url(/images/backgrounds/homeIcon1.gif) 8px 9px no-repeat;
}
#homepage #homeButton2 {
	height:				60px;
	margin:				0 25px;
	padding:			0 0 0 65px;
	background:			url(/images/backgrounds/homeIcon2.gif) center left no-repeat;
}
#homepage #homeButton3 {
	height:				60px;
	margin:				0 25px;
	padding:			0 0 0 65px;
	background:			url(/images/backgrounds/homeIcon3.gif) center left no-repeat;
}
#homepage #homeButton1 a, #homepage #homeButton2 a, #homepage #homeButton3 a {
	display:			block;
}

/* --- Featured Jobs --- */
#homepage #homeFeaturedJobs {
	position:			relative;
	margin:				0 0 10px 0;
}
#homepage #homeFeaturedJobs p {
	position:			absolute;
	bottom:				-3px;
	right:				10px;
}
#homepage .LatestVacanciesCol1 {
	width:				120px;
	height:				60px;
}
#homepage #featured5 {
	display:			none;
}

/* --- Featured Jobs --- */
#homepage #latest {
	position:			relative;
}
#homepage #latest .incBlock {
	border-width:		0;
}
#homepage #latest #latestBox {
    padding:			10px 10px 21px;
}
#homepage #latest #latestBox table td{
    padding-bottom:		15px;
}
#homepage #latest .LatestVacanciesCol1  img {
	border:				1px solid #008400;
	margin:				0 10px 0 0;
}
#homepage #latest #latestBox table td.LatestVacanciesCol2 .jobs_JobTitle {
	text-transform:		uppercase;
}
#homepage #latest #latestBox table td.LatestVacanciesCol2 .jobs_JobDescription {
	display:			block;
}
#homepage #latest #latestBox table td.LatestVacanciesCol2 .jobs_JobDescription a {
	color:				#000;
	font-weight:		normal;	
}
#homepage #latest p {
	position:			absolute;
	bottom:				-3px;
	right:				10px;
	display:			none;
}
#homepage.Network101 #latest p {
	display:			block;
}
#homepage #latest #LatestJobsAll a{
	margin:				0;
	padding:			4px 10px 5px 10px;
	color:				#FFF;
	text-transform:		uppercase;
	border:				1px solid #999!important;
	background:			url(/images/backgrounds/submit.gif) repeat-x top left #009D00!important;
	float:				right;
}
#homepage.Network101 #latest #latestBox table #latest5 {
	display:			none;
}

/*
===============
=== CONTENT ===
===============
*/

.bannersLogos{
	margin:				0 0 15px;
	border:				1px solid #bbb;
}
.bannersLogos th{
	width:				10em;
	padding:			5px;
	font-weight:		bold;
	text-align:			left;
	border-right:		4px solid #fff;
}
.bannersLogos td{
	padding:			5px;
	border-right:		4px solid #fff;
}
.bannersLogos td.banDim{
	width:				7em;
}
.bannersLogos td.banDesc{
	border-right:		0;
}
#content .bannersLogos tr.zebra1{
	background:			#f9f9f9;
}
#content .bannersLogos tr.zebra2{
	background:			#ecf2f8;
}
#introText{
	float:				left;
	width:				278px;
	margin:				0 0 10px;
	padding:			10px 10px 0;
	border:				1px solid #009D00;
}
.jobQuickLinks h2{
	font-size:			1.2em;
}

/*
================
=== SIDEBARS ===
================
*/

#latest .LatestVacanciesTBL span br, #featured .LatestVacanciesTBL span br{
	margin-top:			-1.6em!important;
}

/*
==============================================
=== INCLUDES WHEN FEATURED IN THE SIDEBARS ===
==============================================
*/

/* --- Latest Vacancies & Featured Jobs --- */

/* --- Featured Companies --- */
#left .featuredEmployersBox, #right .featuredEmployersBox{
	border-color:		#009D00;
}
#left .featuredEmployersBox h2, #right .featuredEmployersBox h2{
	font-size:			1.4em;
	background:			#009D00;
	border-color:		#009D00;
}
#left .featuredEmployersBox ul, #right .featuredEmployersBox ul{
	margin-top:			5px;
}
#left .featuredEmployersBox li, #right .featuredEmployersBox li{
	padding:			3px 0 4px;
	text-align:			center;
}
#left .featuredEmployersBox li img, #right .featuredEmployersBox li img{
	border:				1px solid #008400;
}
#left .featuredEmployersBox .LinkToClientList, #right .featuredEmployersBox .LinkToClientList{
	margin:				0;
	padding:			0 10px 10px 10px;
	text-align:			right;
}
#left .featuredEmployersBox .LinkToClientList a, #right .featuredEmployersBox .LinkToClientList a{
	color:				#2A2A2A;
	text-align:			center;
	text-decoration:	underline;
	position:			relative;
	display:			block;
	padding:			6px 0;
}

/* --- Payment Information --- */

/* --- Recruiter Login & Jobseeker Login --- */

/* --- News --- */

/* --- Quick Search Form --- */
#left #search dl {
	padding:			5px 10px;
	border-top:			1px solid #E6F7F5;
	position:			relative;
}
#left #search dl {
	font-weight:		bold;
}
#left #search dd input {
	width:				96.5%!important;
}
#left #search dd select {
	width:				100%!important;
}

#left #search input.searchButton {
	margin:				0 10px 5px 0;
	float:				right;
}
#left #search p.advSearch a {
	display:			none;
}
#left #search .QuickSearchHelp, #right #search .QuickSearchHelp,
#left #search .KeywordsHelp, #right #search .KeywordsHelp{
	display:			none;
}

/* --- Text (free text field) --- */

/* --- Menu (User created menus) --- */
#left .sidebarMenu, #right .sidebarMenu{
	border:				1px solid #8D8D8D;
}
#left .sidebarMenu h2, #right .sidebarMenu h2{
	margin:				0;
	padding:			7px 10px 8px 10px;
	color:				#292929;
	font-weight:		normal;
	background:			transparent;
	border-bottom:		1px solid #A6B8DE;
}
#left .sidebarMenu li, #right .sidebarMenu li{
	border-top:			1px solid #FFF;
	border-bottom:		1px solid #A6B8DE;
	background:			url(/images/backgrounds/sidebar_menu.gif) repeat-x top left #FFF;
}
#left .sidebarMenu li.sideLast, #right .sidebarMenu li.sideLast{
	border-bottom:		0;
}
#left .sidebarMenu li a, #right .sidebarMenu li a{
	padding:			5px 0 5px 20px;
	color:				#292929;
	background:			url(/images/backgrounds/arrow_black.gif) no-repeat 5px 10px;
	display:			block;
}

/* --- Advertisers --- */
#left #advertisers, #right #advertisers{

	border:				1px solid #0066cc;
	background:			url(/images/backgrounds/advertisers.gif) repeat-x top left #FFF;
}
#left #advertisers h2, #right #advertisers h2{
	color:				#292929;
	border:				0;
	background:			transparent;
}
#left #advertisers ul, #right #advertisers ul{
	padding:			0 10px;
}
#left #advertisers li, #right #advertisers li{
	padding-left:		15px;
	background:			url(/images/backgrounds/arrow_blue.gif) no-repeat 0 6px;
}
#left #advertisers li a, #right #advertisers li a{
	color:				#0066cc;
	text-decoration:	underline;
}
#left #advertisers p, #right #advertisers p{
	margin:				0;
	padding:			5px 10px;
	text-align:			center;
}
#left #advertisers .buttonLink, #right #advertisers .buttonLink{
	margin:				0 15px;
	background:			#0066cc!important;
}

/*
=========================================================
=== INCLUDES (WHEN FEATURED IN THE MAIN CONTENT AREA) ===
=========================================================
*/

/* --- Latest Vacancies & Featured Jobs --- */
#content #featured{
	margin-bottom:		0!important;
}
#content #featured #featuredBox{
	padding:			10px 10px 0 10px;
}
#content #featured #featuredBox span{
	padding:			0;
	line-height:		138%;
	display:			block;
}
#content #featured #featuredBox table{
	border:				0;
}
#content #featured #featuredBox table td{
	padding-bottom:		10px;
}
#content #featured span.jobs_JobTitle{
	text-transform:		uppercase;
}
#content #featured span.jobs_Salary{
	color:				#000;
	font-weight:		bold;
}
#content #featured span.jobs_JobDescription a{
	color:				#000;
	font-weight:		normal;
}
#content #featured span.jobs_JobDescription a:hover{
	text-decoration:	none;
}
#content #featured #featuredBox img{
	margin:				2px 10px 0 0;
	border:				1px solid #008400;
}
#content #featured #featuredBox tr.lastJobRow td{
	padding-bottom:		3px;
}
#content #featured #FeaturedJobsAll{
	padding-bottom:		10px;
}
#content #FeaturedJobsAll a{
	margin:				0;
	padding:			4px 10px 5px 10px;
	color:				#FFF;
	text-transform:		uppercase;
	border:				1px solid #999!important;
	background:			url(/images/backgrounds/submit.gif) repeat-x top left #009D00!important;
	float:				right;
}
#content #featured #FeaturedJobsAll a:hover{
	text-decoration:	none;
}

/* Landing page latest jobs */
#content #latest.landingPage{
	margin:				20px 90px 20px 0!important;
}
#content #latest.landingPage h2 strong{
	font-weight:		normal;
}

/* --- Featured Companies --- */

/* --- Payment Information --- */

/* --- Recruiter Login & Jobseeker Login --- */

/* --- News --- */

/* --- Quick Search Form --- */

/* --- Job Browser --- */

/* --- Menu (User created menus) --- */

/* --- List All Categories --- */
#content.moreCategories .JobResultCategoryList li{
	width:				33%;
	margin:				0 0 10px 0;
	padding:			0;
	background:			transparent;
	float:				left;
}
#content.moreCategories .JobResultCategoryList li em{
	font-style:			normal;
}

/*
===================================================================================
=== JOB BROWSER/RESULTS ===========================================================
===================================================================================
*/

/* --- Job Browser Nav --- */
#jobBrowseContainer .tabNav li{
	float:				left;
}
#jobBrowseContainer .tabNav li a{
	width:				107px;
	padding:			10px 0;
	color:				#FFF;
	font-size:			1.1em;
	text-decoration:	none;
	text-align:			center;
	display:			block;
}
#jobBrowseContainer .tabNav li.tabOne a{
	margin-right:		6px;
}
#jobBrowseContainer .tabNav li.tabOne a{
	background:			url(/images/backgrounds/jb_results_browse.gif) no-repeat top left;
}
#jobBrowseContainer .tabNav li.tabTwo a{
	background:			url(/images/backgrounds/jb_results_search.gif) no-repeat top left;
}

/* --- Job Browser --- */
#jobBrowseContainer #jobBrowserResults h2{
	display:			none;
}
#jobBrowseContainer #jobBrowserResults a{
	color:				#FFF;
	font-weight:		normal;
}
a.moreJobOptions {
	font-weight:		bold!important;
}
#jobBrowseContainer #jobBrowserResults #CurrentSearch{
	margin-bottom:		5px;
	padding:			10px;
	color:				#FFF;
	background:			#66CC00;
}
#jobBrowseContainer #jobBrowserResults #CurrentSearch a{
	font-size:			0.9em;
	display:			block;
}
#jobBrowseContainer #jobBrowserResults #CurrentSearch h2{
	margin:				0;
	padding:			0;
	color:				#FFF;
	font-size:			1.3em;
	display:			block;
}
#jobBrowseContainer #jobBrowserResults #CurrentSearch li{
	padding:			5px 0;
}
#jobBrowseContainer #jobBrowserResults #CurrentSearch p{
	margin:				5px 0 0 0;
	padding-top:		5px;
	border-top:			1px solid #FFF;
}
#jobBrowseContainer #jobBrowserResults .JobBrowseLinks{
	margin-bottom:		5px;
	padding:			10px;
	background:			#66CC00;
}
#jobBrowseContainer #jobBrowserResults .JobBrowseLinks h3{
	margin:				0 0 5px 0;
	color:				#FFF;
	font-size:			1.2em;
}
#jobBrowseContainer #jobBrowserResults .JobBrowseLinks em{
	font-style:			normal;
}
#jobBrowseContainer #jobBrowserResults .JobBrowseLinks a.moreJobOptions{
	cursor:				pointer;
}
#jobBrowserContainer ul.JobBrowseCategoryLinks li a {
	font-weight:		normal;
}
#left #jobBrowseContainer #search{
	padding:			5px;
	border:				0;
	background:			#009D00;
}
#left #jobBrowseContainer #search h2{
	padding:			0;
	border:				0;
	background:			transparent;
}
#left #jobBrowseContainer #search dl{
	padding:			5px 0;
	border:				0;
}
#left #jobBrowseContainer #search dd{
	margin-bottom:		5px;
}
#left #jobBrowseContainer #search label{
	color:				#FFF;
}
#left #jobBrowseContainer #search input.searchButton {
	margin-right:		3px;
	background:			#66CC00!important;
	border-color:		#FFF !important;
}

/* --- More Options --- */
.extraBrowseOptions li.selectedTab{
	background:			#009D00!important;
}
.extraBrowseOptions li a{
	border-color:		#009D00!important;
	background:			#FFF;
}
.extraBrowseOptions .JobBrowseExtraCategoryLinks {
	border-color:		#009D00!important;
}

/* --- Page Numbers --- */
#JBcontent.jobResults .pageNumbTop, #JBcontent.jobResults .pageNumbBot {
	margin:				3px 0;
}
#JBcontent.jobResults .pageNumbBot{
	margin-top:			13px;
}
#JBcontent.jobResults ul.pageNumbers, #JBcontent.CVresults ul.pageNumbers {
	margin:				0!important;
	padding:			0;
	float:				left;
}
#JBcontent.jobResults ul.pageNumbers li, #JBcontent.CVresults ul.pageNumbers li {
	margin:				0 2px;
	color:				inherit;
	border:				1px solid #FFF;
	float:				left;
}
#JBcontent.jobResults ul.pageNumbers li.titleBar, #JBcontent.CVresults ul.pageNumbers li.titleBar{
	margin:				0 2px 0 0;
	text-transform:		capitalize;
}
#JBcontent.jobResults ul.pageNumbers li.pageSelected, #JBcontent.CVresults ul.pageNumbers li.pageSelected{
	color:				#fff;
	font-weight:		bold;
	border-color:		#008400;
	background:			#008400;
}
#JBcontent.jobResults ul.pageNumbers li a, #JBcontent.CVresults ul.pageNumbers li a{
	color:				#008400;
	border:				0;
	background:			transparent;
	display:			block;
}

/* --- Action Buttons --- */
#JBcontent.jobResults .resultsActions, #JBcontent.CVresults .resultsActions{
	width:				350px;
	height:				65px;
	margin:				10px 0;
}
#main #JBcontent.CVresults .resultsActions{
	width:				500px;
}
#JBcontent.CVresults .resultsActions .viewSelected,
#JBcontent.CVresults .resultsActions .selectAll {
	left:				132px;
}
#JBcontent.jobResults .resultsTop{
	margin-top:			0;
}
#JBcontent.jobView .jobViewActions{
	margin:				0 0 10px 0;
}

#JBcontent.jobResults .resultsActions .buttonLink, #JBcontent.CVresults .resultsActions .buttonLink,
#JBcontent.jobView .jobViewActions .buttonLink{
	margin:				0 5px 0 0!important;
	padding:			5px!important;
	color:				#FFF!important;
	font-weight:		normal!important;
	border:				1px solid #999!important;
	background:			url(/images/backgrounds/submit.gif) repeat-x top left #009D00!important;
}
#JBcontent.CVresults .resultsActions a.buttonLink{
	padding:			4px 5px!important;
}
#JBcontent.jobResults .resultsActions .buttonLink:hover, #JBcontent.CVresults .resultsActions .buttonLink:hover,
#JBcontent.jobView .jobViewActions .buttonLink:hover {
	background:			url(/images/backgrounds/submit.gif) repeat-x top left #009D00!important;
}
#JBcontent.jobView .jobViewActions .buttonLink.ApplyNow:hover{
	background:			#000!important;
}

#JBcontent.jobResults .numResults, #JBcontent.CVresults .numResults{
	margin-right:		5px;
	text-align:			right;
}

/* Job Info Boxes */
#JBcontent.jobResults .jobInfo, #JBcontent.jobResults .featuredJob,
#CompanyJobResults.jobs .jobInfo, #CompanyJobResults.jobs .featuredJob{
	clear:				both; /* See style1ie7.css & style1ieLegacy.css */
	position:			relative;
	margin:				10px 0;
	padding:			0 15px 3px;
	border:				2px solid #009D00;
	background:			#fff;
}
#JBcontent.jobResults .jobInfo h2, #JBcontent.jobResults .featuredJob h2, #CompanyJobResults.jobs .jobInfo h2,
#CompanyJobResults.jobs .featuredJob h2 {
	position:			relative;
	top:				-2px;
	margin:				0 -17px;
	padding:			0;
	text-decoration:	none;
	background:			#009D00;
}
#JBcontent.jobResults .jobInfo h2 a, #JBcontent.jobResults .featuredJob h2 a, #CompanyJobResults.jobs .jobInfo h2 a,
#CompanyJobResults.jobs .featuredJob h2 a {
	display:			block;
	padding:			7px 150px 7px 35px;
	text-decoration:	none;
	text-transform:		uppercase;
	color:				#fff;
}
#JBcontent.jobResults .featuredJob, #CompanyJobResults.jobs .featuredJob{
	border-color:		#009D00;
}
#JBcontent.jobResults .featuredJob h2, #CompanyJobResults.jobs .featuredJob h2{
	padding:			0 0 0 17px;
	background:			url(/images/backgrounds/featuredStar.gif) center left no-repeat #009D00;
}
#JBcontent.jobResults .jobInfo input.checkBox, #CompanyJobResults.jobs .jobInfo input.checkBox{ /* See style1ie7.css & style1ieLegacy.css */
	position:			absolute;
	top:				8px;
	left:				8px;
}
#JBcontent.jobResults .jobInfo a.detailsApply, #JBcontent.jobResults .jobInfo ul.jobDetails li strong,
#CompanyJobResults.jobs .jobInfo a.detailsApply, #CompanyJobResults.jobs .jobInfo ul.jobDetails li strong{
	display:			block!important;
}
#JBcontent.jobResults .jobInfo a.detailsApply, #CompanyJobResults.jobs .jobInfo a.detailsApply{
	position:			absolute;
	top:				1px;
	right:				1px;
	padding:			4px 10px;
	text-align:			center;
	text-decoration:	none;
	color:				#fff!important;
	border:				1px solid #fff!important;
	background-color:	#016F00!important;
}
#JBcontent.jobResults .featuredJob a.detailsApply, #CompanyJobResults.jobs .featuredJob a.detailsApply{
	color:				#fff!important;
	background-color:	#66CC00!important;
	border-color:		#fff!important;
}
#JBcontent.jobResults .jobInfo ul.jobDetails, #CompanyJobResults.jobs .jobInfo ul.jobDetails{
	margin:				10px 0;
	padding:			5px 0 10px;
	font-style:			normal;
	border-bottom:		1px solid #bbb;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li, #CompanyJobResults.jobs .jobInfo ul.jobDetails li{
	float:				left;
	width:				35%;
	height:				1.5em;
	overflow:			hidden;
	margin:				3px 0 0 0;
	padding:			0 0.5% 0 0;
	font-style:			normal;
	background:			transparent;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li strong, #CompanyJobResults.jobs .jobInfo ul.jobDetails li strong{
	float:				left;
	width:				5em;
	margin:				0 5px 0 0;
	font:				bold 1em Arial, Helvetica, sans-serif;
}
#JBcontent.jobResults .jobInfo ul.jobDetails .jobContinent, #JBcontent.jobResults .jobInfo ul.jobDetails .jobCountry,
#JBcontent.jobResults .jobInfo ul.jobDetails .jobArea, #JBcontent.jobResults .jobInfo ul.jobDetails .jobRegion,
#JBcontent.jobResults .jobInfo ul.jobDetails .jobVicinity, #JBcontent.jobResults .jobInfo ul.jobDetails .jobCity {
    float:				left;
    padding-right:		0;
    text-align:			left;
}
#JBcontent.jobResults ul.pageNumbers li, #JBcontent.CVresults ul.pageNumbers li {
    background:			#EAFEEA;
    border:				1px solid #008400;
}
#JBcontent.jobResults ul.pageNumbers li a:hover, #JBcontent.CVresults ul.pageNumbers li a:hover {
	background:			#008400;
	color:				#fff;
}
#JBcontent.jobResults ul.pageNumbers li.titleBar, #JBcontent.CVresults ul.pageNumbers li.titleBar {
	background:			#fff;
	border:				none;
	padding:			3px 7px 0 5px;
	font-weight:		normal;
}
#JBcontent table.results td img {
    border:				1px solid #009D00;
}

/* send me jobs like these */
#strSendMeCandEmailTop, #strSendMeCandEmailBot {
	width:				180px!important;
}
.sendMeJobsLikeThese label {
    width:				29%;
    color:				#000!important;
}
#strSendMeCandEmailTop, #strSendMeCandEmailBot {
	height:				23px;
	line-height:		23px;
}
.sendMeJobsLikeThese .SendMeJobsButton {
    margin: 			0 !important;
    background: 		url("/images/backgrounds/submit.gif") repeat-x scroll left top #009D00 !important;
    border: 			1px solid #999999 !important;
    color: 				#FFF !important;
    font-weight: 		normal !important;
    padding: 			5px !important;
    width:				34% !important;	
}
#sendMeJobsLikeTheseBot {
    top: 				0!important;
}

/* --- Job Results Banner --- */
#JBcontent.jobResults #bannerJBR.BannerAdvert{
	margin:				0!important;
	border:				0;
}
#JBcontent.jobResults .jobInfo .jobLogo{
    display:			block!important;
    float:				left;
    padding:			16px 10px 0 0;
}

/* --- Job View --- */
#JBcontent.jobView form{
	background:			#FFF;
}
#JBcontent.jobView .BannerAdvert{
	display:			none;
}
#JBcontent.jobView .searchInfo{
	background:			#FFF;
}
#JBcontent.jobView {
	padding:			10px 5px;
}
#JBcontent.jobView .upperJobViewActions {
	display:			none;
}

/* --- CV View --- */
#JBcontent.CVview .candInfo{
	background:			#FBE9EB!important;
}
/* --- CV add page --- */
#JBcontent.CVadd textarea#strSynopsis {
	height:				150px;
}

/*
===================================================================================
=== CV RESULTS ====================================================================
===================================================================================
*/

/* --- CV Results --- */
#JBcontent.CVresults .candInfo .candDetails ul li strong {
    width:				11em;
}
#JBcontent.CVresults .candInfo h3 {
    margin:				10px 0 0;
    padding:			0 2%;
}
#JBcontent.CVresults .candInfo .candDetails ul {
    margin:				10px 0 12px 12px;
}
#JBcontent.CVresults .candInfo .icons ul li {
	background-image:	none;
}

/*
===================================================================================
=== CAND REGISTER =================================================================
===================================================================================
*/

#JBcontent.register #frmCandRegister {
	position:			relative;
}

/*
===================================================================================
=== CMS PAGES =====================================================================
===================================================================================
*/

/* --- CMS Pages --- */
.Network101 #content.partnersandlinks #sideBarWindEventsConferences, .Network102 #content.partnersandlinks #sideBarGreenEvents {
	display:			none;
}

/* landing page css button */
.cssbutton {
	float:				left;
	display:			block;
	width:				200px;
	margin:				0 5px 10px;
	padding:			10px 5px;
	text-align:			center;
	color:				#fff;
	background:			#009D00;
    border-radius:		5px!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
}
body.LandingPageBlue #content a {
	color:				#0095DA;
}
body.LandingPageBlue #content a.cssbutton {
	color:				#fff!important;
	background-color:	#0095DA;
}

/* --- Partners --- */
body.Partners #content p{
	border-bottom:		1px solid #ccc;
	min-height:			60px;
	margin:				0;
	padding:			10px 15px 10px 145px;
	position:			relative;
	line-height:		60px;
}
body.Partners #content p img{
	position:			absolute;
	top:				10px;
	left:				8px;
	border:				1px solid #000;
}

/* Link To Us Page */
.linkExample{
	margin:				0 0 20px 0;
	padding:			20px 10px;
	border:				1px solid #eaeaea;
	border-width:		1px 0;
}
code{
	display:			block;
	margin:				0 0 1em 0;
	padding:			10px;
	font:				1.1em/1.5em "Courier New", Courier, sans-serif;
	text-align:			left;
	color:				#000;
	background:			#E3F7E2;
}

.jobLogo a img {
	border:				1px solid #008400;
}

/* --- Candidate Testimonials Page --- */
#clienttestimonials {
	font:				normal 1.2em/1.7em Georgia, Times, sans-serif;
	font-style:			italic;
	text-align:			left;
}
#clienttestimonials img {
	margin:				15px 0 0;
}

/*
===================================================================================
=== ADMIN AREA ====================================================================
===================================================================================
*/

/* --- Job Manager --- */
#JBcontent.jobManager #frmJobManager2 table.results td img {
	border-width:		0;
}

/*
===================================================================================
=== POPUP WINDOW ==================================================================
===================================================================================
*/

#popup #popupHeader{
	width:				100%;
	height:				100px;
	padding:			0;
	border-bottom:		5px solid #009D00;
	background:			#FFF;
}
#popup #popupHeader .popupLogo{ /* [TEMP] */
	width:				249px;
	height:				80px;
	margin:				10px;
	background:			url(/images/email/email_logo.gif) no-repeat top;
}
#popup #popupFooter{
	border-top:			5px solid #009D00;
}

/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/

/* --- Footer --- */
#footerContainer{
	margin-top:			10px;
	background:			#009D00;
}
#footer{
	position:			relative;
	width:				990px;
	margin:				0 auto;
	padding:			20px 0;
	color:				#fff;
	font-size:			1em;
	text-align:			left;
	clear:				both;
	height:				380px;
}
#footer p{
	margin:				0;
}
#footer p.addThis{
	margin-top:			5px;
}
#footer a{
	color:				#fff;
	font-weight:		normal;
}
#footerbot {
	position:			absolute;
	top:				80px;
	left:				0px;
}
#footer div.copy{
	float:				right;
	text-align:			right;
}
#footer div.links ul{
	width:				150px;
	margin-right:		40px;
	float:				left;
}
#footer ul#associations{
	position:			absolute;
	top:				10px;
	right:				10px;
}
#footer ul#associations li{
	margin:				0 5px;
	padding:			0;
	border:				0;
}
#greencertified {
	width:				107px;
	height:				46px;
	padding:			4px 0 0 3px;
	background:			url(/images/greencertified.gif);
	overflow:			hidden;
}
#AddThis {
	margin:				8px 0 0;
}
#footer #toplinklist {
	width:				750px;
}
#footer #toplinklist #windevents, #footer #toplinklist #renewableenergyevents, #footer #toplinklist #solarevents, 
#footer #toplinklist #environmentalevents, .Network101 #footer #toplinklist #greenlink {
	display:			none;
}
#footer .footermenulower {
	clear:				left;
	margin-top:			10px;
}

/* --- Footer Social Media --- */
#footer span.IN-widget {

}
#footer ul.social2 {
	width:				315px;
	display:			none;
}
#footer ul.social2 li {
	border-width:		0;
}
#footer ul.social2 li.tweet {
	width:				102px;
}
#footer ul.social2 li.fblike {
	width:				125px;
}
#footer ul.social2 li.gplus1 {
	width:				70px;
}
#footer ul.social2 li.gplus1 #___plusone_0 {
	vertical-align:		middle!important;
	height:				23px!important;
}

/* --- Footer Links --- */
#footerJobLinks{
	width:				965px;
	margin:				0 auto;
	padding:			20px 0;
}
#footer ul{
	float:				left;
	margin:				0 0.5% 0 12px;				
}
#footer ul li{
	text-align:			left;
	float:				left;
	padding:			0 8px;
	border-right:		1px solid #fff;
}
#footer ul li.last, #footer ul li.strategies {
	border-right:		0;
}
#footer ul li a{
	font-weight:		normal;
}
#footer h2 {
	padding:			20px 5px 5px;
	margin:				0 0 5px;
	border-bottom:		1px solid #fff!important;
	background:			transparent;
	font-size:			1.2em;
	color:				#fff;
}
#footer .searchByBox {
	padding:			5px 10px;
}
#footer .searchByBox h2 {
	display:			none;
}
#footer .searchByBox ul li {
	float:				left;
	padding:			0 15px 0 0;
	border:				0;
}

/*
===================================================================================
=== CUSTOM JOB BOARD STYLES =======================================================
===================================================================================
*/

/* --- Candidates Menu --- */
#JBcontent .cvadd .CVStats {
	display:			none;
}

/* --- Custom Forms --- */
form.contactForm{
	margin:				0 0 10px 0;
	padding:			0 0 10px 0;
	border-bottom:		2px solid #1ea800;
}
form.contactForm fieldset{
	width:				49em;
	margin:				0;
	padding:			0 5px 20px 5px;
}
form.contactForm h3{
	margin:				0 0 10px 0;
	padding:			0 5px 5px 5px;
	border-bottom:		2px solid #1ea800;
}
form.contactForm fieldset label{
	clear:				both;
	display:			block;
	float:				left;
	width:				18em;
	height:				1em;
	margin:				0 0 10px 0;
	padding:			0.2em 0 0.4em 0;
	font-weight:		bold;
	color:				#000;
}
form.contactForm fieldset label.txtArea{
	height:				7.5em;
}
form.contactForm fieldset .frmInput, form.contactForm fieldset .frmRadio, form.contactForm fieldset .frmCheckbox,
form.contactForm fieldset .frmSelect {
	display:			block;
	float:				left;
	margin:				0 0 10px 0;
}
form.contactForm fieldset .frmInput{
	margin-right:		10em;
}
form.contactForm fieldset .frmCheckbox{
	margin-right:		20em;
}
form.contactForm fieldset .txtArea{
	width:				30em!important;
	height:				7em;
	margin-right:		0;
}
form.contactForm fieldset .frmRadio{
	clear:				none;
	width:				auto;
	margin:				0 20px 10px 0;
	font-weight:		normal;
	color:				#3C3C3C;
}
form.contactForm fieldset .frmCheckbox{
	position:			relative;
	top:				3px;
}
form.contactForm fieldset em{
	position:			relative;
	top:				5px;
	margin:				0 0 0 3px;
	font-weight:		bold;
	font-size:			1.5em;
	color:				#DC672D;
}
form.contactForm .required{
	font-weight:		bold;
}
form.contactForm .required em{
	font-weight:		bold;
	font-size:			1.5em;
	color:				#DC672D;
}
form.contactForm fieldset.agree{
	
}
form.contactForm fieldset.agree label{	
	display:			block;
	float:				left;
	clear:				none;
	width:				50em;
	margin:				0 -5em 10px 0;
}
form.contactForm fieldset.agree .frmCheckbox{
	float:				left;
	margin:				0 5px 0 0;
}

/* --- Sitemap --- */
#JBcontent.jobindex li.indexlink ul li {
    width:				45%;
}
#JBcontent.jobindex .nodisplay {
	display:			none;
}

/* --- Misc Styles --- */
.mainImage img {
	width:				425px;
	height:				282px;
	padding:			8px;
	border:				1px solid #ccc;
}
#content #featured #featuredBox {
    padding: 10px 10px 23px;
}
#JBcontent.jobView form.jobViewForm .jobInfo dl, #JBcontent.compView form.compViewForm .compInfo dl {
    min-height: 110px;
}
.smartmeterjobs .mainImage div div img{
	height:				319px;
}