/*
Job Board Software v2.0
Madgex Ltd. 2007
James Wragg
*/

/*
 Yahoo! Reset & Fonts - included here to save extra stylesheet requests
 =======================================================================
*/

	/*
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.3.0
	*/
	/*reset.css*/body{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,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,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	/*fonts.css*/body {font:13px/1.22 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:99%;}



/* base styles ----------------------- */

body {
	color: #666;
	font-size: 82%;
	margin: 0 auto;
	background:#F2F1F1; /*url(../images/bg-guide.gif) repeat-y scroll 50%;*/
	line-height: 1.2em;
	margin: 0 auto;
}

h1, h2, h3, h4, h5 {
	/*letter-spacing:-0.03em;*/
	font-weight:bold;
	margin: 1.3em 0 0.3em;
	line-height: 1.2em;
	}

h1 {
	font-size:180%;
	/*line-height: 1.2em;*/
	}
	h1 span.alt {
		font-weight: normal;
	}
	h1.alt {
		font-weight: normal;
		color: #848484;
	}
	h1.alt2 {
		font-weight: normal;
	}
	
h2{
	font-size:150%;
	/*line-height: 1em;*/
	}
	h2 span.alt {
		margin-top: 0;
		color: #848484;
		font-weight: normal;
	}

	
	

h3 {font-size:100%; clear: left;}

p {
	margin-bottom: 1em;
	/*line-height: 1.2em;*/
	}
	em {font-style: italic;}
	address {margin: 0.5em 0 1em;}

a {
	color: #0a3358;
	text-decoration: none;
	font-weight: bold;
	}

a:hover, a.selected:hover {
	background-color: #0a3358;
	color: #fff;
	}


a.selected {
	color: #666666;
	font-weight: normal;
}

a.strong {
	font-weight: bold;
}

strong {font-weight: bold;}

table {
	width: 100%;
	margin: 0 0 2em;
	/*float: left;*/
	clear:both;
	}
	table caption {
		font-weight:bold;
		margin-top:0.5em;
		padding:0pt 0pt 0.5em;
	}
	table th, table td {
		line-height: 1.8em;
		padding:0pt 0.15em;
	}
	table th {
		color: #666666;
	    }
	    table th.allActions {width: 14em;}
	table tr.hover {
		background: #f5f5f5;
	}
	
	/* table variations */
	table.action {
		margin: 0 0 1.5em 0;
	    }
	    table.action+div.actions {margin: 0.5em 0 2em 0;}
	
    	table.action td {
		    /* action  table - with links and horizontal lines */
		    border-top: 1px solid #ccc;
		    }
		    table.action td.num, table.action th.num {
			    text-align: center;
		}
	
	table.invoice {
		margin: 1em 0 1.5em;
		border-collapse: seperate;
		border-spacing: 1px;
	}
	table.invoice th, table.invoice td {
		padding: 0.2em 0.5em;
		border: 1px solid #ccc;
	}
	table.invoice tr.item td{
		border-top: none;
		border-bottom: none;
		vertical-align: top;
		padding:0.2em 0.5em;
	}
	table.invoice tr.lastItem td {
		border-bottom: 1px solid #ccc;
		padding-bottom: 6em;
	}
	table.invoice td.currency {
		text-align: right;
	}

	table.invoice td.spacer {
		border:none;
	}
	
	table.invoice th {
		font-weight: bold;
		color: #000;
		background-color: #f4f4f4;
	}
	
	td.center, th.center{
		text-align: center;	
	}
	
	td.right, th.right{
		text-align: right;	
	}
	
	td, p, li{
		color: #666;	
	}
	

/* framework -----------------------*/

html, body {
	height:100%; /* needed for #page min-height */
}

*:first-child+html body, * html body {
    /* The selector for this rule applies to IE7 and IE6 down. Yes, a CSS hack :( */
    /* The rule below is to fix the layout not centering issue in IE6+, when browsers resized */
    position: relative; 
}


#page {
	background: #FFFFFF;
	margin: auto;
	width: 73.5em;
	position: relative;

	/* following used to make the #page always span at least the full height of the browser viewport */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

#container {
	left:1.25em;
	position:relative;
	text-align:left;
	width:71em;
}	

/*a#broadbean
{
	float: right;
}*/

/*
	Branding ===============================================================
		
	mast-bg.gif
	The masthead background. Has a fade at the top and bottom, this same image is used for the navigation bar
	and hover effect. Suggested image size is 50px(w) x 260px(h). Fade in/out at top/bottom is 35px high.
	
	mast-logo.gif
	The masthead logo to be displayed in the banner. Must be no bigger than 55px(w) x 650px(h), otherwise clipping will occur.
	
	
	Alter these CSS rules:-
*/

	#banner 
	{
		background:#EBF7FC url(../images/mast-logo-reflect.gif) no-repeat top left;
		color: #000;
	
		}
		#banner a {
			font-weight: bold;
			color: #fff;
		}
	
	#nav {
		background: url(../images/mast-bg.gif) repeat-x top left;
		color: #fff;
		}
		#nav a {
			color: #000;
		}
		
		#nav ul {background: url(../images/mast-bg-reflect.gif) repeat-x bottom left;}
		
		/* not for the login page */
		body#login #nav ul {background-image:none}
		
		
		#nav a {background: url(../images/mast-bg.gif) repeat-x top left;}
		
		#nav a.selected, #nav a:hover {
			border-left: 1px solid #a0d5e8;
			border-right: 1px solid #b5e3f4;
			background: url(../images/mast-bg-reflect.gif) repeat-x bottom right;
		}

#nav1 a.selected,
#nav1 a:hover,
#nav2 a.selected,
#nav2 a:hover,
#nav3 a.selected,
#nav3 a:hover{background:transparent;}




/*
	End of branding ==========================================================
*/



#banner {
	width: 71em;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	height: 6.5em;
	}
	#banner img {
		padding:1.5em 0 1em 1em;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#banner p {
		bottom:0;
		margin:0;
		padding:1em;
		position:absolute;
		right:0;
		width:auto;
		color: #000;
	}
	#banner a 
	{
		color: #000;
	}

#nav {
	width: 71em;
	position: relative;
	float:left;
	margin-bottom: 1em;
	}
	
	/* 13 Nov 2008 - had to change position to stop the reflection in the nav shifting by 1px */
	
	#nav ul {
		float: left;
		margin-left:26px !important;
		margin-left:13px; /* ie6 */
		line-height: 2.95em;
	}
	#nav li {
		float: left;
	}
	#nav a {
		font-weight: normal;
		display: block;
		padding:0 10px;
		line-height: 2.95em;
		float: left;
	}
	#nav a.selected, #nav a:hover {
		padding:0 9px;
	}
	#nav a.selected {
		font-weight: bold;
	}

