/*************** setup ***************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, s, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
background: #46329d url(../images/vert-body.png) repeat-x top;
font-family: verdana, sans-serif;
font-size: 11px;
color: #4c4c4c;
line-height: 18px;
}

.clear { clear: both; }

p { margin: 0 0 18px 0; }
a { color: #483bae; }


.purple { color: #3f2b89; }
.yellow { color: #e0a800; }
.grey { color:#8a8a8a; }
.right  { text-align: right; }
.fright { float: right; }
.small  { font-size: 10px; }
.left { float: left; }


#container {
width: 902px;
margin: 0 auto;
background: #fff url(../images/horz-sidebar.png) repeat-y right;
}


/*************** setup ***************/


/*************** sprites ***************/

#header,
#header ul#nav li a.n1s,
#header ul#nav li a.n2s,
#header ul#nav li a.n3s,
#main .candidates-big,
#main .candidates-small,
#main .clients-big,
#main .clients-small,
.applicationform .button,
.enquiryform .button,
.sendtoafriend .button,
.emailalertsform .button,
.hurrbutton,
.applybutton,
#joboptions,
#browseboxes #typicalsectors,
#browseboxes #productareas,
#content a#directions,
#sidebar .b-search,
#sidebar #buttons a,
#footer #foottop,
#footer #footlogo {
background-image: url(../images/sprite-main.png);
background-repeat: no-repeat;
}

/*************** sprites ***************/


/*************** header ***************/

#header {
overflow: hidden;
width: 902px;
height: 112px;
margin: 0 auto;
}

	#header a.logo {
	float: left;
	display: block;
	overflow: hidden;
	width: 240px;
	height: 0;
	padding-top: 112px;
	}
	
	#header #tagline {
	float: left;
	overflow: hidden;
	width: 430px;
	height: 0;
	padding-top: 76px;
	}
	
	.telnumContainer { width:212px; height:76px; float:left; }
	
	#header #telnum {
	float: left;
	width: 212px;
	background: url(../images/icon-phone.gif) no-repeat 40px 33px;
	line-height: 76px;
	color: #fff;
	text-align: right;
	font-size: 22px;
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	}
	

	/* NAV BAR */
	/* NAV BAR */
	
	#header ul#nav {
	float: left;
	display: block;
	height: 36px;
	padding-left: 29px;
	list-style: none;
	}
	
		#header ul#nav li { float: left; }
	
		#header ul#nav li a {
		position: absolute;
		display: block;
		padding-top: 10px;
		height: 26px;
		line-height: 12px;
		color: #402b8a;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		font-family: 'century gothic', 'trebuchet ms', sans-serif;
		}
		
		#header ul#nav li a:hover { color: #8476af; }
		
		#header ul#nav li a.n1 { width: 60px; }
		#header ul#nav li a.n2 { width: 77px;  margin-left: 62px; }
		#header ul#nav li a.n3 { width: 89px;  margin-left: 139px; }
		#header ul#nav li a.n4 { width: 180px; margin-left: 438px; }

		#header ul#nav li a.n1s { color: #8476af; background-position: -222px -409px; width: 60px; }
		#header ul#nav li a.n2s { color: #8476af; background-position: -282px -409px; width: 77px;  margin-left: 62px; }
		#header ul#nav li a.n3s { color: #8476af; background-position: -359px -409px; width: 89px;  margin-left: 139px; }


/*************** header ***************/


/*************** content ***************/

