/* [%-# @(#)global.css	1.91 10:44:48,11/10/17 (yy/mm/dd) -%] */
/* *****************************************************************************
	Import Styles
***************************************************************************** */
	@import url(navigation.css);
	@import url(forms.css);

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

	font, font *  { /* flag any  */
		color: #000 !important;
		font-family:Trebuchet MS,arial,helvetica,sans-serif;
	}
	
		
	body{background:#f3f7f8 url(../images/general/body-bg.gif) repeat-x left top;margin:0px;padding:0px;width:100%;font-family:Trebuchet MS,arial,helvetica,sans-serif;text-align:center;font-size:80%;}
	body#vacSearch div#right-banner{display:none;}
	a {
		color: #000000;
		text-decoration: none;
	}

	a:hover {
		color: #000000;
	}
	
	/* 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;
		border-top: 1px dashed #555555;
		color: transparent;
		background-color: transparent;
		height: 1px;
		color: #7E7E7E;
		padding: 2px 0 4px;
	}
	
	ul#Accessibility {
		position: absolute;
		top: -5000px;
	}
	
	
	h1 {
		color: #000000;
		font-size: 160%;
		margin: 0 0 0.5em 0;
		padding: 0;
	}

/*
	h1 strong {
		color: #717274;
	}
*/
	h1,h2,h3,h4,h5{font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;font-size:17px;}
	h1 em {
		font-size: 80%;
		font-style: normal;
		font-weight: normal;
	}
	
	h2 {
		color: #000;
		font-size: 130%;
		margin: .2em 0;
		clear: both;
	}
	
	h3 {
		color: #000;
		font-size: 110%;
		margin: 0 0 .5em 0;
		padding: 0;
	}
		
	h4 {
		margin: 0;
		padding: .3em 0;
		font-size: 100%;
	}
	
	p {
		margin: 0 0 1em 0;
	}
	p.reclogin{margin:0px;}
	.error {
		color: #F00;
	}

	/*****************************************************************
		Warning - box for clients/candidates to change salary range
	****************************************************************** */
	body#ams_contact table th{font-size:13px !important;}
	body#ams_contact table tr.odd, body#ams_contact table tr.even{font-size:13px !important;}
	body#ams_contact input.submit{margin:8px 0 0 0 !important;}
	body#ams_cv table th{font-size:13px !important;}
	body#ams_cv table tr.odd, body#ams_contact table tr.even{font-size:13px !important;}
	body#ams_cv input.submit{margin:8px 0 0 0 !important;}
	div.alert {
		 position:relative;
		 background: #e1ecf2 url(/images/general/alertwarning.gif) no-repeat 5px 6px;
		 border: 2px solid #c9dbe1;
		 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 {
		margin: 0 0 1em 20px;
	}
	
	ol {
		margin: 0 0 1em 40px;
	}
	
	p em {
		color: #000000;
		font-style: normal;
	}
	
	p .banner {
		right: 0;
		position: absolute;
		margin-top: 48px;
	}
	
	.expiringToday {
		color: #000000;
	}
	
	.expired {
		color: #000000;
	}
	
	.right {
		text-align: right;
	}
	
	.required {
		color: #f00;
		font-size: 120%;
	}
	
	.active {
		color: #1875A5 ;
	}
	
	#headerbanner {
		width: 243px;
		height: 56px;
	}
	
	.capitalize{
		text-transform: capitalize;
	}

/* *****************************************************************************
	Structure
***************************************************************************** */
	
	
	#container {
		background: #fff;
		width: 779px;			
		margin: 0 auto;
		text-align: left;
		color: #000;
		position: relative;
	}
	
	#container #wrapper {
		margin: 0 9px;
		position: relative;
		width: 760px;
		font-size: 110%;
	}
	
