/* ================================================
 
Description: nhs-locum-doctor-jobs.com
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: April 2009

==================================================*/


/*------------------------------------------------

		1. Global Resets
		
		2. Typography
		
		3. Link Styles

		4. Main Navigation 

		5. Structure
		
		6. Inner Elements
			
		7. Lists 
		
		8. Form Elements 
		
		9. Various Tags & Classes 
						
		10. Headers
		
		11. Buttons

		12. Tables

---------------------------------------------------

		COLOURS
			
		Text Light Blue 					#1c8aca
		
		Text Dark Blue		 				#194457


-------------------------------------------------*/


/*==================================================================================================


	1. Global Resets
 
 
 ====================================================================================================*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .h1replace, .h2replace, .h3replace, .h4replace, .h5replace, .h6replace {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;font-weight:normal; 
	}

table, td, th { 
	vertical-align:middle; 
	}
	
blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}
	
html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */

  filter: expression(document.execCommand("BackgroundImageCache", false, true));}


/* IE PNG Fix http://www.twinhelix.com/css/iepngfix/ */
div#header .h1replace a { 
	behavior: url(/furniture/js/iepngfix.htc) 
	border: 1px solid red;
}

/* Alternatively, you can specify that this will apply to all tags like so:
		   
		   * { behavior: url(/furniture/js/iepngfix.htc) }
*/


/*==================================================================================================


	2. Typography
 
 
 ====================================================================================================*/
 
body {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #1c8aca;
	margin:0;
	padding:0;
	height: 100%;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .h1replace, .h2replace, .h3replace, .h4replace, .h5replace, .h6replace {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: left;
	}

p {
	padding: 0 0 15px 0;
	}
	
	div#content_wide p {
	padding: 0 0 15px 0;
	color: #666666;
	}
	
	div#sub_header div.left_panel p {
	color: #FFFFFF;
	width: 230px;
	float: left;
	clear: both;
	font-size: 13px;
	padding: 0;
	margin: 0;
	}
	
	div.blue_box ul.latest_jobs li p {
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 15px;
	}
	
	div.blue_box p.listing_location {
	color: #1c8aca;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
	
	div.blue_box ul.latest_jobs li p.listing_location {
	color: #1c8aca;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0;
	margin: 0;
	}

	div.yellow_box p {
	color: #666666;
	padding: 0;
	margin: 0 0 8px 0;
	}
	
	div#content_narrow ul.job_categories_left li p, div#content_narrow ul.job_categories_right li p {
	float: left;
	width: 130px;
	font-size: 11px;
	line-height: 12px;
	padding: 8px 0 0 0;
	margin: 0;
	color: #666666;	
	}
	
	/*div#content_narrow ul.job_categories_left li:hover p, div#content_narrow ul.job_categories_right li:hover p {
	color: #FFFFFF;	
	}*/
	
	div.formNotes p {
	font-size: 11px;
	line-height: 13px;
	}
	
div#footer p {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 20px 0;
	/*color: #FFFFFF;*/
	color: #194457;
	}

table td p, table th p {
	padding: 0;
	margin: 0;
	}

strong {
	font-weight:bold;
	color: #2e2e2e;
	}

em {
	font-style:italic;
	display:inline;
	}


hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	margin-bottom:10px;
	margin-top:5px;
	height: 1px;
	}

h1, h2, h3, h4, h5, h6, .h1replace, .h2replace, .h3replace, .h4replace, .h5replace, .h6replace {
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align:left;
	color: #194457;
	}

h1, .h1replace {
	padding: 0 0 10px 0;
	font-size: 28px;
	line-height: 26px;
	}
	
	div#content_narrow h1 {
	font-weight: bold;
	border-bottom: solid 1px #CCCCCC;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	}


h2, .h2replace {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 32px;
	}

h1.jobTitle {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 32px;
	}
	div#header h2, div#header .h2replace {
	float: right;
	clear: right;
	display: block;
	padding: 35px 0 5px 0;
	margin: 0;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
	color: #1c4c62;
	letter-spacing: -1px;
	}
	
	div.blue_box div, div.yellow_box h2, div.yellow_box .h2replace {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 12px;
	color: #FFFFFF;
	padding: 0 0 20px 0;
	margin: 0;
	}
	
	div.blue_box_high h2, div.blue_box_high .h2replace {
	font-weight: normal;
	text-transform: uppercase;
	font-size:11px;
	line-height:12px;
	color: #FFFFFF;
	padding: 0 0 20px 0;
	margin: 0;
	}
	
h3, .h3replace {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 0 10px 0;
	color: #484848;
	}
	
h3.home {
	font-size: 19px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 0 10px 0;
	color: #194457;
	text-align: center;
	width: 550px;
	}
	
	div#header h3, div#header .h3replace {
	float: right;
	clear: right;
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 13px;
	color: #238ecc;
	}
	
	div#content_narrow ul.job_categories_left li h3, div#content_narrow ul.job_categories_right li h3, div#content_narrow ul.job_categories_left li .h3replace,, div#content_narrow ul.job_categories_right li .h3replace {
	float: left;
	font-weight: bold;
	width: 130px;
	padding: 0;
	margin: 0;
	font-size: 17px;
	line-height: 20px;
	color: #167cc1;
	letter-spacing: -1px;
	}

