/*
===================================================================================
=== IMPORT EXTRENAL STYLE SHEETS ==================================================
===================================================================================
*/
@import url(/css/undohtml.css);

/*
===================================================================================
=== GENERAL SITE STYLES ===========================================================
===================================================================================
*/


body{
	padding-bottom:		50px;
	font:				70%/140% Verdana, Helvetica, sans-serif;
	color:				#3C3C3C;
	text-align:			center;
	background-color:	#2971BD !important;
	background:			url(/images/backgrounds/body.gif) repeat-x top left #2873BC;
}
#container{
	width:				960px;
	margin:				0 auto;
	text-align:			left;
	position:			relative; 
	background:			transparent;
}
#main{
	padding-bottom:		0!important;
	background:			url(/images/backgrounds/container.gif) repeat-y top center;
}
h1, h2, h3, h4, h5, h6{
	clear:				both;
	margin:				0 0 0.5em 0;
	color:				#B80F14;
	font:				normal 1.1em Verdana, sans-serif;
}
h1{
	font:				normal 1.7em Verdana, sans-serif;
}
h2{     
	font-size:			1em;
	font-family:		Verdana!important;
}
h3{
	margin:				0 0 0.1em 0;
}
p{
	margin:				0 0 1em 0;
	color:				#215584;
	font-weight:		bold;
}
div.sideBarContent p{
	font-weight:		normal;
}
a{     
	color:				#A4D062;
	font-weight:		bold;
}
a:hover{
	color:				#000;
}

.left{
	float:				left!important;
}
.right{
	float:				right!important;
}
.noborder{
	border:				none!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;
}
.SubPage #content .incBlock{
	margin:				0 0 30px 0!important;
}
.SubPage #left .incBlock h2,
.SubPage #right .incBlock h2{
	padding:			5px 10px;
	font:				bold 1em Verdana, Tahoma, sans-serif;
	text-transform:		uppercase;
	text-align:			left;
	color:				#fff;
	background:			url(/images/backgrounds/featRec_Top2.gif) no-repeat top left #365D9C;
}
.pseudoButton{
	display:			block;
	height:				auto!important;
	padding:			5px!important;
	text-align:			center;
}
.pseudoButton a{
	text-decoration:	none!important;
	color:				#fff!important;
}
.hidden{
	display:			none!important;
}
.indented{
	margin:				0 40px;
}
.linkExample{
	margin:				0 0 20px 0;
	padding:			10px;
	border:				1px solid #eaeaea;
	border-width:		1px 0;
}

/*
=============
=== FORMS ===
=============
*/
input, select, textarea{
	font:				1em Verdana, 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:				137px!important; /* See ie.css */
}
select{
	width:				210px!important;
}
#left select,
#right select{
	width:				130px!important;
}
input[type=submit], input.submit, .pseudoButton{     /* See ie.css */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				1px solid #243040;
	background:			#4E79B3!important;
}
input.submit, input.searchButton, .loginButton1, .loginButton2, #JBcontent input.submit, #JBcontent button, .pseudoButton, .SendMeJobsButton{     /* For backwards compatibility with IE6> */
	width:				auto!important;
	overflow:			visible;
	margin:				5px 0;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				1px solid #243040;
	background:			#4E79B3!important;
}
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 */
	height:				100%;
	margin-bottom:		1px
}
#infoBar:after,
#main:after,
#footer:after,
#jobBrowseContainer ul.tabNav:after,
#left #search:after,
#right #search:after,
ul.tabNav:after,
.SubPage #left div.incBlock:after,
.SubPage #right div.incBlock:after,
.BannerImages:after{
	content:			".";
	display:			block;
	clear:				both;
	height:				0;
	visibility:			hidden;
}
#infoBar,
#main,
#footer,
#jobBrowseContainer ul.tabNav,
#left #search,
#right #search,
ul.tabNav,
.SubPage #left div.incBlock,
.SubPage #right div.incBlock,
.BannerImages{
	zoom:				1;
}