#content {
	width:55.75em;
	float:left;
	}
	#mainContent {
		float: right;
		height: 1%; /* gives the column 'layout' triggering the hasLayout property in IE, thus fixing the 3px jog - huzzah! */
		min-height:20em;
		width:40.5em;
		position: relative;
		}
		#mainContent .header {
			color: #666666;
			padding-top: 3.3em;
			width: 100%;
			border-bottom: 1px solid #fff; /* to fix layout issue with Opera - otherwise height inexplicably large */
			}

			/* For IE <= 6   // makes the header always at least 9.7em's high even though ie<=6 doesn't support it.  */
			#mainContent .header {
				/*min-height:9.7em;*/ /* Reduce Gap below header MF  19589*/
				height:auto !important;
				height:9.7em;
				overflow:visible;
			    }
    			body#promo #mainContent .header {
    			    min-height: 3em;
    				height:auto !important;
	    			height:3em;
    			}

		#mainContent .header h1 {
			color: #000;
			margin: 0;
		}
		p.intro {
			margin: 0;/* Reduce Gap below header MF  19589*/
			color: #666666;
			font-size: 1.15em;
			line-height: 1.3em;
		}
		p.intro img {
		    vertical-align: middle;
		}


	#secondaryNav {
		padding-left:0pt;
		padding-right:0.5em;
		float:left;
		width: 11.825em;	
		margin-top:13em;
		}		
		#secondaryNav ul.subnav, #secondaryNav ul.ql  {
			margin: 0 0 3em 0;
			float: left;
			width: 100%;
			}
			#secondaryNav ul.subnav p {
				margin: 0.3em 0;
			}
			#secondaryNav ul.subnav li, #secondaryNav ul.filter li, #secondaryNav ul.filterAlt li {
				border-right: 0.7692em solid #E6E6E6;
				background: url(../images/dotted-horiz.gif) bottom left repeat-x;
				float: left;
				width:100%;
			    }
			    #secondaryNav p.credDesc { margin-top:0.5em; }
			#secondaryNav ul.subnav li.last {
				background: none;
			}
			#secondaryNav ul.subnav li a, #secondaryNav ul.filter li a, #secondaryNav ul.filterAlt li a {
				display:block;
				padding:0.3em;
				text-align: right;
				overflow: hidden;
				}
				#secondaryNav ul.filter li a {
					text-align: left;					
				}

		#secondaryNav ul.filter li, #secondaryNav ul.filterAlt li{
				border-right: none;
			}
			#secondaryNav ul.filter h3, #secondaryNav ul.filterAlt h3 {
				margin: 0;
			}
			#secondaryNav ul.filter a, #secondaryNav ul.filterAlt a  {
				padding:0.3em 0.2em;
			}
			#secondaryNav ul.filter a span, #secondaryNav ul.filterAlt a span {
				/*
				cursor: hand;
                display: block;
				float: left;
				width: 81%;
				text-align: left;
				padding-right: 0.2em;
                */
				}
				#secondaryNav ul.filterAlt a { text-align: left !important; }

		#secondaryNav ul.filter li.head, #secondaryNav ul.filterAlt li.head {
			padding:0.3em 0;
		}
		#secondaryNav ul.filter a {
			text-align: left;
		}
		#secondaryNav ul.filter li.last, #secondaryNav ul.filterAlt li.last {
			background: none;
		}
		
		#secondaryNav h3 {
			background: url(../images/dotted-horiz.gif) bottom left repeat-x;
			line-height: 2em;
			margin:0.5em 0;
			}
		
		#secondaryNav p, #secondaryNav h3 {
			/*padding: 0 0 0.6em 0;
			margin-bottom: 0;*/
			margin: 0.5em 0;
		}
		
		#subnav a 
		{
			color: #006345;
		}
		


#infoBar {
	padding-left:0.5em;
	padding-right:0pt;
	float:right;
	width: 11.825em;
	margin-top:13em;
	border-left: 1px solid #ccc;
	color: #666666;
	}
	#infoBar h3 {
		margin: 0 0 1em;
		line-height: 1em;
		letter-spacing: normal;
	}
	#infoBar dt {
		font-weight: bold;
		line-height: 1.4em;
	}
	#infoBar dd {
		margin-bottom: 1.4em;
		line-height: 1.2em;
	}
	#infoBar .credSumm, #infoBar .actionPanel {
		color: #000;
		clear:both;
		/*font-size: 95%;*/
		font-weight: normal;
		background:#FFFFFF url(../images/qlTopRight-alt.gif) repeat-x scroll right top;
		margin-bottom: 2em;
		}
		#infoBar .credSummInner, #infoBar .actionPanelInner {
			background: url(../images/qlBottomLeft.gif) repeat-x scroll left bottom;
			padding:1em 0.8em;
			}
		#infoBar .credSummInner p, #infoBar .credSummInner h3, #infoBar .actionPanelInner p, #infoBar .actionPanelInner h3 {
			margin: 0 0 0.3em;
			}
	
	#infoBar a.adImage {
		float: left;
		width: 11.55em;
		margin-bottom: 2em;
		margin-top: 1em;
		}
		#infoBar a.adImage:hover {
			background-color: transparent;
		}


#footer {
	clear:both;
	margin: 0 0 0 15.2em;
	padding-top: 12em;
	padding-bottom: 3em;
	}
	#footer a {
		font-weight: normal;
	}
	/*
	#footer ul {
		float: left;
		width: 100%;
		clear: both;
		margin: 0.8em 0;
	}
	#footer li {
		float: left;
		border-right: 1px solid #000;
		padding: 0 0.5em;
		line-height: 1em;
	}
	#footer li.first {
		padding-left: 0;
	}
	#footer li.last {
		border-right: none;
	}
	*/
	
	
/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/
.sIFR-replaced > div {
  display: none !important;
}

/*---- sIFR Header styling ---*/
.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 210%;
}

/*
Temporarily disabled

.sIFR-active .overView h2 .heading {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}

*/

/*---- END sIFR ---*/



/* Misc. styles used site wide --------------- */

/* big overview headers--------------- */
.header + .overView, .header + h3 {
	margin-top: 0;
	}
	
#mainContent div.header + *,
#secondaryNav > *:first-child,
#infoBar > *:first-child {margin-top: 0 !important;}

	
.overView {
	/*float: left;*/
	width: 100%;
	margin: 1em 0 1.5em;
	color: #595959;
	}
	.overView p {
		clear: both;
		margin-left: 2em;
		margin-bottom: 0;
	}

.overView h2 {
	margin: 0 0 1.6em 0;
	width: 33%;
	float: left;
	text-align: center;
	font-weight: normal;
	font-size: 160%;
	height: 3em;
	line-height: 1em;
}

.overView h2 br {display: none;}

.overView h2 .heading {
    display: block;
    width: 100%;
}
    
.overView h2 .data {
    display:block;
    font-family:Trebuchet MS, Arial;
    font-size:200%;
    font-weight:bold;
    letter-spacing:-0.05em;
    line-height:1em;
}

h1 .alt2, h2 .alt2{
	color: #000;
	display: block;
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
}	
	
/* graphs --------------------- */	

