/*
BigWorkBag - Master CSS inc. Yahoo Reset CSS
Redraft:        Alex Goluszko, Madgex
Template Set:   BWB Ads - Standalone
*/


/* @group YUI reset.css & fonts.css */

/* 
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/* reset.css */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts.css base - 13px/18px */ body {background-color: #fff; color:#333333;font:81.3%/1.3846 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* @end */

/* Generic Elements */

	html {
		border-bottom: 1px solid #fff; /* force the scrollbar to show in FF */ } 
		
	body {
		background:#fff url(../images/body-bg.gif) repeat-y center top;
		color: #595959;}
		
	p { margin: 0 0 0.8em;}
	
	.smallprint {
		font-size: 0.7692em;
		font-weight:normal;}
		
	a { 
		text-decoration: none;
		color: #2B4078;
		}

	a:hover, a:focus { text-decoration: underline;}	

	strong { font-weight: bold; }
	hr { display: none; }
		
	em { font-style: italic;}	
		
	table {margin: 10px 0;}
	
	table.fullwidth {
		width: 100%;
		margin: 20px 0;}
		
	table th, table td {padding: 5px 0;}
		
	table th {
		font-weight: bold;
		border-bottom: 1px solid #B2B2B2;}	
	

/* Headers */

	h1, h2, h3, h4 {
		font-family: Arial, Helvetica, sans-serif; 
		color: #333;
		font-weight: bold;}
		
	h1 {
        font-size:1.923em; /* 25px */
		line-height:1.1;
		margin: 0 0 .5em;}
		
	h2 {
	    font-size:1.462em; /* 19px */
	    margin-bottom: 10px;}

	h3 {
		font-size:1.154em; /* 15px */}

	h4 {
		font-size: 1em; 
		margin: 5px 0;}	
		
	h5 {
		font-size: 1em;
		margin:1.33em 0 .67em;}		

	h2.note {
		margin-left: 10px;
		font-size: 0.7647em;
		font-family: arial, sans-serif;
		color: #666666;}
		
	h2.red {
	    color: #F7082B;}	
		
	.note img.required {
		vertical-align:	middle;
		margin: 0 4px;}
		
	h2 .note span {display: none;}

	
/* Generic Styling Classes - Mix and Match! */

	.topLine {
		border-top: 2px solid #fff;
		padding-top: 10px;}
	
	.topLineDark {
		border-top: 1px solid #9f9f9f;
		padding-top: 10px;}

	.bottomLine {
		border-bottom: 2px solid #fff;}

	.shaded {
		background: #f2f2f2;}
		
	.topBreak {
		border-top: 1px solid #ccc;}

	.bottomBreak {
		border-bottom: 1px solid #ccc;}
	
	.contrast {
	    background-color: #fff8f0;
	    border: 1px solid #FBDEB1;
	    padding: 5px 10px;}	

	.padded {
	    padding: 10px;}
	    
	 .contrastBg {
  	    background-color: #fff8f0;}   
	
	.arrow {
		background: url(../images/link-arrow.gif) left 3px no-repeat;
		padding-left: 20px;
		zoom: 1;}
		
	.boxwrapper-inner {
		padding: 15px;
		overflow: hidden;
		clear: both;}
		
	.block {
		clear: both;
		overflow: hidden;
		margin-bottom: 15px;}	
		
	.mpu {
	   text-align: center;}	
		
	.wbreak {
		clear:left;
		overflow: hidden;}
		
	.clear {
		clear: both;}		
	
	.floatLeft {
	    float: left;}
		
	.floatRight {
	    float: right;}

	a.rss {
		background:transparent url(../images/icons.png) no-repeat scroll left -233px;
		display:block;
		clear: both;
		line-height: 18px;
		padding-left:30px;}

	span.buttonLeft {
		float: right;}

	span.button a {
		text-align: center}
		
	.submit a.button {
		float: right;}		
		
	/*  Generic Styling Classes - Lists */
		
		ul.normal {margin-bottom: 1em;}
					
		ul.normal li {
			list-style-image: url(../images/bullet-arrow.gif);
			margin-left: 15px;
			padding-left: 5px;}

		ul.blue li {
			background:transparent url(../images/bullet-blue.gif) no-repeat left 7px;
			padding-left:15px;}

		ul.gray li {
			background:transparent url(../images/bullet-gray.gif) no-repeat left 7px;
			padding-left:15px;}
			
		ul.bullets li {
			padding: 5px 0;
			font-weight: bold;}
			
		ul.horiz {
			overflow: hidden;
			clear: left;
			zoom: 1;
			margin:0 5px 10px 0;}
			
		ul.horiz li {
			float: left;
			white-space: nowrap;
			border-right: 1px solid #ccc;
			padding: 0 10px 0 0;
			line-height: 1.2em;
			margin: 0 10px 5px 0;}
			
		ul.horiz li.none { border: 0 none; }

		ul.horiz li:last-child { border-right: 0 none;}

		ul.horiz li.last { border-right: 0 none;}

		ul.browselist {margin: 0 0 10px 0;}
			
		ul.browselist p {margin: 0;}
			
		ul.browselist p.desc {
			margin-bottom: 0.8em;}
			
		ul.browselist.alt {
			margin: 10px 0;
			color: #333333;}
		
		ul.browselist li {margin: 0 0 4px 0px;}		
		
		/* Featured Campaigns page */

		ul.searchResults {
		    margin: 20px 0;
		    clear: both;}
		    
		ul.searchResults li {
		    margin: 0;
		    padding: 10px 0;
		    border-bottom: 1px solid #ccc;}

		ul.searchResults li.last,
		ul.searchResults li:last-child {
		    border-bottom: 0 none;}

		
    /* Generic Styling Classes - Buttons and "button" links */
    
	form p.submit input {
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
		background: #e55240 url(../images/button-bg.png) repeat-x right -12px;
		color: #fff;
		border: 0;
/*		height: 27px;*/
		cursor: pointer;
/*		line-height: 27px;*/
/*		padding: 0px 15px 3px;*/
	}	
    
    .button, .buttonAlt {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        display: block;
        float: left;
/*	    padding: 0px 20px;*/	    
    }
    
    .button a, .buttonAlt a {
        color: #fff;
/*       	height: 27px;*/
/*		line-height: 24px;*/
	}
    
	.button a, .buttonAlt a, .submit input {
		line-height: 24px;
		padding: 0 8px;
		display: block;
		text-align: center;
	}
	.submit input {
		height: 26px;
	}
    .button {
        background: url(../images/button-bg.png) repeat-x left -17px;}

    .buttonAlt, form p.submit input.buttonAlt {
        background: url(../images/button-bg.png) repeat-x left -114px;
        border: 1px solid #77adc7;}
        
    .layout4 form p.submit span.button {
		background: #999;}

	/*  Generic Styling Classes - Error and feedback messages */
		
		.success, .error, .warn {
			margin-bottom: 10px;}

		.success {
			background: #EEF7EC;}

		.error {
			background: #fce8e8;}
			
		.warn {
			background: #ebf2fc;}
			
		.success .boxwrapper-inner, .warn .boxwrapper-inner, .error .boxwrapper-inner {
			padding: 10px;}
			
		.status-upd, .icon {
			display: block;
			height: auto !important;
			height: 20px;
			min-height: 20px;}
			
		.success p, .error p, .warn p {
			padding: 0 10px 0 35px;
			margin: 0;}
			
		.success li, .error li, .warn li {
			padding: 0 10px 6px 35px;}			

		.success li p, .error li p, .warn li p {
			margin-left: -35px;}
            
		.success .icon, .warn .icon, .error .icon {
		    line-height: 2.4em;}
		
		.success .icon {
			background: url(../images/icons.png) no-repeat left -283px;}

		.warn .icon {
			background: transparent url(../images/icons.png) no-repeat left -402px;}

		.error .icon {
			background: transparent url(../images/icons.png) no-repeat left -465px;}
		
		.error .icon .long-message {
			line-height: 1.4em;
		}
					
		.status-upd .error ul { margin-left: 30px; }
		.status-upd .error li { list-style-type: disc;}

/* Structure IDs and Classes */

	.wrapper {
		margin: 0 auto;
		width: 940px;
		position: relative;}

	#header {
		background: transparent url(../images/header-bg.jpg) no-repeat center bottom;
        height: 245px;
		position: relative;}
	
	#logo {
		float:left;
	    margin: 130px 0 0;
	    height: 65px;	
		width:311px;}

	/* Structure - Strapline */	
	
	    #strapline {
	        position: absolute;
	        color: #fff;
	        top: 5px;
	        display: none;}
		
	/* Structure - Navigation */	
			
		#nav {
			font-size:1.037em;
			position:absolute;
	        top: 212px;
			left: 0px;
			width:870px;
			z-index:1000;}
			
		#nav li {
			border-right:1px solid #dc8a96;
			line-height: 1;
			float:left;}
			
		#nav li.last {border-right: none;}
		
		#nav li.recruiters {
			border: 0;
			margin-top: -4px;
			float: right;}

		#nav li.recruiters a {
			display: block;			
			padding:2px 10px;
			border: 1px solid #d13f66;
			background: #63091a;
			color: #fff;}
		
		#nav a {
			padding: 0 10px;
			color: #fff;}
			
		#nav a.active  {
			color: #E3A375;}
			
		#nav .first a { padding-left: 0; }


	/* Structure - Recruiters Link */	
	
        #recruiters 
        {
            position: absolute;
            top: 0;
            zoom: 1;
            right: 0;    
	        border-radius: 3px;
	        z-index: 2;
	        -webkit-border-radius: 3px;
	        -moz-border-radius: 3px;
	        top: -3px;
	        color: #fff;
	        background: #66AEC7 url(../images/recruiterBg.gif) repeat-x bottom;
	        border: 1px solid #79acc5;
	        padding: 10px 12px;
	        width: 175px;}

        #recruiters ul {
	        margin: 0 0 12px 0;
	        line-height: 16px;
	        font-size: 11px;}

        #recruiters li {
	        list-style-type: disc;
	        list-style-position: inside;}

        #recruiters .buttonAlt {
            width: auto;
            border: 1px solid #ccc;}

        #recruiters .buttonAlt, #recruiters .buttonAlt a {
	        height: 25px;
	        float: none;
	        line-height: 25px;
	        background-position: left -135px;}

        #recruiters .buttonAlt a {
	        color: #595959;
	        font-weight: bold;}		        
        	
	/* Structure - Login panel */		

		#loginStatus {
	        position: absolute;
            right: 0;
            top: 110px;
	        /*top: 9.4em;*/
	        color: #EFC2C4;
            /*font-size: 0.9em;*/
            line-height: 32px;
            width:auto;}

        #loginStatus span.pipe {
			color: #e9a5a6;
	        padding: 0 2px;}			
			
		#loginStatus a {
		    color: #fff;
		    font-style: normal;}

		#loginStatus p {
			margin: 0;
			line-height: 2.1em;}
			
		#loginStatus .loginout img {
			vertical-align: middle;
			margin: 0 5px;}
		
		#loginStatus .loginout strong {zoom:1;}

		#skipnav {
			left:0pt;
			margin:0pt;
			position:absolute;
			top:0pt;}
			
		#skipnav a {
			background-color:#EDF8FE;
			border:5px solid #103263;
			font-size:120%;
			font-weight:700;
			left:-10000px;
			padding:10px 15px;
			position:absolute;
			text-align:center;
			width:10em;
			-moz-border-radius:3px;}
			
		#skipnav a:focus {
			left:0;
			z-index: 1000;}

	/* Structure - Columns and wrappers */	
		
		#content {
			margin:0 auto;
			padding-top:5px;
			margin-top: 25px;
			width: 940px;
			height: auto !important;
			height: 550px;
			min-height: 550px;
		}
		.content-wrapper, .wrapper-inner {
			width: 790px;
			float: left;
			clear: left;
			margin-bottom: 20px;
			display: inline;}
		
		#tertiary .ad {
		    padding-bottom: 10px;}	
			
		.wrapper-inner {
			margin: 20px 0 0;}

		.content-wrapper, #tertiary {
			/* a couple of rules, but basically just a great big IE fix */
			margin: 0 0 20px;
			position: relative;}
			
		.content-wrapper.wbreak, .content-wrapper .wbreak, .content-wrapper .wbreaktop {
			zoom: 1;}
			
		.content-wrapper .wbreakbottom {
			border-bottom: 1px solid #A5B5C2;}
			
		.content-wrapper h1.wbreak, .content-wrapper h2.wbreak, .content-wrapper h3.wbreak {
			border-top: none;
			padding-bottom: 13px;
			margin: 0 0 0.5em;}

		#primary, .primary {
			float: right;
			width: 457px;
			overflow: hidden;
			display: inline;}	
		
		#primary ul.browselist {
			width: 230px;
			float: left;
			margin-right:12px;}

		#primary ul.browselist.break {
			margin-top: 0;
			margin-bottom: 0;
			clear: left;}
		
		#secondary, .secondary {
			float: left;
			width: 257px;
			display: inline;	
			}
		
		#secondary .wrapper, .secondary .wrapper {
			width: 238px;}
		
		#tertiary {
			float: right;
			/*margin-top: 35px; 3.9*/ 
			width: 122px;}

		#tertiary .wrapper-inner {
			width: auto;
			height: auto !important;
			height: 420px;
			min-height: 420px;}

		#tertiary .block {
		    width: 122px;
		    padding: 0;
		    margin: 0 auto;}			

		#tertiary div.adsBlock, #jobdetails div.adsBlock {
			/* background:#F5F5F5 none repeat scroll 0 0; 3.9*/
			clear:both;
			overflow:hidden;
			width:100%;
			text-align: center;}
			
		#tertiary div.adsBlock img {
			border: 1px solid #ccc;}
			
		#tertiary ul.adsBlock {
			overflow:hidden;
			width:122px;}
			
		#tertiary .adsBlock li .wrapper, #tertiary .ads li .wrapper {
			float:left;
			margin-top:3px;
			padding:9px 0 0 0;
			width:auto;}
			
		#tertiary .adsBlock li .wrapper a.logo, #tertiary .ads li .wrapper a.logo {
			border: 1px solid #BBBBBB;
			display: block;
			width: 120px;
			height: 60px;}
			
		#tertiary .ads li {
			border-bottom: 1px solid #ccc;
			zoom: 1;
			margin-bottom: 10px;
			overflow: hidden;}
			
		#tertiary .adsBlock li.last {
			float: left;
			width: 144;}
			
		#tertiary .adsBlock li.last .wrapper {
			padding-bottom: 11px;}
			
	/* Structure - Ads */
		
		#leaderboard-ad {
			position: absolute;
            top: 8px;
	        z-index: 1;
			left: 0;			
			width: 100%;
			height: 107px;}
			
		#leaderboard-ad .ad {
			position: relative;
			margin: 8px auto;
			width: 730px;
			float: left;
			height: 90px;}	
			
	/* Footer */

		#footer {
			clear: both;
			overflow: hidden;
			margin-top: 10px;
			background: url(../images/footer-bg.gif) center top no-repeat;}
			
		#footer .wrapper {
			width: 960px;
			margin: 0 auto;
			height: auto !important;
			height: 120px;
			padding: 20px 0 0;
			min-height: 120px;
			position: relative;
			color: #CCCCCC;}
        
        #footer p  {
            clear: both;
            color: #929292;}
			
		#footer ul {
		     margin-bottom: 1em;
		     overflow: hidden;}	
			
		#footer ul, #footer a {color: #BCBCBC;}
		
		#footer ul.bottom li {display: inline;}
		
		#footer ul.bottom {
		    clear: both;		    
		    padding-top: 1em;}
		
		#home #footer ul.bottom {
		    border-top: 1px solid #666;}
			
		#footer ul.bottom li a {
			padding: 0 5px;
			color: #fff;
			border-right: 1px solid #5a5a5a;}
			
		#footer ul.bottom li.first a { padding: 0 5px 0 0; }

		#footer ul.bottom li.last a { padding: 0 0 0 5px; border: 0; }