/*
===================================================================================
=== HEADER ========================================================================
===================================================================================
*/
#header{     
	position:			relative;
	height:				140px;
}
.SubPage #header{
	margin-bottom:		0px;
}
#header #logo{ /* [TEMP] */
	position:			absolute;
	top:				0px;
	left:				0px;
}
#header #banner{
	position:			absolute;
	top:				28px;
	left:				300px;
}
#header #miniNav{
	position:			absolute;
	top:				10px;
	right:				15px;
	padding-bottom:		1px;
	font:				bold 1em Verdana, Helvetica, sans-serif;
	text-align:			right;
}
#header #miniNav li{
	height:				auto!imoprtant;
	padding:			3px 10px;
	color:				#FFF;
	text-align:			center;
	border-bottom:		1px dotted #FFF;
}
#header #miniNav li:hover{
	background:			#265482;
}
#header #miniNav li.title:hover{
	background:			none;
}
#header #miniNav a{
	color:				#FFF;
	font-weight:		normal;
	display:			block;
}
#homeBannerArea{  
	width:				785px; /* Total = 810px */
	height:				255px;
	position:			relative;
	padding:			0 0 20px 0;
}
#homeBannerArea h1{
	margin:				0 0 10px 15px;
	padding:			0 0 10px 0;
	background:			url(/images/backgrounds/dottedUnderline1.png) repeat-x bottom;
}

/*
===================================================================================
=== MAIN MENU =====================================================================
===================================================================================

======================
=== GENERAL STYLES ===
======================
*/
#header #mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	position:			absolute;
	bottom:				0;
	left:				0;
	background: 		url(/images/backgrounds/header.gif) no-repeat top center;
}
#header #mainMenu ul#topmenu{				
	width:				940px;
	height:				35px;
	padding:			0 10px;
	overflow:			hidden;
	background: 		transparent;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
#header #mainMenu ul#topmenu li{
	float:				left;
	position:			relative /* For IE6 */;
	margin:				3px;
	padding:			0;
}
#header #mainMenu ul#topmenu a.starter{     /* This rule applies to the top level menu items (links) */
	display:			block;
	float:				left;
	margin:				0px 0;
	padding: 			0px 12px;
	color:				#FFF;
	font-size:			1.1em;
	border-right:		1px solid #FFF;
}
#header #mainMenu ul#topmenu li.lastItem a.starter{
	border-right:		none;
}
#header #mainMenu ul#topmenu a.starter:hover{
	background:			none;
}


/* FROM TEMPLATEA.css */
/*
====================================================================================================
=== MAIN MENU ======================================================================================
====================================================================================================

======================
=== GENERAL STYLES ===
======================
*/
#mainMenu{ /* The menu container div (used to set the background for the menu, etc.) */
	padding:			0; /* Be careful when adding lateral (horizontal) padding to here - seems to throw the submenus slightly off line in IE (inc 7) */
	background: 		#6E747B;
	z-index:			100;
}
ul#topmenu{				
	position:			relative;
	width:				975px; /* This will probably need to be change on a per site basis, but 975px is a fairly standard width */
	height:				2.5em;
	margin: 			0;
	padding: 			0;
	font-size:			1em;
	background: 		#6E747B;
	z-index:			100;
}

/* 
=======================================
=== PARENT (TOP LEVEL) MENU OPTIONS ===
=======================================
*/
ul#topmenu li{			
	display:			inline;
	margin: 			0;
	padding: 			0;
	list-style: 		none;
	z-index:			100;
}
ul#topmenu li.firstItem{	
}
ul#topmenu li.firstItem a.starter{
}
ul#topmenu li.lastItem{ /* Allows you to apply styles to the last menu option (i.e. turn off a border, add extra padding or margin, etc.) */
}
ul#topmenu li.lastItem a.starter{
}
ul#topmenu li.ShowLoggedIn{ /* This is usually the last item, but it tends to be right aligned, away from the main menu options, so it is distinct from the last true menu button (li.lastItem). */
	position:			absolute;
	top:				27%;
	right:				10px;
	font-weight:		normal;
	color:				#fff;
	text-decoration:	none;
}
#mainMenu ul#topmenu a.starter{	/* This rule applies to the top level menu items (links) */
	position:			relative; /* This rule is solely for the benefit of IE, it forces IE to treat this as a block, therefore applying vertical padding, etc. */
	top:				0.5em;
	margin: 			0;
	padding: 			0.6em 8px 0.6em 12px; /* Make sure the left padding is 4px greater than the right padding (if you want the text to be central) */
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
	border-right:		1px solid #fff;
	z-index:			100;
}
#mainMenu ul#topmenu a.starter:hover{ /* Hover state for the top level menu items */
	color: 				#fff;
	background: 		#4A4F54;
}
ul#topmenu em{ /* By default, em is set normal.  If you want to highlight the accesskeys (with an underline for example) you can create a new style for em in the site css */ 
	font-style:			normal;
}