/* *****************************************************************************
	standard buttons
***************************************************************************** */
ul.featuredList li{float:left;margin:0.5em 5px;text-align:left;width:22%;}
ul.featuredList li a.button{width:35px !important;display:block !important; text-transform:uppercase;}
	a.button, button {
		text-decoration:none;
		font-weight:bold;
		-moz-border-radius: 10px 10px 10px 10px;
		 -webkit-border-radius:10px;
		 -moz-border-radius:10px;
		 border-radius:10px;
    background: url(../images/general/arrow-m-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #D6D6D6 100%) repeat scroll 0 0 transparent;
    background:url(../images/general/buttons/arrow-s-r-teal.png) center right no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#F6F6F6),color-stop(0.5,#D6D6D6),color-stop(0.5,#CACACA),color-stop(1.0,#D6D6D6)) !important;
	background:url(../images/general/arrow-s-r-teal.png) center right no-repeat,linear-gradient(center top,#F6F6F6,#DCDCDC 50%,#CACACA 50%,#D6D6D6 100%) !important;
	background-color:#eee;
	border: 1px solid #999999;
		font-size:14px;
		font-family: Trebuchet MS,arial,helvetica,sans-serif;
		background-position: -10000px 0 !important;
		color: #47646c;
		text-transform:lowercase;
		padding:3px 8px;
		cursor:pointer;
		margin:.5em 0;
		vertical-align:middle;
	}
	a.button:hover{background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
	background-position: -10000px 0 !important;}
	html button {
		display: inline;
		float: right;
		padding: 0 10px;
	}
	
	
	/*This is to make the clear button align at the top*/
	a.clear_loc_button{
		background: #eaeaea url(../images/home/bg_btn.gif) 0 0 repeat-x;
		border: 1px solid #80969b;
		color:#49717a;
		cursor: pointer;
		font-size: 90%;
		font-weight: bold;
		margin:0.2em 0;
		padding: 1px 10px;
		text-decoration: none;					
		width: auto !important; /* MAC IE5 specific value - overridden below */
		    vertical-align: middle;
	}

/* *****************************************************************************
	(?) 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;
	}
	
	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: 15px;
		height: 15px;
		text-indent: -5000px;
		background-image: url(../images/general/help.gif);
		overflow: hidden;
		text-decoration: none;
		font-size: 1px;
		color: #fff;
	}

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

	div.box {
		float: left;
		border-bottom: 1px dashed #555555;
		width: 100%;
	}
	
	div.box div {
		padding: 0 0 0 5px;
		margin: .5em 0 0 0;
		float: left;
		width: 47%;
	}
	
	div.box form {
		float: right;
		margin:0 0 5px 0;
		padding:0.8em 0 0.8em 15px;
		width:48%;
		-moz-border-radius: 8px 8px 8px 8px;
		 -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
		 -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);
		 box-shadow:0 2px 5px rgba(0,0,0,0.25);
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
		background-color: #77979F;
		background-image: -moz-linear-gradient(center top , #9FB9BF, #4A727B);
		border: 1px solid #527880;
		color: #FFFFFF;
		min-height: 1px;
	}
	
	div.box form h3, div.box div h3 {
		margin: .5em 0 .3em 0;
	}
	
	div.box form input {
		margin: .2em 0;
		width: 120px;
	}
	body#clientHome form#email_form fieldset input#emailF{width:175px;}
	div.box form input.submit {
		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;
	}
	
	div.box2 {
		border-top: 1px solid #7E7E7E;
	}

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

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

		div.box2 div {
			float: left;
			width: 230px;
			margin: 1em 20px 1em 0;
			border-left:10px solid #2474be;
			-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);
		}
		
		div.box2 div.box2a {
			float: left;
			width: 360px;
			border-left:10px solid #2474be;
			-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);
			margin: 1em 20px 0 0;
			padding:0 0 0 10px;
			background-color:#ffffff;
			
		}
		
		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: #000;
			list-style-type: decimal;
			margin: 0 0 .5em 0;
		}
		
		div.box2 div ul li a {
			font-weight: normal;
			color: #000;
		}
		
		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;
			color: #000;
		}
		
		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;
		}

	/* *************************************************************************
		Box style 3
	************************************************************************* */
	
	    div.box3 div {
            float: left;
        }

        div.box3 div div.column {
            margin: 0;
            width: 140px;
        }
		body#clientHome div.box3 div.first {background:#ffffff;}
        div.box3 div.first {
            width: 250px;
            padding: 10px;
            background-color: #ebebeb;
        }
		body.confirm br{display:none;}
        body#applynow.confirm div.box3 div.first {
            width: 260px;
        }

        div.box3 div.first input.checkbox {  
            margin: 0 3px 0 5px !important;      
        }        

        div.box3 div.second {
            width: 300px;
            padding: 10px;
            background-color: #F3F7F8;
        }

        body#applynow.confirm div.box3 div.second {
            width: 430px;
        }

        div.box3 div.second p {
            margin: 1.8em 0 1em 1em;
        }

        div.box3 div.second div.column {
            margin-left: 1em;
            width: 200px;
        }

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

		#clientHome div.box3 {
		margin-bottom:5px;
		}

		#clientHome div.box3 {
		border-color:#555555;
		border-style:dashed;
		border-width:1px 0;
		}

	/* *************************************************************************
		Box style 4
	************************************************************************* */
		
		div.box4 div {
			float: left;
			width: 48%;
			margin: .5em 15px 10px 0;
		}

		div.box4 form label {
			color: #FFFFFF;
			padding: 5px 0;
		}
				
		div.box4 div fieldset {
			padding: 0;
			margin: 0;
			border: none;
		}
		
		div.box4 div fieldset input {
			padding: 5px 0;
			margin: 0 0 .5em 0;
			width: 349px;
			border:1px solid #ccc;
		}
		
		div.box4 div fieldset input.submit {
			-moz-border-radius:10px 10px 10px 10px;
		 -webkit-border-radius:10px;
		 -moz-border-radius:10px;
		 border-radius:10px;
    background: url(../images/general/arrow-m-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #D6D6D6 100%) repeat scroll 0 0 transparent;
    background:url(../images/general/buttons/arrow-s-r-teal.png) center right no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#F6F6F6),color-stop(0.5,#D6D6D6),color-stop(0.5,#CACACA),color-stop(1.0,#D6D6D6)) !important;
	background:url(../images/general/arrow-s-r-teal.png) center right no-repeat,linear-gradient(center top,#F6F6F6,#DCDCDC 50%,#CACACA 50%,#D6D6D6 100%) !important;
	background-color:#eee;
	border: 1px solid #999999;
		font-size:14px;
		font-family: Trebuchet MS,arial,helvetica,sans-serif;
		background-position: -10000px 0 !important;
		color: #47646c;
		padding:5px 8px;
		cursor:pointer;
		margin:.5em 0;
		text-transform:lowercase;
		vertical-align:middle;
			width: 87px !important;
		}

	div.box4 div fieldset input.submit:hover{background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;}

		div.box4 form {
		 -moz-border-radius: 8px 8px 8px 8px;
		 -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
		 -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);
		 box-shadow:0 2px 5px rgba(0,0,0,0.25);
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
		background-color: #77979F;
		background-image: -moz-linear-gradient(center top , #9FB9BF, #4A727B);
		border: 1px solid #527880;
		color: #FFFFFF;

		min-height: 1px;
		padding: 10px;
  
		}

	/* *************************************************************************
		Box style 5
	************************************************************************* */
		
		div.box5 {
			border: solid #7E7E7E;
			border-width: 1px 0;
			background-color: #ebebeb;
		}
		
		div.box5 div.first {
			float: left;
			width: 48%;
		}
		
		div.box5 div.second {
			float: right;
			width: 49%;
			background-color: #fff;
		}
		
		div.box5 div.second p {
			padding: .5em 0 0 1em;
		}
		
		div.box5 div.second h3 {
			padding: .5em 0 0 1em;
		}

		
		
		
/*********************************************************************************
		Style 6
**********************************************************************************/		


	
div.box6{
		margin: 0 0 1em 0;
		
}
body#vacDetails div.box6 h3{background:none;border-bottom:1px dashed #000000;padding:2px 9px 2px 0;margin:0 0 8px 0;}
body.confirm div.box6 h3{background:#dae7ea;}
div.box6 h3{
		background:#A8A9AD;
		color: #000000;
		margin: 0;
		padding: 2px 9px;
}
body#vacDetails div#luckyDip{background:#ffffff;}
div.box6Wrap{
		border: 1px solid #000;
		padding: 8px;	
		}
		
/*********************************************************************************
		Style 7
**********************************************************************************/			
		
div.box7{
			margin: 0 0 1em 0;
			position: relative;
			 -moz-border-radius: 8px 8px 8px 8px;
			 border-radius: 8px 8px 8px 8px;
			 -webkit-border-radius: 8px 8px 8px 8px;
			background-color: #77979F;
			background: -moz-linear-gradient(center top , #9FB9BF, #4A727B);
			-webkit-gradient(linear,left top,left bottom,color-stop(0,#F6F6F6),color-stop(0.5,#D6D6D6),color-stop(0.5,#CACACA),color-stop(1.0,#D6D6D6));
			linear-gradient(center top,#F6F6F6,#DCDCDC 50%,#CACACA 50%,#D6D6D6 100%);
			border: 1px solid #527880;
			color: #FFFFFF;
}

div.box7 h3{
			/*background: #1875A5;*/
			color: #fff;
			margin: 0;
			padding: 2px 9px;
			text-align: left;
			-moz-border-radius: 8px 8px 8px 8px;
			border-top: 1px solid #E7EDEF;
			border-bottom:1px dotted #ffffff;
}

div.box7Wrap{
			/*border: 1px solid #1875A5;*/
			padding: 8px;
	
}		


/***************************************************************
	Info boxes
***************************************************************/
body#vacDetails div#vacancyDetails h1{margin:0 0 0.5em 0px}
body#semi_display div#vacancyDetails div.infoBox1{width:483px;}
div.infoBox1{	
	background: #fff ;
	border: 1px solid #000;	
	margin: 1em 0 .8em 0;
	padding: 8px;
	position: relative;
	width: 585px;
	float:left;
}
	
/* *****************************************************************************
	Label column layout - for use on forms
***************************************************************************** */

	.label-columns {
		margin: .8em 0 0 0;
	}
	body#advanced-search .label-columns span {
		float:left;
		padding:0 0 5px;
		width:100%;
	}
	.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: 90%;
		_font-size: 90%; /* for IE */
		clear: both;
		border: 1px solid #A3A3A3;
	}
	
	table,
	table th,
	table td {
		border: none;
		border-collapse: collapse;
	}
	body#agency_data form table#agency_data_main{margin:1em 0 1em 0;float:left;border:1px solid #000000;}
	body#agency_data form table#agency_data_main tbody tr td{border:1px solid #000000;}
	body#agency_data form table#agency_data_main thead tr th{border-right:1px solid #000;border-bottom:0px none;}
	table th {
		background-color: #DAE7EA;
		color: #333;
		font-weight: bold;
		text-align: left;
		font-size:11px;
	}
	
	table th,
	table td {
		padding: .3em 4px;
		vertical-align: top;
		border-bottom: 1px solid #ebebeb;
	}
	
	table td a em {
		font-style: normal;
		color: #1875A5;
		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;
		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{
		background-color: #fff !important;
		font-weight: normal;
		border: dotted #cccccc;
		border-width: 0 0 1px 0;
		color: #000;
	}
	
	table.colhighlight td,
	table.colHighlight td {
		background-color: #dae7ea;
		width:60%;
		padding-left: 8px;
	}
	
	table.colhighlight td.leftSide,
	table.colHighlight td.leftSide {
		background-color: #FFF;
		width:40%;
	}
	
	table.colhighlight h2,
	table.colHighlight h2{
		background-color: #fff;
		color: #000;
		padding: .05em 0; /* CHANGED from padding: 2em 0;  JP */
	}
	
	table.colhighlight span,
	table.colHighlight span{
		font-size:14px;
		font-weight: normal;
	}
	
	table.colhighlight td div.column,
	table.colHighlight td div.column{
		float: left;
		width: 225px;
	}
	
	table.colhighlight tr.line td,
	table.colHighlight tr.line td{
		border: solid #7E7E7E;
		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 {
		border-bottom: 1px solid #fff;
		text-align:left;
		vertical-align: top;
		background-color:#dae7ea;
		color:#000000;
		font-weight: bold;
		font-size: 100%;
	}
	table.rlAdmin th a{color:#000000;}
	table[class="rlAdmin"].rlAdmin tr td,
	table[class="rlAdmin"].rlAdmin tr th {
		font-size: 120%;
	}
	
	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;
	}
	
	table tr.odd td {
		background-color: #ffffff !important;
	}

	table tr.odd a{
	padding-right:10px;
	}
	table.rlAdmin tr td a.shtLstExpireToday{padding:0 10px 0 0;}
	table.rlAdmin tr td a.shtLstExpired, table.rlAdmin tr td a{padding:0 10px 0 0;}
	table.rlAdmin tr td.status {
		text-align: center;
	}
 table.rlAdmin[class="rlAdmin"] tr td div.joblink{width:100%;float:left;padding:0 10px 0 0;}
 table.rlAdmin[class="rlAdmin"] tr td div.deletelink{margin-left:0px}
 body#list_applications table.rlAdmin tr{border:1px solid #000000;}
/* *****************************************************************************
	Table - newRecruit used for rl_admin
***************************************************************************** */

	table.newRecruit {
		border-left: none;
		border-right: none;
	}
	
	table.newRecruit tbody {
		background-color: #ebebeb;
	}
	
	table.newRecruit thead th {
		border: none;
		border:0px none;
		background-color:#dae7ea;
		color: #000000;
		font-weight: bold;
		font-size: 120%;
		text-align: center;
	}
	
	table.newRecruit tbody td {
		border: none;
		background-color: #fff;
	}
	
	table.newRecruit tbody tr td input {
		margin: 0 0 0 1em;
		width: 150px;
		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 {
		border: 1px solid #fff;
		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: 780px !important;
	}

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

	 body#cvDisplay table#cvMarkup font b {
		color: #1875A5;
		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: solid #7E7E7E;
		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;
	}

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

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

/* *****************************************************************************
	2nd back to top style button
***************************************************************************** */
	
	.backToTop2 {
		width: 6.6em;
		float: right;
		margin: 5px 0;
	}
	
	.backToTop2 p {
		padding: 0;
		margin: 0 0 1em 0;
	}
	
	.backToTop2 p a {
		font-size: 80%;
		border: 1px solid #1875A5;
		padding: 0 18px 0 4px;
		text-decoration: none;
		background:url(../images/general/back_to_top2.gif) top right no-repeat;
	}

/* *****************************************************************************
	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 {
		border: 1px solid #1875A5;
		padding: 5px 6px 44px 6px;
		text-align: center;
		background: #ebebeb 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;
	}
	
	.basicborderbox {
		padding: 1px;
		border: 1px solid #ebebeb;
	}

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

	.center td, .center th, .center {
		text-align: center !important;
	}
	
	.right td, .right th {
		text-align: right !important;
		
	}
	
	.disabled_text {
		color: #c0c0c0;
	}
	
	
	 /* This is used to stop the display of background images */
	
	body.nobg #container,
	body.nobg #wrapper { 
		background-image: none;
	}
	
	 /* This is used to stop the navigation showing */
	body.nonav #navTabs,
	body.nonav #headerBanner {
		display: none;
	}
	/*body.nonav #wrapper{
		padding-top: 1em;
	}*/
	
	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;
	}
	
/* *****************************************************************************
    Iframe styles
***************************************************************************** */

	iframe.frame-display {
		border: 0;
		height: 600px;
		padding: 0;
		width: 760px;
    }

	body#cvDisplay iframe.frame-display {
		border: 0;
		height: 600px;
		width: 100%;
    }
	
	body#cvDisplay #wrapper{
		text-align: left;
    }

    body#ins_vac iframe.frame-display {
		border: 0;
		height: 500px !important;
		margin: 0 0 1em 0;
		padding: 0;
		width: 760px;    
    }

/* *****************************************************************************
	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: #ffffff;
		font-size: 90%;
		-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);
	}
	
	div.sideLinks h4 {
		background:#dae7ea;
		padding: 4px;
		margin: 0 0 .2em 0;
		color:#000000;
	}
	
	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;
		margin: 0;
		padding: 0;
		width: 24%;
	}

/* *****************************************************************************
	Client Demo Display advert - sales tool
***************************************************************************** */
	body#demoDisplay{
		background: #fff;
	}
	body#demoDisplay #wrapper{
		background: transparent url(/images/jbe/header_logo.gif) 0 0 no-repeat;
        width: 770px;
        margin:10px auto;
	}
	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: 400px;
		text-align: left;
	}
	body#demoDisplay #wrapper {
		min-height: 0;
		height: auto;
		overflow: hidden;
		padding: 0 0 40px 0;
	} 
	html>body#demoDisplay #wrapper {
		height: auto;
	}

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

	/* *************************************************************************
		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 #FEA814;
			margin-bottom: 1em;
		}
		
		body#cvDisplay div.hbar h1 {
			border: 0 !important;
			margin-bottom: 0;
		}
		
		body#cvDisplay .left {
			float: left;
		}
		
		body#cvDisplay .right {
			float: right;
		}

/* *************************************************************************
	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%;width:485px;
	}
	
	.indent {
		margin-left: 35px;
	}

/***************************************************************
	SiteMap
***************************************************************/

	body#sitemap #channels h2 {
		color: #000; 
		padding: 3px 5px;
		font-size: 1.2em;
		background:#EBEBEB !important;
		border-bottom:solid 1px #7E7E7E !important;
		margin: 0;
	}	