/* Generic Forms */

	input.text, select.select {
		border: 1px solid #BFBFBF;
		padding: 2px 0;
		color: #1A1A1A;
		width: 100%;}
		
	input.placeholder {
	    color: #999;}	
		
	p.submit {
		margin: 15px 0;
		clear: left;
		zoom: 1;
		overflow: hidden;}

	form p.submit span {
		display: block;
		width: auto;
		float: right;
        margin: 0;}
    
    #secondary form p.submit span {
        float: left;
        margin-left: 0;}
	
	.checkbox-selection {
		font-size: 12px;
		background: #EFEFEF;
		border-left: 1px solid #BFBFBF;
		border-right: 1px solid #BFBFBF;
		border-bottom: 1px solid #9F9F9F;
		position: relative;
		top: -1px;
		width: 405px;
		display: block;
		zoom: 1;
		margin-bottom: 5px;
		height: auto;
		overflow: hidden;
		padding: 0 0 3px;}
	
	.checkbox {
		margin: 0;}	
		
	li.checkbox {
		margin: 0 0 10px 0;}
	
	.checkbox-selection .title {
		padding: 3px;
		margin-bottom:2px;
		background: #CFCFCF;}
		
	.checkbox-selection .selection-item {
		background:#FFFFFF none repeat scroll 0 0;
		border:1px solid #DDDDDD;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		display: block;
		float:left;
		font-size:11px;
		margin:2px 3px;
		padding:3px 6px;}
		
	.checkbox-selection .selection-item:last-child {
		/* border-bottom: 0; */}			
		
	form div.check-scroller {
		display: block;
		height: 160px;
		overflow-y: scroll;
		padding: 4px 3px;
		background: #fff;
		border: 1px solid #BFBFBF;}
	
	form fieldset.checkboxes input {
		margin-right: 5px;
		margin-bottom: 0;
		float: left;
		display: inline;
		clear: left;}
		
	form fieldset.checkboxes label {
		margin-left: 20px;
		width: 140px;}	
		
	/* Form Field Sizes */
	
		.check-scroller.height-auto{
			height: auto;}
			
		.check-scroller.height1{
			height: 136px;}
			
		.check-scroller.height2{
			height: 215px;}
			
		.check-scroller.height3{
			height: 324px;}
			
		input.size1, textarea.size1, select.size1, .check-scroller.size1 {width: 45px; padding-left: 2px;}
		input.size2, textarea.size2, select.size2, .check-scroller.size2 {width: 60px; padding-left: 2px;}
		input.size2a, textarea.size2a, select.size2a, .check-scroller.size2a {width: 99px; padding-left: 2px;}
		input.size2b, textarea.size2b, select.size2b, .check-scroller.size2b {width: 136px;}		
		input.size3, textarea.size3, select.size3, .check-scroller.size3 {width: 107px;}
		input.size3a, textarea.size3a, select.size3a, .check-scroller.size3a {width: 150px;}
		input.size3b, .check-scroller.size3b {width: 230px;}
		input.size3c, textarea.size3c, select.size3c, .check-scroller.size3c {width: 290px;}
		input.size4, textarea.size4, select.size4, .check-scroller.size4 {width: 250px;}
		input.size4a, textarea.size4a, select.size4a, .check-scroller.size4a {width: 310px;}


		.size4 div.checkbox label.indent0 {
				width: 205px;
				padding: 0;}
		
		.size4 div.checkbox label.indent1 {width: 190px;}
				
		.size4 div.checkbox label.indent2 {width: 170px;}
			
		input.size5, textarea.size5, select.size5, .check-scroller.size5 {width: 322px;}		
		
		input.size5a, textarea.size5a {width: 375px;}

		input.size6, textarea.size6 {width: 402px;}


	/* Form Layout */
	
		div.formWrapper {
			position:relative;
			height:1%;
			background: #F2F2F2;
			margin: 0;
			overflow: hidden;
			padding: 10px 20px;
			clear: left;}

		div.fieldWrapper {
			clear: both;
			float: left;
			width: 100%;
			z-index: 1;
			display: inline;
			padding: 5px 0;}
		
		div.formWrapper label, div.formWrapper .label {
			color:#333;
			font-weight:bold;
			padding-right: 10px;
			margin-right: 5px;
			float: left;
			display: inline;}

		div.formWrapper div.inputField {
			float: left;
			width: 330px;
			display: inline;
			position: relative;}
			
		div.formWrapper div.inputField select {
			float: left;}				
			
		div.formWrapper div.radiocheckField,
		div.formWrapper div.textField {
			float: left;
			display: inline;
			position: relative;
			width: 205px;}
				
		#apply div.formWrapper div.textField {
			width: 235px;}	
					
		div.formWrapper div.radiocheckField {
		    width: 330px;
		    margin: 5px 0;}
		
		div.formWrapper input.text,
		div.formWrapper textarea,
		div.formWrapper input.file {
			border: 1px solid #BFBFBF;
			zoom: 1;
			padding: 3px;}	


	/* Form Layout - Floated lists */
	
        dl.size1 dt, 
        dl.size2 dt, 
        dl.size3 dt, 
        dl.highlight-panel dt, 
        dl.details dt, 
        dl.highlight-panel-alt dt,
        dl.size5 dt {
	        position: relative;
	        float: left;
	        margin: 2px 0;
	        color: #666666;
	        font-weight: bold;
	        clear: left;}

        dl.size1 {
	        position:relative;
	        zoom: 1;}
	        
        dl.size1 dt {
	        width:184px;}
	        
        dl.size1 dd {
	        margin-bottom: 10px;
	        height: auto !important;
	        height: 38px; /* 2 line label height */
	        min-height: 38px;}
	        
        dl.size2 {
	        position:relative;
	        zoom: 1;
	        width: 270px;
	        margin: 0 0 10px;
	        overflow: hidden;}
	        
        dl.size2 dt {
	        padding-right:10px;
	        width:70px;
	        float: left;
        }
        dl.size2 dd {
	        float: left;
	        width: 190px;
	        margin-bottom: 10px;}

        dl.compact dd {
	        margin-bottom: 3px !important;
	        word-wrap: break-word;
	        padding: 2px 0;}

        dl.size3 {
	        position:relative;
	        overflow: hidden;
	        width: 225px;
	        margin-bottom: 20px;}
        	
        dl.size3 dt {
	        padding-right:10px;
	        width:50px;
	        float: left;}
        	
        dl.size3 dd {
	        margin-bottom:5px;
	        padding-left: 20px;
            float:left;
            width: 125px;}

        dl.size4 {
	        width: 300px;
	        margin-bottom: 20px;}
        	
        dl.size4 dt {
	        padding-right:10px;
	        width:90px;
	        float: left;
	        position: relative;}
        	
        dl.size4 dd {
	        margin-bottom:5px;
	        float: left;}

        dl.size4 dd span {
            width: 190px;}	
            
        dl.size5 dt {
	        width: 25px;}
	        
        dl.size5 dd {
	        height: auto !important;
	        height: 30px;
	        height: auto !important;
	        min-height: 30px;
	        margin-left: 30px;}       
	        
        dl.size5 input[type="file"] {
            margin: 5px 0;}

	/* Radial Search */ 

		div.radialSearch div.inputField {
			width: auto;}

		div.radialSearch select {
			padding: 2px;
			clear: both;
			margin-bottom: 10px;}
		
		label.hideme {
			width: 0px;
			float: left;
			display: block;
			text-indent: -1000em;}
			
		div.radialSearch label, div.radialSearch span {
			display: block;
			zoom: 1;}

		span.selectDivider {
			float: left;
			margin:0 5px 0 0;
			position:relative;
			line-height:22px;
			width: 54px;}			
	
	/* Salary Band */
	
		fieldset.salaryBand {
			position: relative;
			padding-bottom: 20px;
			float: left;
			display: inline !important;
			width: 95%;}
		
		fieldset.salaryBand select, fieldset.salaryBand label {
			margin-bottom: 5px;}
			
		fieldset.salaryBand select {
			float: left;
			display: inline;
			width: 88px;}
			
		fieldset.salaryBand label.salaryTo, fieldset.salaryBand label.salaryFrom {
			line-height: 22px !important;
			float: left;
			display: inline;
			width: 54px;
			padding: 0 5px 0 0;}
			
		fieldset.salaryBand label.salaryTo {
			clear: left}	

/* #home - Homepage styles + overrides */

	/* #home - H1 Title */

		#home #homeTitle {
			background: transparent url(../images/home-titlebar.gif) no-repeat center;
			height: 39px;}
			
		#home h1 {
            color:#e4cdd5;
			line-height:41px;
			margin:0;
			position: relative;}

	/* #home - Search and Browse panel */
	
		#home #searchContent {
			padding: 15px 0 30px 0;
			background: transparent url(../images/home-topbar.gif) no-repeat center bottom;}
		
		#home #searchContent .wrapper {
			overflow: hidden;}
			
		#home h2 {
			margin: 10px 0;
			font-size: 1.31em;}		
			
		#home #panel {
			width: 540px;
			float: left;
			overflow: hidden;}		
		
		#home #panel form {
			overflow: hidden;
			zoom: 1;
			width: 100%;
			border-bottom: 1px solid #ccc;
			padding-bottom: 10px;}
		
		#home #panel fieldset {
			zoom: 1;
			overflow: hidden;}
		
		#panel p, #panel div {
			float: left;		
			width: auto;}

		#home #panel div.advSearchLink {
			margin: 0;
			line-height:35px;
			margin:0;
			padding:0 0 0 10px;}

		#home #panel div.field {
			width: 340px;
			display: inline;
			margin-right: 10px;}

		#home #panel label {
			float: left;
			width: 155px;
			font-weight: bold;
			padding: 7px 0;
			color: #30121E;
            font-size:1.31em;
			display: block;}
			
		#home #panel input.text {
			color:#221F1F;
			float: left;
			font-size: 1.23em;
			font-style: italic;
			padding: 7px 4px;
			width: 174px;}	
    
        #home #panel select {
            font-size: 1.23em;
			font-style: italic;}
    
    /* #home - Radial search */			
    
        #home #panel fieldset div.radial {
           width: 140px;
           float: left;
           padding: 6px 0;}
        
        #home #panel fieldset div.long {
            width: 300px;
            float: left;}
            
       div.radial div.inputField {}
            
       #home #panel .radialSearch {
           width: 300px;}
               
        #home #panel div.fieldWrapper {
            padding: 0;}               
               
        #home div.radial span.selectDivider {
            width: 13px;
            margin: 0;
            padding: 0 5px;}       
    
        #home #panel .radial input.text,
        #home #panel .radial select {
            font-size: 1.1em;
            width: 130px;}
        
        #home #panel .radial input.text {
            padding: 3px 4px;}

        #home #panel .radial select {
            padding: 2px 4px;}
            
        #home #panel div.advSearchLink.radial {
            line-height:16px;
            margin:0;
            padding:0;
            text-align:right;
            width:100%;}
		
		#home #panel .radial label {
		    width: 0;
		    padding: 0;
		    text-indent: -1000em;
		    float: left;}
			
		#home #panel input.placeholder, div.formWrapper input.placeholder  /* JS hint text */	{
		    color: #999;}
			
		#home #panel p.submit {
			clear: none;
			margin: 0;
			width: 80px;
			padding: 0;}	
		
		#home #panel form p.submit span {
		    margin: 0;}	
			
		#home #panel form p.submit input {
		    width: 80px;
		    height: 34px;
		    padding: 0;
            font-size:1.15em;}
			
		#home #panel ul {
			float: left;
			width: 38%;}
			
			#home #panel ul.even {			    
			    padding: 0;
			    width: 32%;}

			#home #panel ul.last {			    
			    padding: 0;
			    width: 30%;}

			
		#home #panel li {
			line-height: 1.6;}
			
	/* #home - Upsells */

		.upsells li {
			border-bottom: 1px dashed #D2D2D2;
			line-height: 1.3;
            padding: 9px 0 9px 43px;}	
            
		.upsells .jbe { background: url(../images/icons.png) no-repeat left 8px;}		
		.upsells .profile {background: url(../images/icons.png) no-repeat left -51px;}		
		.upsells .account {background: url(../images/icons.png) no-repeat left -113px; border: 0 none;}	
		
		.upsells li h4 {
			font-size: 1em;
			font-weight: bold;}
		
		.upsells li h4, .upsells li p {
			display: inline;
			padding-right: 5px;}	
			
		.upsells li strong {
		    font-weight: bold;
		    font-size: 1.14em;}

	/* #home - Recruiting now */

		.recruitingNow h3 {
			margin: 0 0 10px 0}
				
		ul.recruitingNow {
			float: left;
			clear: both;}
			
		ul.recruitingNow li {
			display:inline;
			float:left;
			margin-bottom:11px;
			width: 122px;}
			
		ul.recruitingNow li.middle {
			margin:0 16px;}
			
		ul.recruitingNow li a, ul.featuredJobs li a.logo {
			border:1px solid #D2D2D2;
			display:block;
			float:left;
			width:auto;}

	/* #home - Recruiters */
		
	     .recruitersGray, .recruitersAlt {
	         overflow: hidden;
	         padding: 10px;
	         padding-top: 0;
	         margin-bottom: 25px;}
	        	    
	     .recruitersGray {
	         background-color: #f2f2f2;}

	     .recruitersAlt {
	         background-color: #e9f4f8;}
	         
	      		.recruitersAlt ul {margin-bottom: 12px;}
					
		        .recruitersAlt li {
			        background:transparent url(../images/bullet-gray.gif) no-repeat left 7px;
			        padding-left:15px;}
   
	         
	      .recruitersAlt .widget {
              background: transparent url(../images/icons.png) no-repeat left -169px;
              line-height: 2.5em;
              margin: 0;
              padding-left: 35px;}   

	/* #home - Featured jobs */
	
		.featured {
			float:right;
			margin-top: -10px;
			width:355px;}	

        .featured .contrast {
            margin-bottom: 8px;
            min-height: 65px;
            height: auto !important;
            height: 65px;
            width: 333px;
            float: left;
            clear: left;}

        .featured .contrast a.featuredLogo {
            zoom: 1;
            float: left;
            display: block;}

        .featured .contrast div {
            float: left;
            width: 190px;}

        .featured .contrast img {
            margin-right: 10px;
            width: 120px;
            height: 60px}
        
        .featured .contrast p {
            margin: 0;}
        
		.featured ul.horiz {margin-bottom: 0;}

		.featured ul.horiz li {
			color: #333; 
			border: 0;
			line-height: 1.2em;}
			
	/* #home - News and Advice */

		.listImages li {
			clear: left;
			float: left;
			width: 100%;			
			padding: 10px 0;}
		
		.listImages h4 {
		    font-weight: bold;
		    margin-left: 110px;
		    line-height:1.4em;
            margin:0 0 0 110px;}
		
		.listImages div {
			float: left;
			padding-right: 10px;}

		.listImages p {
			overflow: auto;}

	/* #home - Structure */

		#home #content {
			margin-top: 0;}

		#home .content-wrapper {
			width: 740px;
			margin-top: 20px;}

		#home #primary, #home .primary {
			width: 400px;
			float: left;}
				
		#home #secondary {
			width:300px;
			float: right;}
				
		#home #tertiary {
			width: 160px;
			margin: 20px 0;}		

		#home h3 {
			clear: both;
			margin: 10px 0;}
			
	/* #home - misc classes */
	
        #home div.clearing {
            width: 100%;
            overflow: hidden;}

        #home #primary {
            margin-top: -15px;}
        
        #home .floated {
   			float: left;
			width: auto;}

		#home .more-links {
			padding-left: 10px;
			line-height: 3.35em;
			font-style: italic;
			display: block;
			float: left;
			width: auto;}