/* 
===============================
=== CHILD (SUB) MENU STYLES === 
===============================
*/

ul#topmenu ul{ /* This applies styling to any ul withinh the main (#topmenu) ul.  This include 2nd (.subMenu), 3rd, etc. level menus */
	width:				12em; /* Sets a generic width on all of the submenus.  If you want to set individual widths, do so using the specific IDs of each ul */
	margin-top:			-2px;
	margin-left:		-1px;
	padding: 			0;
	z-index:			200;
}

ul.subMenu{				
	position: 			absolute;
	text-align: 		left;
	visibility: 		hidden;
	z-index: 			100;
}
ul.subMenu li{
	width:				100%;
}
ul.subMenu li a{
	display:			block;
	margin-top:			-2px;
	margin-bottom:		0;
	padding:			0.5em 5px;
	font-size: 			1em;
	color: 				#222;
	text-decoration: 	none;
	border-top:			1px solid #fff;
	border-bottom:		1px solid #ADB3BA;
	background: 		#CCD3DB;
	z-index:			100;
}
ul.subMenu li a:hover{ /* Hover state for submenu items  */
	color: 				#222;
	background: 		#B5BCC4;
}


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

=================================
=== CSS COMMON TO ALL LAYOUTS ===
=================================
*/
#left, #content, #JBcontent, #right{
	float:				left;
	overflow:			hidden;
}
#content, #JBcontent{
	padding:			20px 5px 10px 5px;
}
.SubPage #content,
.SubPage #JBcontent{
	margin-top:			10px;
	padding-top:		0;
}
#homepage #content{
	margin-top:			10px;
	margin-left:		-2px;
}
#left{
	width:				162px;
	padding:			10px 0px 10px 0;  /* See ie.css */
}
#right{
	width:				162px;
	padding:			10px 0 10px 0;	
}
#homepage #right{
	padding-top:		10px;
	/*margin-left:		2px;*/
}
#left h1, #left h2, #left h3, #left h4, #left h5, #left h6,
#right h1, #right h2, #right h3, #right h4, #right h5, #right h6,
.incBlock, .sidebarMenu{
	clear:				both;
}

/*
=======================
=== 1 COLUMN LAYOUT ===
=======================
*/
body.onecol #content, body.onecol #JBcontent{
	width:				940px; /* TOTAL = 960px */
	overflow:			hidden;
	margin-left:		0;
	padding:			10px;
}

/*
======================================
=== 2 COLUMN LAYOUT (LEFT SIDEBAR) ===
======================================
*/
body.twocolL #left{
	margin-left:		-960px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.twocolL #content, body.twocolL #JBcontent{ /* See ie.css */
	width:				685px;
	padding:			20px 10px;
	overflow:			hidden;
	margin-left:		255px; /* #left (width + lateral padding + lateral borders) */
}

/*
=======================================
=== 2 COLUMN LAYOUT (RIGHT SIDEBAR) ===
=======================================
*/
body.twocolR #content, body.twocolR #JBcontent{
	width:				757px;
	overflow:			hidden;
	padding:			0px 20px 20px 10px;
	margin-left:		8px;
}
body#homepage #content{
	width:				765px!important;
}

/*
=======================
=== 3 COLUMN LAYOUT ===
=======================
*/
body.threecol #left{
	margin-left:		-778px;/*-765px;  negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body.threecol #content, body.threecol #JBcontent{
	width:				576px; /*603px;*/
	overflow:			hidden;
	margin-left:		182px; /*162px;  #left (width + lateral padding + lateral borders) */
	padding:			0 20px 10px 10px;
}
body#homepage.threecol #left{
	margin-left:		-795px; /* negative of... #left (width + lateral padding + lateral borders) + #content (width + lateral padding + lateral borders) */
}
body#homepage.threecol #content, body#homepage.threecol #JBcontent{
	width:				552px; /* Total = 535px */
	overflow:			hidden;
	margin-left:		213px; /* #left (width + lateral padding + lateral borders) */
	padding:			0 20px 10px 10px;
}