*html body#sitemap #channels h2{		
		background-color:#EBEBEB !important;		
		border-bottom:solid 1px #7E7E7E !important;
		width:100%;
		display:block;
		}
	body#sitemap #channels h3 {
		border-bottom: solid 1px #7E7E7E;
		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;
	}
 

	#p1_invalid_0_row td, #p1_invalid_0
	{
		float:left;
		width:97%;
	}
	
	#p1_invalid_0
	{
		width: 70% !important;
	}
	
	#p1_invalid_0_row a
	{
		margin:3px 0 0 5px;
	}


/* *****************************************************************************
	Patches
***************************************************************************** */
	body#vacSearch #content{width:960px;position:static;background:none;-moz-box-shadow:none;padding:0px;-webkit-box-shadow:none;box-shadow:none;}
	#content{float:left;position:static;width:780px;padding:20px;margin:5px 0 15px 0; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);background:#ffffff;}
	/* */
	@media tty {
	i {content: "\";/*" "*/}} @import 'winie5x.css'; /*";}
	}/* */
	
	
	/* Hide from Mac IE5 - table borders white - voice family hides from Win IE5.x*/
	/* \*/
	
	body#list_applications table.rlAdmin tr td {
		font-size: 120%;
		border-right: 1px solid #000000;
		
	}

	body#list_applications table.rlAdmin th {
		border-right: 1px solid #000;
	}
	table.rlAdmin th {
		border-right: 1px solid #FFF;
	}
	
	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 #fff;
		
	}
	
	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;
	}
	/* */