/* .layout1 - Login and Create an Account pages */

	body.layout1 h1 {
   		border-bottom: 1px solid #ccc;
   		padding-bottom: 10px;}

	.box376, .box376-other {
		margin: 0 15px 20px 0;
		width: 330px;
		float: left;
		clear: left;
		color: #666666;}
		
	.box376-other {
		margin-right: 0;
		float:right;
		clear: right;}

	.box376 .boxwrapper-inner, .box376-other .boxwrapper-inner {
	    min-height: 205px;
		height: auto !important;
		height: 205px;
		overflow: visible;}	
		
	.box376-other .submit {
		float: left;}
		
	.box376-other .submit span {
	    margin: 0;}	
	
	body#login .content-wrapper,
	body#createaccount .content-wrapper {
	    width: 685px;}
	
	body#login h2 {
		color: #333333;
		font-weight: bold;
		margin-bottom: 10px;}
		
	body#login label.alt {
		color: #666666;
		font-weight: normal;}
			
	body#login .note {
		clear: both;}
	

/* #lister - Job Search / Browse page */
	
	#advSearch {
		width: 100%;}
		
	#lister .content-wrapper {
	    width: 741px;}	
	    
    #lister #primary {
        width: 457px;
        margin: 0; /*3.9*/}

    #lister #tertiary h3 {
	    margin-top: 3px;
	    font-size: 1.2em}   
	    
	#lister #secondary {
	    width: 254px;
	    margin-bottom:30px;}
	    
	#lister #tertiary .block, #lister #tertiary {
	    width: 170px;}    
	    
    #lister ul.tabs {
	    width: 256px;}	    
	    
    /* #lister #tertiary .block {
        margin-top: 35px;
        padding-top: 20px;}*/

	/* #lister - Collapsable / Expandable Facets */
	
		h3.collapsable {
			border-top: 2px solid #fff;
			background: url(../images/collapseArrowDown.gif) 2px 11px no-repeat;
			margin: 3px 0;
			padding: 3px 0 3px 20px;
			line-height: 1.6em;
			font-size: 13px;
			width: 207px;
			float: left;
			clear: both;
			display: inline;
			position: relative;}

		h3.collapsable span {
			position: absolute;
			top: 3px;
			right: 0;
			line-height: 17px;
			font-size: 11px;
			font-weight: normal;}
			
		h3.collapsable span a {
			padding: 3px 4px 4px;
			outline: none;}
			
		h3.collapsable span a:hover {
			/*background-color: #EDF5FF;
			text-decoration: none;*/}
		
		h3.collapsable span span {
		    position: relative;
            color: #b2b2b2;
		    top: 0;}
			
		h3.collapsed {background: url(../images/expandArrow.gif) 3px 11px no-repeat;}
		
		h3.collapsed a {color: #333333;}
		
		ul.expandList {
			margin: 0 0 0 20px;
			clear: both;
			zoom: 1;}

		div.collapse-target {
			display:block;
			float:left;
			width:100%;
			zoom: 1;
			overflow: hidden;}
			
		div.collapse-target fieldset {
			display: block;
			zoom: 1;
			position: relative;}
				
		#advSearch div.collapse-target div.check-scroller, #advSearch div.collapse-target fieldset.checkboxes, #advSearch div.radialSearch {
			margin-bottom: 20px;
			position: relative;}
			
		ul.expandList li.last {
			padding-bottom: 20px;}	
	
	/* #lister - Tabs */

		ul.tabs {
			border-bottom: 1px solid #ccc;
			position: relative;
			float: left;
			width: 254px;
			clear: both;
			font-size: 1.3077em;
			font-weight: normal;
			background-color: #fff;
			margin-bottom: -4px;}
			
		ul.tabs li {
			float: left;
			width: auto;}
			
		ul.tabs a {
			background-color: #cfcfcf;
			display: block;
			padding: 3px 15px;
			font-size: 0.84em;
			margin-top: 8px;}
			
		ul.tabs a.active {
			float: left;
			font-size: 1em;
			width: auto;
			padding: 4px 15px;
			margin-top: 0;
			border-top: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-bottom: 1px solid #F2F2F2;
			position: relative;
			top: 2px;
			color: #333;
			background-color: #f2f2f2;
			font-weight: bold;}
			
		ul.tabs li.first a.active{
			border-left: none;}

	/* #lister - Facet Selection box */
			
		ul.facetSelection li p {
			float: left;
			overflow: hidden;
			position: relative;
			margin: 0;}
			
		ul.facetSelection li p span {
			display:block;
			float:left;
			padding:3px 6px;
			width:161px;
			background: #fef5e7;}
			
		ul.facetSelection li p:hover span,
		ul.facetSelection li p:hover a {
			background-color: #fef5e7;}
			
		ul.facetSelection li a {
			float: left;
			text-align: center;
			width:20px;
			padding:3px 6px;
			background: #fef5e7;
			height: 100%;}
			
		ul.facetSelection li a:hover {
			text-decoration: none;
			background: #2B4078 !important;
			color: #fff;}

    /* #lister - Radial search */

	    #lister div.radialSearch select.size3a {
	        width: 207px;}

	    #lister div.radialSearch input.size2a {
	        width: 179px;}
	        	        
	    #lister div.radialSearch span.selectDivider {
	        width: 20px;}

	
	/* #lister - Job List */
		
		.jobsList {
			float: left;
			zoom: 1;
			margin: 15px 0;
			width: 457px;}
			
		.jobsList li {
			margin:0 0 15px 0;
			overflow: hidden;}			
		
		.jobsList li.regular {
   			border-bottom: 1px solid #E3E3E3;}		
				
		.jobsList li.last {
   			border-bottom: 0 none;}		

		.jobsList li h4 {
			margin: 0;
			font-size: 1em;
			line-height: 1.5;
			font-weight: bold;}
			
		.jobsList h4 em {
			position:absolute;
			right:15px;
			text-transform:uppercase;
			top:15px;
			font-weight: normal;}
				
		.jobsList .regular .shaded {
			overflow: hidden;}
		
		/* Keyword jobs */ 
			
		.jobsList .jobWrap {
		    float: left;
		    width: 320px;}
		
		.jobsList .jobWrap h4, .jobsList .jobWrap ul {
		    width: 100%;}
		
		.jobsList .contrast {
		    float: right;
		    border: 0;		
			padding: 15px 10px;
            width: 425px;
            border-bottom:1px solid #FBDEB1;}

        .jobsList .logoWrap {
   		    float: right;
		    text-align: right;            
		    width: 125px;}		

		    .logoWrap img {
		        border: 1px solid #D2D2D2;
		        margin-bottom: 5px;}
		        
        .jobsList .jobWrap .adBody {
            width: 290px;} 		    
		
		.jobsList .adBody {
			margin-top: 5px;
			padding: 0;
			clear:both;
			position: relative;
			overflow: hidden;
			zoom: 1;			
			width: 457px;}
		
		.jobsList .horiz li {
			margin: 0 10px 0 0;
			color: #333;
			line-height: 1.3em;}	
			
		.jobsList h4,
		.jobsList ul  {
			float:left;
			width: 435px;}
			
		.jobsList ul {
			padding:5px 0;
			margin-bottom: 0;}	
			
		.jobsList ul.horiz {
			clear: left;
			width: 100%;}

		.jobsList .adBody img {
			float: right;
			margin: 0 0 10px 15px;}
			
		.jobsList .adBody p {
			margin: 10px 0 10px;
			zoom: 1;}
			
		.jobsList ul.recruiterDetails {
			zoom: 1;
			float: left;
			padding: 0 0 12px 0;
			width: 290px;
			margin: 0;			
			overflow: hidden;
			font-size: 0.8462em;
		}
		.jobsList .recruiterDetails li {
			float: left;
			width: auto;
			line-height: inherit;
			margin: 0 10px 0 0;
			color: #999999;
		}
		.jobsList p.apply {
		    float: right;
		    text-align: right;
			margin: 0 0 12px 0;
			width: 100px;			
			font-size: 0.8462em;}
    
        /* Jobs with logo fixes */

        .jobWrap .horiz li {
            display: inline;
            float: none;
            white-space: normal;}    
			
     /* #lister - No results */
    
	body.layout2 .gridBoxes li {
		margin-right: 0;}
		
	body.layout2 .gridBoxes li h3 {
		padding: 10px 0;
		margin-top: 10px;}
			
			
	/* #lister - Forms */
	
		body#lister fieldset.checkboxes label.indent1 { width: 144px;}
		body#lister fieldset.checkboxes label.indent2 { width: 146px;}
		body#lister fieldset.checkboxes label.indent3 { width: 136px;}			

/* .layout3 - Job Details, Job Contact Details */

		body.layout3 h3 {
		    font-size: 1.462em;
            font-weight: normal;
            margin-bottom: 0.3em;
            padding-bottom: 0.3em;
		    color: #333;}

        body.layout3 #primary h3 {
            margin-top: 1em;
            margin-bottom: 0;}

        body.layout3 p.jobTitle a {
            padding-bottom: 0;}

		body.layout3 #primary {
			position: relative;
			width: 470px;
			float: left;}

        body.layout3 #secondary {
			float: right;
			width: 290px;}
		
		body.layout3 div.formWrapper div.inputField {
		    width: 100%;
		    margin-top: 5px;}
			
		body.layout3 #primary form {
			background: #f2f2f2;
			overflow: hidden;}
			
		body.layout3 #secondary .boxwrapper {
			background-color: #fff;
			width: 254px; /*3.9*/}
			
		body.layout3 .primary {
			float: left;
			width: 440px;
			margin: 0;}
			
		body.layout3 h1 {
    		padding-bottom: 7px;}

		body.layout3 .primary dl.details {
			margin-top: 0;
			width: 100%;}
			
		body.layout3 .secondary .logo {
			position: relative;
			margin: 0 0 15px;} 
			
		body.layout3 .secondary .logo img {
			margin: 0 0 12px;}
			
		body.layout3 .wrapper-inner {
			width: 100%;}
		
		body.layout3 span.applyButton {
		    display: block;
		    clear: both;
		    margin-bottom: 25px;
		    overflow: hidden;
		    zoom: 1;}
		    
		body.layout3 .primary span.applyButton {
            margin-bottom: 0;}	 
		
		body.layout3 span.notice {
            clear: left;
            color: #999;
            display: block;
            font-size: 0.9em;
            font-weight: bold;
            padding: 5px 0;}
			
	    body#jobdetails div.fieldWrapper {
		    padding: 0 0 5px 0;
		    width: 320px;}

        body.layout3 div.clear {
            position: relative;
            overflow: hidden;
            z-index:1;
            margin: 0 0 20px;
            padding-top: 35px;}
    
        body.layout3 .content-wrapper .shaded {
    		margin-bottom: 20px;}		
    		
        body.layout3 .contrast {
            margin: 1.5em 0;}		

        body.layout3 ul.horiz {
           padding: 10px 15px;}
           
        body.layout3 span.horiz {
           padding: 10px 15px;}
            
        body.layout3 ul.horiz li {
			float: left;
			white-space: normal;
			width: 170px;
			background: url(../images/bullet-gray.gif) no-repeat left 7px;
			border-right: 0;
			padding: 0 0 0 10px;
			line-height: 1.2em;
			margin: 0 10px 5px 0;} 
			
        body#jobdetails .details {
			width: 300px;
			float: left;}
		
		body#jobdetails div.fieldWrapper {
			width: 300px;}
			
		body#jobdetails div.formWrapper div.textField {
			width: 195px;}
		
		body#jobdetails .actions {
			width: 122px;
			float: right;
			display: inline;}
		
		body#jobdetails ul.downloadLinks,
		body.enhanced ul.downloadLinks {
			margin: 15px 0 0 0;}
			
		body#jobdetails ul.downloadLinks li, 
		body.enhanced ul.downloadLinks li {
			padding-left: 35px;
			min-height: 32px;
			margin-bottom: 8px;
			font-size: 11px;
			list-style-type: none;
			margin-left: 0;}
		
		body#jobdetails ul.downloadLinks li a,
		body.enhanced ul.downloadLinks li a {
			display: block;}
		
		body#jobdetails ul.downloadLinks li.pdf,
		body.enhanced ul.downloadLinks li.pdf {
		background: url(../images/iconsDocType.png) no-repeat 0 -190px} 
		
		body#jobdetails ul.downloadLinks li.docx,
		body.enhanced ul.downloadLinks li.docx {
		background: url(../images/iconsDocType.png) no-repeat 0 -490px}   			
		
		body#jobdetails ul.downloadLinks li.doc,
		body.enhanced ul.downloadLinks li.doc {
		background: url(../images/iconsDocType.png) no-repeat 0 -387px}   			
		
		body#jobdetails ul.downloadLinks li.rtf,
		body.enhanced ul.downloadLinks li.rtf {
		background: url(../images/iconsDocType.png) no-repeat 0 -87px}   			
		
		body#jobdetails ul.downloadLinks li.txt,
		body.enhanced ul.downloadLinks li.txt {
		background: url(../images/iconsDocType.png) no-repeat 0 0}   			
		
		body#jobdetails ul.downloadLinks li.odt,
		body.enhanced ul.downloadLinks li.odt {
		background: url(../images/iconsDocType.png) no-repeat 0 -286px}   			
  			
		#jobdetails h3.space {
           margin-top: 1em;}
		
		/* Job detail - Expired job */
		
		.expiredJob {
			float: left;}
		
		.expiredJob .otherJobs {
			width: 430px;
			float: left;}

		.expiredJob .jobsList {
			margin-top: 10px;
			width: auto;
			float: none;}
			
		.expiredJob .viewMore {
			margin-bottom: 40px;}

		.expiredJob .expiredShaded {
			padding: 15px;
			background: #ebf3f6;
			width: 290px;
			margin: 0 30px;
			float: left;}
			
		.expiredJob .expiredShaded h3 {
			font-size: 18px;}
		 
		.expiredJob .upsells.noIcons li {
			padding: 9px 0;}
			
		.expiredJob .upsells.noIcons li.last {
			border: 0;
			padding-bottom: 0;}
  				
	/* .layout3 Pagination - YUI Design Pattern stylee */

		.yuistyle-pagination {
			width: 100%;
    		border-bottom: 1px solid #ccc;
			overflow: hidden;
			margin-bottom: 10px;}

		.yuistyle-pagination p {
			float: left;
			color: #2e131c;
			margin: 5px 0 0 0;}

		.yuistyle-pagination .pagination {
			margin: 0;
			background-color: #fff;
			float: right;
			width: auto;}
			
		.yuistyle-pagination .pagination li {
			border: none;
			margin: 0;
			padding: 0;}
			
		.yuistyle-pagination .horiz {
			clear: none;}			
	
	/* .layout3 Forms */

		body.layout3 form p.submit input {float: left;}
		
    	body.layout3 form p.submit span.button {margin-left: 10px;}
		
		body.layout3 .primary div.formWrapper {
			margin: 0;
			padding:0 0 20px 0;
			width:100%;
			background: none;
			position: relative;}

		body.layout3 .primary div.formWrapper p,
		body.layout3 .primary div.formWrapper div.logo-wrapper {
			position: absolute;
			top: 0;
			right: 0;
			width: 122px;
			/* IE6 */
			z-index: 2;
			clear: both;}

		body.layout3.enhanced .primary div.formWrapper p {
			position: static;
		}			

		body.layout3 .primary div.formWrapper img {
			margin-bottom: 25px;
			border: 1px solid #ccc;}		
		
		body.layout3 .primary div.formWrapper label, body.layout3 .primary div.formWrapper .label {
			width: 90px;}	
			
		body.layout3 div.formWrapper label {
			float: none;}
			
		body.layout3 .submit {
			clear: both;
			zoom: 1;}		

		body.layout3 .clip {
			display: none;}		
				
/* .layout4 - Create JBE, JBE Listing, Apply Confirmation, Your Account, Edit Account, My Profile */

	body.layout4 .primary {
		width: 540px;
		float: left;}

	body.remindPword .primary, body.resetPword .boxwrapper-inner {
	    width: 580px;}
	
	body.remindPword .success {
	    padding-bottom:10px;}
    	    
    body.resetPword .primary {
	    width:670px;}
    	
	body.layout4 .intro {
		padding: 6px 10px;
		clear: both;
		overflow: hidden;
		margin-bottom:10px;}

	body.layout4 h2 {
		margin: 20px 0 10px;}
		
	body.layout4 .jbe h2 {
		padding: 20px 0 10px;
		margin: 0;}	
    
    body.layout4 .boxwrapper-inner h2 {
        margin: 0;}

	body.layout4 h3 {
		margin: 7px 0;}
		
	body.layout4 .block h2 {
	    margin-top: 0;}
	    
	body.layout4 dl {
	    margin-bottom: 10px;}    
	    
	body.layout4 p.submit {
	    clear: both;
	    float: none;
	    width: 100%}    

	/* .layout4 - My Profile 1-x steps */

		.steps {
			overflow: hidden;
			color: #fff;
			padding: 0;
			margin: 20px 0;
			zoom: 1;}
			
		.steps li {
			float: left;
			padding: 5px 20px;
			background: #ccc;
			display: inline;
			margin: 0 0 0 -12px;
			width: auto;
			display: block;
			background: url(../images/arrows.png) no-repeat right -72px;}
			
		.steps li.first {
			position: relative;
			margin:0;
            padding-left:10px;}
			
		.steps li.active {
			background: url(../images/arrows.png) no-repeat right top;}
			
		.steps li h2, .steps li p {
			font-weight: bold;
			margin: 0;
			color: #2f131f;
			font-size: 100%;}	
			
		.steps li.active h2, .steps li.active p	{
			color: #fff;}
		
	/* .layout4 - My Profile tabs */ 
		
		ul.subnav {
			overflow: hidden;
			color: #fff;
			padding: 0;
			margin: 20px 0 0 0;
			zoom: 1;}
			
		ul.subnav li {
			float: left;
			padding: 5px 10px;
			background: #ccc;
			display: block;
			border-bottom: 1px solid #ccc;			
			border-top: 5px solid #fff;
			border-left: 1px solid #fff;
			margin-left: -1px;}
		
		ul.subnav li.active {
			background-color: #F2F2F2;
			border: 1px solid #ccc;			
			position: relative;
			margin-left: 0;
			border-bottom: 0 none;
			color: #59414B;
			display:block;
			padding:5px 10px 10px;}

		ul.subnav li.first {
		    border-left: 0;}

	
	/* .layout4 - Lists within headers (JBE listing page, My Account page) */

        .headerList li {
            margin-bottom: 30px;}

        .headerList li li {
            margin-bottom: 0px;}

		.headerList .button {
			margin-bottom: 15px;}
	
		body.layout4 .headerList h3 {
			float:left;
			margin: 0;
			font-size: 1em;
			padding: 7px 5px;
			width:520px;}

		body.layout4 .headerList .shaded.intro h3 {
			width: 350px}
			
		body.layout4 .headerList .intro {
			padding: 0;
			border-top:1px solid #ccc;
			margin: 0 0 10px;}
	
		.headerList h3 span {
			color: #BFBFBF;}
			
		.headerList li p {
				margin: 0 0 15px 0;
				display: block;}

		.headerList li p.status {
				border-left:1px solid #ccc;
				display:block;
				float:right;
				margin:0;
				width: 100px;
				padding:10px;}

		ul.headerList ul.actions {
			zoom: 1;
			float: right;
			margin-right: 10px;
		}
		ul.headerList ul.actions li {
			border-top:none;
			padding-top:0;
			margin: 7px 0 7px 0;
			float: left;
			line-height: 17px;
			margin-bottom:5px;
			margin-left: 5px;
			padding-right: 5px;
			border-right: 1px solid #BFBFBF;}
		
		ul.headerList ul.actions li.first {
			margin-left: 0;}
			
		ul.headerList ul.actions li.last {
			padding-right: 0;
			border-right: none;}
			
		ul.headerList ul.details li {
			border-top: 0;
			padding: 0;
			margin: 0;}
			
		ul.headerList ul.details {
			margin: 0.8em 0;}
			
		ul.headerList ul.details li {
			list-style-type:disc;
			margin-left: 20px;}
			
	/* .layout4 - Job Lister on Application Confirmation page */
	
	   body.layout4 .content-wrapper {
	       width: 685px;}
	
		body.layout4 .jobsList {
			width: 100%;
			margin: 0 0 10px;}
		
		body.layout4 h1 {
    		border-bottom: 1px solid #ccc;
    		padding-bottom: 10px;}
		
		body.layout4 .jobsList .adBody {
			width: 100%;
			padding: 0;}
			
		body.layout4 .jobsList h4 {
			width: 100%;
			padding-left: 0;}

		body.layout4 .jobsList h4 {
			padding: 10px 0 0 0;}

		body.layout4 .jobsList li {}
			
		body.layout4 .jobsList .adBody li {
			float: left;}
	
	/* .layout4 Forms */

        .layout4 form {
            clear: both;}
            
        .layout4 form p.submit span {
            margin-left: 15px;
            display: inline;}

		#apply form p.submit input {
		    line-height: 20px;
		    padding:0 10px;}

		body.layout4 div.formWrapper label, body.layout4 div.formWrapper .label {
			padding:0 10px 10px 0;
			width:230px;}

		body.layout4 div.formWrapper label.special {
			padding:0 10px 10px 0;
			width:229px;}
			
		body.layout4 div.formWrapper div.checkbox label {padding: 0; width: auto;}
			
		body.layout4 div.formWrapper label.hideme {width: 0; padding: 0;}
		
		body.layout4 div.formWrapper h2 {
			margin: 10px 0 0 0;		
			padding: 5px 0 0 0;}
			
		body.layout4 div.formWrapper h2.first {
		    border-top: 0;}			
			
		body.layout4 div.fieldWrapper {
			padding: 10px 0 0 20px;
			overflow: hidden;
			width:575px;}		
			
		body.layout4 .checkbox-selection {
			width: 327px;}	

		body.layout4 .selectDivider {
			clear: none;
			text-align: center;
			width: 30px;}


/* Articles */

    body.article h1 {
        padding-bottom: 10px;}
    
	body.article .secondary .articleBody {margin-top: 0;}
		
	body.article h3 { font-size: 14px;}
		
	body.article em { font-style: italic;}
		
	body.article .secondary {margin-top: 20px;}
	
	body.article .secondary ul {margin: 0;}
	
	body.article .secondary ul.jobsList { margin: 25px 0;}
	
	body.article .secondary ul li {
	    margin: 0;
	    list-style-type: disc;}
	
	body.article .secondary #resultsTarget h4 {
	    padding-top: 10px;;
	    list-style-type: none;}		

	body.article .secondary #resultsTarget ul li,
	body.article .secondary .gridBoxPaging ul li {
	    margin: 0 10px 0 0;
	    list-style-type: none;}	
	
	body.article .secondary #resultsTarget ul.jobsList li {
   	    margin: 0 10px 15px 0;}

	body.article .secondary #resultsTarget ul.jobsList .horiz li {
   	    margin: 0 10px 0 0;}
	
	body.article .wbreak {
		float: left;
		clear: both;
		width: 100%;
		margin-bottom: 40px;}
    
    body.article .gridBoxPaging.wbreak,
    body.article .gridBoxPaging.wbreak ul 
    body.article .secondary .pagination ul {
        margin: 0;}

    body.article .gridBoxPaging.wbreak {
        margin-top: 15px;}
        
   body.article #content .floatLeft {
       float: left;}     