/*
===================================================================================
=== MAIN ==========================================================================
===================================================================================

===================================================================================
=== HOME PAGE ====================================================================
===================================================================================
*/
#homeContent{
	width:				786px;
	height:				260px;
	margin-bottom:		10px;
	position:			relative;
}

/* --- Quick Search --- */
#homepage #search{ /* See ie.css */
	float:				right;
	width:				241px; /* Total = 180px; */
	height:				264px;
	margin:				0!important;
	padding:			0 0 0 10px;
	position:			relative;
	background:			url(/images/backgrounds/quickSearch_Bot.gif) no-repeat bottom left;
}
#homepage #search .CMSButtonPara{
	display:			none;
}
#homepage #search h2{
	margin:				0 -10px 10px -10px;
	padding:			10px 10px 10px 5px;
	text-align:			center;
	background:			url(/images/backgrounds/quickSearch_Top.gif) no-repeat top left;
}
#homepage #search input.text,
#homepage #search select{
	width:				90%!important;
	margin:				3px 0 5px 0;
}
#homepage #search select{
	width:				93%!important;
}
#homepage #search .submit a{
	width:				100%;
	color:				#000;
	font-size:			0.9em;
	font-weight:		normal;
	text-align:			center;
	text-decoration:	underline;
	position:			absolute;
	bottom:				17px;
	left:				0;
}
#homepage #search .quicknotes{
	display:			block;
}
#homepage #search .quicknotes a{
	color:				#000;
	font-size:			0.9em;
	font-weight:		normal;
	text-decoration:	underline;
	position:			absolute;
	bottom:				53px;
	right:				20px;
}
#homepage #search .searchButton,
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{ /* See ie.css */
	float:				right;
	position:			absolute;
	bottom:				43px;
	width:				135px!important;
	height:				26px;
	padding:			0 0 4px 0;
	font-size:			1.1em!important;
	text-transform:		lowercase;
	color:				#FFF!important;
	border:				0!important;
}
#homepage #search .searchButton{
	background:			url(/images/backgrounds/submitSearch.gif) no-repeat!important;
}
#left #search p.submit .searchButton, 
#right #search p.submit .searchButton{
	background:			url(/images/backgrounds/submitJBSearch.gif) no-repeat!important;
}

/* --- Featured Jobs & Quick links --- */
#quickLinks h2,
#homepage #featured h2{
	margin:				0 0 10px 0;
	padding:			0;
}
#quickLinks{
	float:				left;
	width:				230px;
	height:				260px;
	*height:			262px;
	padding:			10px 10px 0 10px;
	color:				#000;
	background:			url(/images/backgrounds/quickLinks_Bot.gif) no-repeat bottom left;
}
#quickLinks h2{
	margin:				-10px -10px 0 -10px;
	padding:			10px 10px 10px 10px;
	background:			url(/images/backgrounds/quickLinks_Top.gif) no-repeat top left;
}
#quickLinks ul{
	margin:				-5px 0 0 0;
	padding:			15px 0;
}
#quickLinks li{
	margin:				0!important;
	padding:			10px 0px 10px 50px!important;
}
#quickLinks li#QLupload{
	background:			url(/images/backgrounds/qlPencil.gif) no-repeat 0 12px;
}
#quickLinks li#QLjbe{
	background:			url(/images/backgrounds/qlPage.gif) no-repeat 0 12px;
}
#quickLinks li#QLacct{
	background:			url(/images/backgrounds/qlEnvelope.gif) no-repeat 0 12px;
}
#quickLinks li a{
	display:			block;
	font-weight:		bold;
}