.graph {
	float:left;
	margin: 2.5em 0 1.5em 0;
	height: 15em;
	width: 100%;
	position: relative;
	font-size: 0.75em;
	}
	.graph span, .graph dt {
		position: absolute;
		text-indent: -9999em;
	}
	
	.graph .hidden {
		/*display: none;*/
		opacity: 0.2;
		filter:alpha(opacity=20);
	}

	.graph .cols {
		/*position: absolute;*/
		float: right;
		top: 0;
		right: 0;
		height: 100%;
		width: 95%;
	}

	.graph .col {
		position: relative;
		float: left;
		width: 3.03%;
		height: 100%;
		/*margin-left: 0.25%;*/
		z-index: 10;
	}
	
	.graph .views, .graph .apps {
		position: absolute;
		left: 0;
		bottom: 1px;
		width: 80%;
	}

	.graph .views {
		background: #666666;
		border-right: 1px solid #323232;
		border-left: 1px solid #8a8a8a;
		border-top: 1px solid #acacac;
	}

	.graph .apps {
		background: #fdb13e;
		border-right: 1px solid #d88f20;
		border-left: 1px solid #f2c27a;
	}

	.graph .wend .views {
		background: #8e8e8e;
		border-right: 1px solid #5a5a5a;
		border-left: 1px solid #b2b2b2;
		border-top: 1px solid #e8e8e8;
	}

	.graph .legend {
		font-size: 1.3em;
	}

	.graph .legend, .graph .scale {
		position: absolute;
		text-indent: -9999em;
		}
		.graph .legend span {
			display: block;
			text-indent: 0;
			position: absolute;
			top: -2.2em;
			left: 3em;
			background: #fff;
			padding: 0 0.5em;
			z-index: 5;
		}
		.graph .legend  span.viewsLegend {
			color: #000;
			border-left: 1.2em solid #666666;
		}
		.graph .legend  span.appsLegend {
			color: #000;
			border-left: 1.2em solid #fdb13e;
			left: 9em;
		}

	.graph .scale1, .graph .scale2, .graph .scale3, .graph .scale4 {
		position: absolute;
		width: 100%;
		border-bottom: 1px solid #ccc;
		color: #727272;
		z-index: 0;
	} 

		.graph .scale1 {bottom: 0; font-size: 1.3em;}
		.graph .scale2 {bottom: 33%; font-size: 1.3em;}
		.graph .scale3 {bottom: 66%; font-size: 1.3em;}
		.graph .scale4 {bottom: 100%; font-size: 1.3em;}

	.slider-active {
		clear: both;
		text-align: center;
		height: 4.5em;
		position: relative;
	}
	
	.slider-data {
		clear: both;
		text-align: center;
		margin-bottom: 3em;
		padding-bottom: 3em;
		position: relative;
	}

	#slider{
		font-size: 10px;
	}

	.slider {
		height: 1%;
		clear: both;
		}
	
	#slideInner
	{
		background: url(../images/sliderBg2.gif) repeat-x left 2px;
		clear: both;
		height: 45px;
		left: -157.5px;
		margin: 0pt 0pt 0pt 50%;
		position: absolute;
		width: 315px;
	}
	#leftHandle {
	  position: absolute;
	  top:0px; left:2px; width:15px; height:22px;
	  background:url(../images/sliderThumb.gif) 0 0 no-repeat; 
	  color: #F00; 
	  border: 0;
	}
	#rightHandle {
	  position: absolute;
	  top:0px; right:1px; width:15px; height:22px;
	  background:url(../images/sliderThumb.gif) 0 0 no-repeat; 
	  color: #F00; 
	  border: 0;
	}
	#dateRange {
		display:block;
		position:relative;
		text-align:center;
		top:25px;
		width:100%;
		font-size: 1.3em;
	}


#site-intro 
{
	margin-top: 6em;	
}

	#site-intro p 
	{
		line-height: 1.5em;
	}
	
	#site-intro h2 
	{
		margin: 2em 0 0 0;
		font-size: 1.2em;
		font-weight: bold;
	}
	



/* horizontal list */

ul.normal {
	list-style-position:outside;
	}
	ul.normal li {
		margin-left: 1.4em;
		list-style-type:disc;
	}

ul.alt {
	clear: both;
	line-height: 1.2em;
	width: 100%;
	color: #b2b2b2;
	margin-bottom: 0.5em; /* 1.3em */
	overflow: hidden;
	}
	ul.alt li {
		float: left;
		padding: 0 0.8em;
		/* margin-bottom: 1.3em; */
		border-right: 1px solid #ccc;
	    }	
	    td ul.alt li {
	        display: inline;
	        float:none;
	    }
	ul.alt li.single {
		padding: 0 ;
		border: none;
	}	
	ul.alt li.first {
		padding-left: 0;
	}	
	ul.alt li.last {
		padding-right: 0;
		border-right: none;
	}
	td ul.alt {margin-bottom: 0}

ul.alt2 {
	color:#B2B2B2;
	text-align:left;
	margin-bottom: 0.25em;
	overflow: hidden;
	}
	ul.alt2 li {
		border-right:1px solid #CCCCCC;
		float:left;
		padding:0pt 0.8em;
		text-align:left;
		}
		ul.alt2 li.first {
			padding: 0 0.8em 0 0;
		}	
		ul.alt2 li.last {
			padding: 0 0 0 0.8em;
			border-right: none;
		}

ul.alt3 {
	list-style-type: none;
	margin: .2em 0 1.2em 0;	
    }
    ul.alt3 li {text-align: right;}
    ul.alt3 .caption {float: left;}
	
.header + div.actions {	
	margin-top: 0;
	}
