/* [%-# @(#)global.css	1.16 15:17:06,09/01/27 (yy/mm/dd) -%] */
/* *****************************************************************************
	Import
***************************************************************************** */

	@import url(navigation.css);
	@import url(forms.css);
	
/* *****************************************************************************
	Globals
***************************************************************************** */

	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		font-size:75%;
		width:100%;
		color: #000 !important;
		margin:0;	
		padding: 0;
		text-align: center;
		background:#FFFFFF url(../images/general/bodybg-new1.jpg) no-repeat scroll 50% 0;
		/*background:#FFFFFF url(../images/general/body-bg.gif) repeat-x scroll 48.7% 0;*/
	}

	a,
	a:link,
	a:active,
	a:visited{
		color: #000;
		text-decoration: underline;
	}

	a:hover {
		color: #3AB54A !important;
		text-decoration: underline;
	}
	
	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;}
	
	hr {
		clear: both;
		border: none;
		border-top: 1px solid #3AB54A;
		color: transparent;
		background-color: transparent;
		height: 1px;
		color: #3AB54A;
		margin: 0 0 5px 0;
	}
	
	ul#Accessibility {
		position: absolute;
		top: -5000px;
	}
	
	
	#content h1 {
		color: #000;
		font-size: 170%;
		margin: 0 0 .5em 0;
		padding: 0 0 7px 0;
		letter-spacing: -.02em;
		border-bottom: 0px solid #ffe5cc;
	}
	
	h1 strong {
		color: #000;
	}
	
	h1 em {
		font-size: 80%;
		font-style: normal;
		font-weight: normal;
	}
	
	h2 {
		color: #000;
		font-size: 140%;
		margin: .2em 0;
		clear: both;
	}
	
	h2 strong {
		color: #000;
	}
	
	h3 {
		color: #000;
		font-size: 100%;
		margin: 0 0 .5em 0;
		padding: 0;
	}
	
	h3 strong {
		color: #000;
	}
	
	h4 {
		color: #000;
		margin: 0;
		padding: .3em 0;
		font-size: 100%;
	}
	
	h5 {
		color: #000;
	}
	
	p {
		margin:0 0 1em 0;
	}
	
	.error {
		color: #F00;
	}

	/*****************************************************************
		Warning - box for clients/candidates to change salary range
	****************************************************************** */

	div.alert {
		 background: #d6d3d3 url(/images/general/alertwarning.gif) no-repeat 5px 6px;
		 border: 2px solid #676767;
		 height: 35px;
		 margin: 0.5em 0 0.5em 0;
		 padding: 0.4em;
	}
	
	div[class].alert {
		height: auto;
		 min-height: 35px;
	}

	div.alert p, div.alert ol, div.alert li{
		margin: .2em 1px .1em 45px;
		padding: 0;
	}

	div.alert.alertWarning {
		background-image: url(/images/general/alertwarning.gif);
	}

	/* Message Alert */
	div.alert.alertMessage{
		background-image: url(/images/general/alertmessage.gif);
	}

	/* Error Alert */
	div.alert.alertError {
		background-image: url(/images/general/alerterror.gif);
	}

	/* Information Alert */
	div.alert.alertInfo {
		background-image: url(/images/general/alertinfo.gif);
	}
	
	ul, dl {
		margin: 0 0 1em 20px;
	}
	
	ol {
		margin: 0 0 1em 40px;
	}
	
	ol li {
		margin: 0 0 .5em 0;
	}
	
	dt {
		font-weight: bold;
	}
	
	dd {
		margin: 0 0 .5em 3em;
	}
	
	p em {
		color: #3AB54A;
		font-style:normal;
	}
	
	p .banner {
		right: 0;
		position: absolute;
		margin-top: 48px;
	}
	
	.expiringToday {
		color: #7BC618;
	}
	
	.expired {
		color: #f00;
	}
	
	.right {
		text-align: right;
	}

	p.right {
		text-align: right;
		margin:8px 0 !important;
	}
	
	.required {
		color: #51B848;
		font-size: 150%;
		line-height: 75%;
		font-weight: bold;
	}
	
	.active {
		color: #000;
	}

	.basicborderbox {
		padding: 1px;
		border: 1px solid #e3e8ed;
	}
	
	
	.center td, .center th, .center {
		text-align: center !important;
	}
	
	.right td, .right th {
		text-align: right !important;
		
	}
	
	.disabled_text {
		color: #c0c0c0;
	}
	
	.large {
		font-size: 120%;
	}