/************************************
Service Agreement
************************************/
body#service{
margin:0;
padding:0;
text-align:center;
background-color:#ffffff !important;
font-size:12px !important;
}
body#service strong{
color:#000000 !important; /** to be change according to the site color **/
font-weight:bold;
}
body#service table.gray_br{
margin:0 auto;
border:solid 10px #eeeeee;
width:920px;
text-align:left;
font-size:12px !important;
border-collapse:inherit !important;
}
body#service font, font *{
text-decoration:none !important;
}

body#service table#top_logo td img{
padding:10px 30px 0 0;
margin:0;
text-align:right;
}

body#service table.gray_br h1{
border:0 none !important;
line-height:65px;
clear:both;
font-weight:bold;
display:block;
color:#000000 !important; /** to be change according to the site color **/
font-size:28px !important;
margin:0;
padding:0;
float:left;
}
body#service table.gray_br em{
font-style:normal;
font-weight:bold;
}
body#service tr td table#servicetab
{
border-top:1px solid #c9c9c9;
font-size:12px !important;
border-style:none !important;
}
body#service tr td table#servicetab th
{
border-bottom:1px solid #c9c9c9;
border-left:0 none !important;
border-right:0 none !important;
background:transparent !important;
color:#000000 !important; /** to be change according to the site color **/
font-weight:bold;
text-align:left;
font-size:14px !important;
}
body#service tr td table#servicetab td
{
border-bottom:1px solid #c9c9c9;
padding:5px;
}

