/* [%-# @(#)global.css	1.10 12:16:16,10/04/26 (yy/mm/dd) -%] */

/* *****************************************************************************
	Import Styles
***************************************************************************** */

    @import url(custom.css);
	@import url(navigation.css);
	@import url(forms.css);
	
	

/* *****************************************************************************
	Globals
***************************************************************************** */

	font, font *  { /* flag any  */
		text-decoration: none !important;
	}
	
	
	body {
		text-align: center;
		font-size: 75%;
		margin: 0;
		background:#fff;
		padding:11px 0 0 0;
	}
	
	a {
		text-decoration: underline;
		outline:none;
	}

	a:hover {
		text-decoration: underline;
	}
	
	/* This is to overide the <th> style block */
		body.heading1 h3 strong,
		body.heading1 th strong,
		body.heading1 th label {
			display: inline;
		}
		body.heading2 h3 strong,
		body.heading2 th strong,
		body.heading2 th label {
			display: block;
		}
	
	img,
	form,
	fieldset {
		border: none;
	}
	
	div.clear {
		clear: both !important;
		visibility: hidden !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		font-size: 1px !important;
		height: 1px !important;
		width: 1px !important;
		float: none !important;
	}
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	hr {
		clear: both;
		border: none;
		color: transparent;
		background-color: transparent;
		height: 1px;
	}
	
	ul#Accessibility {
		position: absolute;
		top: -5000px;
	}

	h1 {
		font-size: 200%;
		margin: 0 0 .5em 0;
		padding: 0;
		letter-spacing: -.02em;
	}

/*
	h1 strong {
		color: #717274;
	}
*/
	
	h1 em {
		font-size: 80%;
		font-style: normal;
		font-weight: normal;
	}
	
	h2 {
		font-size: 130%;
		margin: .2em 0;
		clear: both;
	}
	
	h3 {
		font-size: 110%;
		margin: 0 0 .5em 0;
		padding: 0;
	}
		
	h4 {
		margin: 0;
		padding: .3em 0;
		font-size: 120%;
	}
	
	p {
		margin: 0 0 1em 0;
	}
	/*****************************************************************
		JobsToday About us
	****************************************************************** */
	.about-contact{
		width:750px;
		float:left;
		margin:0;
		padding:0 10px 10px 10px;
		}
	.about-contact h4{
		color:#fff !important;
		padding:5px 10px;
		margin:0 -10px 10px -10px;
	}
	/*****************************************************************
		JobsToday Contact us
	****************************************************************** */
		body#contactus ul{padding:0;}
		body#contactus .left{float:left;}
		body#contactus .right{float:right;}
		body#contactus .form-item{width:100%;float:left;margin:0;padding:0 0 10px 0;}
		body#contactus .form-item input.txt{width:340px;margin:0;}
		body#contactus .form-item select.txt{width:350px;}
		body#contactus .row{width:100%;float:left;margin:10px 0 0 0;padding:10px 0 0 0;}
		body#contactus .form-item label{width:40%;float:left;text-align:right;padding:0 10px 0 0;}
		body#contactus .nomargin{margin:0 !important;}
		body#contactus .cont-bottom{width:750px;padding:10px;float:left;margin:0;}
		body#contactus .cont-bottom a.button{margin:0;}
		body#contactus .cont-bottom a.button:hover{text-decoration:none;}
	/*****************************************************************
		Warning - box for clients/candidates to change salary range
	****************************************************************** */

	div.alert {
		background-repeat:no-repeat;
		background-position:8px 6px;
		height: 35px;
		position:relative;
		margin: 0.5em 0 0.5em 0;
		padding: 0.4em;
	}
	a.jsHideMsg {
		font-size:90%;
		font-weight:bold;
		position:absolute;
		right:5px;
		top:0.2em;
	}
	a.jsHideMsg span {
		display:none;
	}
	div.alert p br {
		display:none;
	}
	div[class].alert {
		height: auto;
		 min-height: 35px;
	}
	div.alert[class] p, div.alert[class] ol, div.alert[class] li {
		margin-top:0.8em;
	}
	div.alert p, div.alert ol, div.alert li{
		margin: 1.2em 1px .1em 45px;
		padding: 0;
	}

	ul {
		margin: 0 0 1em 20px;
	}
	
	ol {
		margin: 0 0 1em 40px;
		padding:0
	}
	
	p em {
		font-style: normal;
	}
	
	p .banner {
		right: 0;
		position: absolute;
		margin-top: 48px;
	}
	
	.right {
		text-align: right;
	}

	p.right{
		margin-top:8px;
	}
	
	.capitalize{
		text-transform: capitalize;
	}