/* *****************************************************************************
	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;
	}

/* *****************************************************************************
	Containers
***************************************************************************** */

	#wrapper {	
		margin: 0 auto;
		padding: 0 61px;
		text-align: left;
		width:901px;
		background:#FFFFFF url(../images/general/bodybg-new.jpg) no-repeat scroll 50% 0;
	}
	
		
	#container {
		width: 901px;		
		margin: 0 auto;
		padding:0;
		overflow: hidden;
	}

	#content {
		width:770px;			
		padding:0 66px 0 65px;
		margin:0px;
		overflow:hidden;
	}	

/* *****************************************************************************
	standard buttons
***************************************************************************** */
	a.button {
		color:fff !important;
		background:#241F25 url(../images/general/submitbut-bg.gif) repeat-x scroll 0 0;
		border:1px solid #241F25;
		cursor: pointer;
		font-weight: bold;
		padding: 2px 10px !important;
		margin:0;
		text-decoration: none;
		vertical-align: middle;
		clear:none !important;
		width: auto !important; /* MAC IE5 specific value - overridden below */
	}
	
	a.button:link,
	a.button:visited,
	a.button:hover,
	a.button:active {
		color: #fff !important;
		background-color:#241F25;
		text-decoration: none;
		clear:both;
	}

	/* *************************************************************************
		Clear button align at the top
	************************************************************************* */
	
		a.clear_loc_button {
			border: 1px solid #241f25;
			background:#241f25 url(../images/general/submitbut-bg.gif) repeat-x 0 0;
			color: #FFF;
			cursor: pointer;
			font-weight: bold;
			margin: .5em 0;
			padding: 2px 10px 2px 10px !important;
			text-decoration: none;					
		
		}

		a.clear_loc_button:hover{
			color:#fff !important;
			text-decoration:none !important;
		}

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

	a.help {
		position: relative;
		float: left;
		width: 15px;
		height: 15px;
		background-image: url(../images/general/help.gif);
		background-repeat: no-repeat;
		overflow: hidden;
		text-decoration: none;
		float:right;
	}
	
	html body a.help span {
		display: block;
		position: absolute;
		top: -5000px;
	}
	
	p.help {
		font-size: 90%;
		clear:both;
		float:right;
	}
	
	p.help a {
		display: block;
		width: 13px;
		height: 13px;
		text-indent: -5000px;
		background-image: url(../images/general/help.gif) no-repeat 0 0;
		overflow: hidden;
		text-decoration: none ;
		color:#fff !important;
	}

	p.help a:hover {
	background-image: url(../images/general/help.gif) no-repeat 0 0;
	color:#fff !important;
	}

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

	/* *************************************************************************
		First Style
	************************************************************************* */

		div.box {
			border-bottom: 1px solid #3AB54A;
			width: 770px;
			float: left;
		}
		
		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%;
			background-color: #d0e8c4;
		}
		
		div.box form h3, 
		div.box div h3 {
			margin: .5em 0 .3em 0;
		}
		
		div.box form input {
			margin: .2em 0;
			width: 170px;
		}
		
		div.box form input.submit {
			width: 2em;
			float: none;
		}
		
		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;
		}

	/* *************************************************************************
		Second Style
	************************************************************************* */

		div.box2 {
			border-top: 1px solid #3AB54A;
		}

		div.box2 div.box2a form {
			width: 350px;
		}
		
		div.box2 div.box2a form fieldset {
			border: none;
		}
		
		div.box2a form fieldset label input.submit {
			width: auto;
			float: none;
		}

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

			div.box2 div {
				float: left;
				width: 260px;
				margin: 1em 20px 1em 0;
				background-color: #d0e8c4;
				border: 1px solid #d0e8c4;
			}
			
			div.box2 div.box2a {
				float: left;
				width: 350px;
				margin: 1em 20px 0 0;
				background-color: #fff;
				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;
				color: #3AB54A;
				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;
				color: #000;
			}
			
			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;
			}

	/* *************************************************************************
		Third Style
	************************************************************************* */

		div.box3 {	
			border: solid #3AB54A;
			border-width: 1px 0;
			width:100%;
			float:left;
		}
		
		div.box3 div {
			float: left;
		}
		
		div.box3 div.first {
			width: 52%;
			padding: 10px 10px 20px 10px;
			background-color: #d0e8c4;
		}

		div.box3 div.first h3{
			margin:5px 0;
		}

		div.box3 div.second {
			width: 40%;
			padding: 10px 10px 0 10px;
			background-color: #fff;
		}
		
		div.box3 div.first p {
			margin-bottom: 0;
		}
		
		div.box3 div.second p {
			margin: 0 0 0 1em;
		}

		div.box3 div.first div.column input.checkbox {
			margin:0 0 0 5px;
			padding:0;
		}

		div.box3 div.first div.column{
			float:left;
			margin: 0 0 3px 0;
		}
		
		div.box3 div.second div.column {
			width: 50%;
		}


		
		div.box3 div.second div.column label {
			display: block;
			margin: .2em 0;
		}
		
		div.box3 div.first hr, 
		div.box3 div.second hr {
			margin: .5em 0;
		}

	/* *************************************************************************
		Fourth Style
	************************************************************************* */
		div.box4 div {
			float: left;
			width: 48%;
			margin: .5em 10px 0 0;
		}

		div.box4 {
			width:770px;
		}

		div.box4 form {
			background: #9AD6A1 url(../images/home/1searchbg.gif)  0 0 no-repeat;
			padding: 10px;
		}
		
		div.box4 div fieldset {
			padding: 0;
			margin: 0;
			border: none;
		}
		
		div.box4 div fieldset input {
			margin: 0 0 .5em 0;
			width: 260px;
		}
		
		div.box4 div fieldset input.submit {
			width: auto;
			float: none;
		}

	/* *************************************************************************
		Fifth Style
	************************************************************************* */

		div.box5 {
			border: solid #3AB54A;
			border-width: 1px 0;
			background-color: #D0E8C4;
		}
		
		div.box5 div.first {
			float: left;
			width: 50%;
		}
		*html div.box5 div.first p a:hover{background:none !important;}
		div.box5 div.second {
			background-color: #fff;
			float: right;
			width: 50%;
		}
		
		body#copyright div.box5 div.second,
		body#copyright div.box5 div.first {
			padding: 1em;
		}
		
		div.box5 div.second p{
			padding: .5em 1em;
		}

		div.box5 div.first p {
			padding: .5em 1em 0 0;
		}
		
		div.box5 div.second h3 {
			padding: .5em 0 0 1em;
		}

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

		div.box6 h3{
				background: #51B848 url(/images/general/box6_crnr.gif) top left no-repeat;
				color: #fff;
				margin: 0;
				padding: 2px 9px;
		}

		div.box6Wrap{
				border: 1px solid #51B848;
				padding: 8px;	
				}
				
				
				
		div.box7{
					margin: 0 0 1em 0;
					position: relative;
		}

		div.box7 h3{
					background: #51B848 url(/images/general/box6_crnr.gif) top left no-repeat;
					color: #fff;
					margin: 0;
					padding: 2px 9px;
					text-align: left;
		}

		div.box7Wrap{
					border: 1px solid #51B848;
					padding: 8px;
			
		}		

		div.box7Wrap div {
			border-top: solid 1px #97BAD8;
			padding: 5px 0;
		}
		