/* recruiteraz */

    .recruiteraz h1 {
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 7px;}

    .recruiteraz #primary {
       width: 520px;}
       
    .recruiteraz #secondary, .secondary {
        width: 210px;}
        
    .recruiteraz .pagination {
        margin-top: 35px;} 


/* @group Layout5 - Browse by sector */

    .layout5 h1 {
	    border-bottom: 1px solid #ccc;
	    padding-bottom: 7px;}

    .layout5 .browselist {
        width: 30%;
        float: left;}

/* @group Layout6 - Widget */

    .layout6 #content {}

    .layout6 .content-wrapper {
	    clear: none;
	    float: right;
	    width:770px; /*job widget page 3.9 upgrade */}
	    
    .layout6.content-wrapper {}

    .layout6 #primary {
	    width: 480px;
	    float: left;}

    .layout6 #secondary {
	    width: 150px;}

    .layout6 h2 {}	
    	
    .layout6 #secondary h3 {
	    padding-top: 5px;}

    layout6 #secondary ol {
	    margin: 0;}

    .layout6 .content-wrapper.wbreak, .layout6 .content-wrapper .wbreak {border: 0;}

    .layout6 #secondary li {
	    list-style-position: inside;
	    margin: 0;
	    padding: 10px 0 10px 0;
	    border-top: 1px solid #ccc;}

    .layout6 #tertiary {
	    width: 270px;
	    margin-top: 0;}
    	
    .layout6 div.formWrapper {
	    padding: 0;
	    width: 470px;}	

    body.layout6 div.formWrapper label, body.layout6 div.formWrapper .label {
	    width:120px;}
	    
    body.layout6 div.formWrapper div.inputField {
        width: 270px;}
        
    body.layout6 div.formWrapper .radialSearch div.inputField {
        width: auto;}
    	
    body.layout6 div.formWrapper label.hideme {
	    width: 0px;
	    padding: 0;
	    float: left;
	    display: block;}	
    	
    body.layout6 form p.submit input {
	    float: left;}
    	
    body.layout6 div.formWrapper select.size3 {
	    width: 191px;}	

    body.layout6 textarea {
	    width: 470px;}	

    body.layout6 span.selectDivider {
        margin:0;
        padding:0 4px;
        width: auto;}

    /* Employer Details */
    
    #empdetails div.fieldWrapper {
        padding: 5px 0 0 0;}
    
    #empdetails div.formWrapper {
	    margin: 0;
	    padding:0 0 20px 0;
	    width:100%;
	    background: none;
	    position: relative;}

    #empdetails div.formWrapper p {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 122px;
	    /* IE6 */
	    z-index: 2;
	    clear: both;}

    #empdetails div.formWrapper img {
	    margin-bottom: 10px;
	    border: 1px solid #ccc;}		

    #empdetails div.formWrapper label, #empdetails div.formWrapper .label {
	    width: 90px;}	
    	
    #empdetails div.formWrapper label {
	    float: none;}

    #empdetails div.formWrapper p {
		position: absolute;
		top: 0;
		right: 0;
		width: 122px;
		/* IE6 */
		z-index: 2;
		clear: both;}

    #empdetails div.formWrapper img {
		margin-bottom: 10px;
		border: 1px solid #ccc;}

    #recdetails #primary, #empdetails #primary {
	    float: left;
    }
    #empdetails .primary {
	    float: left;
	    width: 290px;
	    margin-top: 20px;
    }
    #recdetails .secondary {
	    display:inline;
	    float:right;
	    overflow:hidden;
	    padding-top: 64px;
	    text-align: right;
    }
    #empdetails .secondary {
	    display:inline;
	    float:right;
	    overflow:hidden;
	    width: 457px; /*3.9*/
	    padding-top: 20px;}
    	
    #recdetails #secondary h2, #empdetails .secondary h2 {
	    margin: 0 0 20px;}
    	
    #recdetails #primary dl, #empdetails .primary dl {
	    margin: 0 0 20px 0;
	    overflow: hidden;}

    body#recdetails ul.browselist, body#empdetails ul.browselist {
	    color: #333;
    }
    body#recdetails ul.browselist p.jobTitle, body#empdetails ul.browselist p.jobTitle {
	    margin: 0;
    }
    b#tertiary div.adsBlock, #jobdetails div.adsBlockody#recdetails ul.browselist p.jobTitle a, body#empdetails ul.browselist p.jobTitle a {
	    display: inline;
    }
    body#recdetails ul.browselist ul.horiz, body#empdetails ul.browselist ul.horiz {
	    color: #333;
	    margin: 5px 0 ;
	    line-height: 1;
	    overflow: visible;
	    float: left;
	    clear: both;
    }
    body#recdetails ul.browselist ul.horiz li, body#empdetails ul.browselist ul.horiz li {
	    list-style-image: none;
	    margin: 0;
    }
    body#recdetails ul.browselist ul.horiz li.last, body#empdetails ul.browselist ul.horiz li.last {
	    margin-left: 5px;
    }    