h4, .h4replace {
	font-size: 18px;
	line-height: 16px;
	padding: 5px 0 15px 0;
	color: #484848;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 20px 0;
	}
	
	div#footer h4, div#footer .h4replace
	{
	font-weight:bold;		
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	padding: 0 0 30px 0;
	margin: 0;
	/*color: #FFFFFF;*/
	color: #194457;
	border: none;
	}
	
	div.accordian_container h4 {
	font-size: 18px;
	line-height: 16px;
	padding: 15px 0 15px 15px;
	margin: 0;
	color: #484848;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
	float: left;
	clear: both;
	width: 729px;
	}
	
	div.accordian_container h4:hover {
	background-color: #FFFF99;
	cursor: pointer;
	}	
	

h5, .h5replace {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #df6c17;
	}
	
	h5.job_description {
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #999999;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 15px 0;
	}
	h2.job_description {
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #999999;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 15px 0;
	}
	
h6, .h6replace {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #484848;
	}
	
	div.related_jobs_header h6, div.related_jobs_header .h6replace {
	color: #1c8aca;
	font-weight: bold;
	float: left;
	}
	
	div.related_jobs_header h6.job_ref {
	padding: 0 0 0 55px;
	}
	
	div.related_jobs_header h6.job_role {
	padding: 0 0 0 70px;
	}
	
	div.related_jobs_header h6.date_added {
	padding: 0 0 0 230px;
	}
	
	div.related_jobs_header h6.candidate_ref {
	padding: 0 0 0 13px;
	}
	
	div.related_jobs_header h6.candidate_role {
	padding: 0 0 0 75px;
	}
	
	div.related_jobs_header h6.candidate_date_added {
	padding: 0 0 0 260px;
	}
	
/*==================================================================================================


	3. Link Styles 
 
 
 ====================================================================================================*/


a {
	color: #1e4a5f;
	text-decoration: none;
	}

	a:hover {
		color: #1e4a5f;
		text-decoration: underline;
		}

div#content_wide a {
	color: #1c8aca;
	text-decoration: underline;
	}

	div#content_wide a:hover {
	color: #1c8aca;
	text-decoration: none;
	}



ul.signin_nav li a {
	color: #1e4a5f;
	text-decoration: none;
	}
	
	ul.signin_nav li a:hover {
	color: #1e4a5f;
	text-decoration: underline;
	}

div.blue_box p {
	color: #194457;
	font-weight: bold;
	text-decoration: none;
	}

div.blue_box ul.latest_jobs li p a {
	color: #194457;
	font-weight: bold;
	text-decoration: none;
	}
	
	div.blue_box ul.latest_jobs li p a:hover {
	color: #194457;
	font-weight: bold;
	text-decoration: underline;
	}

div.blue_box ul.job_basic_listings li a {
	color: #1c8aca;
	text-decoration: underline;
	}
	
	div.blue_box ul.job_basic_listings li a:hover {
	color: #1c8aca;
	text-decoration: none;
	}

div#content_narrow ul.job_categories_left li h3 a, div#content_narrow ul.job_categories_right li h3 a {
	color: #167cc1;
	text-decoration: none;
	}

/*div#content_narrow ul.job_categories_left li:hover h3 a, div#content_narrow ul.job_categories_right li:hover h3 a, div#content_narrow ul.job_categories_left li h3 a:hover, div#content_narrow ul.job_categories_right li h3 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}*/	
	
div#footer p a {
	/*color: #FFFFFF;*/
	color: #194457;
	text-decoration: none;
	}

div#footer p a:hover {
	/*color: #FFFFFF;*/
	color: #194457;
	text-decoration: underline;
	}


div#sub_header div.right_panel a {
	color:#a5d1ea!important;}


div.info_top_right {
	float:right;
	clear:both;
	width:600px;
}	

	
div.info_top_right h3 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 0 10px 0;
	color: #484848;	
	width:600px;
	text-align:right;
}

/*==================================================================================================


	4. Main Navigation 

	
==================================================================================================*/


ul.signin_nav {
	padding: 15px 0 0 0;
	width: 96px;
	float: right;
	list-style-type:none;	
	}

	ul.signin_nav li {
	float: left;
	list-style-type:none;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
	/*ul.signin_nav li.divider {
	border-right: solid 1px #1e4a5f;
	padding: 0 10px 0 0;
	}*/		
	
ul.signout_nav {
	padding: 15px 0 0 0;
	width: 200px;
	float: right;
	list-style-type:none;	
	}

	ul.signout_nav li {
	float: left;
	list-style-type:none;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
	/*ul.signout_nav li.divider {
	border-right: solid 1px #1e4a5f;
	padding: 0 10px 0 0;
	}*/		
	

/* End Top Nav */


ul#navigation {
	margin:0;
	padding: 0;
	width: 993px;
	float:left;
	list-style-type:none;
	}

ul#navigation li {
	float: left;
	padding: 0;
	margin: 0;
	}
	
	ul#navigation li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 51px;
	}