/* --- Info Bar (Banners) --- */
#infoBar{
	width:				782px;
	clear:				both;
	margin-bottom:		10px;
	padding:			0px 2px 26px 2px; /* See ie.css */
	*padding-bottom:	23px;
	text-align:			left;
	background:			url(/images/backgrounds/featLinks_Bot.gif) no-repeat bottom left;
}
#infoBar h2{
	margin:				0 -2px 29px -2px;
	*margin-bottom:		25px;
	padding:			10px 10px 10px 10px;
	background:			url(/images/backgrounds/featLinks_Top.gif) no-repeat top left;
}
#infoBar ul{
	text-align:			center;
}
#infoBar li{
	margin:				0!important;
	padding:			0!important;
	width:				20%;
	float:				left;
	background:			none!important;
}
#infoBar p{
	margin:				0 7px; /* See ie.css */
	padding:			5px 0;
	font-size:			1.3em;
	text-align:			center;
	background:			transparent;
	clear:				both;
}
#infoBar a{
	display:			block;
	margin-bottom:		2px;
	font:				bold 1em Arial, Helvetica, sans-serif;
}

/*
===============
=== CONTENT ===
===============
*/
.lanheader{
	margin-top:20px;
	font-size:140%;
}

#content, #JBcontent{
	text-align:			left;
}
.threecol #content,
.threecol #JBcontent{
	background:			url(/images/backgrounds/content_Bot.gif) no-repeat bottom left!important;
}
.twocolL.SubPage #content, .twocolL.SubPage #JBcontent,
.twocolR.SubPage #content, .twocolR.SubPage #JBcontent{
	background:			url(/images/backgrounds/twocol_content_Bot.gif) no-repeat bottom left;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#JBcontent h1, #JBcontent h2, #JBcontent h3, #JBcontent h4, #JBcontent h5, #JBcontent h6{
	text-align:			left;
}

#homepage h2,
#content h1, #JBcontent h1{
	color:				#265482;
	font-family:		Arial;
	font-weight:		bold;
	text-transform:		uppercase!important;
}
#LatestNews h2, #Scores h2{
	color:				#265482;
	font-size:			22px;
	font-family:		Arial;
	font-weight:		bold;
	text-transform:		uppercase!important;
}
#homepage #content h2{
	color:				#FFF;
	width:				100%;
}
.threecol #content h1,
.threecol #JBcontent h1{
	margin:				0 -20px 0 -10px;
	padding:			10px;
	background:			url(/images/backgrounds/content_Top.gif) no-repeat top left;
}
.twocolL #content h1, .twocolL #JBcontent h1,
.twocolR #content h1, .twocolR #JBcontent h1{
	margin:				0 -20px 0 -10px;
	padding:			10px;
	background:			url(/images/backgrounds/twocol_Content_Top.gif) no-repeat top left;
}
#JBcontent fieldset h2{
	font-size:			1em!important;
	padding:			5px 10px!important;
}
#content ul, #JBcontent ul{
	margin-bottom:		1em;
}
#content ol{
	margin:				0 40px;
	list-style-type:	decimal;
}
#content ol li{
	margin:				0 0 1em 0;
}
#JBcontent table, #JBcontent form{
	text-align:			left;
}
.linkLatestJobs, .linkAllJobs{     
	float:				left;
	margin:				0.5em 0 0 0;
	font:				normal 1.3em "Lucida Sans Unicode", "Lucida Sans" , Myriad, sans-serif;
	color:				#A4D062;
	text-transform:		capitalize;
}
.linkLatestJobs{ /* See ie.css & ie7.css */
	width:				72.7%;
}
#JBcontent.menu .NewsItem{     
	border-bottom:		1px solid #dce5ec;
}

/*
================
=== SIDEBARS ===
================
*/
#left h2,
#right h2{
	font-size:			1.7em;
	color:				#265482;
	font-family:		Arial!important;
	font-weight:		bold;
	text-transform:		uppercase!important;
}
/* --- Side Banners --- */
#left .sideBarContent,
#right .sideBarContent{
	margin:				0 0 5px 0!important;
	padding:			0 0 5px 0!important;
	background:			url(/images/backgrounds/featRec_Bot.gif) no-repeat bottom left!important;
}

#sidebar_ads{
	padding-left:20px;
	padding-bottom:5px;
}
.sidebar_ads{
	padding-left:20px;
	padding-bottom:5px;
}


#leagues li{
	background:transparent none repeat scroll 0 0 !important;
	float:left;
	margin:0 !important;
	width:33%;
}

.gsc-control {
	width:500px !important;
}

.contentAdvert{
	text-align:		center;
	margin-top:		30px;
	margin-bottom:	30px;
	padding: 0px 3px 0.5em 3px;
}