/* ---------------------------TO SORT------------------*/


/* forms _____________________________ */
form p.error, form label.error, form dt.error, form dd.error, form dd div.error,
form dd input.error, form dd textarea.error, form dd select.error {
	border: 1px solid #D90000 !important;
	margin-bottom: 0;
	background: #fdf3f3 !important;}
	
form p.error {
	padding: 5px;}

form p.checkbox.error {
    padding: 5px 0;
    border: 0 none !important;}

form label.required, form span.required {
	background-image: url(../images/required.gif);
	width: auto;
	background-position: right 0;
	background-repeat: no-repeat;
	padding-right: 12px;}

body.layout3 div.formWrapper label.hideRequired,
body.layout4 div.formWrapper label.hideRequired {
	float: left;
	text-indent: -1000em;
	display: block;
	margin: 0;
	background: url(../images/required.gif) no-repeat center 8px;
	padding: 0 0 0 5px;
	width: 10px;}

body.layout3 div.formWrapper .requiredInline select, 
body.layout3 div.formWrapper .requiredInline input {
    float: left;}

div.formWrapper div.requiredInline select.size4a,
div.formWrapper div.requiredInline input.size3, 
div.formWrapper div.requiredInline input.size3a, 
div.formWrapper div.requiredInline textarea.size3a, 
div.formWrapper div.requiredInline .check-scroller.size3a,
div.formWrapper div.requiredInline select.size4 {
    float: left;
    display: inline;}    


form dl.size1, form div.indent, body#profile dl.size1 {
	margin: 0;
	padding: 10px 0 0;
	zoom: 1;
	width: 100%;
	clear: left;}
	
	body#profile h3 {
		margin: 30px 0 10px;}

	body#profile .contrastBg {
		margin: 0 0 10px 0;}

	body#profile .contrastBg h3 {
		margin: 0 0 10px 0;}

	body#profile ul.browselist {
		margin-top: 10px;
		margin-bottom: 40px;}
		
	form div.indent {}
	
		form div.indent ul {
			margin: 15px 0;}
			
		form div.indent ul li {
			margin: 8px 0;}
			
		form dt img {
			position: absolute;
			right: 4px;
			top: 6px;
		}
		img.required {
			margin:0 3px;
			vertical-align:middle;
			position: static;
		}
		form dl dt em {
			display: block;
			font-weight: normal;
			color: #999999;}
			


/**/
	textarea {
		resize: none;
	}
	dd input.text, dd textarea, dd select {
		border: 1px solid #BFBFBF;
		padding: 3px;
		margin-top: 2px;
		margin-bottom: 2px;}
		
	dl.size1 dd input.text,
	dl.size1 dd textarea,
	dl.size1 select,
	dl.size1 div.check-scroller {
		position: relative;
		top:-3px;
	}
	dd p.radio {
		margin: 0 0 0.2em;}
		
	dd input.size3a {
	    width: 190px;
	    margin-right: 0;}
		

	/* form field widths */
	dd input, dd select {
		margin-right: 8px;
	}
	dd input.checkbox, p input.checkbox {
		margin-right: 4px;
	}
	div.checkbox {
		float: left;
		width: 100%;
		padding: 0;}
	
	div.check-scroller div.checkbox {
		/*padding: 1px 0;*/
	}	
	div.check-scroller div.checkbox input.checkbox, input.checkbox {
		position: relative;
		top: 2px;
		left: 0;
		margin: 0 5px 0 0;
	}
	div.check-scroller div.checkbox input.indent1 {
		margin-left: 23px;
		overflow: hidden;
	}
	div.check-scroller div.checkbox input.indent2 {
		margin-left: 46px;
		overflow: hidden;
	}
	
	.checkbox {
		padding: 3px 0;}
	
	p.checkbox input.checkbox, 
	div.checkbox input.checkbox,
	p.checkbox input.radioFloat {
		float: left;
		display: inline;
		width: auto;
	}
	p.checkbox label, div.checkbox label{
		display: block;		
		line-height: 1.4;
		margin-left: 20px;
	}
	dd span.selectDivider {
		margin: 0 5px 0 -5px;
		position: relative;
		top: -3px;
		zoom: 1;
	}		


	dd input.last, dd select.last { margin: 2px 0;}
		
	/* radio & checkboxes layout styles */
	fieldset.radiocheck.layout1 label {
		float: left;
		clear: left;
		}
		fieldset.radiocheck.layout1 input{
			margin-right: 5px;
		}
	fieldset.radiocheck.layout2 label {
		float: left;
		margin-right: 15px;
		}
		fieldset.radiocheck.layout2 input{
			margin-right: 5px;
		}
		
	#advSearch p.submit {
		float: left;
		display: inline;
		clear: both;
		width: 99%;
	}
	.panel670 form p.submit, .panel670 p.submit {
		padding: 5px 0 15px 0;
		margin: 0 2px 0 0;
	}

	form .size1 fieldset.checkboxes label {
		width: 90%;
		line-height: 1.5;}	