.listerContainer + .actions {
	float: left;	
}
div.actions {
	clear: both;
	width: 100%;
	text-align: right;
	margin: 1.5em 0pt 1.5em;
	overflow: hidden;
	/* float: left; */
	}
	div.actions div.links {
		margin: 1em 0.5em 0;
		color: #b2b2b2;
	}
	div.actions div.links p{
		display:inline;
		margin: 0;
	}
	div.actions div.links p.pagination {
		margin: 0 0 0 2em;
		color: #666;
	}
	div.actions div.links p.pagination strong{
		color: #000;
	}
	
	p.pagination {
		/*margin: 0.4em 0;*/
		float: right;
		width: auto;
	    }
	    p.pagination a {
	        padding: 0.02em 0.05em;
	    }
	    p.pagination a.selected {
	        color: #006345;
	        font-weight: bold;
	        border-bottom: 2px solid #006345;
	        }
	        p.pagination a.selected:hover {
                color: #fff;
    	        border-bottom: 2px solid #fff;
	        }
	p.paginationAlt {
		text-align: left;
		}
		p.paginationAlt .pages {
			color: #666;
		}
	p.listType, p.noItems {
		clear:left;
		float:left;
		margin:0 0.25em 0.25em 0;
		}
		p.listType span, p.noItems span { color: #595959; }
	
div.actionsAlt {
	clear: both;
	width: 100%;
	text-align: right;
	margin: 0 0pt 3em;
	padding-top: 1.3em;
	border-top: 1px solid #ccc;
	}
	div.actionsAlt input.export {
		margin-right: 2em;
	}


.listerContainer, .resultsContainer {
	float:left;
	width: 40.25em;
	border-bottom:1px solid #ccc;
	padding-bottom: 0.5em;
	}
	tr.listerContainer, tr.resultsContainer {
	    float:none;
	    width: auto;
	    border-bottom: none;
	    padding-bottom: auto;
	}
	.listerContainer td p {padding: 0;}
	.resultsContainer {padding: 0;}
	.resultsContainer h4 { margin: 0.5em 0 0; } 
	.resultsContainer p {margin: 0 0 0.5em}
	div.hover, div.hover {
		background-color: #ccc;
		border-bottom:1px solid #fff;
	}
	table tr.hover {
		background: #f5f5f5;
	}
	.resultsContainerOn {
		background-color: #f5f5f5;
	    }
	    div.jobListItemSelected {
    		background-color: #006345;
	        }
	        tr.jobListItemSelected {
	            background-color: #006345 !important;
	        }
	        tr.jobListItemSelected, tr.jobListItemSelected a, tr.jobListItemSelected td {
	            color: #fff;
	        }
	.hover .unit, .jobListItemSelected .unit {
		background:#fff url(../images/jobActiveBack.gif) repeat-x scroll left bottom;
	}
	.listerContainer.last, .resultsContainer.last {
		border-bottom:none;
	}
	.listerContainer ul.alt, .resultsContainer ul.alt {
		width: auto;
		margin: 0.5em 0 0 0.5em;
		/*display:inline;
		position: absolute;
		top: 0.5em;
		right: 0.5em;*/
	    }
	    tr.listerContainer ul.alt {
	        position: static;
	        margin: 0;
	    }
	.listerContainer .unit, .resultsContainer .unit {
		float:left;
		position: relative;
		left: 0.5em;
		margin-top: 0.5em;
		width: 39.25em;
		padding-bottom: 0.5em;
		}
		.resultsContainer .unit {
			margin: 0;
		}
	.listerContainer h4 {
		color: #666;
		margin: 0.5em 0.5em 0.5em 0.5em;
		padding: 0 0.5em 0 0;
		display: inline;
		float: left;
		width: auto;
		font-weight: normal;
	}
	.listerContainer h4 a {
		font-weight: bold;
	}
	
	.listerContainer p {
		padding: 0 0.5em;
		margin: 0 0 0 0;
		clear: left;
		}
		.listerContainer p.status {
		    color: #7F7F7F;
		    margin-top: 0.5em;
		}
		.listerContainer p.expiry {
			color: #666666;
			font-weight: bold;
			/*
			display: inline;
			padding: 0;
			clear: none;
			float: left;
			width: auto;
			margin: 0.5em 0;*/
		}

	

/* Forms ------------------------------------------------------ */

	form {
		clear: both;
		margin-bottom: 1em;
		/*width: 100%;*/
		}
		form#AutoSubmitLister {display: none;}
		form.creditPurchase, form.confirmSumm {
		margin:0.5em auto 2em;
		width:85%;
			}
			form.creditPurchase .box div {
				/*margin:2em 0pt 0em 0;
				padding:0pt 0pt 0pt 2em;*/
				}

                form.creditPurchase div label {width: auto; margin-right: 1em;}
                form.creditPurchase div p {padding: 0;}
                form.creditPurchase fieldset.box th, form.creditPurchase fieldset.box td { padding: 0 0.5em;}
                form.creditPurchase fieldset.box .tl {
                    background:transparent url(../images/boxGreyR.gif) no-repeat scroll right top;
                    margin:0pt;
                }
                form.creditPurchase fieldset.box .tr {
                    background:transparent url(../images/boxGreyL.gif) no-repeat scroll left top;
                    margin:0pt 20px 0pt 0pt;
                    padding:20px 0pt 0pt;
                }
                form.creditPurchase fieldset.box .br {
                    background:transparent url(../images/boxGreyL.gif) no-repeat scroll left bottom;
                    margin:0pt -20px 0pt 0pt;
                }
                form.creditPurchase fieldset.box .bl {
                    background:transparent url(../images/boxGreyR.gif) no-repeat scroll right bottom;
                    margin:0pt 0pt 0pt 20px;
                    padding:0pt 20px 20px 0pt;
                }


				form.creditPurchase fieldset.box .odd {
					background-color:#E6E6E6;
				}

				form.creditPurchase .box table {
					/*background:#FFFFFF url(../images/boxGreyR.gif) no-repeat scroll right top;*/
					margin: 0;		    
				}
				form.creditPurchase .box th {
					border: none;
					letter-spacing:normal;
					font-weight: bold;
					color: #000;
					margin:0pt;
					padding-top:1em;
					/*padding:1em 2em 0.5em 1em;
					text-align:right;*/
				}
                form.creditPurchase .box td, form.creditPurchase .box th {padding: 0;}
				form.creditPurchase .box tr .title {
				    width: 60%;
				}
				form.creditPurchase .box tr .cost {
				    text-align: right;
				}
				form.creditPurchase .box h3 span {
					float: left;
				}
				form.creditPurchase .box p {
					background:transparent url(../images/boxGreyR.gif) no-repeat scroll right center;
					margin:0pt 0pt 0pt -1em;
					padding:0pt 1em;
					text-align:right;
				}
				form.creditPurchase .box p span {
					display:block;
					line-height:1.8em;
					padding:0pt 1em;
				}
				form.creditPurchase .box label {
					width:auto;
				}
				form.creditPurchase .box .submitArea {
					border: none;
					margin:0;
				}
				form.creditPurchase .box .submitArea input {
/*					background:#FFFFFF url(../images/boxGreyR.gif) no-repeat scroll right bottom;
					margin:0pt;
					padding:1em 2em 1.5em 0pt;	*/
				}
			form.creditPurchase p.foot { text-align: center; font-weight: bold; }

				
	
	form div {
        clear:both;
        margin:0.5em 0pt 0.7em;
        overflow:hidden;
        width:auto;
		}
		form div.multicol {
			overflow: hidden;
			}
            form div.multicol label {width: 12em;}
			form div.multicol div label {
				float: none;
			}
			form div.multicol div {
				float:left;
				margin: 0 0.5em 0.5em 0;
				padding:0pt;
				width:31%;
				clear:none;
			    }
			    form div.multicol p.multiSel { position: static; padding: 0; }
			form div.multicol select {
				width: 12.5em;
			}
			form div.altFlow label{
                width: auto;
                margin-right: .4em;
                float: none;
			}
			form div.altFlow select{
                float: none;
			}
			form div.altFlow p{
                padding-left: 0;
			}
			form div.altFlow{
                margin: 0 0 3em 0;
                text-align: right;
			}

	form fieldset br {
		display: none;
	}
	
	select, input, textarea{
		vertical-align: middle;
		font-weight:normal;
	}
	input.action{text-align: right;}

	form input.textBox:focus, form input.textBoxAlt:focus, form input.textBoxAlt2:focus, form input.textBoxAlt3:focus, form select:focus, form textarea:focus {
		background: #eafdea;
		}
	
	.form h1, .form h2 {
		margin-bottom: 0.5em;
		}
	
	form p {
		margin: 1em 0 2em 0;
		}
	
	label, .label {
		float: left;
		width: 11.4em;
		position: relative;
		z-index: 100;
		}

	form fieldset {
		margin-top: 0.6em;
	}
	form fieldset:first-child {
		margin-top: 0;
		}
		form fieldset.disabled {
			color: lightgrey !important;
		}
		form .disabled {
			color: #B2B2B2;
		}

	div.submitArea {
		border-top:1px solid #ccc;
		margin:2.5em 0pt;
		text-align:right;
		width: 100%;
		}
		div.submitArea input, div.submitArea a img {
			margin: 1.5em 1em 0 0;
			}
	
	form h3, .form h3, #paymentConf h3 {
		margin: 0 0 0.8em;
		border-bottom: 1px solid #ccc; 
		line-height: 1.8em;
		zoom: 1; /* gives 'layout' for IE */
		}
	
	form .helpMessage, form .eg {
		color: #666666;
		display:block;
		clear:left;
		}
	
	form div.dispThumb {
		padding-left: 12em;
		width: auto;
		margin:0.5em 0pt 1em !important;
		}
		form div.dispThumb img {
			float: left;
			margin-right: 1em;
		}
		form div.dispThumb p {
			padding: 0 0 0.2em 0;
		}
		form div.dispThumb br {
			display: block;
		}
		form div.dispThumb input.image {
			margin: 0.2em 0 0	;
			display: block;
		}
	
	form img.logo {
		float: left;
		padding-right: 1em;
	}

	form span.filename, form span.dateloaded {
		display: block;
		margin:0 0 0.2em;
	}
	
	form div p, form div .helpMessage, form p .helpMessage {
		display: block;
		padding: 0 0 0 12em;
		margin: 0;
		}
		#logonForm p {padding-left: 0; color: #fff;}
		
	
	form div .helpMessage {
		padding-top: 0.4em;
		padding-bottom: 0.4em;
		clear: both;
		}
			form div.checkbox .helpMessage, form div.checkboxAlt .helpMessage, form div.radiolist .helpMessage,
			form div.radiolist2 .helpMessage {
				padding-left: 0;
				clear: both;
				}
			form div.radiolistAlt .helpMessage {
				clear: both;
				padding-left: 0;
			}
			form div.datetime .helpMessage {
				padding-left: 0;
			}
			#frmJobEdit div .helpMessage
			{
				clear:none;
				padding-top:0;
			}
		form p label em, form div label em {
			text-indent: -1000px;
			position: absolute;
			/*overflow: hidden;
			height: 1px;*/
			}
		
		label.required {
			background: url(../images/mandatory.gif) no-repeat right 0.3em;
			padding-right: 0.6em;
			}
		label.required span
		{
			display:block;
			float:left;
			margin-top:1em;
		}
		form p.label {
			left:0pt;
			width: 11.4em;
			padding-left: 0;
			float: left;
			padding-right: 0.6em;
			}
			
		form textarea, form iframe {
			width:27.5em;
		}
		
		img {vertical-align: top;}
		
		/*
		input[type="text"].disabled, input[type="password"].disabled {background-color: #EBEBE4;}
		*/
		
		input.image {
			margin: 0pt 0.1em;
			vertical-align: top;
			}
			p input.image {}

		input.textBox{
			width: 12em;
			margin-bottom:0.2em;
			}
			input.textBoxAlt{
				width: 8em;
				margin-bottom:0.2em;
				}
				input.textBoxAlt.date {
				    width: 6.5em;
				}
			input.textBoxAlt2{
				width: 25em;
				margin-bottom:0.2em;
				}
			input.textBoxAlt3{
				width: 18em;
				margin-bottom:0.2em;
				}
		
		select.dropDown{
			width: 14em;
			}
			select.dropDownAlt{
				width: 10em;
			}
			select.dropDownAlt2{
				width: 23em;
			}
			select.dropDownAlt3{
				width: 25.5em;
			}
		select.multiSelect {
			width: 14em;
			height: 8em;
			}
			select.multiSelectAlt {
				width: 25.5em;
				height: 7.75em;
			}
			select.multiSelectAlt2 {
				width: 14em;
				max-height: 10em;
			}
			select.multiSelectAlt3 {
				width: 95%;
				max-height: 10em;
			}

		input.fileInput{
			width: 23em;
			}
			
		
		.placeHolder {
			float: left;
			width: 10em;
			padding: 2px;
		}
		div.datetime select.twoDigit{
			width:3.5em;
		}
		div.datetime select.fourDigit{
			width:5em;
		}
		form div.datetime span.timeSelector {
			padding-left: 1em;
		}
		
		div.checkbox, div.checkboxAlt, div.checkboxAlt2, div.checkboxAlt3, div.radiolist, div.radiolist2, div.radiolistAlt, div.radiolistAlt2 {
			position:relative;
			}
			div.checkbox label, div.checkboxAlt label, div.radiolist label, div.radiolist2 label, div.radiolistAlt label {	
				padding:0;
				float: none;
				position: absolute;
				left:0;
				top: 0;
				}
				div.checkbox div label{
					top: 0; /*IE needs this absolutely positioned element to be pulled back up to top. */
				}
				* html div.checkbox div label {
				    left: -12em; /*IE hack to position label correctly and not via padding. */
				}
				div.checkboxAlt label.checkboxLabel {
					width: 49%;
					float: left;
					position: static;
					margin-bottom:0.7em;
				}
				div.checkboxAlt2 label, div.radiolistAlt2 label {
					clear:both;
					float:none;
					top: -0.5em;
					left: -2em;
					/*padding:0 1em 0 0;*/
					display: block;
					position:relative;
					font-weight: bold;
					margin-bottom: 0.5em;
					/*width: 100%;*/
					}
					div.checkboxAlt2 label img {
						display: block;
						margin: 0.3em 0 0 1.5em;
					}
				
				div.checkbox div label.checkboxLabel, div.radiolistAlt div label.radioLabel {
					position: static;
					padding-right:0.5em;
					width:auto;
				}
				div.checkbox div label.checkboxLabel.multipart {
					width: auto;
					margin-right: 1em;
					float: left;
					clear: left;
				}
				div.radiolist div label.radioLabel,
				div.radiolist2 div label.radioLabel {
					display: block;
					position: relative;
					left: -1.5em;
					width:auto;
					font-weight: bold;
					margin-bottom: 0.2em;
					}
					div.radiolist div label.inlineLabel,
					div.radiolist2 div label.inlineLabel {
						display:block;
						position:static;
						width:auto;
					}
				div.radiolistAlt div label.radioLabel {
					/*float: left;*/
					padding-right: 1em;
					margin-bottom: 0.2em;
				}

					div.radiolist div label.required, div.radiolistAlt div label.required {
						background: none;
					}

			div.checkbox div, div.checkboxAlt div, div.checkboxAlt2 div, div.radiolist div, div.radiolistAlt div, div.radiolistAlt2 div {
				width: auto;		
				margin-top: 0;
				margin-bottom: 0.9em;
				padding: 0 0 1px 12em; /* 1px added to bottom to stop margin-collapse */
				overflow: hidden; /* used to clear float */
				}
				div.checkboxAlt2 div, div.checkboxAlt3 div, div.radiolistAlt2 div {
					margin: 0;
					padding:0.5em 0pt 0pt 2em;
					float: left;
					width: 90%;
					position: relative;
					}
					div.checkboxAlt2 div label.odd {clear:left;}
					div.checkboxAlt2 .helpMessage {padding: 0; margin: 0.5em 0 1em 0;}
					div.checkboxAlt3 div {
						padding-left: 3.5em;
						padding-top: 0;
						position: relative;
					}
					div.checkboxAlt3 .helpMessage {
						clear:both;
						margin-bottom:1em;
						padding:0pt;
					}
					div.radiolist div{
						padding-left: 13.5em;
						margin-bottom:1.2em;
					}
					
					div.radiolist2 div{
						padding-left: 1.5em;
						margin-bottom:1.2em;
					}
					
					div.radiolistAlt div {
						position: relative;
						padding-left: 12em;
						margin: 0 0 0.5em;
						height: 1%; /* used to give the element hasLayout in IE, fixes positioning problems for the label */
					}
					div.radiolistAlt div.reqResp {padding-left: 0;}

		
		div.checkbox label.checkboxLabel, div.checkboxAlt label.checkboxLabel {
			position: static;
			display:block;
			margin-bottom:0.2em;
    		}
    		div.checkbox label.checkboxLabel {width: auto;}
		
		form .checkboxLabel, form .radioLabel, form .inlineLabel {
			font-weight: bold;
		}
		form .checkboxLabel.normal {
			font-weight: normal;
		}

		form .checkboxAlt2, form .checkboxAlt3, form .radiolistAlt2 {
			overflow: hidden;
			zoom: 1; /* gives layout */
		}
		
		form .checkboxAlt2 label.checkboxLabel, form .checkboxAlt3 label.checkboxLabel, form .radiolistAlt2 label.radioLabel {
			clear:none;
			margin-bottom:1.5em;
			padding-right: 0;
			position:static;
			width:49%;
			float:left;
			font-weight: normal;
			}
			form .checkboxAlt3 label.checkboxLabel {
				display:block;
				float:none;
				left:-1.5em;
				margin:0.7em 0pt 0.4em;
				padding:0pt;
				position:relative;
				width:100%;
			}
		
		.pageError {
			margin: 0 0 2em 0;
			padding:0.5em;
			border: 1px solid #f00;
			color: #EF2525;
			}
			.pageError * {color: #EF2525;}
			.pageError p {padding: 0;}
			.pageError h2 {
				font-size: 110%;
				margin-top: 0;
			}
			.pageError ul {
				margin: 1em 0;
				list-style-type:disc;
				list-style-position:outside;
			}
			.pageError ul li {
				margin-left: 1.5em;
			}
		
		form .itemError {
			background-color:#EF2525;
			border:1px solid #CF0000;
			color:#FFFFFF;
			display:block;
			margin:0.2em 0pt 1.2em;
			padding:0.2em 0.3em;
			width:auto;
		}
		
		.form div {
			width: auto;
			padding-left: 12em;
			}
			.form div .label {float: none; position: absolute; left: 0;}

		.boxedBlock {
			border:1px solid #ccc;
			display:block;
			/*float:left;*/
			padding:0.5em 0.8em;
			width:26.5em;
			height: auto !important;
			height: 2.5em;
			min-height:2.5em;
		}
		
/* ----------- end Forms -----------*/

/* Date popup ----------------------*/
.MCalendarHolder {DISPLAY: none; FONT-SIZE: 12px; Z-INDEX: 100; LEFT: 10px; WIDTH: 200px; FONT-FAMILY: Arial; POSITION: absolute; TOP: 10px; HEIGHT: 192px}
.MCalendarIframe {LEFT: 0px; WIDTH: 201px; POSITION: absolute; TOP: 0px; HEIGHT: 212px}
.MCalendarTable {BORDER-RIGHT: #808080 10px solid; BORDER-TOP: #808080 10px solid; LEFT: 0px; BORDER-LEFT: #808080 10px solid; WIDTH: 200px; CURSOR: hand; BORDER-BOTTOM: #808080 10px solid; POSITION: absolute; TOP: 0px; HEIGHT: 192px}
.MCalendarCellButton {BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: #808080 1px solid; FONT-FAMILY: Arial; HEIGHT: 16px; BACKGROUND-COLOR: #d4d0c8; TEXT-ALIGN: center}
.MCalendarCellButtonDown {BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #808080 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #808080 1px solid; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Arial; HEIGHT: 16px; BACKGROUND-COLOR: #d4d0c8; TEXT-ALIGN: center}
.MCalendarCellWEnd {BORDER-TOP: #808080 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #808080 1px solid; WIDTH: 28px; COLOR: red; FONT-FAMILY: Arial; HEIGHT: 16px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left}
.MCalendarCellDate {BORDER-TOP: #808080 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #808080 1px solid; WIDTH: 28px; COLOR: #000000; FONT-FAMILY: Arial; HEIGHT: 16px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left}
.MCalendarCellDateOver {BORDER-TOP: #808080 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #808080 1px solid; WIDTH: 28px; COLOR: #ffffff; FONT-FAMILY: Arial; HEIGHT: 16px; BACKGROUND-COLOR: #000000}
.MCalendarCellBlank {BORDER-TOP: #808080 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #808080 1px solid; WIDTH: 28px; COLOR: #d4d0c8; FONT-FAMILY: Arial; HEIGHT: 16px; BACKGROUND-COLOR: #d4d0c8}
.MCalendarCellHeader {BORDER-TOP: #808080 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BORDER-LEFT: #808080 1px solid; COLOR: #ffffff; FONT-FAMILY: Arial; BACKGROUND-COLOR: #808080; TEXT-ALIGN: center}
.MCalendarCellFooter {BORDER-TOP: #808080 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #808080 1px solid; COLOR: #000000; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center}
.MCalendarCellMarkedDate {BORDER-TOP: #808080 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #808080 1px solid; COLOR: #000000; FONT-FAMILY: Arial; BACKGROUND-COLOR: #c7c7e0}
.datebutton {
	vertical-align: top;
}
/* ----------- end Date popup -------*/


span.del {
	display: none;
}

/* candidate summary list -----------*/
.formResponse {margin: 1.5em 0}
.formResponse li { border-bottom: 1px solid #ccc; overflow:hidden; height: 1%; clear: both; padding: 0.3em 0}
.formResponse li.last {border-bottom: none;}
.formResponse li p, .formResponse li h5, .formResponse li dl, .formResponse li ul, .formResponse li ul li {margin:0; padding: 0}
.formResponse li p, .formResponse li li, .formResponse li ul {font-weight: bold; float: left; width: 29em; border: none}
.
 h5 {font-weight: normal; float:left; width: 11em; margin: 0}
.formResponse li dl {float: left; width: 12em}
.formResponse li dl dd {font-weight: bold}



.criteria {
	overflow: hidden;
	margin: 0;
	height: 1%;
	}
	.criteria .label {
		width: 8em;
		}
		.criteria strong {
			float: left;
			width: 32em;
		}
		
.promoBox, .promoBoxAlt {
	background:#FFFFFF url(../images/boxRedRight.gif) repeat-x scroll right top;
	float:left;
	font-family:"Trebuchet MS", Arial;
	margin:0.5em 0.5em 3em 0pt;
	width:17.5em;
	}
	#infoBar .promoBox, #infoBar .promoBoxAlt {
		width: 100%;
	}
	.promoBox .promoBoxInner {
		background:transparent url(../images/boxRedLeft.gif) repeat-x scroll left bottom;
		padding-right:10px;
	}
	.promoBoxAlt {
		background:#FFFFFF url(../images/boxOrangeRight.gif) repeat-x scroll right top;
		}
		.promoBoxAlt .promoBoxInner {
			background:transparent url(../images/boxOrangeLeft.gif) repeat-x scroll left bottom;
			padding-right:10px;
		}

	.promoBoxInner p, .promoBoxInner a {
		color:#FFFFFF;
		margin: 0;
		padding: 0 12px 10px;
	}
	.promoBoxInner h3 {
		background:transparent url(../images/boxRedLeft.gif) repeat-x scroll left top;
		color:#FFFFFF;
		padding: 10px 12px;
		font-size:175%;
		margin:0pt;
		font-weight:normal;
		}
		#infoBar .promoBox h3, #infoBar .promoBoxAlt h3 {
			margin-bottom: 0em;
			padding-bottom: 0.2em;
		}
	.promoBoxAlt .promoBoxInner h3 {
		background:transparent url(../images/boxOrangeLeft.gif) repeat-x scroll left top;
	}
	.promoBoxAlt .promoBoxInner h3, .promoBoxAlt .promoBoxInner p {
		color:#000000;
	}
	.promoBoxInner img {
		clear:both;
		margin:0pt 0pt 0.5em;
	}
	.promoBoxInner a:hover {
		background:transparent none repeat scroll 0%;
	}
	.promoBoxInner .bottom {
		background:#FFFFFF url(../images/boxRedRight.gif) repeat-x scroll right bottom;
		display:block;
		left:10px;
		padding-bottom:0.5em;
		padding-right:12px;
		position:relative;
		width:auto;
		}
		.promoBoxAlt .promoBoxInner .bottom {
			background:#FFFFFF url(../images/boxOrangeRight.gif) repeat-x scroll right bottom;
		}


form.preview {
	border-top:1px solid #ccc;
	}
	form.preview p {
		line-height:1.8em;
		margin:0pt 0pt 1em;
	}
	form.preview img.logo {
		/*float:right;*/
		width: 150px;
		height: 60px;
		position: absolute;
		right: 0;
		margin:0 0pt 0.5em 0.5em;
		padding:0pt;
	}
	form.preview .details {
		border-bottom:1px solid #ccc;
		padding-bottom:1.5em;
		margin: 2em 0 1.5em;
		float: left;
		width: 100%;
	}
	form.preview .details p {
		margin:0pt;
		padding:0 12em 0 0;
		overflow: hidden;
    	}
		form.preview .details p.multiple {
    		padding-left: 10em;
		}
		form.preview .details p.multiple span {
			position: relative;
			left:-10em;
			margin-right: -10em;
		}
		form.preview .details p.multiple span.multiple {
			position: relative;
			left: auto;
			margin: 0;
			width: 100%;
		}
	form.preview .details span {
		float:left;
		width:10em;
	}
	form.preview .details span.recName {
		width:18em;
    	}
    	* html body form.preview .details span.recName {
    	    float: none;
    	    display: block;
    	}

	form.preview .jobDescription, .empDescription { float: left; width: 100%; }
	form.preview .jobDescription p, .empDescription p { padding: 0; }
	form.preview .jobDescription strong, .empDescription strong { font-weight: bold; }
	form.preview .jobDescription em, .empDescription em { font-style: italic; }
	form.preview .jobDescription ul, .empDescription ul { padding: 0 0 0 2em; margin: 1em 0; list-style-type: disc; }
	form.preview .jobDescription ol, .empDescription ol { padding: 0 0 0 2em; margin: 1em 0; list-style-type: decimal; }
	
	form p.dlSumm, p.dlSumm {
		margin: 2em 0;
		line-height: 1.4em;
		}
		p.dlSumm span {
			display:block;
		}
		p.dlSumm img {
			float:left;
			padding-right:0.5em;
		}
	

.actionPanel *{
	/*height: 1%;*/ /* used to force hasLayout bug in IE - otherwise get jogging up/down on link hover */
	}
	.actionPanel form.search {
		margin-bottom:0;
		padding-bottom:0;
		}
		.actionPanel form.search + p {
			border-top: 1px solid #DCDCDC;
			padding:0.5em 0pt;
		}
		.actionPanel form.search label {
			display: block;
			width:100%;
		}
		.actionPanel form.search h3 {
			border: none;
		}
		.actionPanel form.search input.image {
			margin: 0 0 0.8em 0;
		}
		.actionPanel ul {
			clear: both;
			margin-top: 0.5em;
			margin-bottom: 1em;
		}
		.actionPanel ul.hasBreak {
			margin-bottom:0.5em;
			padding-bottom:0.5em;
			border-bottom: 2px groove #fff;
		}
		.actionPanel ul.alt li {
			padding: 0 0.5em;
			/*line-height: 1em;*/
			float: none;
			display: inline;
			}
			.actionPanel ul.alt li.first {
				padding: 0 0.5em 0 0;		
			}
			.actionPanel ul.alt li.last {
				padding: 0 0 0 0.5em;
			}
		.actionPanel ul.alt2 {
			list-style-type:disc;
			list-style-position:inside;
			}
			.actionPanel ul.alt2{
				padding-left:1em;
			}
			
	
			
.checkoutItem {
	height: 1%; /* used to force hasLayout bug in IE - otherwise get jogging up/down on link hover */
	width: auto;
	margin: 0.5em 0.4em 0;
	position: relative;
	border-bottom: 1px solid #ccc;
	}
	#paymentConf .checkoutItem {
	    border-bottom: none;
	    margin: 0;
	    padding: 0.3em 0;
	    }
	    #paymentConf .checkoutItem.last {
	        margin-bottom: 2em;
	    }
	    #paymentConf .checkoutItem p {
	        width: auto;
	        margin:0.3em 1em;
	        padding: 0;
	    }
	.checkoutItem.last {border-bottom: none;}
	.checkoutItem p {
		padding: 0;
		}
		.checkoutItem p.subTotal {
			height: 2em;
		}	
	.checkoutItem input.checkbox {
		position: absolute;
		margin-left: -1.5em;
		display: inline;
		height: 1.4em;
	}
	.checkoutItem label, .checkoutItem p {
		font-weight: normal;
		width:26em;
		padding-left:1.5em;
		}
		.checkoutItem p.total {width: 100%; padding: 0.5em 0;}
		.checkoutItem p.total br {display: block;}
		.checkoutItem label.checkboxLabel {
			padding: 0;
			float: none;
		}
	.checkoutItem.noEdit label, .checkoutItem.noEdit p {
		padding-left:0;
	}
	.checkoutItem ul.alt {
		position:absolute;
		right:0pt;
		top:0pt;
		width:auto;
	}
	.checkoutUnits {
		padding-top:1em; margin: 0;
		}
		.checkoutUnits .value {
			width: 15em;
			text-align: right;
			position: absolute;
			right: 0;
		    }
		    .checkoutUnits .value .vat {
		        width: 6em;
		    }
	form .total {
		padding:1em 0;
		width: auto;
		text-align: right;
	}

	p.compCheckout {
		border-bottom:1px solid #ccc;
		float:left;
		clear: both;
		margin:0pt;
		padding:0.25em 0pt;
		width:100%;
	}
	p.compCheckout.last {
		border-bottom: none;
		margin-bottom: 3em;
	}

	p.compCheckout a, p.compCheckout input {
		float:left;
		width: auto;
	}
	p.compCheckout span.company {
		float:left;
		width:37%;
		background-color: #fff; /* bizzarre fix for IE - stops duplicate character bug on last floated element */
	}
	p.compCheckout span.outstanding {
		float:right;
		width:45%;
	}

#candDetails address {
	font-weight: bold;
	margin-bottom: 4em;
}


p.summIntro { margin: 1em 0;}
ul.summ {
    list-style-type: disc;
    padding: 0pt 0pt 0pt 2em;
}

.confList p.summ {
    margin: 0 1em;
}

#credConf ul.summ {
    list-style-type: none;
    margin: 0 0 2em;
    padding: 0;
    font-size: 110%;
}

#credUsageConf p.summ {
	margin: 0;
	}
	#credUsageConf .label {width: 14em;}
	#credUsageConf form div p {padding-left: 14em; margin-bottom: 2em}
	
	
#compUsers p img {position: absolute; left: 0; padding: 0 0.5em 0.5em 0;}	
#compUsers p.summ {padding-left: 130px; position: relative;}

#historyList .resultsContainer {float: none; width: 95%; position: relative; left: 5%;}
#historyList #mainContent h3 {margin-top: 3em;}

.jobRef {color: #7F7F7F;}


p.multiSel { position: relative; width: auto; }
.expandToggle {
    position: absolute;
    padding: 0;
    margin: 0;
    right: 0;
    top: 0;
}
select.active {height: 30em !important;}

.recruiterCopy ul {
    padding-left: 3em;
    list-style-type: disc;
    }

.promotions .altFlow {
    width: 35em;
    float: left;
    margin: 1.5em 0 0 0;
    }
    
/* 
#logo {
background:transparent url(../images/mast-logo.gif) no-repeat scroll 15px top;
bottom:0pt;
height:60px;
margin:1em;
position:absolute;
width:443px;
} */
#logo img {
left:-9999em;
position:absolute;
}



/*
	Login screen
*/


	#login h1 {
		font-size: 250%;
	}
	#login #nav li {
		visibility: hidden;
	}
	#login #content, #login #footer {
		float:none;
		margin-top: 8em !important;
		margin-top: 4em;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 5em;
		position:relative;
		width:57em;
	}

	#login #footer {
		margin-top:0 !important;
		padding: 0;
	}
	
	#login #loginForm {
		background: url(../images/login-screens.gif) top right no-repeat;
		width: 100%;
		height: auto !important;
		height: 20em;
		min-height: 20em;
		}
		#login #loginForm label {
			width: auto;
		}
		#login #loginForm div p {
			padding-left: 10em;
		}

	#login #loginForm p {
		width: 45%;
		}
    	#login #loginForm p.errorMsg {
    	    color: #f00;
    	}
		#login #loginForm div p {
			width: auto;
		}
		#login #loginForm input.image {
			margin-bottom: 2em;
		}
	