#main {
float: left;
width: 609px;
padding: 20px;
}
	
	/* CANDIDATES AND CLIENTS BOXES */
	/* CANDIDATES AND CLIENTS BOXES */
	
	#main .ccboxes { margin-bottom: 20px; }
	
		#main .ccboxes a {
		display: block;
		width: 280px;
		padding: 13px 0 0 13px;
		line-height: 20px;
		font-size: 14px;	
		text-decoration: none;
		font-family: 'century gothic', 'trebuchet ms', sans-serif;
		overflow: hidden;
		}
	
		#main .ccboxes a span { font-weight: bold; font-size: 20px; }
	
		#main a.candidates-big {
		float: left;
		height: 54px;
		color: #e0a800;
		background-position: -609px -215px;
		}

		#main a.clients-big {
		float: right;
		height: 54px;
		color: #4633a7;
		background-position: -609px -148px;
		}
	
		#main a.candidates-small {
		float: left;
		height: 31px;
		color: #e0a800;
		background-position: -609px -326px;
		}

		#main a.clients-small {
		float: right;
		height: 31px;
		color: #4633a7;
		background-position: -609px -282px;
		}
	
	
	/* HOME SECTORS MENU */
	/* HOME SECTORS MENU */
	
	.homemain {
	float: left;
	width: 391px;
	}
	
	#main #homeside {
	float: left;
	width: 178px;
	margin-right: 25px;
	}	
	
		#main #homeside p {
		margin-bottom: 6px;
		padding-left: 10px;
		}

		#main #homeside #sidemenu { border-top: 1px solid #d8d6e1; }
		#main #homeside ul { list-style: none; }
		#main #homeside ul li { float: left; background: none; padding: 0; }
		
		#main #homeside ul li a {
		display: block;
		width: 168px;
		background: #e3e1f2;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #cac7db;
		padding: 5px 0 5px 10px;
		text-decoration: none;
		}
		
		#main #homeside ul li a:hover { background: #efeef7; }
		
		#main #homeside img { margin-top: 1px; }



	/* MAIN CONTENT */
	/* MAIN CONTENT */
	
	#content { padding-left: 15px; }
		
		
		/* headers */
		
		#content h1 {
		margin-bottom: 20px;
		color: #3f2b89;
		letter-spacing: -0.05em;
		font-family: 'century gothic', 'trebuchet ms', sans-serif;
		font-size: 18px;
		}
		
		.pageHeaderImage { height: 0; overflow: hidden; width: 581px; padding-top: 118px;  } 		
		.pageHeaderImageHome { height: 0; overflow: hidden; width: 221px; padding-top: 138px; }
		
		/*#content h1#h1-home       { height: 0; overflow: hidden; width: 221px; padding-top: 138px; background: url(../images/h1-home.png)  no-repeat top left; }
		#content h1#h1-about      { height: 0; overflow: hidden; width: 581px; padding-top: 118px; background: url(../images/h1-about.png) no-repeat; }
		#content h1#h1-contact    { height: 0; overflow: hidden; width: 581px; padding-top: 118px; background: url(../images/h1-contact.png) no-repeat; }
		#content h1#h1-candidates { height: 0; overflow: hidden; width: 581px; padding-top: 118px; background: url(../images/h1-candidates.png) no-repeat; }
		#content h1#h1-clients    { height: 0; overflow: hidden; width: 581px; padding-top: 118px; background: url(../images/h1-clients.png) no-repeat; }*/
		
		#content h2 {
		margin: 24px 0 14px;
		font-size: 18px;
		letter-spacing: -0.05em;
		font-family: 'century gothic', 'trebuchet ms', sans-serif;
		}
	
		
		#content h3 {
		color: #3f2b89;
		}
		
		/* paragraph text */
		
		#content p.dtable span {
		display: block;
		float: left;
		width: 180px;
		color: #8a8a8a;
		}

		#content p.dtable2 { line-height: 24px; }
		#content p.dtable2 .row {
		display: block;
		float: left;
		width: 80px;
		
		}	
		#content p.dtable2 rowcol2 {
		display: block;
		float: left;
		width: 100px;
		
		}	
		
		/* links */
		
		#content a#directions {
		display: block;
		float: right;
		overflow: hidden;
		width: 222px;
		height: 0;
		padding-top: 106px;
		background-position: 0 -409px;
		}
		
		.directionsGoogle {
		display: block;
		float: right;
		overflow: hidden;
		width: 222px;
		height: 150px;
		padding-top: 0px;
		background-position: 0 -409px;
		}
		
		/* lists */
		
		.divContent ul { list-style: none; }
		
		.divContent ul li {
		background: url(../images/bullet.gif) no-repeat 0 6px;
		padding-left: 16px;
		}

		
		/* divs */
		
		.twocol {
		float: left;
		width: 297px;
		}
		
	

	/* FORMS */
	/* FORMS */
	
	#content .fields    { height: 38px;  }
	#content .fields-ta { height: 181px; }
	#content .fields-up { height: 51px;  }

		#content label {
		display: block;
		float: left;
		width: 80px;
		line-height: 35px;
		}
		
		#content label span {
		color: #ff0000;
		}
		
		#content input, #content, select { float: left; }
		
		
		#content input.textbox-big,
		#content input.textbox-xbig,
		#content input.textbox-small {
		height: 21px;
		padding: 5px;
		background: #f6f5f1;
		border: 1px solid #e2e0d8;		
		}
		
		#content input.textbox-xbig  { width: 308px; }
		#content input.textbox-big   { width: 241px; }
		#content input.textbox-small { width: 193px; }
		
		#content select.xbig,
		#content select.xsmall {
		height: 33px;
		padding: 5px;
		background: #f6f5f1;
		border: 1px solid #e2e0d8;
		}

		#content select.xbig   { width: 320px; }
		#content select.big    { width: 241px; }
		#content select.small  { width: 193px; }
		#content select.xsmall { width: 140px; }
	
		#content input.upload   { padding: 0; margin: 6px 0; }
		
		#content .smalltext {
		float: left;
		display: block;
		width: 200px;
		font-size: 10px;
		color: #9e9e9e;
		margin-bottom: 10px;
		line-height: 34px;
		padding-left: 10px;
		}
		
		#content .checkdiv 	{
		float: left;
		width: 30px;
		}
		
		#content .labeldiv {
		float: left;
		width: 300px;
		}
		
		#content input.checkbox { margin: 10px 0 16px 5px; }

		#content label.labelright {
		width: 300px;
		}

		#content textarea {
		float: left;
		width: 490px;
		height: 170px;
		padding: 5px;
		background: #f6f5f1;
		border: 1px solid #e2e0d8;
		}
		
		
		/* APPLICATION FORM */

			.applicationform .button {
			display: block;
			margin-left: 75px;
			width: 150px;
			overflow: hidden;
			font-size: 10px;
			padding-top: 39px;
			height: 0px;
			border: none;
			cursor: pointer;
			background-position: -114px -292px;
			}

			.applicationform .button:hover  { background-position: -114px -331px; }
			.applicationform .button:active { background-position: -114px -370px; }


		/* SUBMIT BUTTON */

			.enquiryform .button, .sendtoafriend .button {
			display: block;
			margin-left: 75px;
			width: 81px;
			text-indent: -999px;
			font-size: 0;
			line-height: 0;
			height: 39px;
			border: none;
			cursor: pointer;
			background-position: -265px -292px;
			}

			.enquiryform .button:hover  { background-position: -265px -331px; }
			.enquiryform .button:active { background-position: -265px -370px; }
			
			.sendtoafriend .button {
			margin-left: 145px;
			}


		/* EMAIL ALERTS FORM */

			.emailalertsform .tobox {
			display: block;
			float: left;
			width: 40px;
			line-height: 35px;
			text-align: center;
			}

			.emailalertsform .button {
			display: block;
			margin-left: 75px;
			width: 149px;
			text-indent: -999px;
			font-size: 0;
			line-height: 0;
			height: 39px;
			border: none;
			cursor: pointer;
			background-position: -345px -292px;
			}

			.emailalertsform .button:hover  { background-position: -345px -331px; }
			.emailalertsform .button:active { background-position: -345px -370px; }
			
		/* MESSAGES */
		
			.formsuccess {
			padding: 10px;
			margin-bottom: 20px;
			background: #e1ffcd;
			border: 2px solid #518000;
			color: #518000;
			}
		
			.formfailed {
			padding: 10px;
			margin-bottom: 20px;
			background: #ffcdce;
			border: 2px solid #c40001;
			color: #8f0000;
			}
		
		
	/* CANDIDATES PAGE BOXES */
	/* CANDIDATES PAGE BOXES */
	
	#browseboxes { margin-bottom: 20px; }
	
		#browseboxes h2 {
		margin: 0 0 14px;
		font-size: 18px;
		letter-spacing: -0.1em;
		font-family: 'century gothic', 'trebuchet ms', sans-serif;
		}
		
		#browseboxes #typicalsectors {
		position: absolute;
		margin-left: -14px;
		width: 274px;
		height: 225px;
		padding: 18px 0 0 20px;
		background-position: -902px -243px;
		color: #e0a800;
		}
		
		#browseboxes #typicalsectors ul { width: 264px; }
		#browseboxes ul li { background: none; padding: 0; }
		#browseboxes #typicalsectors ul li a { color: #856500; }
		
		#browseboxes #productareas {
		float: right;
		width: 274px;
		height: 225px;
		padding: 18px 0 0 20px;
		background-position: -902px 0;
		color: #3f2b89;
		}
		
		#browseboxes ul {
		float: left;
		width: 132px;
		font-size: 13px;
		line-height: 24px;
		font-family: 'century gothic', 'trebuchet ms', sans-serif;
		list-style: none;
		}
		
		#browseboxes ul li a       { text-decoration: none; }
		#browseboxes ul li a:hover { text-decoration: underline; }
		
		
	/* CANDIDATES PAGE LIST */
	/* CANDIDATES PAGE LIST */
	
	#content .typicallist { margin-bottom: 20px; }
	
		#content .typicallist ul {
		float: left;
		color: #e6c83c;
		line-height: 24px;
		font-weight: bold;
		list-style: none;
		}
		
		#content .typicallist ul li {
		background: url(../images/bullet.gif) no-repeat 0 9px;
		padding-left: 16px;
		}
		
		#content .typicallist ul li a { text-decoration: none; }
		#content .typicallist ul li a:hover { text-decoration: underline; }		

	
	/* JOB OPTIONS BOX */
	/* JOB OPTIONS BOX */
	
	#joboptions {
	width: 279px;
	height: 83px;
	padding: 10px 0 0 14px;
	background-position: -609px -370px;
	}
	
		#joboptions ul.jobList { list-style: none; line-height: 24px; }
		
		#joboptions ul.jobList li { background: none; padding: 0; }
		
		#joboptions ul.jobList li a {
		background: url(../images/listarrow.gif) no-repeat 0 6px;
		padding-left: 12px;
		font-size: 12px;
		font-family: 'century gothic', 'trebuchet ms', sans-serif;
		}
		
		
	/* APPLY NOW BUTTON */
	/* APPLY NOW BUTTON */
	
		#content .applybutton {
		display: block;
		margin: 0 0 0 -5px;
		width: 168px;
		height: 0;
		padding-top: 48px;
		overflow: hidden;
		background-position: -436px -148px;
		}

		#content .applybutton:hover  { background-position: -436px -196px; cursor:pointer; }
		#content .applybutton:active { background-position: -436px -244px; }
	
	
	/* SEARCH RESULTS PAGINATION */
	/* SEARCH RESULTS PAGINATION */
	
	.searchresults { width: 595px; }
	
		.searchresults .pagination        { height: 40px; overflow: hidden; }
		
		.searchresults .pagination .currentpage { float: right; }
		
		.searchresults .pagination span a {
		float: left;
		display: block;
		padding-right: 5px;
		margin: 0 5px;
		}
		
		.searchresults .pagination .first,
		.searchresults .pagination .previous,
		.searchresults .pagination .next,
		.searchresults .pagination .last {
		float: left;
		display: block;
		width: 18px;
		height: 0;
		padding-top: 18px;
		overflow: hidden;
		margin: 0 5px;
		
		}
		
		.searchresults .pagination .first    { background: url(../images/icon-page-first.gif) no-repeat 3px 6px;  }
		.searchresults .pagination .previous { background: url(../images/icon-page-previous.gif) no-repeat 3px 6px; }
		.searchresults .pagination .next     { background: url(../images/icon-page-next.gif) no-repeat 3px 6px; }
		.searchresults .pagination .last     { background: url(../images/icon-page-last.gif) no-repeat 3px 6px; }
	
	
	/* SEARCH RESULTS TABLE */
	/* SEARCH RESULTS TABLE */
	
	.searchresultstable { padding-bottom: 20px; }
	
		.searchresultstable .tablehead {
		background: #cecece url(../images/vert-table.png) repeat-x;
		line-height: 38px;
		height: 38px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		font-family: 'century gothic', 'trebuchet ms', sans-serif;
		
		}
		
		.searchresultstable .tableresult {
		margin-top: 3px;
		padding: 10px 0;
		color: #4c4c4c;
		}
		
		.searchresultstable .tr1 { background: #f2e8ff; }
		.searchresultstable .tr2 { background: #f7f2ff; }

		.searchresultstable .col1 { float: left;  width: 264px; padding: 0 0 0 10px; }	
		.searchresultstable .col2 { float: left;  width: 150px; padding: 0 0 0 10px; }	
		.searchresultstable .col3 { float: left;  width: 150px;  padding: 0 0 0 10px; }
		.searchresultstable .sub  { overflow: hidden; height: 50px; }

		.searchresultstable .tableresult .col1 .a {
		color: #46329d;
		font-weight: bold;
		text-decoration: none;
		}
		
		.searchresultstable .col1 p {
		font-size: 10px;
		line-height: 14px;
		margin: 4px 0 0 0;
		}
		
		.searchresultstable a.bottomlink  {
		display: block;
		margin-top: 28px;
		}
	
	
	
	/* BREADCRUMB */
	/* BREADCRUMB */
	
	#breadcrumb { margin: 0 0 20px 15px; }		


/*************** content ***************/


/*************** sidebar ***************/

#sidebar {
float: right;
width: 216px;
padding: 0 16px 20px 20px;
}

	#sidebar h2 {
	margin: 20px 0 20px;
	font-size: 30px;
	color: #4633a7;
	letter-spacing: -0.07em;
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	}

	#sidebar h2.hbig { font-size: 36px; letter-spacing: -0.1em; }
	#sidebar h2 span { color: #fbc929; margin-left: -0.2em; }

	#sidebar h3 {
	margin: 20px 0 20px;
	font-size: 14px;
	color: #5945a2;
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	margin: 0 0 10px 0;
	}
	
	#sidebar h3 a { color: #5945a2; text-decoration: none; }
	#sidebar h3 a:hover { text-decoration: underline; }


	/* JOB SEARCH FORM */
	/* JOB SEARCH FORM */
	
	#sidebar .fields { height: 30px;}
	
		#sidebar label {
		float: left;
		display: block;
		width: 50px;
		font-size: 10px;
		line-height: 26px;
		}

		#sidebar input, #sidebar select {
		float: left;
		width:150px;
		height: 18px;
		background: #fff;
		border: 1px solid #cecb86;
		padding: 2px;
		color: #6e6e6e;
		}

		#sidebar select {
		width:156px;
		height: 24px;
		}

		#sidebar .b-search {
		display: block;
		width: 114px;
		height: 0;
		padding-top: 39px;
		margin-left: 45px;
		border: 0;
		overflow: hidden;
		cursor: pointer;
		background-position: 0 -292px;
		}
		
		#sidebar .b-search:hover  { background-position: 0 -331px; }
		#sidebar .b-search:active { background-position: 0 -370px; }
		

	/* LATEST JOBS */
	/* LATEST JOBS */
	
	#sidebar p.datatable { padding-bottom: 10px; }
	
		#sidebar p.datatable span {
		display: block;
		float: left;
		width: 60px;
		}
		
		.hotjobs {
		padding-top: 5px;
		height: 140px;
		overflow: hidden;
		}
		
	
	
	/* REGISTER AND EMAIL BUTTONS */
	/* REGISTER AND EMAIL BUTTONS */
	
	#sidebar #buttons { padding: 0 0 10px 0; }
	
		#sidebar #buttons a {
		display: block;
		width: 216px;
		height: 0;
		padding-top: 48px;
		overflow: hidden;
		}
	
		#sidebar #buttons a#register        { background-position: -3px -148px; }
		#sidebar #buttons a#register:hover  { background-position: -3px -196px; }
		#sidebar #buttons a#register:active { background-position: -3px -244px; }
		
		#sidebar #buttons a#emailalerts        { background-position: -221px -148px; }
		#sidebar #buttons a#emailalerts:hover  { background-position: -221px -196px; }
		#sidebar #buttons a#emailalerts:active { background-position: -221px -244px; }