ul#navigation li a.nav_home {
	background: url(/furniture/images/navigation/nav_home.jpg) no-repeat 0 0;
	width: 104px;
	}
	
	ul#navigation li a.nav_home:hover {
	background: url(/furniture/images/navigation/nav_home.jpg) no-repeat 0 -59px;
	}
	
	ul#navigation li.current a.nav_home {
	background: url(/furniture/images/navigation/nav_home.jpg) no-repeat 0 -119px;
	}

ul#navigation li a.nav_about-us {
	background: url(/furniture/images/navigation/nav_about.jpg) no-repeat 0 0;
	width: 79px;
	}
	
	ul#navigation li a.nav_about-us:hover {
	background: url(/furniture/images/navigation/nav_about.jpg) no-repeat 0 -59px;
	}
	
	ul#navigation li.current a.nav_about-us {
	background: url(/furniture/images/navigation/nav_about.jpg) no-repeat 0 -119px;
	}

ul#navigation li a.nav_hot-jobs {
	background: url(/furniture/images/navigation/nav_hot_jobs.jpg) no-repeat 0 0;
	width: 150px;
	}
	
	ul#navigation li a.nav_hot-jobs:hover {
	background: url(/furniture/images/navigation/nav_hot_jobs.jpg) no-repeat 0 -59px;
	}
	
	ul#navigation li.current a.nav_hot-jobs {
	background: url(/furniture/images/navigation/nav_hot_jobs.jpg) no-repeat 0 -119px;
	}
	
ul#navigation li a.nav_looking-for-staff {
	background: url(/furniture/images/navigation/nav_staff.jpg) no-repeat 0 0;
	width: 193px;
	}
	
	ul#navigation li a.nav_looking-for-staff:hover {
	background: url(/furniture/images/navigation/nav_staff.jpg) no-repeat 0 -59px;
	}
	
	ul#navigation li.current a.nav_looking-for-staff {
	background: url(/furniture/images/navigation/nav_staff.jpg) no-repeat 0 -119px;
	}	
	
ul#navigation li a.nav_jobs {
	background: url(/furniture/images/navigation/nav_jobs.jpg) no-repeat 0 0;
	width: 185px;
	}
	
	ul#navigation li a.nav_jobs:hover {
	background: url(/furniture/images/navigation/nav_jobs.jpg) no-repeat 0 -59px;
	}
	
	ul#navigation li.current a.nav_jobs {
	background: url(/furniture/images/navigation/nav_jobs.jpg) no-repeat 0 -119px;
	}	
		
ul#navigation li a.nav_resources {
	background: url(/furniture/images/navigation/nav_resources.jpg) no-repeat 0 0;
	width: 120px;
	}
	
	ul#navigation li a.nav_resources:hover {
	background: url(/furniture/images/navigation/nav_resources.jpg) no-repeat 0 -59px;
	}
	
	ul#navigation li.current a.nav_resources {
	background: url(/furniture/images/navigation/nav_resources.jpg) no-repeat 0 -119px;
	}	
	
ul#navigation li a.nav_contacts {
	background: url(/furniture/images/navigation/nav_contacts.jpg) no-repeat 0 0;
	width: 135px;
	}
	
	ul#navigation li a.nav_contacts:hover {
	background: url(/furniture/images/navigation/nav_contacts.jpg) no-repeat 0 -59px;
	}
	
	ul#navigation li.current a.nav_contacts {
	background: url(/furniture/images/navigation/nav_contacts.jpg) no-repeat 0 -119px;
	}
	
ul#navigation li a.nav_register {
	display:none;}
	
/*==================================================================================================


	5. Structure 
	
 
==================================================================================================*/



body {
	margin:0;
	padding:0;
	background: url(/furniture/images/backgrounds/bg_repeater.jpg) repeat-x 0 0 #FFFFFF;
	height: 100%;
	}	

div.page_bg {
	height: 100%;
	width: 100%;
	background: url(/furniture/images/backgrounds/bg_header.jpg) no-repeat center top;
	}

div.page_center {
	margin: 0 auto;
	width: 1007px;
	height: auto;
	/*background-color: #FF0000;*/
	}
	
div#page_cotainer {
	float: left;
	width: 1007px;
	}

div#header {
	width: 1006px;
	height: 165px;
	float:left;
	/*background-color: #FFCC33;*/
	}
	
div#sub_header	{
	float: left;
	clear: both;
	width: 993px;
	height: 234px;
	position:relative;
	border: 7px solid #FFFFFF;
	background: url(/furniture/images/backgrounds/bg_subheader.jpg) no-repeat 0 0;
	}