/*#left .featuredBlogsBox h2,
#right .featuredBlogsBox h2{	
	color:#FFFFFF;
	width:100%;
	font-weight:bold;
	text-transform:uppercase !important;
	text-align:left;
	font-family:Verdana !important;
	font-size:1em;

}

#right .featuredBlogsBox h2{
width:80%;
}
*/
#left .sideBarContent ul,
#right .sideBarContent ul{
	min-height:			20px;
	margin:				0;
	padding-top:		10px;	
	/*background:			url(/images/backgrounds/featRec_Top.gif) no-repeat top left;*/
}
#left .sideBarContent ul li,
#right .sideBarContent ul li{
	margin:				0 14px 5px 14px;
	text-align:			left;
}



#left .sideBarContent ul li img,
#right .sideBarContent ul li img{
	border:				1px solid #133077;
}
#left .sideBarContent .LinkToClientList,
#right .sideBarContent .LinkToClientList{
	clear:				both;
}
#left .sideBarContent .LinkToClientList a,
#right .sideBarContent .LinkToClientList a{
	padding-left:		10px;
	color:				#A4D062!important;
	font-weight:		normal;
	text-decoration:	underline;
}

/* --- News --- */
#left #LatestNews,
#right #LatestNews{
	margin:				0 0 1.3em 0;
}
#left #LatestNews .NewsArticle,
#right #LatestNews .NewsArticle{
	height:				2.8em;
	overflow:			hidden;
	margin:				0 0 0.8em 0;
}
#left #LatestNews img,
#right #LatestNews img{ /* Hide images when in the sidebars (where they'd take up too much room */
	display:			none!important;
}

/* --- Quick Search Form --- */
#left #search,
#right #search{
	margin:				0;
	padding:			10px 15px 10px 10px;
	background:			url(/images/backgrounds/left_Bot.gif) no-repeat bottom left;
}
#left #jobBrowseContainer #search,
#right #jobBrowseContainer #search{
	position:			relative;
}
#left #search h2,
#right #search h2{
	margin:				0 0 10px 0;
	color:				#000!important;
	font:				bold 1.2em Verdana, Helvetica, sans-serif!important;
}
#left #search label, 
#right #search label{
	color:				#000;
	font-weight:		bold;
}
#left #search select, #left #search input.text, 
#right #search select, #right #search input.text{
	display:			block;
	width:				97%!important;
	margin:				4px 0 10px 0;
}
#left #search select, 
#right #search select{
	width:				99.5%!important;
}
#left #search p.submit input,
#right #search p.submit input{
	position:			absolute;
	bottom:				57px!important;
	left:				28px;
	background:			url(/images/backgrounds/submitJBSearch.gif) no-repeat top center!important;
}
#left #search .quicknotes,
#right #search .quicknotes{
	display:			block;
}
#left #search .quicknotes a,
#right #search .quicknotes a{
	color:				#000;
	font-size:			0.9em;
	font-weight:		normal;
	text-decoration:	underline;
	position:			absolute;
	bottom:				40px;
	right:				19px;
}
#left #search p.submit a,
#right #search p.submit a{
	width:				100%;
	padding-top:		50px;
	color:				#000;
	font-weight:		normal;
	font-size:			0.9em;
	text-align:			center;
	text-decoration:	underline;
	display:			block;
}
#search .quicknotes{
	display:			none;
}


/* --- Menu (User created menus) --- */
#left ul.customSideBarMenu, 
#right ul.customSideBarMenu{
	margin:				0 0 10px 0;
}
#left ul.customSideBarMenu  li, 
#right ul.customSideBarMenu li{
	margin:				0 0 2px 0;
}
#left ul.customSideBarMenu li a,
#right ul.customSideBarMenu li a{
	position:			relative;   
	display:			block;
	padding:			5px 10px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#fff;
	background:			#CB181E;
}
#left ul.customSideBarMenu li a:hover,
#right ul.customSideBarMenu li a:hover{ 
	background:			#670404;
}