/* *****************************************************************************
	Structure
***************************************************************************** */
	
	
	#wrapper {
		width:940px;			
		margin: 0 auto;
		padding:100px 0 0 0;
		text-align: left;
		position: relative;
	}

	#content {
		clear: both;
		width: 770px;	
		margin: 0;
		padding:20px 85px 25px 85px;
		float:left;
		_float:none;
	}


/* *****************************************************************************
	standard buttons
***************************************************************************** */

	a.button, a:hover.button, button {
		text-decoration: none;
		font-weight: bold;
		font-size:110%;
		padding: 2px 10px;
		cursor: pointer;
		cursor: hand;
		margin: .5em 0;
		vertical-align: middle;
	}
	
	html button {
		display: inline;
		float: right;
		padding: 0 10px;
	}
	
	/*This is to make the clear button align at the top*/
	a.clear_loc_button{
		cursor: pointer;
		font-size:110%;
		font-weight: bold;
		margin: .5em 0;
		padding: 2px 10px;
		text-decoration: none;					
		vertical-align:super;
		width: auto !important; /* MAC IE5 specific value - overridden below */
	}

	table#Vacancy_Table tr td input.error{
		float:left;
	}

	table#Vacancy_Table tr td a.clear_loc_button{
		float:left;
		margin:0 0 0 0.5em;
	}

/* *****************************************************************************
	(?) Question mark help buttons
***************************************************************************** */

	a.help {
		position: relative;
		float: left;
		width: 13px;
		height: 13px;
		overflow: hidden;
		text-decoration: none;
	}
	
	html body a.help span {
		display: block;
		position: absolute;
		top: -5000px;
	}
	
	p.help {
		font-size: 90%;
		clear: both;
		text-align: right;
	}
	
	p.help a {
		float: right;
		display: block;
		width: 13px;
		height: 13px;
		text-indent: -5000px;
		overflow: hidden;
		text-decoration: none;
		font-size: 1px;
	}

/* *****************************************************************************
	2 panel boxes consisting of forms, and different color backgrounds
***************************************************************************** */

	div.box {
		float: left;
		width: 100%;
		
	}

	*html div.box, *:first-child+html div.box{
		float:none;
	}

	div.box div {
		padding: 0 0 0 5px;
		margin: .5em 0 0 0;
		float: left;
		width: 47%;
	}
	
	div.box form {
		float: right;
		margin: 0;
		padding: .8em 0 .8em 5px;
		width: 51%;
	}
	
	div.box form h3, div.box div h3 {
		margin: .5em 0 .3em 0;
	}
	
	div.box form input {
		margin: 0;
		width: 170px;
	}
	
	div.box form input.submit {
		width: 2em;
		float: none;
		margin:-4px 0 0 0;
	}
	
	div.box form fieldset {
		border: none;
		padding: 0;
	}
	
	div.box form label input {
		margin: 0;
		width: auto;
	}
	
	div.box table {
		width: 100%;
	}
	
	div.box ol {
		width: 715px;
	}