/***************************************************************
Faux column sets
***************************************************************/

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

div.colSet1-b{	
	float: right;
	overflow:hidden;
	position: relative;
	width: 440px;
}
/* *****************************************************************************
	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 !important;
		display: block !important;
		width: 70px !important;
		padding:2px 0;

	}
	
	body#advanced-search .label-columns label {
		width: 53px !important;
	}
	
	.label-columns select {
		width: 150px !important;
		margin-bottom:5px;
	}
	
	table td .label-columns,
	table th .label-columns {
		font-size: 1.2em !important;
	}

form fieldset div.column {
	float:left;
}

body#advanced-search .label-columns span {
		float:left;
		margin: 0 10px 0 0;
	}
/* *****************************************************************************
	Table - General
***************************************************************************** */

	table {
		margin: 1em 0;
		width: 100%;
		clear: both;
		border: 1px solid #e3e8ed;
	}
	
	table,
	table th,
	table td {
		border: none;
		border-collapse: collapse;
	}
	
	table th {
		background-color: #487b2f;
		color: #fff;
		font-weight: bold;
		text-align: left;
	}
	
	th a:hover {
		color: #9ab3cd;
	}
	
	table th,
	table td {
		padding: .3em 4px;
		vertical-align: top;
		border-bottom: 1px solid #487B2F;
	}
	
	table td a em {
		font-style: normal;
		color: #51B848;
		padding-top: .5em;
		display: block;
		text-decoration: underline;
	}
	
	fieldset table td label {
		display: none;
	}
	
	fieldset table td input {
		margin: 0;
	}
	body#search-to-jbe table.colhighlight td.leftSide p label {
		display:block;
		padding:0;
	}
	body#search-to-jbe table.colhighlight td.leftSide p input.checkbox{float:left;}
	body#search-to-jbe table.colhighlight td label{display:block;}
	body#search-to-jbe table.colhighlight td input.checkbox{float:left;}
	fieldset table td input.checkbox,
	fieldset table td input.radio {
		border: none;
		margin: 0 3px;
		padding: 0;
		width: 14px;
	}