/* --- Featured Companies --- */
#content .sideBarContent ul,
#JBcontent .sideBarContent ul{
	margin:				2px 0 5px 0;
}
#content .sideBarContent ul li,
#JBcontent .sideBarContent ul li{
	float:				left;
	padding:			2px 3px;
	background:			transparent;
}
#content .sideBarContent .LinkToClientList,
#JBcontent .sideBarContent .LinkToClientList{
	clear:				both;
}

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

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

/* --- News --- */
#content #newsInc,
#JBcontent #newsInc{
}
#content #LatestNews,
#JBcontent #LatestNews{
	margin:				20px 0 10px 0;
}

#JBcontent.league #LatestNews{
	margin-top: 15px;
}


#content #LatestNews .NewsTitle a,
#JBcontent #LatestNews .NewsTitle a{     
	font-weight:		bold!important;
}
#content #LatestNews .NewsArticle,
#JBcontent #LatestNews .NewsArticle{
	margin:				0 0 1em 0;
}
#content #LatestNews img,
#JBcontent #LatestNews img{ /* Hide images */
	display:			none!important;
}

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

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

/* --- Menu (User created menus) --- */
#content .sidebarMenu h2,
#JBcontent .sidebarMenu h2{
	width:				50%;
}
#content ul.customSideBarMenu, 
#JBcontent ul.customSideBarMenu{
	width:				50%;
	margin:				0 0 10px 0;
}
#JBcontent ul.customSideBarMenu  li, 
#content ul.customSideBarMenu li{
	margin:				0 0 2px 0;
	padding:			0;
	background:			transparent;
}
#JBcontent ul.customSideBarMenu li a,
#content ul.customSideBarMenu li a{   
	position:			relative;  
	display:			block;
	padding:			5px 10px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#fff;
	background:			#CB181E;
}
#JBcontent ul.customSideBarMenu li a:hover,
#content ul.customSideBarMenu li a:hover{ 
	background:			#670404;
}
 
/*
===================================================================================
=== FOOTER ========================================================================
===================================================================================
*/
#footer{
	height:				40px;
	clear:				both;
	overflow:			hidden;
	color:				#808F9D;
	padding:			15px 10px 5px 20px;
	background:			url(/images/backgrounds/footer.gif) no-repeat top center;
}
#footer li{
	float:				left;
	margin:				0!important;
	padding:			0 5px;
	border-right:		1px solid #808F9D;
}
#footer li.lastItem{
	border:				none;
}
#footer p{
	padding:			2px 4px;
	font-weight:		normal;
}
#footer a{
	color:				navy;
	font-weight:		normal;
}

/* --- */


#JBcontent .styled h2{
	color:				#fff!important;
}
#JBcontent form.styled fieldset h2,
#left #jobseekersLoginInc h2, #right #jobseekersLoginInc h2,
#left #recruiterLoginInc h2, #right #recruiterLoginInc h2{
	padding:			9px 10px;
	font:				bold 1.1em Verdana, Helvetica, sans-serif;
	color:				#fff;
	background:			#424242;
}

#JBcontent.advertisers ul li{
	background:			url(/images/icons/bullet1.png) no-repeat 0 4px!important;
}

/* 
====================================
=== NEW RESULTES PAGE 2008-05-22 === 
====================================
*/
/* --- Page Numbers --- */
#JBcontent ul.pageNumbers{
	clear:				both;
	margin:				15px 0!important;
}
#JBcontent ul.pageNumbers li{
	float:				left;
	margin:				0;
	padding:			0;
	color:				#3c3c3c;
	background:			transparent!important;
}
#JBcontent ul.pageNumbers li a,
#JBcontent ul.pageNumbers li.pageSelected{
	display:			block;
	min-width:			1em; /* See ie.css */
	padding:			2px;
	font-weight:		bold;
	text-align:			center;
	border:				0;
	background:			transparent;
}
#JBcontent ul.pageNumbers li a:hover,
#JBcontent ul.pageNumbers li.pageSelected{
	color:				#000;
	background:			transparent;
}
#JBcontent ul.pageNumbers li.titleBar{
	margin:				0 3px 0 0;
	padding:			2px;
	font-weight:		normal;
}