/* form div.locations fieldset.checkboxes label.indent0,  */
	
form div.locations fieldset.checkboxes label.indent0 {
	font-weight: bold;
}
form div.locations .divide {
	margin-top: 3px;
	border-top: 1px solid #ccc;
}
form div.locations .checkbox + .checkbox > .indent0 {
	/*margin-top: 4px;*/
}
form fieldset.checkboxes label.indent1 {
	/*margin-left: 35px;*/
	width: auto;
}
form fieldset.checkboxes label.indent2 {
	/*margin-left: 45px;*/
	width: auto;
}
form fieldset.checkboxes label.indent3 {
	margin-left: 55px;
	width: auto;
}



form ul.radios {
	margin: 20px 0;
	}
	form ul.radios li {
		margin: 5px 0;
	}

ol li {
	margin-left: 30px;
	list-style-type: decimal;
	margin-bottom: 5px;}

/* adv search */
#lister p.selection {
	margin: -15px 0 0 20px;
}

/* job lister */
.extraContent, .pagination p {
	color: #666666;
}
#resultsTarget {
	clear: both;	
	display: block;
	overflow: hidden;
	position: relative;}
	
div.articleBody {
	margin: 10px 0 20px;}
	
.pagination {
	float: left;
	background-color: #f2f2f2;
	border-top: 2px solid #fff;
	width: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;}
	
	.pagination-foot {
		clear: both;
		margin: 10px 0;}

	.pagination ul {
		overflow: hidden;
		float: right;
		line-height: 1;
		padding: 6px 10px 6px 0;}
		
	.pagination li {
		float: left;
		margin: 0;
	}
	.atozSelector li {
		float: left;
		text-transform: uppercase;
		margin-right: 17px;
	}	
	
	.atozSelector li.last {
		width: 35px;
		margin-right: 0;}
		
	.pagination li a, .pagination li .active {
		display: block !important;
		float: left;
		width: auto;
		margin-left: 3px;
		display: inline;}
		
	    .pagination li a, .pagination li.items {
	        padding: 3px 4px;}
	        
		.pagination li .active {
		    padding: 3px 5px;}		
		
		.nextPageSet {
			padding-right: 18px;
			background-position: right 3px;}
			
		.prevPageSet {}
		
		span.nextPageSet, span.prevPageSet {
			padding: 3px 5px;
			display: block;}
		
		span.disabled {
			padding: 3px 5px;
			display: block;
			color: #ccc;}
		
		.pagination li a span, .pagination li .active span, .atozSelector li a span {
			display:block;}
			
		.atozSelector li a:hover span {
			color: #333333;}	
			
		.pagination li a.page:hover, .pagination li .active {
			text-decoration: none;
			background: #fff;
			cursor: hand;}
			
		.pagination li a.page:hover span, .pagination li .active span {
			color: #333 !important;}		
			

	.pagination-foot ul {
		float: right;
		zoom: 1;}
	
p.footMsg {
	margin-top: 50px;
	clear:both;
	float:left;
	width: 100%;
}
		
.atozSelector {
	overflow: hidden;
	padding-bottom: 25px;
	zoom: 1;
	}
	
#sortBy {
	float: left;
	clear: both;
	width: 500px;
	}
	#sortBy .inner {
		position: relative;
		padding: 0 15px 5px;
		float: left;
		width: 470px;
		margin-top: 4px;
	}
	#sortBy ul {
		margin: 2px 0;
	}
	#sortBy li {
		margin-right:8px;
		padding-right:8px;
	}
	#sortBy .first {
		border-right: 0;
	}
	#sortBy, #sortBy a {
		color: #CCD3E4;
		}
		#sortBy a.active {
			color: #FFFFFF;
			font-weight: bold;}
	
	.emailAlert {
        background: url(../images/icons.png) no-repeat left -558px;
		padding-left: 30px;
		line-height: 18px;
		display:block;}
		