/* *************************************************************************
		Table
		This overrides the 100% width that is given on the table selector
		All new table classes should be added to this
************************************************************************* */

		table.colHighlight,
		table.rlAdmin,
		table.newRecruit,
		table.results,
		table.cvResult,
		table#agency_data_main {
			width: 770px !important;
		}

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

	table.colhighlight, 
	table.colHighlight {
		border: none;
		font-size: 100%;
		width: 100%;
	}
	
	table.colhighlight th, 
	table.colHighlight th {
		background-color: #fff !important;
		font-weight: normal;
		border: dotted #A5C595;
		border-width: 0 0 1px 0;
		color: #000;
	}

	table.colhighlight th label em, 
	table.colHighlight th label em {
		color: #51B848;
		font-size: 150%;
		line-height: 75%;
		font-weight: bold;
	}
	
	table.colhighlight td, 
	table.colHighlight td {
		background-color: #D0E8C4;
		width: 54%;
		padding-left: 8px;
	}
	
	table.colhighlight td.leftSide, 
	table.colHighlight td.leftSide {
		background-color: #FFF;
		width: auto;
		border: solid #3AB54A;
		border-width: 0 0 1px 0;
	}

	table.colhighlight td.leftSide label, 
	table.colHighlight td.leftSide label {
		width: auto;		
	}

	table.colhighlight h2, 
	table.colHighlight h2 {
		background-color: #fff;
		color: #000;
		padding: .05em 0;
	}
	
	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: 185px;
	}
	
	table.colhighlight tr.line td, 
	table.colHighlight tr.line td {
		border: solid #9ab3cd;
		border-width: 0 0 1px 0;
		padding: 0;
		margin: 0;
		height: 0;
	}