/* --- Job Results --- */
#JBcontent.jobResults h2{
	font-weight:		bold;
}
#JBcontent.jobResults .jobInfo a.detailsApply,
#JBcontent.jobResults .jobInfo ul.jobDetails li strong{
	display:			none;
}
#JBcontent.jobResults .compInfo .compLogo,
#JBcontent.jobResults .jobInfo .jobLogo{
	float:				left;
}
#JBcontent.jobResults .resultsActions{
	margin-top:			10px;
	height:				2em;
	padding:			0 0 15px 0;
}
body.twocolL #JBcontent.jobResults .resultsActions,
body.twocolR #JBcontent.jobResults .resultsActions{
	margin-right:		82px;
	*margin-right:		42px; /* IE7> Hack */
}
#JBcontent.jobResults .buttonLink{
	float:				right;
	width:				auto;
	overflow:			visible; /* Width auto and overflow visible, should prevent IE from adding massive amounts of lateral padding to these inputs */
	margin:				0 0 0 5px;
	padding:			3px 5px;
	font-weight:		bold!important;
	font-size:			1.1em!important;
	text-transform:		capitalize;
	color:				#fff!important;
	border:				1px solid #000;
	cursor:				pointer;
	background:			#4E79B3!important;
}
#JBcontent.jobResults .buttonLink:hover{
	color:				#fff!important;
	background:			#4E79B3!important;
}
#JBcontent.jobResults .jobInfo,
#JBcontent.jobResults .featuredJob{
	clear:				both;
	position:			relative;
	margin:				2px 0;
	padding:			0 0 3px 25px;
	border:				0;
}
#JBcontent.jobResults .featuredJob{	
	border:				1px solid #2E5495;
}
body.twocolL #JBcontent.jobResults .jobInfo,
body.twocolR #JBcontent.jobResults .jobInfo,
body.twocolL #JBcontent.jobResults .featuredJob,
body.twocolR #JBcontent.jobResults .featuredJob{
	width:				100%;
	margin:				5px 0;
}
#JBcontent.jobResults .jobInfo h2,
#JBcontent.jobResults .featuredJob h2{
	margin:				0 0 5px -26px;
	padding:			8px 0 0 25px;
	font-size:			1.1em;
	color:				#A4D062;
	background:			transparent;
}
#JBcontent.jobResults .featuredJob h2{
	padding:			5px 27px 7px 25px;
	background:			url(/images/backgrounds/featuredStar.gif) no-repeat right 1px #2E5495;
}
#JBcontent.jobResults .jobInfo h2 a{
	color:				#A4D062!important;
	text-decoration:	underline!important;
}
#JBcontent.jobResults .featuredJob h2 a{
	color:				#FFF!important;
}
#JBcontent.jobResults .jobInfo input.checkBox{
	position:			absolute;
	top:				10px;
	left:				5px;
}
#JBcontent.jobResults .featuredJob input.checkBox{
	top:				6px;
}
#JBcontent.jobResults .jobInfo a.detailsApply:hover{
	background:			#000!important;
}
#JBcontent.jobResults .jobInfo ul.jobDetails{
	width:				390px;
	float:				left;
	height:				60px;
	margin:				0!important;
	padding:			0!important;
	font-style:			italic;
	color:				#000;
	position:			relative;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li{
	width:				100%;
	height:				auto;
	margin:				4px 0 2px 0;
	padding:			0;
	font-style:			italic;
	background:			transparent;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li a,
#JBcontent.jobResults .jobInfo ul.jobDetails li span.linkless{
	display:			block;
	float:				left;
	width:				100%;
	font-weight:		normal;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo ul.jobDetails li.jobRegion{
	height:				15px;
	overflow:			hidden;
}
#JBcontent.jobResults .jobInfo p.jobDescription{
	clear:				both;
	margin:				0;
	padding:			0 0 15px 0;
	border-top:			0;
	background:			url(/images/backgrounds/dottedLine.gif) repeat-x bottom left!important;
}
#JBcontent.jobResults .featuredJob p.jobDescription{
	padding:			0;
	background:			none!important;
}


.ShowElement{
	display: 			block!important;
}
.HideElement{
	display:			none!important;
}





/*
======================
=== HATTRICK LOGOS ===
======================
*/

#hattricklogo{
	margin-left:-20px;
}

li a{
	color: #4F7AB4;
	text-decoration:none;
}

li a:hover{
	font-weight:bold;
	color:navy;
}

div.article a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

div.article a:hover{
	color:#C6DFF7;
}