div#content_container {
	float: left;
	clear: both;
	width: 993px;
	padding: 6px;
	margin: 20px 0 0 0;
	background-color: #FFFFFF;
	border: 1px solid #dce5e8;
	}

div#content_narrow {
	float:left;
	width: 584px;
	padding: 20px 0px 20px 29px;
	}

div#content_wide {
	float:left;
	width: 744px;
	padding: 15px 29px 15px 30px;
	position: relative;
	}
	
div#sidebar_left {
	width: 189px;
	float:left;
	border-right: 1px solid #a8d9fa;
	}

div#sidebar_right {
	width: 189px;
	float:left;
	border-left: 1px solid #a8d9fa;
	}

#footer {
	float: left;
	clear: both;
	width: 967px;
	height: 223px;
	margin: 20px 0 0 0;
	background: url(/furniture/images/sitewide/footer_bg.jpg) no-repeat 0 0;
	padding: 40px 0 0 40px;
	}


div#flash_holder{
	position:absolute;
	top:55px;
	left:0px;
	width:498px;
	height:179px;
	background-color:#3399CC;}

div#marqueecontainer{
	position: relative;
	width: 152px; /*marquee width */
	height: 355px; /*marquee height */
	overflow: hidden;
	margin-bottom:10px;
	}
/*==================================================================================================
	
	
	6. Inner Elements


==================================================================================================*/


div#sub_header div.left_panel {
	float: left;
	width: 230px;
	position:absolute;
	top:47px;
	left:10px;
	padding: 28px 75px 0 230px;
	}

div#sub_header div.right_panel {
	float: left;
	width: 450px;
	height:151px;
	position:absolute;
	top:52px;
	left:525px;
	padding: 25px 0 0 0;
	}

div.blue_box {
	float: left;
	width: 159px;
	padding: 10px 15px;
	background: url(/furniture/images/backgrounds/bg_sideheading_blue.gif) repeat-x 0 0 #ddf0fb;
	}
	
div.blue_box_high {
	float: left;
	width: 159px;
	padding: 10px 15px 20px 15px;
	background: url(/furniture/images/backgrounds/bg_sideheading_blue.gif) repeat-x 0 0 #ddf0fb;
	}

div.yellow_box {
	float: left;
	width: 159px;
	padding: 10px 15px;
	background: url(/furniture/images/backgrounds/bg_sideheading_blue.gif) repeat-x 0 0 #DDF0FB;
	}

div#content_narrow ul.job_categories_left {
	float: left;
	clear: none;
	width: 584px;
	margin: 0;
	padding: 10px 0px 0 0;
	list-style: none;
	}

	
	div#content_narrow ul.job_categories_left li {
	margin: 0 15px 15px 0;
	padding: 15px 15px 0 15px;
	width: 237px;
	height: 98px;
	float:left;
	clear: none;
	background-color:#3300FF;
	border: 1px solid #CCCCCC;
	background: url(/furniture/images/backgrounds/bg_homepage_button.jpg) no-repeat right top;
	}
		
	/*div#content_narrow ul.job_categories_left li:hover, div#content_narrow ul.job_categories_right li:hover {
	border: 1px solid #0c4796;
	background: url(/furniture/images/backgrounds/bg_homepage_button.jpg) no-repeat right -150px;
	}*/


div#content_narrow ul.job_categories_left li img, div#content_narrow ul.job_categories_right li img {
	float: left;
	border: solid 1px #FFFFFF;
	margin: 0 10px 0 0;
	}

div.footer_left {
	float: left;
	width: 560px;
	}
	
div.footer_right {
	float: left;
	width: 220px;
	padding: 0 0 0 160px;
	text-align:right;	}	

div.related_jobs_header {
	float: left;
	clear: both;
	width: 744px;
	padding: 15px 0;
	}

#content_narrow div.full_width_floating__panel {
	float: left;
	padding: 15px 0 0 0;
	width: 554px;
	}
	
#content_narrow div.related_jobs_header{
	float: left;
	clear: both;
	width: 554px;
	padding: 15px 0;
	}
	
#content_narrow p.related_job_role {
	font-size:11px;}

#content_narrow div.related_jobs_highlighted {
	clear:both;
	float:left;
	padding:15px 0 15px 0;
	width:554px;}
	
#content_narrow div.related_jobs {
	clear:both;
	float:left;
	padding:15px 0 15px 0;
	width:554px;}
	
	
#content_narrow	p.related_job_ref {
	float:left;
	padding:0;
	width:80px;}
	
#content_narrow	p.related_job_role {
	float:left;
	padding:0;
	line-height:14px;
	width:195px;}
	
#content_narrow	p.related_date_added {
	float:left;
	padding:0;
	font-size:11px;
	padding-left:10px;
	width:104px;}
	
#content_narrow	div.related_jobs_header h6.date_added{
	padding:0 0 0 140px;}
	
#content_narrow	div.related_jobs_header h6.job_role {
	padding:0 0 0 28px;}
	