/* *****************************************************************************
	Shortcut links on client home box
***************************************************************************** */

	/* *************************************************************************
		Box style 2
	************************************************************************* */

		div.box2 div {
			float: left;
			width: 240px;
			margin: 1em 20px 1em 0;
		}
		
		div.box2 div.box2a {
			float: left;
			width: 350px;
			margin: 1em 20px 0 0;
			border: none;
		}
		
		div.box2 div h4 {
			font-size: 100%;
			margin: .5em 0 .5em .5em;
		}
		
		div.box2 div p, div.box2 div h3 {
			margin: .5em 0 .5em 0;
		}
		
		div.box2 div ul {
			padding: 0 0 0 .5em;
			margin: 0 0 .5em 2.5em;
		}
		
		div.box2 div ul li {
			font-weight: bold;
			list-style-type: decimal;
			margin: 0 0 .5em 0;
		}
		
		div.box2 div ul li a {
			font-weight: normal;
		}

		div.box2 div.box2a ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
			font-weight: normal;
		}
		
		div.box2 div.box2a ul li {
			list-style-type: none;
			margin: 0 0 1.2em 0;
		}
		
		div.box2 div.box2a ul li a {
			font-weight: normal;
		}

		div.box2 div.box2a form {
			width: 350px;
		}

		div.box2 div.box2a form select{
			float:left;
		}

		div.box2 div.box2a form fieldset {
			border: none;
		}
		
		div.box2a form fieldset label input.submit {
			width: auto;
			float:left;
			margin:0 0 0 0.5em;
		}

	/* *************************************************************************
		Box style 3
	************************************************************************* */
		
		div.box3 {	
			border-width: 1px 0;
		}
		
		div.box3 div {
			float: left;
		}
		
		div.box3 div.first {
			width: 47%;
			padding: 10px 10px 20px 10px;
		}
		
		div.box3 div.second {
			width: 47%;
			padding: 10px 10px 0 10px;
		}
		
		div.box3 div.first p {
			margin-bottom: 0;
		}
		
		div.box3 div.second p {
			margin: 0 0 0 1em;
		}
		
		div.box3 div.second div.column {
			width: 160px;
		}
		
		div.box3 div.second div.column label {
			display: block;
			margin: .2em 0;
		}
		
		div.box3 div.first hr, 
		div.box3 div.second hr {
			margin: .8em 0;
		}

	/* *************************************************************************
		Box style 4
	************************************************************************* */
		
		div.box4 div {
			float: left;
			width: 48%;
			margin: .5em 10px 0 0;
		}
		div.box4 div.jobhunting p.align-right{float:right;clear:both;}
		div.box4 form{
			padding:10px;
		}

		div.box4 form label{
			padding:0.2em 5px 0em 0;
		}

		div.box4 form#login_form p {
			margin:0.1em 0 !important;
		}

		div.box4 div fieldset {
			padding: 0;
			margin: 0;
			border: none;
		}
		
		div.box4 div fieldset input {
			margin: 0.2em 0 .5em 0;
			width: 260px;
		}
		
		div.box4 div fieldset input.submit {
			width: auto;
			float: none;
		}

	/* *************************************************************************
		Box style 5
	************************************************************************* */
		
		div.box5 {
			border-width: 1px 0;
		}
		
		div.box5 div.first {
			float: left;
			width: 48%;
		}
		
		div.box5 div.second {
			float: right;
			width: 49%;
		}
		
		div.box5 div.second p {
			padding: .5em 0 0 1em;
		}
		
		div.box5 div.second h3 {
			padding: .5em 0 0 1em;
		}

/* *************************************************************************
	Box Styles
************************************************************************* */	
		
	div.box6 {
		margin: 0 0 1em 0;
		position: relative;
	}

	div.box6 h3 {
		margin: 0;
		padding: 2px 9px;
	}

	div.box6Wrap {
		padding: 8px;	
	}
			
	div.box7 {
		margin: 0 0 1em 0;
		position: relative;
	}

	div.box7 h3 {
		margin: 0;
		padding: 2px 9px;
		text-align: left;
	}

	div.box7Wrap {
		padding: 8px;
	}		
		
/***************************************************************
	Faux column sets
***************************************************************/

	div.colSet1-a {
		float: left;
		margin: 0 0 0 0;
		width: 160px;	
	}

	div.colSet1-b {	
		float: right;
		position: relative;
		width: 560px;
	}

	div.colSet1-b p.right {
		margin:1em 0 0 0;
	}