/*
    clean dash graphic & styles
*/

	#cleandash #content {
		width: 71em;
	}
	#cleandash #mainContent {
		width: 55.75em;
		}
		#cleandash #mainContent h2{
			margin: 1.3em 0pt;
		}
	#cleandash #infoBar {
		display: none;
	}
	#cleandash form div.altFlow {
		text-align: left;
	}
	#cleandash #introGraphic {
		background: transparent url(../images/dash-bg.gif) repeat-x scroll right bottom;
		padding-left:3em;
		padding-right:31.75em;
		padding-top:1em;
		min-height:268px;
		height: auto !important;
		height:268px;
		width:21em;
		overflow: hidden;
		}
		
		#cleandash #introGraphic ol {
		    margin-bottom: 20px;}
		    
		#cleandash #introGraphic li {
		    list-style-type: disc;
		    margin-left: 15px;}		    
		    
		#cleandash #introGraphic p {}		    
		
		#cleandash div.submitArea, #cleandash div.submitArea input {
			margin: 0.5em 0 1em;
			text-align: left;
		}
		#cleandash ul.alt3 {
			list-style-type:none;
			margin:0.2em 0pt 1.2em;
			width:12em;
		}
		#cleandash ul.alt3 li {
			text-align:right;
		}
		#cleandash ul.alt3 .caption {
			float:left;
		}
		
		
		
ul.candSumm h5 {
float:left;
margin:0pt;
width:12em;
}
ul.candSumm li {
border-bottom:1px solid #EEEEEE;
overflow:hidden;
margin: 0.3em 0 0;
padding-bottom: 0.3em;
width:100%;
}
ul.candSumm li.last {
border-bottom: none;
}
ul.candSumm li p, ul.candSumm li address {
float:left;
margin:0;
width:28em;
}
ul.candSumm li dl {
float:left;
margin:0pt 0pt 0.5em;
width:12em;
}
ul.candSumm li dl dt {
font-weight:bold;
}
ul.candSumm li ul li {
border:medium none;
float:left;
margin:0pt;
padding: 0;
}
ul.candSumm li ul {
float:left;
width:28em;
}
ul.candSumm {
padding:1em 0pt;
}
#loginForm #payment-types {
    position: absolute;
    top: 365px;
    right: 0;
}