/*************** sidebar ***************/


/*************** footer ***************/

#footer {
width: 902px;
margin: 0 auto;
}

	#footer #foottop {
	width: 902px;
	height: 36px;
	background-position: 0 -112px;
	}
	
	#footer ul { list-style: none; float: left; padding-left: 10px; }
	
		#footer ul li {
		float: left;
		color: #9a8fcb;
		line-height: 54px;
		}
	
		#footer ul li a {
		float: left;
		display: block;
		padding: 0 10px;
		color: #fff;
		}
	
	#footer p.copy {
	float: right;
	padding: 0 20px 0 0;
	color: #9a8fcb;
	line-height: 54px;
	}
	
	#footer #footlogo {
	float: right;
	width: 126px;
	height: 53px;
	background-position: -222px -445px;
	}
	
	#footer .iespace {
	float: right;
	width: 20px;
	height: 53px;	
	}


/*************** footer ***************/


/**************** News ticker*****************/

/*#ticker {
  width:180px; height:320px; overflow:auto; 
}

#ticker div { margin-top:0; font-size:10px; } 
#ticker div h3 { font-size:10px; float:left;  width:auto;  }
*/

#ticker { width:180px; height:90px;  overflow:hidden; }
/*
#ticker dt { font:normal 14px Georgia; padding:0 10px 5px 10px; padding-top:10px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative; }
#ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:1px solid #3f2b89; border-left:1px solid #ffffff; position:relative; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker div { margin-top:0; }
*/

/* DIV error panel */

#content .divErrorPanel {
padding: 10px;
margin-bottom: 20px;
background: #ffcdce;
border: 2px solid #c40001;
color: #8f0000;
}

	#content .divErrorPanel ul {
	margin: 10px 0 0 20px;
	list-style: square;
	}
	
	#content .divErrorPanel ul li 	{
	padding: 0;
	background: none;
	}