/***************************************************************
	Info boxes
***************************************************************/

	div.infoBox1 {
		margin: 1em 0 .8em 0;
		padding: 8px;
		width: auto;
	}
	
/* *****************************************************************************
	Label column layout - for use on forms
***************************************************************************** */

	.label-columns {
		margin: .8em 0 0 0;
	}
	
	.label-columns span {
		display: block !important;
	}
	
	.label-columns label {
		clear: both !important;
		float: left;
		display: block !important;
		width: 50px !important;
	}
	
	.label-columns select {
		float: left;
		width: 150px !important;
	}
	
	table td .label-columns,
	table th .label-columns {
		font-size: 130% !important;
	}

/* *****************************************************************************
	Table - General
***************************************************************************** */

	table {
		margin: 1em 0;
		width: 100%;
		font-size: 100%;
		_font-size: 100%; /* for IE */
		clear: both;
	}
	
	table,
	table th,
	table td {
		border: none;
		border-collapse: collapse;
	}
	
	table th {
		font-weight: bold;
		text-align: left;
	}
	
	table th,
	table td {
		padding: .3em 4px;
		vertical-align: top;
	}

	table th a:hover, table td a:hover{
		text-decoration:none;
	}

	table td a em {
		font-style: normal;
		color: #333333;
		padding-top: .5em;
		display: block;
		text-decoration: underline;
	}
	
	fieldset table td label {
		display: none;
	}
	
	fieldset table td input.checkbox,
	fieldset table td input.radio {
		border: none;
		width: 14px;
	}
	
	fieldset table td input {
		margin: 0;
		padding: 0;
		width: 30px;
	}
	
	fieldset table td input.checkbox,
	fieldset table td input.radio {
		border: none;
		margin: 0 3px;
		padding: 0;
		width: 14px;
	}

/* *****************************************************************************
	Table - colhighlight
***************************************************************************** */

	table.colhighlight,
	table.colHighlight {
		border: none;
		font-size: 100%;
		width: 100%;
	}
	
	table.colhighlight th,
	table.colHighlight th{
		font-weight: normal;
		border-width: 0 0 1px 0;
	}
	table.colhighlight td,
	table.colHighlight td {
		width: 58%;
		padding-left: 8px;
	}
	
	table.colhighlight td.leftSide,
	table.colHighlight td.leftSide {
		width: auto;
	}
	
	table.colhighlight h2,
	table.colHighlight h2{
		padding: .05em 0; /* CHANGED from padding: 2em 0;  JP */
	}
	
	table.colhighlight span,
	table.colHighlight span{
		font-size: 80%;
		font-weight: normal;
	}
	table.colhighlight td div.column,
	table.colHighlight td div.column{
		float: left;
		width: 210px;
	}
	
	table.colhighlight tr.line td,
	table.colHighlight tr.line td{
		border-width: 0 0 1px 0;
		padding: 0;
		margin: 0;
		height: 0;
	}

/* *****************************************************************************
	Table - rlAdmin used for rl_admin
***************************************************************************** */

	table.rlAdmin {
		border-left: none;
		border-right: none;
	}
	
	table.rlAdmin th {
		text-align: center;
		vertical-align: bottom;
		font-weight: bold;
		font-size: 100%;
	}
	
	table.rlAdmin tr td {
		border: none;
	}
	
	table.rlAdmin tr.checked td {
		text-align: center;
	}
	
	table.rlAdmin tr.checked td input {
		cursor: pointer;
		margin: 0;
		width: auto;
		float: none;
	}
	
	table.rlAdmin tr td input {
		width: auto;
		border: none;
	}
	
	table.rlAdmin tr td input.submit {
		width: auto;
		float: none;
		margin: 0;
	}
	
	table.rlAdmin tr td.status {
		text-align: center;
	}