body#service tr td table#servicetab td strong{
color:#000000 !important; /** to be change according to the site color **/
font-weight:bold;
text-align:left;
font-size:14px !important;
}

body#service table td.nam_pr{
border-bottom:1px solid #000000;
padding:0 0 6px 0;
}
body#service table td.nam_pr strong{
color:#000000 !important;
}
body#service table td.s2 strong{
color:#000000 !important;
}
body#service table td.s3 strong{
color:#000000 !important;
}
body#service table td.s4 strong{
color:#000000 !important;
}
body#service table td.s2{
border-bottom:1px solid #000000;
padding:6px 0 6px 0;
}
body#service table td.s3{
border-bottom:1px solid #000000;
padding:50px 0 6px 0;
}
body#service table td.s4{
border-bottom:1px solid #000000;
padding:15px 0 6px 0;
}

/************ Form ************************/

body#js_service div#form_down{
margin:0 auto;
width:940px;
font-family:Arial;
text-align:left;
color:#000000 !important;
display:block;
}
body#js_service p{
text-align:left;
padding:0;
margin:0;
}
body#js_service div.form_box{
clear:both;
width:900px;
text-align:left;
page-break-before:always;
margin:0;
padding:10px 0 0 40px;
float:left;
}

body#js_service div.form_input{
display:block;
width:280px;
float:left;
}
body#js_service div.form_input label{
display:block;
font-size:12px;
font-weight:bold;
margin:0;
color:#000000 !important; /** to be change according to the site color **/
padding:2px;
}
body#js_service .confirm{
clear:both;
padding:10px 0;
margin:0;
}