#content_narrow	h5.job_description{
	border-bottom:1px solid #CCCCCC;
	color:#999999;
	font-size:11px;
	line-height:16px;
	margin:0 0 15px;
	padding:0 0 10px;
	width:554px;
	text-transform:uppercase;}

div.related_jobs_highlighted {
	float: left;
	clear: both;
	width: 744px;
	padding: 15px 0 0 0;
	background-color:#FFFFCC;
	}
	
	div.related_jobs_highlighted:hover, div.related_jobs:hover {
	background-color: #FFFF99;
	cursor: pointer;
	}
	
div.related_jobs {
	float: left;
	clear: both;
	width: 744px;
	padding: 15px 0 0 0;
	}
		
	span.related_checkbox {
	float: left;
	width: 35px;
	padding: 0 0 0 20px;
	}
	
	p.related_job_ref {
	float: left;
	width: 120px;
	padding: 0;
	}
	
	p.related_job_role {
	float: left;
	width: 295px;
	padding: 0;
	}
	
	p.related_date_added {
	float: left;
	width: 150px;
	padding: 0;
	}
	
	div#content_wide p.related_date_added_candidate {
	float: left;
	width: 100px;
	padding: 0 0 0 45px;
	}
	
	div#content_wide p.related_view_job, div#content_wide p.cv_request {
	float: left;
	padding: 0;
	}
	

div.apply_for_job_container {
	position: absolute;
	width: 180px;
	height: 30px;
	padding: 15px 0 15px 30px;
	background-color: #FFFFCC;
	border: 1px solid #e0e0e0;
	top: 0;
	right: 0;
	z-index: 100;
	}
	
div.apply_for_job_container2 {
	width: 180px;
	height: 30px;
	padding: 15px 0 15px 30px;
	background-color: #FFFFCC;
	border: 1px solid #e0e0e0;
	position:absolute;
	top:0px;
	right:0px;

	z-index: 100;
	}
	
div.cv_request_container_staff {
	position: absolute;
	width: 133px;
	height: 30px;
	padding: 15px 0 15px 30px;
	background-color: #FFFFCC;
	border: 1px solid #e0e0e0;
	top: 0;
	right: 0;
	z-index: 100;
	}
	

	
div.add_favourites_container {
	position: absolute;
	width: 180px;
	height: 30px;
	top: 69px;
	right: 0;
	left:592px;
	z-index: 100;
	}
	
div.remove_favourites_container {
	position: absolute;
	width: 180px;
	height: 30px;
	top: 92px;
	right: 0;
	left:570px;
	z-index: 100;
	}
	

div.search_filter {
	width: 220px;
	height: 30px;
	float: right;
	padding: 40px 0 0 0;
	}
	
	div.search_filter_longer {
	width: 306px;
	height: 30px;
	float: right;
	padding: 13px 0 0 0;
	}

div.my_account_highlighted {
	float: left;
	clear: both;
	width: 714px;
	padding: 15px 15px 10px 15px;
	background-color:#FFFFCC;
	}
	
div.my_account {
	float: left;
	clear: both;
	width: 714px;
	padding: 15px 15px 10px 15px;
	}
	
	div.my_account_highlighted:hover, div.my_account:hover {
	background-color: #FFFF99;
	cursor: pointer;
	}	
	
div.accordian_content {
	float: left;
	width: 684px;
	padding: 20px 30px 10px 30px;
	background-color: #ddf0fb;
	border-bottom: 1px solid #CCCCCC;
	}

div.job_detail_wrapper 
{
	float: left;
	width: 744px;
	position:relative;
}


div.account_left_col {
	float:left;
	width:380px;
	padding-right:30px;}
	
div.account_right_col {
	float:left;
	width:330px;}


div.button_container {
	float:left;
	position:relative;
	width:600px;
	height:47px;
	padding-top:15px;
	padding-left:140px;}


div.news_article {
	float:left;
	width:700px;}
	
div.news_article img {
	float:left;
	padding-right:15px;}
	
	
div.tell_a_friend_container {
	float: left;
	clear: both;
	}
	
div.print_container {
	float: left;
	}	
	
div.button_holder {
	/*float:left;*/
	width:219px;}

/*==================================================================================================
	
	
	7. Lists 


==================================================================================================*/


div#content_wide ul.job_category_listing {
	margin: 0;
	padding: 0 0 15px 0;
	}
	
	div#content_wide ul.job_category_listing li {
	background: url(/furniture/images/sitewide/bullet_sidebar_nav.jpg) no-repeat 0px 11px;
	list-style-type:none;
	padding: 3px 0 0 20px;
	margin: 0 ;
	}	

ul.sidebar_nav {
	margin: 0;
	padding: 0 0 15px 0;
	}

ul.sidebar_nav li {
	background: url(/furniture/images/sitewide/bullet_sidebar_nav.jpg) no-repeat 0px 11px;
	list-style-type:none;
	padding: 6px 0 0 20px;
	margin: 0 ;
	}	