/* *****************************************************************************
	Table - newRecruit used for rl_admin
***************************************************************************** */

	table.newRecruit {
		border-left: none;
		border-right: none;
	}
	
	table.newRecruit thead th {
		font-weight: bold;
		font-size: 100%;
		text-align: center;
	}
	
	table.newRecruit tbody td {
		border: none;
	}
	
	table.newRecruit tbody tr td input {
		margin: 0 0 0 1em;
		width: auto;
		padding: 0;
	}
	
	table.newRecruit tbody tr td.enableLogin {
		text-align: center;
	}

/* *****************************************************************************
	Table - cvResult used for cvsearch_result
***************************************************************************** */

	table.cvResult {
		font-size: 100%;
		border: none;
	}
	
	table.cvResult tr td {
		border: none;
	}
	
	table.cvResult tr th {
		width: 25%;
	}
	
	/* This overrides the 100% width that is given on the table selector */
	/* All new table classes should be added to this */
	
	table.colhighlight,
	table.colHighlight,
	table.rlAdmin,
	table.newRecruit,
	table.results,
	table.cvResult {
		width: 770px;
	}
	table#locTable tr td input{float:left;}
	table#locTable tr td a.clear_loc_button{float:left;margin:0 0 0 10px;}
	table#locTable tr td a.clear_loc_button:hover{color:#fff;}
/* *****************************************************************************
	Table - cvMarkup used for cvsearch_result
***************************************************************************** */

	 body#cvDisplay table#cvMarkup font b {
		font-style: italic;
	}

	/* FF/IE7/Standards value */
	body[id]#cvDisplay table#cvMarkup td {
		font-size: 130%;
	}

	/* IE 6 value */
	body#cvDisplay table#cvMarkup td {
		font-size: 120%;
	}

/* *****************************************************************************
	Scolling links
***************************************************************************** */

	ul#scroll {
		border-width: 1px 0;
		margin: 0;
		padding: 1em 0 1.25em 0;
		text-align: center;
	}
	
	ul#scroll li {
		display: inline;
		text-align: left;
	}
	
	ul#scroll li a {
		padding: 0;
		margin: 0 .3em;
	}
	
	ul#scroll li strong {
		padding: 0 .3em;
	}

/* *****************************************************************************
	Products and services list
***************************************************************************** */

	div#product ul {
		list-style-type: none;
	}

/* *****************************************************************************
	Advertisment images
***************************************************************************** */

	.advertimages div {
		float: left;
		display: block;
	}
	
	.advertimages div p {
		text-align: center;
		width: 300px;
	}
	
	.advertimages div a img {
		text-align: center;
		padding: 0;
		margin: 0 5em 1em 5em;
	}

/* *****************************************************************************
	1st back to top style button
***************************************************************************** */

	.backToTop p {
		padding: 1.5em 1em 0 0;
		height: 21px;
		text-align: right;
	}

/* *****************************************************************************
	2nd back to top style button
***************************************************************************** */

	.backToTop2 {
		width: 7.4em;
		float: right;
		margin: 5px 0;
	}
	
	.backToTop2 p {
		padding: 0;
		margin: 0 0 1em 0;
	}
	
	.backToTop2 p a {
		font-size: 80%;
		padding: 0 20px 0 2px;
		text-decoration: none;
		float: right;
		font-weight:bold;
	}

/* *****************************************************************************
	Horizontal buttons list
***************************************************************************** */

	div#hButton {
		text-align: left;
		padding: 1em 0 1.25em 0;
	}
	
	div#hButton ul {
		margin: 0;
		padding: 0;
	}
	
	div#hButton ul li {
		display: inline;
		padding: 0 .3em;
	}

/* *****************************************************************************
	Two column lists
***************************************************************************** */

	.columnleft {
		width: 290px;
		float: left;
	}
	
	.columnleft div h4 {
		font-size: 100%;
	}
	
	.columnleft div ul li {
		font-size: 95%;
	}