body#js_service div.confirm label strong{
color:#000000 !important; /** to be change according to the site color **/
}

body#js_service div.po_num{
clear:both;
padding:10px 0;
margin:0;
}
body#js_service div.po_num input.text {
margin:0 0 0 10px;
border:solid 1px #000000 !important; /** to be change according to the site color **/
padding:3px;
width:260px;
}
body#js_service div.form_input input.text {
margin:0;
border:solid 1px #000000 !important; /** to be change according to the site color **/
padding:3px;
width:260px;
}
body#js_service div#form_down form input.submit {
border:0 none;
cursor:pointer;
float:left;
margin:0.5em 1em 0.5em 0;
background-color:#7c7f80 !important;
border:1px solid #494a4a !important;
overflow:visible;
font-weight:bold;
text-transform:lowercase;
font-size:13px !important;
padding:2px 10px;
}

body#js_service div.checkbox{
display:block;
margin:5px 0;
padding:0;
}
body#js_service div.am_con{
clear:both;
width:100%;
display:block;
float:left;
margin:0;
padding:10px 0;
}
body#js_service div#form_down div.form_box p.error{
color:#cc0000;
font-style:normal;
margin:0;
padding:0;
}
body#js_service div#form_down div.form_box p.error ul{
margin:0;
padding:2px 0 0 18px;
}
body#js_service div#form_down div.form_box p.error ul li{
list-style-type:disc;
}
body#js_service p.amend
{
clear:both;
float:left;
width:880px;
margin:0;
padding:0 0 0 40px !important;
}
body#js_service p.amend1
{
clear:both;
float:left;
width:880px;
margin:0;
padding:0;
}
body#js_service p.red
{
color:red;
padding:10px 0 0 40px !important;
*padding:0 0 0 10px !important;
}