dl.job_definition {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	}
	
	dl.job_definition dt {
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
	clear: both;
	font-weight: bold;
	font-size: 13px;
	color: #194457;
	width: 140px;
	}
	
	dl.job_definition dd {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 13px;
	color: #666666;
	}
	
	dl.job_definition dd.job_description_text {
	margin: 0;
	padding: 0 0 0px 0;
	float: left;
	width: 600px;
	font-size: 13px;
	color: #666666;
	}	

div#content_narrow ul, div#content_wide ul {
	margin: 0;
	padding: 10px 0 15px 0;
	list-style-type: none;
	width: 100%;
	float: left;
	clear: both;
	}

div#content_narrow ul li, div#content_wide ul li {
	background: url(/furniture/images/sitewide/bullet.jpg) no-repeat 0 10px;
	padding: 4px 0 7px 20px;
	margin: 0;
	float: left;
	width: 90%;
	clear: both;
	}	

div#content_wide ul#sitemap {
	margin: 0;
	padding: 0 0 15px 0;
	list-style-type: none;
	float: left;
	width: 100%;
	}

div#content_wide ul#sitemap li {
	background: url(/furniture/images/sitewide/bullet.jpg) no-repeat 0 10px;
	padding: 4px 0 7px 20px;
	margin: 0;
	float: left;
	clear: both;
	}


div#content_narrow ol, div#content_wide ol {
	margin: 0;
	padding: 10px 0 15px 20px;
	clear: both;
	}

div#content_narrow ol li, div#content_wide ol li {
	padding: 0 0 7px 5px;
	margin: 0;
	}	

div#content_wide div.error_summary ul {
	margin: 0;
	padding: 0 0 15px 0;
	color: #CC0000;
	}

div#content_wide div.error_summary ul li {
	background: url(/furniture/images/sitewide/bullet.jpg) no-repeat 0px 9px;
	list-style-type:none;
	padding: 3px 0 0 20px;
	margin: 0 ;
	}
	
div.right_panel ul.search_checkboxes {
	float: left;
	clear: both;
	width: 450px;
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	}
	
	div.right_panel ul.search_checkboxes li {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	}

div.blue_box ul.latest_jobs {
	width: 159px;
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
	}
	
	div.blue_box ul.latest_jobs li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #a8d9fa;
	width: 159px;
	}

div.blue_box ul.job_basic_listings {
	width: 159px;
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
	}
	
	div.blue_box ul.job_basic_listings li {
	margin: 0;
	padding: 5px 0;
	}
	
	
div.blue_box_high ul.latest_jobs {
	width: 159px;
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
	}
	
	div.blue_box_high ul.latest_jobs li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #a8d9fa;
	width: 159px;
	}

div.blue_box_high ul.job_basic_listings {
	width: 149px;
	margin: 0;
	padding: 0 0 15px 0px;
	list-style: none;
	}
	
	div.blue_box_high ul.job_basic_listings li {
	margin: 0;
	padding: 5px 0;
	}


div.right_panel td.searchjobs {
	width:320px;
	padding:5px 0 5px 0;}
	
	div.right_panel label {
	padding:5px 0 5px 10px;
	color:#FFFFFF;}
	
	.checkboxcell {padding-right:5px;}
	    
.latest_news_lists {
	float:left;
	width:680px;
	margin:0;
	padding:0;}

.latest_news_lists li {
	float:left;
	width:680px;
	margin:0 0 0 0;
	padding:0;}
	
.latest_news_lists h5 {
	font-size:18px;}
	
.news_dates {
	font-size:11px;
	padding:0;
	margin:0;}



/*==================================================================================================


	8. Forms

 
 ====================================================================================================*/
 

form, input, textarea, label, select, fieldset  {	
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color:#666666;
	}
	
form {
	padding: 20px 0 0 0;
	float: left;
	}	
	
input {
	padding: 2px;
	border: none;
	}
	
textarea {
	border: 1px solid #CCCCCC;
	background-color: #FFFFCC;
	color:#666666;
	float:left;
	margin: 0 0 10px 0;
	padding: 3px;
	width:400px;
	height:130px;	
	}
	
textarea:focus { 
	border: 1px solid #FFCC66;
	background-color: #FFFF99;
	}
		
label {
	clear: both;
	font-size:12px;
	color: #333333;
	width: 80px;
	text-align: right;
	padding: 0 15px 0 0;
	}	
	
select {
	font-size:12px;
	border: none;
	float: left;
	}		
	
fieldset {
	clear: both;
	font-size:12px;
	border: none;
	}
	
	fieldset.search_fieldset {
	padding: 0 0 3px 0;
	}			

/*========== Text Field Styles ==============*/

input.medium_textbox { 
	border: 1px solid #CCCCCC;
	background-color: #FFFFCC;
	color:#666666;
	float:left;
	margin: 0 0 10px 0;
	padding: 3px;
	width:200px;
	}

input.textfield_search {
	width: 180px;
	float: left;
	height: 22px;
	margin: 0 10px 0 0;
	padding: 6px 0 0 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	}

input.medium_textbox:focus { 
	border: 1px solid #FFCC66;
	background-color: #FFFF99;
	}

/*========== Label Styles ==============*/


div#sub_header div.right_panel label.search_label {
	clear: none;
	float: none;
	width: 125px;
	color: #a4d0ea;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 0;
	}
	
	label.short_label {
	float: left;
	clear: none;
	color: #333333;
	width: 80px;
	text-align: left;
	padding: 5px 15px 0 0;
	}
	
	label.medium_label {
	float: left;
	clear: none;
	color: #333333;
	width:140px;
	padding: 5px 25px 0 0;
	}