/* *****************************************************************************
	More info page 
***************************************************************************** */

	div.moreinfocolleft {
		float: left;
		width: 65%;
		margin: 1%;
	}
	
	div.moreinfocolright {
		float: left;
		width: 30%;
		margin: 1%;
		text-align: center;
	}
	
	div.moreinfocolright div {
		padding: 5px 6px 44px 6px;
		text-align: center;
	}
	
	div.moreinfocolright h3 {
		padding: 0;
		margin: .4em;
		font-size: 90%;
		font-weight: bold;	
	}
	
	div.moreinfocolright p {
		padding: 0;
		margin: .2em;
	}
	
	div.moreinfocolright a {
		text-decoration: none;
	}
	
	div.moreinfocolright p em {
		font-size: 120%;
		display: block;
		font-weight: bold;
		padding: 0;
	}
	
	.basicborderbox {
		padding: 1px;
	}

/* *****************************************************************************
	Extra
***************************************************************************** */

	.center td, .center th, .center {
		text-align: center !important;
	}
	
	.right td, .right th {
		text-align: right !important;
	}
	
	 /* This is used to stop the display of background images */
	body.nobg {
		background: #fff;
	}
	body.nobg #search{background:none !important;}
	body.nobg #container,
	body.nobg #wrapper , body.nonav #wrapper, body.nofoot #wrapper{ 
		background-image: none;
		padding:0;
	}
	
	 /* This is used to stop the navigation showing */
	body.nonav #navigation {
		display: none;
	}
	
/* This is used to stop the navigation showing 
	body.nonav #logo,
	body.nonav #masthead {
		margin: 0;
	}
	
	body.nonav #masthead {
		padding: 1em 0 0 0;
	}
	*/
	
	 /* This is used to stop the page footer showing */
	body.nofoot {
		padding-bottom: 4em; 
	}
	
	body.nofoot #footer {
		display: none;
	}

	body.nobg #topBanner, body.nofoot #topBanner, body.nonav #topBanner{display:none;}

/* *****************************************************************************
	Sidelinks - Floats a div to the right with links in
***************************************************************************** */

	div.sideLinks {
		float: right;
		width: 160px;
		text-align: left;	
		margin: 0 0 .5em .5em;
		background: #ebebeb;
		font-size: 90%;
	}
	
	div.sideLinks h4 {
		padding: 4px;
		margin: 0 0 .2em 0;
	}
	
	div.sideLinks div {
		padding: 6px;
	}
	
	div.sideLinks hr,
	div.sideLinks p {
		margin: .5em 0;
	}

/* *****************************************************************************
	Page Specifics
***************************************************************************** */


/* **********************************************************************
	CV Shorlist iframe
************************************************************************ */
body.nobg iframe.frame-display{display:none;}
iframe.frame-display {
		border: 0;
		height: 600px;
		margin: 0;
		padding: 0;
		width: 758px;
	}
		

	/* *************************************************************************
		search_to_jbe_error
	************************************************************************* */
	
		body#cvDisplay div.bar {
			clear: both;
			padding: 0 !important;
		}
		
		body#cvDisplay div.hbar {
			clear: both;
			padding: 0 !important;
			margin-bottom: 1em;
		}
		
		body#cvDisplay div.hbar h1 {
			border: 0 !important;
			margin-bottom: 0;
		}
		
		body#cvDisplay .left {
			float: left;
		}
		
		body#cvDisplay .right {
			float: right;
		}

/***********************************************************
		Featured REcruiters -more_corporates.cgi
	***********************************************************/
	
		#featuredList {
			clear: both;
			width: auto;
			margin: 1em 0;
			list-style-type: none;
			text-align: center;
		}
		
		#featuredList li {
			margin: .5em 5px;
			display: block;
			float: left;
			text-align: center;
			width: 22%;
		}
		
		#featuredList li img {
			display: block;
			margin: 0 auto;
			height: 35px;
			width: 90px;
		}
		
		.cvSearchSave {
			height: 20px !important;
			width: 60px !important;
		}