/* *****************************************************************************
	Scolling links
***************************************************************************** */

	ul#scroll {
		border: solid #9ab3cd;
		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 {
		color: #000;
		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;
	}

/* *****************************************************************************
	Back To Top Buttons
***************************************************************************** */

	/* *************************************************************************
		1st
	************************************************************************* */
	
		.backToTop p {
			padding: 1.5em 1em 0 0;
			height: 21px;
			text-align: right;
			background-image: url(../images/general/arrow_up.gif);
			background-position: top right;
			background-repeat: no-repeat;
		}

	/* *************************************************************************
		2nd
	************************************************************************* */
	
		.backToTop2 {
			width: 6.6em;
			float: right;
			margin: 5px 0;
			padding: 0;
		}
		
		.backToTop2 p {
			padding: 0;
			margin: 0 0 1px 0;
		}
		
		.backToTop2 p a {
			background-color:#3AB54A;
			background-image:url(../images/general/back_to_top2.gif);
			background-position:right top;
			background-repeat:no-repeat;
			border:1px solid #487B2F;
			color:#FFFFFF !important;
			font-size:80%;
			padding:0 18px 0 3px;
			text-decoration:none !important;
		}
		.backToTop2 p a:hover {
			color:#fff !important;
		}

/* *****************************************************************************
	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: 48%;
		float: left;
	}
	
	.columnleft div h4 {
		font-size: 100%;
	}
	
	.columnleft div ul li {
		font-size: 95%;
	}

	/***********************************************************
		OVP
	***********************************************************/
	body#ovp #ovp_client_form{
		width:500px;
	}
	
		div#moreinfo {
			width: 200px;
			float: right;
		}
		
		#ovpbox {
			float: right;
			width: 140px;
			padding: 10px;
			margin: 0 9px 10px 10px;
			text-align: center;
			border: 1px solid #638285;
			background: #e4eeef;
			
		}
		
		div#ovpinfo {
			float: right;
			width: 140px;
			padding: 10px;
			margin: 0 9px 10px 10px;
			text-align: center;
			background:#ce0c00 url(/images/general/circlebg.gif) 0 0 no-repeat;
			color:#fff;
		}

		div#ovpinfo a{
		color:#fff !important;
		}

		div#ovpinfo a:hover{
		color:#fff !important;
		}
		
		div#ovpinfo p strong {
			font-size: 1.3em;
		}
		
		div#ovpinfo p strong em {
			font-size: 0.9em;
			color:#fff;
		}
		
		div#ovpSummaryTotals {
			width: 300px;
			float: right;
			text-align: right;
			font-size: 1.2em;
		}
		
		div#ovpSummaryTotals p {
			clear: both;
		}
		
		div#ovpSummaryTotals hr {
			width: 60px;
			position: relative;
			float: right;
		}
		
		#ovpToolbarHolder {
			float: right;
			margin: 0 0 0 10px;
			width: 190px;
		}

		#ovpToolbarHolder h2 {
			margin: 0 0 10px 0;
			padding: 0 0 115px 0;
			background: url(../images/general/accept_cards.gif) no-repeat 0 100%;
		}

		#ovp ol li {
			width:auto;
			margin: 0 0 0 10px;
		
		}
		#ovpToolbar {
			padding: 10px;
			margin: 0 0 10px 0;
			width: 163px;
			text-align: left;
			background: #676767;
			border: 1px solid #676767;
		}
		
		#ovpToolbar div {
			background: #fff;
			padding: 7px;
			line-height: 1.3em;
			margin: 0 0 10px 0;
			border: 1px solid #676767;
			position: relative;
		}
		
		#ovpToolbar h2 {
			font-size: 1.2em;
			margin: 0 0 .4em 0;
		}

		body#ovp div#testimonial {
			z-index: 2;
		}
		
		body#ovp div#testimonial blockquote {
			position: absolute;
			top: -9999px;
			right: 20%;
			width: 250px;
			margin: 0;
			padding: 1em 1em 0 1em;
			background: #9AB3CD;
			border: 1px solid #676767;
		}
		
		body#ovp div#testimonial:hover blockquote,
		body#ovp div#testimonial.hover blockquote {
			top: 25px;
		}
		
		body#ovp strong.active {
			color: #631408;
		}

		/*body#ovp p#accepted {
			font-size: 1px;
			text-indent: -5000px;
			overflow: hidden;
		}*/
		
		body#ovp div#MainFrameHolder iframe {
			width: 100%;
			border: 1px solid #676767;
			height: 300px;
			margin: 0 0 2em 0;
		}
		body#vacDetails div#vacancyDetails iframe{background:#fff !important;text-align:left !important;}
		body#ovpTerms {
			padding: 10px 0;
			background: #fff !important;
		}

						
		body#ovpTerms li {
			text-align: left;
			margin-bottom: 1em;
		}
		
		body#ovpTerms ul li {
			list-style: none;
			text-indent: -1.6em;
		}
		
		body#ovpTerms dl {
			padding: 0 0 0 3em;
		}
		
		body#ovpTerms dl dt {
			font-weight: bold;
		}
		
		body#ovpTerms dl dd {
			text-indent: 0;
		}
		
		body#ovpTerms li h3 {
			margin: 0;
		} 
		
		body#ovp form input.radio {
			margin: 0 2px 0 1em !important;
			padding: 0;
			width: auto !important;
			border: none;
			vertical-align: middle;
			display: inline;
		}
		
		body#ovp table#jobs th,
		body#ovp table#jobs td {
			padding: 0 .5em;
			border-right: 1px solid #FFF;
		}
	
	
	
	