/**************** Amend_cancel **********************/

body#amend_cancel div#form_down{
margin:0 auto;
width:940px;
font-family:Arial;
text-align:left;
color:#000000 !important;
}
body#amend_cancel div.form_box{
clear:both;
width:900px;
text-align:left;
margin:0;
page-break-before:always;
padding:10px 20px 0 20px;
float:left;
}
body#amend_cancel div.form_box h1{
border:0 none;
color:#000000 !important; /** to be change according to the site color **/
}
body#amend_cancel div#form_down form input.submit {
cursor:pointer;
border:0 none;
float:left;
margin:0.5em 1em 0.5em 0;
padding:2px 10px;
overflow:visible;
text-transform:lowercase;
font-weight:bold;
font-size:13px !important;
}
body#amend_cancel div#form_down div.form_box textarea.txt_area {
border:1px solid #000000; /** to be change according to the site color **/
color:#000000; /** to be change according to the site color **/
margin:5px 0;
padding:0;
width:441px;
}
body#amend_cancel p.error{
color:#cc0000;
font-style:normal;
margin:0;
padding:0;
}
body#amend_cancel p.error ul{
margin:0;
padding:2px 0 0 18px;
}
body#amend_cancel p.error ul li{
list-style-type:disc;
}

/***************  Message  ************************/

body#cla{
width:890px;
border:solid 10px #eeeeee;
margin:10px auto;
padding:10px;
text-align:left;
}
body#cla p
{
margin:0px;
padding:0 0 10px 0;
}
body#service table th,table td {
border-bottom: 0 none;
}

input.jsPasswordCurrent, input.jsPasswordChange, input.jsPasswordConfirm {
border:1px solid #CCCCCC;
}

#filter_form fieldset {
	border:0 none;
}

legend {
display:none;
}