/* *************************************************************************
	Terms and Conditions
************************************************************************* */

	div#termslist ul {
		list-style-type: none;
	}

	div#termslist ul li {
		margin: .5em 0;
	}

	div#termslist ul li ul {
		margin: 0 auto;
		width: 85%;
	}

     .float-left{
		float: left;
	}
	
	.float-right{
		float: right;
		position: relative;
	}
	
	.justify{
		text-align: justify;
	}

	.smaller {
		font-size: 80%;
	}

	.indent {
		margin-left: 35px;
	}
 
/***************************************************************
	SiteMap
***************************************************************/

	body#sitemap #channels h2 {
		padding: 3px 5px;
		font-size: 1.2em;
		margin: 0;
	}	

	body#sitemap #channels h3 {
		margin: 10px 0 0 5px;
		width: 100%;
	}

	body#sitemap #channels ul {
		overflow: hidden;
		height: 1%;
		margin: 0;
		padding: 10px;
	}
		
	body#sitemap #channels li {
		font-size: 90%;
		line-height: 120%;
		float: left;
		width: 225px;
		list-style-type: none;
		margin: 0 0 .7em 0;
	}	

	body#sitemap #channels li a {
		margin-left: 9px;
		display: block;
	}

/* *****************************************************************************
		Four column list element (Visa Requirement page)
***************************************************************************** */

	ul.four-col-list {
		clear: both;
		list-style-type: none;
		margin: 0 auto 1em auto;
		padding: 0;
		width: 90%;
	}

	ul.four-col-list li {
		font-weight: bold;
		float: left;
		width: 24%;
	}
   
/******************************************************************************
	Client Demo Display advert - sales tool
***************************************************************************** */
	body#demoDisplay{
		background: #fff;
	}
	body#demoDisplay #wrapper{
		background: transparent url(/images/nav/jobsite_logo.gif) 0 0 no-repeat;
		width: 770px;
	}
	body#demoDisplay h1{
		background: none;
		border: none;
		clear: right;
	}
	body#demoDisplay p{
		clear: right;		
		margin: 0;		
	}
	body#demoDisplay h1,
	body#demoDisplay p{
		float: right;
		margin: 0;
		padding: 0;
		width: 450px;
	}
	body#demoDisplay h1{
		margin-top:20px;
	}
	
	body#demoDisplay #wrapper {
		min-height: 0;
		height: auto;
		overflow: hidden;
		padding: 0 0 50px 0;
	} 
	html>body#demoDisplay #wrapper {
		height: auto;
		margin-top:10px;
	}

/* *****************************************************************************
	Patches
***************************************************************************** */

	/* MAC IE 5 patch for bottom footer*/
	
	div#footer p strong {
		voice-family: "\"}\"";
		voice-family: inherit;
		padding: 1em 0;
		float: left;
	}
	
	div#footer p.terms {
		margin: 0;
		padding: 0 0 10px 0;
	}

	/* */
	@media tty {
	i {content: "\";/*" "*/}} @import 'winie5x.css'; /*";}
	}/* */
	
	
	table.colhighlight.colhighlight tr td.intro2 input{float:left;margin:0 5px 0.5em;}
	table.colhighlight.colhighlight tr td.intro2 span{float:left;padding:3px 0 0 5px;}
	form fieldset p.help a {
		/*text-indent: 13px;*/
		voice-family: "\"}\"";
		voice-family: inherit;
		padding-right: 15px !important;
		width: 0px !important;
	}
	
	form fieldset p.email input {
		display: inline !important;
	}
	
	.advertimages div {
		text-align: center;
	}

/***************************************************************
	Vacancy_group_manager
**************************************************************/
	body#vacancy_group_manager {margin:0;padding:0;text-align:left;}
	body#vacancy_group_manager font a{text-decoration:underline !important;}
	body#vacancy_group_manager font a:hover{}
	body#vacancy_group_manager font b{}
	
	/* */
	
	/* Advert image alignment - Do not text-align as box model causes problems.*/
	/* \*/
	.advertimages div {
		text-align: center;
	}
	/* */
	
	/* Buttons MAC IE5 needs explicit widths on floats */
	/* \*/
	button {
		float: none! important;
	}
	/* */