/* *****************************************************************************
	Stop the display of background images
***************************************************************************** */

	body.nobg {
		
	}
	
	body.nobg #container,
	body.nobg #wrapper,
	body.nobg #header { 
		
	}
	
	body.nobg #logo {
		top: 10px;
	}
	
	body.nobg #header {
		
	}

/* *****************************************************************************
	Stop the navigation showing
***************************************************************************** */

	body.nonav #nav {
		display: none !important;		
	}


	body.nonav #header {
		margin: 0;
		padding:0;
	}
	
	body.nonav #header {
		padding:0;
	}
	body.nonav #header #masthead{}
	body.nonav h1{
		margin-top:6px;
	}

/* *****************************************************************************
	Stop the page footer showing
***************************************************************************** */

	body.nofoot {
		padding-bottom: 4em; 
	}
	
	body.nofoot #footer {
		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: #D0E8C4;
		font-size: 90%;
	}
	
	div.sideLinks h4 {
		background:#487B2F;
		padding: 4px;
		margin: 0 0 .2em 0;
		color:#fff;
	}
	
	div.sideLinks div {
		padding: 6px;
	}
	
	div.sideLinks hr,
	div.sideLinks p {
		margin: .5em 0;
	}

/* *****************************************************************************
	Four column list element
***************************************************************************** */

	ul.four-col-list {
		clear: both;
		list-style-type: none;
		margin: 0 0 1em 40px;
		padding: 0;
	}
	
	ul.four-col-list li {
		font-weight: bold;
		float: left;
		width: 24%;
	}
	