/*========== Select Styles ==============*/

select.location_search {
	float: left;
	width: 115px;
	height: 30px;
	margin: 0 10px 0 0;
	padding: 6px 6px 6px 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	}
	
	
	select.location_search_longer {
	float: left;
	width: 130px;
	height: 30px;
	margin: 0 10px 10px 0;
	padding: 6px 6px 6px 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	}
	
	select.date_select {
	border:1px solid #CCCCCC;
	color:#666666;
	float:left;
	width: 70px;
	margin:0 10px 10px 0;
	padding:3px;
	}
	
	select.long_select {
	border:1px solid #CCCCCC;
	color:#666666;
	float:left;
	width: 280px;
	margin:0 10px 10px 0;
	padding:3px;
	}
	
	
/*========== Check Boxes Styles ==============*/




/*========== Text Area Boxes Styles ==============*/


/*========== BUTTON STYLES ==============*/


input.button_form {
	float: left;
	background: #CCCCCC;
	border: 1px solid #666666;
	padding: 5px;
	margin: 0;
	font-weight: bold;
	}


/*========== ERROR Styles ==============*/

span.error_asterik {
	color: #CC0000;
	display: block;
	float: left;
	text-align: right;
	}

div.formNotes {
	float: left;
	clear: both;
	padding: 5px 0 0 165px;
	width: 400px;
	}

div#content_wide div.error_summary p {
	color: #CC0000;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
	}
	
div#content_wide div.error_summary {
	float: left;
	width: 744px;
	padding: 0 0 10px 0;
	}	




/*==================================================================================================
	
	
	9. Various Tags & Classes 
	
	
==================================================================================================*/


blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	text-align:right;
	}

.alignleft {
	float: left;
	}
	
.alignleft img {
	float: left;
	display: block;
	margin: 0 0 0 5px;
	}	


div#sub_header div.right_panel .advanced_search_link {
	padding:0;
	margin:0;
	color:#194457!important;
	float:left;
	width:150px;
	text-decoration:underline;
	font-size:11px;}

/*==================================================================================================
	
	
	10. Headers
	
	
==================================================================================================*/


div#header h1, div#sub_header div.left_panel h4, div#header .h1replace {
	padding:0;
	margin:0;
	float:left;
	line-height: 0;
	font-size: 1px;
	border: none;
	}
	
	div#header h1, div#header .h1replace {
	/*float: left;*/
	width: 123px;
	height: 123px;
	display: inline;
	position: relative;
	top:12px;
	left:0;
	}
	
	div#header h1 a, div#header .h1replace a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/furniture/images/sitewide/nhslocum_logo.png) no-repeat left bottom;
	width: 123px;
	height: 123px;
	}
	div#header h1 a, div#header .h1replace a:hover {
	cursor:pointer;
	}
	
	div#sub_header div.left_panel h4, div#sub_header div.left_panel .h4replace {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/furniture/images/headings/heading_register.jpg) no-repeat 0 0;
	width: 143px;
	height: 35px;
	}
	


/*==================================================================================================
	
	
	11. Buttons
	
	
==================================================================================================*/


div#sub_header div.left_panel p.button_signup {
	padding: 15px 0 0 0;
	margin:0;
	float:left;
	line-height: 0;
	font-size: 1px;
	}
	
	div#sub_header a.button_signup {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/furniture/images/buttons/button_sign_up.jpg) no-repeat 0 0;
	width: 104px;
	height: 27px;
	float:left;	
	margin-top:10px;
	}
	
	div.upload a.button_upload {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/furniture/images/buttons/button_upload.jpg) no-repeat 0 0;
	width: 104px;
	height: 27px;
	float:left;	
	margin-top:10px;
	}
	
	
	div#sub_header a.button_refer_a_friend {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/furniture/images/buttons/button_refer_friend-yellow.jpg) no-repeat 0 0;
	width: 104px;
	height: 27px;
	float:left;
	margin-left:5px;
	margin-top:10px;
	}