.azDetails {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	float: none;
	clear: both;
	}
	.azDetails li {
		float: left;
		width: 100%;
		display: inline;}
		
	.azDetails a {
		padding: 10px 0;
		border-top: 1px solid #ccc;
		display: block;
		width: 520px;
		text-decoration: none;
		color: #333;}
		
		.azDetails .odd a.first {
		    border-top: 0;}
		
		.azDetails .col-45, .azDetails .col-45 a {
			width: 250px;}
			
		.azDetails li.expanded a {
			height: auto !important;
			height: 60px;
			min-height: 60px;		
		}
		.azDetails a strong {
			color: #2B4078;
		}
		.azDetails a span {
			display: block;
			margin: 0 0 0.2em;
		}
		.azDetails a:hover {
			text-decoration: none;
		}
		.azDetails a:hover strong {
			text-decoration: underline;
		}
		.col-45 .azDetails a {
			width: 250px;
		}
		.col-45 .azDetails a span {
			display: inline;
		}
	.azDetails img {
		float: right;
		margin: 0 0 0 10px;
		border: 1px solid #ccc;
	}


#secondary .boxwrapper {
	background: #F2F2F2;
	width: 254px /*3.9*/}
		
	#secondary .boxwrapper-inner h2 {
		margin: 10px 0;
		}
		#secondary .boxwrapper-inner h2.browse {
			overflow: hidden;
			margin-top: 5px;
			padding-top: 5px;
			color: #00327D;
			font-size: 1.7692em;
			line-height: 1;}

#secondary .yourSelection {
	background: #fff;
	padding: 10px;
	width: 206px;
	margin-bottom: 20px;}
	
	#secondary .yourSelection h3 {
		color: #333;
		font-size: 1em;}
	
	#secondary .yourSelection p {
		margin: 0;
	}
	#secondary .yourSelection ul.facetSelection {
		margin: 10px 0;
		overflow: hidden;
		zoom:1;
		}
		#secondary .yourSelection ul.facetSelection li {
			float: left;
			width: 100%;
			display: inline;
			clear: both;
			color: #333;
			margin: 0 0 5px;}


/* ads ______________________________ */
p.jobTitle {
	color: #333333;
	word-wrap: break-word;
}
p.jobTitle a {
	font-weight: bold;
	display: block;
	padding-bottom: 7px;
}
body#apply p.jobTitle a {
	padding-top: 7px;}
	
p.viewAll {
	font-size: 0.8462em;
}

.gridBoxes {
    overflow: hidden;
    margin-top: 20px;}

.gridBoxes li {
	float: left;
	padding-right: 10px;}

.gridBoxPaging {
	clear: left;
	background: #e6e6e6;
    border-top:1px solid #7F7F7F;
	margin-top: 35px;
	padding-left: 10px;}
	
	.gridBoxPaging .horiz {
		float: left;
		color: #333;
		padding: 0;
		line-height: 1;		
		margin-bottom: 0;}
	
	.gridBoxPaging .horiz li {
	    border: 0;
	    margin: 0;
	    padding: 10px 3px;}	
		
	.gridBoxPaging li a.active {
	    background-color: #fff;
	    padding: 3px 8px;}	
	    
	    
		
	.gridBoxPaging .horiz .last a
	{
		border: 0 none;}	
		
	div.upsellboxes {
		position: relative;
		overflow: hidden;
		zoom: 1;
		margin: 20px 0;}
		
	div.upsellboxes li {
		float: left;
		display: inline;
		width: 290px;
		background: #f2f2f2;
		border-top: 1px solid #ccc;
		padding: 20px;
		min-height: 120px;
		height: 120px;}
		
	body#createaccount div.upsellboxes li, body#createaccount div.upsellboxes ul {
		/*margin: 0;*/
	}
	div.upsellboxes-fullwidth li {
		width: 690px;
	}
	div.upsellboxes li.last {
		float: right;
	}

	div.upsellboxes li .icon {
		float: left;
		display: inline;
		width: 250px;
		margin-left: 0;
	}
	div.upsellboxes-fullwidth li .icon {
		width: auto;
	}
	div.upsellboxes li h3 {
		margin: 0 0 10px;
		font-size: 15px;
	}
		
	div.upsellboxes div#break {
		display:none;
	}


ul.inline-feedback {
	position: relative;	
	margin: 20px 0;
}
ul.inline-feedback li {
	padding: 10px 0 10px 40px;
	font-weight: bold;
}
ul.inline-feedback li.warning {
	background: transparent url(../images/icons.png) no-repeat left -361px;
}
ul.inline-feedback li.success {
	background: url(../images/icon-tick.gif) left 8px no-repeat;
}

body#apply div.indent {
	margin-top: -10px;
}
body#apply ul.browselist {
	width: 100%;
	margin-right: 0;
	color: #333333;
	margin-bottom: 20px;
}
body#apply ul.browselist p.desc {
	color: #666666;
	margin-bottom: 1em;
}

.boxwrapper {
	clear: both;
	color: #333;}

.feedback {
	margin: 10px 0;
}
.feedback li {
	list-style: disc;
	margin: 0 0 5px 20px;
}
.feedback p {
	margin: 0;
}
#notfound ul.browselist{
	margin: 10px 0 30px 0;
}

ul.articleList h2 {
	margin: 20px 0 5px;
}

.secondary div.articleBody ul, .secondary div.articleBody ol {
	margin: 15px 0 15px 20px;
}
div.articleBody ul li, ul.normal li {
	list-style-type:disc;}

div.articleBody ul {
    margin-bottom: 10px;}

div.articleBody ul li {
    padding-left: 10px;
    margin-left: 25px;}

div.articleBody h2 {
	margin: 0px 0 10px;	
}
div.articleBody h3 {
	margin: 20px 0 5px;
}
div.articleBody strong em {
	font-weight: bold;}

ul.articleList {
	margin: 20px 0 40px;}

img.jobdetails-logo {	
	border: 1px solid #e2e4e3;}

body.layout1 div.formWrapper label, body.layout1 div.formWrapper .label,
body.layout2 div.formWrapper label, body.layout2 div.formWrapper .label {
	width: 160px;}

div.formWrapper .check-scroller div.checkbox {
	width: 100%;}

div.formWrapper .check-scroller div.checkbox label {
	padding: 0;
	float: left;}

div.formWrapper p.note {
	color:#666666;
	font-size: 12px;
}
div.formWrapper .error {
	border: 1px solid #D90000 !important;
	background: #fdf3f3 !important;
}
div.formWrapper .checkbox input.checkbox {
	float:left;
	display: inline;
	margin-right: 5px;
}
div.formWrapper .checkbox label {
	width: auto;
	margin: auto;
	padding: 0;
	font-weight: normal;	
}

div.formWrapper input.size1,
div.formWrapper input.size2, 
div.formWrapper input.size3,
div.formWrapper input.size4,
div.formWrapper select.size1,
div.formWrapper select.size2,
div.formWrapper select.size3,
div.formWrapper select.size4 {
	margin-right: 4px;
}
div.formWrapper input.last,
div.formWrapper select.last,
div.formWrapper textarea.last {
	margin-right: 0;}

/* Filter questions */

div.formWrapper div.radiocheckField fieldset.layout1 label {
	float:none;
	width:47%;
	zoom: 1;
	padding: 0;
	padding-right: 1%;
}
div.formWrapper div.radiocheckField fieldset.layout2 label {
	clear:left;
	display:inline;
	float:left;
	width: 50%;
	margin:0;
	padding:0;
	width:100%;}

div.formWrapper div.radiocheckField fieldset {
    float: left;
    display: block;
    width: 200px;}

.layout3 div.formWrapper div.radiocheckField fieldset {
    width: 110px;}

div.formWrapper div.radiocheckField .label {
    float: left;
    display: block;
    width: 200px;}

/* -----------------3.4 Enhancements ------------- */

#footer h3 {
    color: #EDF5FF}

#footer .topSearches {
    line-height: 2em;
    font-size: 0.9em;
    float: left;
    width: 25%;
    padding-bottom: 15px;
    padding-right: 2%;
    margin-bottom: 10px;
    overflow: hidden;}

#footer .topSearches.even {
    width: 20%;}

#footer .topSearches li {
    display: block;
    line-height: 1.7em;
    border: 0;}

#footer .topSearches li.first {
    padding-left: 0;}

#footer .topSearches a {
    color: #bcbcbc;}