/* *****************************************************************************
	Page Specifics
***************************************************************************** */

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

		table.rlAdmin {
			border-left: none;
			border-right: none;
			width: auto;
		}
		
		table.rlAdmin th {
			border-bottom: 1px solid #fff;
			background-color: #487B2F;
			color: #fff;
			font-weight: bold;
			font-size: 100%;
			text-align: center;
			vertical-align: bottom;	
			width: auto;
		}
		
		table.rlAdmin tr th a {
			color: #fff;
		}
		
		table.rlAdmin tr th a:hover {
			color: #fff !important;
		}

		table.rlAdmin tr td {
			border: none;
			width: auto;
		}
		
		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;
		}
		
		table tr.odd td {
			background-color: #d0e8c4 !important;
		}
		
		table.rlAdmin tr td.status {
			text-align: center;
		}

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

		table.newRecruit {
			border-left: none;
			border-right: none;
		}
		
		table.newRecruit tbody {
			background-color: #e3e8ed;
		}
		
		table.newRecruit thead th {
			border: none;
			border-bottom: 1px solid #9ab3cd;
			background-color: #487B2F;
			text-align: center;
			color: #fff;
		}
		
		table.newRecruit tbody td {
			border: none;
			background-color: #d0e8c4;
		}
		
		table.newRecruit tbody tr td input {
			margin: 0 0 0 1em;
			width: auto;
		}
		
		table.newRecruit tbody tr td.enableLogin {
			text-align: center;
		}

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

		table.cvResult {
			font-size: 100%;
			border: none;
			width:730px;
		}
		
		table.cvResult tr td {
			border: none;
		}
		
		table.cvResult tr th {
			border: 1px solid #fff;
			width: 25%;
		}

	/* *****************************************************************************
		Table - cvMarkup used for cvsearch_result
	***************************************************************************** */

		 body#cvDisplay table#cvMarkup font b {
			color: #661709;
			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%;
		}

	/* *************************************************************************
		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 {
			border: 1px solid #0C2D83;
			padding: 5px 6px 44px 6px;
			text-align: center;
			background: #e3e8ed url(/images/home/creditcard_strip.gif) no-repeat center 92%;
		}
		
		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;
		}

	/* *************************************************************************
		search_to_jbe_error
	************************************************************************* */

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

	/* MAC IE 5 hack for bottom footer*/
	/* */
		@media tty {
		i {content: "\";/*" "*/}} @import 'winie5x.css'; /*";}
		
		}
	/* */
	
	/* Hide from Mac IE5 - table borders white - voice family hides from Win IE5.x*/
	/* \*/
		table.rlAdmin th {
			border-left: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
		}
		
		table.newRecruit thead th {
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
		}
		
		div#help2 p a.help2 {
			text-indent: 13px;
		}
		
		table.colhighlight td, table.colHighlight td {
			border: 1px solid #A5C595;
		}
		
		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;
		}
	/* */
	
	/* 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;
		}
	/* */

	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		
		.clearfix {display: block;}	
	/* End hide from IE-mac */

/* *************************************************************************
	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 {
		color: #fff; 
		padding: 3px 5px;
		font-size: 1.2em;
		background: #487B2F;
		border-bottom: solid 1px #3ab54a;
		margin: 0;
	}	

	body#sitemap #channels h3 {
		border-bottom: solid 1px #9ab3cd;
		margin: 10px 0 0 5px;
		width: 100%;
	}

	body#sitemap #channels ul {
		overflow: hidden;
		height: 1%;
		margin: 0;
		padding: 10px;
	}
		
	body#sitemap #channels li {
		background: url(/images/general/arrow.gif) no-repeat left;
		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/general/logo.gif) 0 10px 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: 10px 0 0 0 ;
		padding: 0;
		width: 400px;
	}
	body#demoDisplay #wrapper {
		min-height: 0;
		height: auto;
		overflow: hidden;
		padding: 0 0 25px 0px
	} 
	html>body#demoDisplay #wrapper {
		height: 90px
	}


div.infoBox1{	
	background: #e3e8ed ;
	border: 1px solid #9ab3cd;
	clear:both;
	margin: 1em 0 .8em 0;
	padding: 8px;
	width: auto;
}