p.button_blue, p.button_yellow {
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 11px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	}
	
	p.button_blue a {
	padding: 8px 0 0 0;
	display: block;
	width: 145px;
	height: 20px;
	letter-spacing:-0.7px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: url(/furniture/images/buttons/button_blue.jpg) no-repeat 0 0;
	}
	
	p.button_blue a:hover {
	text-decoration: none;
	background: url(/furniture/images/buttons/button_blue.jpg) no-repeat 0 -32px;
	}	
	
	a.button_view_this_job {
	padding: 8px 0 0 0;
	display: block;
	width: 145px;
	height: 20px;
	color: #FFFFFF;
	text-indent: -9999px;
	text-align: center;
	text-decoration: none;
	background: url(/furniture/images/buttons/button_view_this_job.jpg) no-repeat 0 0;
	}
	
	a:hover.button_view_this_job  {
	text-decoration: none;
	background: url(/furniture/images/buttons/button_view_this_job.jpg) no-repeat -145px 0;
	}
	
	p.button_yellow a {
	padding: 8px 0 0 0;
	display: block;
	width: 145px;
	height: 22px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: url(/furniture/images/buttons/button_yellow.jpg) no-repeat 0 0;
	}
	
	p.button_yellow a:hover {
	text-decoration: none;
	background: url(/furniture/images/buttons/button_yellow.jpg) no-repeat 0 -36px;
	}
	
div.related_jobs_highlighted p.related_view_job a, div.related_jobs p.related_view_job a, div#content_wide div.related_jobs p.cv_request a, div#content_wide div.related_jobs_highlighted p.cv_request a  {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 105px;
	height: 26px;
	}	
	
	div.related_jobs_highlighted p.related_view_job a {
	background: url(/furniture/images/buttons/button_related_view_job1.jpg) no-repeat 0 0;
	}
	
	div.related_jobs p.related_view_job a {
	background: url(/furniture/images/buttons/button_view_job.gif) no-repeat 0 0;
	}
	
	div#content_wide div.related_jobs p.cv_request a {
	background: url(/furniture/images/buttons/button_cv_request.gif) no-repeat 0 0;
	}
	
	div#content_wide .send a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 150px;
	height: 27px;
	background: url(/furniture/images/buttons/button_send.jpg) no-repeat 0 0;
	}
	
	div.login a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 150px;
	height: 27px;
	background: url(/furniture/images/buttons/button_login.jpg) no-repeat 0 0;
	}
	
	div.update a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_update_details.jpg) no-repeat 0 0;
	width: 150px;
	height: 27px;
	}
	
	div.register a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_register.jpg) no-repeat 0 0;
	width: 150px;
	height: 27px;
	}
	
	div.submit a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_submit.jpg) no-repeat 0 0;
	width: 150px;
	height: 27px;
	}

div.apply_for_job_container a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_apply_for_job.jpg) no-repeat 0 0;
	width: 150px;
	height: 27px;
	}
	
div.apply_for_job_container2 a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_apply_for_job.jpg) no-repeat 0 0;
	width: 150px;
	height: 27px;
	}
	
.cv_request a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_cv_request.gif) no-repeat 0 0;
	width: 150px;
	height: 27px;
	}
	
.cv_request_staff {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_cv_request.gif) no-repeat 0 0;
	width: 150px;
	height: 27px;
	}
	

.tell_a_friend_container a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_tell_friend.jpg) no-repeat 0 0;
	width: 105px;
	float:left;
	height: 31px;
	}
	
.print_container a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_print_page.jpg) no-repeat 0 0;
	width: 105px;
	float:left;
	height: 31px;
	}

.button_refer_friend {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/furniture/images/buttons/button_refer_friend.jpg) no-repeat 0 0;
	width: 144px;
	float:right;
	height: 40px;
	}


/*==================================================================================================
	
	
	12. Tables
	
	
==================================================================================================*/
	

.datatable {
	width:740px;

	background-color:#FFFFCC;
	border:1px solid #e0e0e0;}
	
	.datatable td {
	padding:10px;}
	
	.datatable input {
	background-color:#FFFFFF;}

.jobFavourites {
	border:1px solid #E0E0E0;}
	
.jobFavourites td {
	background-color:#FFFFCC;}

div#content_narrow table, div#content_wide table {
	width: 100%;
	margin: 20px 0 10px 0;
	border-collapse: collapse;
	}
div#content_narrow table, div#content_wide table.advanced_search_table {
	width: 160px;
	margin: 0px 0 10px 0;
	border-collapse: collapse;
	}
	
div#content_narrow table, div#content_wide table.advanced_search_table td {
	padding: 8px;
	width:40px;
	border:none;
	}

div#content_narrow table, div#content_wide table.advanced_search_table input {
	margin-right:6px;}
	
	div#content_narrow table td, div#content_wide table td {
	padding: 8px;
	width:100%;
	border-bottom: 1px solid  #999999;
	}
	
	div#content_narrow table th, div#content_wide table th {
	padding: 8px;
	border-bottom: 1px solid  #999999;
	background: #CCCCCC;
	font-weight: bold;
	}

	
	
/*==================================================================================================
	
	
	12. Paging
	
	
==================================================================================================*/


.paging {
	width:150px;
	padding:6px;
	margin-bottom:10px;}

	