/* Accreditation logo - Bugzilla 2768 */         

.accreditation {
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;}

/* -----------------3.9 Enhancements ------------- */

/* Lister JBEs - 06/05/10 */

.box-innerSmall {
    padding: 5px 10px;
    margin-bottom: 20px;
    overflow: hidden;
    color: #333;}
    
.box-innerSmall p {
    margin: 0;}

#jbeShort, .listerDetail {
	clear: both;
	float: left;
	width:100%;}

#jbeShort div.fieldWrapper {
    padding: 10px 0 5px;} 

#jbeShort div.inputField {
    float: left;
    padding: 2px 0;
    width: 285px;}

#jbeShort .inputField input {
    padding: 3px;
    width: 265px;}
    
#jbeShort p.submit {
    float: left;
    margin: 0;
    clear: none;
    width: 94px;}

#jbeShort p.submitLong {
    width: auto;}

#jbeShort p.submitLong input {
	float: left;}
	
#jbeShort p.submitLong span {
	padding: 3px 0 0 5px;}

#jbeShort p.submit span {
   float: left;}
    
#jbeShort p.submit input {
    padding:0 15px 2px;
    line-height: 25px;} 

#lister .contrastBg, #empdetails .contrastBg, .article .contrastBg {
    border-top: 1px solid #FBDEB1;}

/* Twitter link in listers - 06/05/10 */

.icon-twitter {
    padding-left: 22px;
    zoom: 1;
    background: url(../images/icon-twitter.png) no-repeat -1px top;}

/* Video Jobs - Lister - 16/06/10 */

.azDetails img.icon-video,
.jobsList .icon-video,
.jobsList .adBody img.icon-video {
    margin: 0;
    border: 0;
    float: none;
    padding-right: 5px;}

/* Video Jobs - Job Details - 16/06/10 */

body.layout3 span.applyButton span.button {
    padding-left: 25px;
    padding-right: 0;}

body.layout3 span.applyButton a {
    padding-right: 25px;}

body.layout3 span.howToApply a {
	padding: 0 20px 0 0;
}

/* My Account page - 06/07/10 */

#accountDetails {
    margin-bottom: 10px;}

#accountDetails p {
    margin: 0;}

#accountDetails .boxwrapper-inner {
    padding: 8px 15px;
    position: relative;}

#accountDetails .accountBox li {
	width: 345px;}

.accountLink {
    float: right;
    width: 140px;}

.accountLinkAbsolute {
    position: absolute;
	right: 15px;
	width: 140px;
	top: 8px;}

/* Revised lister header sans pagination - 16/06/2010 */

    .listerDetail {
        background-color:#F2F2F2;
        color: #333;
        float: left;
        margin-bottom: 15px;
        width: 100%;}

	.listerDetail p {
		padding: 6px 10px;
		margin: 0;}
	
	.listerDetail p.floatRight /* This is the LESS / MORE detail bit */ {
	    float: right;
	    width: 150px;
	    text-align: right;}

	.listerDetail p.floatLeft /* This is the SORT BY bit */ {
	    width: 230px;
	    float: left;}
	
	.listerDetail p span {
	    padding: 3px 7px;}
	    
    .listerDetail p a {
	    padding: 3px;}	    
	    
	 .listerDetail p span {
	     color: #333;
	     font-weight: bold;
	     background-color: #fff;}   
	     
	 .pagination a.rss {
	     float: left;
	     width: 100px;
	     background-position: 5px -227px;
	     padding: 6px 0 6px 35px;}


/* Revised Lister - 28/06/2010 */

#lister h1 {
    margin-bottom: 15px;
    line-height: 1.5;}

.highlight {
    background-color: #ECF3F6;}  

.highlight .jobsList {
    width: 437px;
    margin: 0;
    padding: 10px 0 0 0;}

.highlight .jobWrap,
.highlight .jobWrap .adBody {
    width: 300px;}
    
.highlight li.topLine,
.highlight li.topLine {
    margin: 0;}

/* Job Details - 23/06/2010 */

#detailHeader {
    margin-bottom: 20px;
    float: left;
    width: 100%;}

#detailHeader h1 {
    float: left;
    vertical-align: middle;    
    margin: 0;
    padding-top: 20px;
    width: 80%;}

#detailHeader p.logo {
    float: right;
    width: 122px;}

#detailHeader p img {
    border: 1px solid #ccc;}

/* Misc */

.logoBox {
    min-height: 60px;
    height: auto !important;
    height: 60px;}

/* @end */


/* temp */
#advSearch {
    width: 224px;    
    }
    
body.enhanced ul#links {
    margin: 0 0 20px;
}
/*KADS - manage visibility page 16.07.10 ie7 wrapping issue*/
body.manage div.formWrapper div.radiocheckField fieldset.layout1 label {
	width:75px !important;
}
body.manage fieldset.radiocheck.layout1 label {
	clear: none;
}
/* end */
.articleBody img {
	margin-bottom: 10px;
	padding-right: 10px;
	float: right;}

#static .articleBody img {
	margin-bottom: 10px;
	float: none;}


/* KADS - new line for p'word help text + minimised  */      
#createaccount dl.block span {
	display: block;
	font-size: .8555em;
}
/* KADS - enhancement - my profile form help text  */      
#profile span.txtHelp {
	display: block;
	float: left;
	width: 230px;
	font-weight: normal;
	font-size: .85em;
	margin-top: .5em
}
/* KADS - sponsored job - txt issue in ie7 when no logo displayed  */      
.highlight .jobsList .adBody p {
	width: 308px;
}
.highlight  h4 {
	margin:9px 0 0;
}
/* KADS - if no search results page ie messes text up  */  
body.layout2 .gridBoxes li {
	width: 99%;
}


/* -----------------Mobile Site Enhancements ------------- */

#footer li.mobileLink {
    float: right;}
    
.deviceImage {
    float: left;
    width: 370px;
    text-align: center;}    
    
.deviceText {
    float: left;
    width: 375px;
    margin-right: 20px;
    display: inline;}  
    
.mobileSteps p {
    margin: 0;}      
    
    
/* ----- 3.11 Twitter feed link enhancement --------- */

.twitterFeed {
    clear: both;
    margin-bottom: 20px;}

.twitterFeed a {
    display: block;
    padding-left: 25px;
    background: url(../images/icon-twitter.png) no-repeat left 1px;}
    


/* ----------- Social Buttons ----------- */    
    
 .intent-buttons{
    overflow: auto;
 }
 
 .enhanced .intent-buttons {
 	margin: 0px 0 0.8em -6px;
 }

 p.buttons-tall-count{
     height: 60px;}  
     
 p.buttons-small{
     height: 20px;}
     
 p.buttons-icon{
     height: 18px;}     
    
    
    /* --- For small sizes (Google Plus medium) --- */
    .intent-google-medium-share{
        height: 20px;
        width: 32px;
        margin-left: 6px;
        float: left;}
    
    .intent-twitter-small-share{
        height: 20px;
        width: 55px;
        background-image: url(../images/twitter2.png);
        margin-left: 6px;
        float: left;
        cursor: pointer;}
        
    .intent-twitter-small-share-over{
        background-position: 0 -21px}
    
    .intent-facebook-small-share{
        height: 20px;
        width: 55px;
        background-image: url(../images/facebook2.png);
        margin-left: 6px;
        float: left;
        cursor: pointer;}
        
    .intent-facebook-small-share-over{
        background-position: 0 -21px;}
    
    .intent-linkedin-small-share{
        height: 20px;
        width: 55px;
        background-image: url(../images/linkedin2.png);
        margin-left: 6px;
        float: left;
        cursor: pointer;}
        
    .intent-linkedin-small-share-over{
        background-position: 0 -21px;}
    
    
    /* --- For icon sizes (Google Plus has no icon size) --- */
    .intent-twitter-icon-share{
        height: 17px;
        width: 16px;
        background-image: url(../images/twitter2.png);
        margin-left: 6px;
        float: left;
        cursor: pointer;
        background-position: 0 -42px;
        background-repeat: no-repeat;}

    .intent-facebook-icon-share{
        height: 17px;
        width: 16px;
        background-image: url(../images/facebook2.png);
        margin-left: 6px;
        float: left;
        cursor: pointer;
        background-position: 0 -42px;
        background-repeat: no-repeat;}
    
    .intent-linkedin-icon-share{
        height: 17px;
        width: 16px;
        background-image: url(../images/linkedin2.png);
        margin-left: 6px;
        float: left;
        cursor: pointer;
        background-position: 0 -42px;
        background-repeat: no-repeat;}
    
    
     /* --- For tall-count sizes (Google Plus tall) --- */
    .intent-google-tall-share{
        height: 60px;
        width: 50px;
        margin-left: 6px;
        float: left;}
    
    .intent-twitter-tall-count-share .intent-button {
        background-image: url(../images/twitter2.png);
        cursor: pointer;
        display: block;
        height: 20px;
        width: 55px;       
        text-align: center;}
        
    .intent-twitter-small-share-over .intent-button{
        background-position: 0 -21px}
    
    .intent-twitter-tall-count-share .intent-count{
        text-align: center;
        font-family: arial,sans-serif;
        color: #666;
        font-size: 17px;
        width: 55px;
        height: 34px;
        display: block;
        padding-top: 6px;        
        background-image: url(../images/twitter2.png);
        background-position: 0 -59px;
        background-repeat: no-repeat;}
    
    .intent-twitter-tall-count-share {
        float: left;
        margin-left: 6px;
        width: 55px;
        height: 60px;}

    .intent-facebook-tall-count-share .intent-button {
        background-image: url(../images/facebook2.png);
        cursor: pointer;
        display: block;
        height: 20px;
        width: 55px;       
        text-align: center;}
        
    .intent-facebook-small-share-over .intent-button{
        background-position: 0 -21px}
    
    .intent-facebook-tall-count-share .intent-count{
        text-align: center;
        font-family: arial,sans-serif;
        color: #666;
        font-size: 17px;
        width: 55px;
        height: 34px;
        display: block;
        padding-top: 6px;        
        background-image: url(../images/facebook2.png);
        background-position: 0 -59px;
        background-repeat: no-repeat;}
    
    .intent-facebook-tall-count-share {
        float: left;
        margin-left: 6px;
        width: 55px;
        height: 60px;}
    
    .intent-linkedin-tall-count-share .intent-button {
        background-image: url(../images/linkedin2.png);
        cursor: pointer;
        display: block;
        height: 20px;
        width: 55px;       
        text-align: center;}
        
    .intent-linkedin-small-share-over .intent-button{
        background-position: 0 -21px}
    
    .intent-linkedin-tall-count-share .intent-count{
        text-align: center;
        font-family: arial,sans-serif;
        color: #666;
        font-size: 17px;
        width: 55px;
        height: 34px;
        display: block;
        padding-top: 6px;        
        background-image: url(../images/linkedin2.png);
        background-position: 0 -59px;
        background-repeat: no-repeat;}
    
    .intent-linkedin-tall-count-share {
        float: left;
        margin-left: 6px;
        width: 55px;
        height: 60px;}