@charset "utf-8";
/* CSS Document */

/* 
Built by: 			Lucy Tammadge  
BDM/Hays Contact/s:	Pam Saroy  
Date started: 		25 Nov 2008 
Last edited: 		26 Nov  
Edited by: 			Lucy Tammadge 
Microsite code:		
Live date: 

 end of 
*/


body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0px;
	margin:10px;
	color: #000000;
	background-color: #999999;
}

.clearer { clear:both;}
.translate {color:#FF00FF;}

a:link, a:visited {  color:#105ba9; text-decoration: none;}
a:hover, a:focus { color:#4bb958; text-decoration: none; }


h1 {
	color:#009900;
	font-size:1.4em;
	font-weight:bold;
	padding-top: 0px; margin-top: 0px;
	padding-bottom: 9px; margin-bottom: 9px;
	padding-left: 172px;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0px;  margin-top: 0px;
}

h3 {
	color:#009900;
	font-size:1.2em;
	font-weight:bold;
	padding-top: 10px; margin-top: 10px;
}

#outercontainer {
	width: 724px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-image:url(images/top.jpg); background-repeat:no-repeat; background-position: center top ;
	background-color:#FFFFFF;

}

#container {
	width: 690px;
	margin: 0px;
	padding: 0px 17px 0px 17px;

}

#logo-nav-container {
	width: 707px;
	position:relative;
	padding:0px 0px 12px 17px;
	margin:0px;
}


#logo {
	width: 76px;
	height: 77px;
	padding: 0px;
	margin: 13px 0px 0px 0px;
	float:left;
}

.nav {
	width: 386px;
	margin: 0px;
	font-size: .85em; 
	font-weight: bold;
	padding: 0px 0px 0px 244px;
	color: #ffffff;
	float:left;
}

.nav ul						{ padding: 4px 0px 0px 0px; margin: 0px; }
.nav li						{ padding: 0px 0px 0px 0px; margin: 0px; list-style:none; display:inline; }
.nav a, .nav a:visited		{ padding: 32px 0px 0px 20px; float:left; display:block; text-decoration:none; color: #5366af; width: 72px; border-left: dotted 1px #000000;  
								background-image:url(images/navlink-arrow.jpg); background-position: bottom left ; background-repeat:no-repeat;}
.nav a:hover, .nav a:focus 	{ padding: 32px 0px 0px 20px; text-decoration:none; color: #41b341; }


#contentcontainer {
	width: 690px;
	margin: 0px;
	padding: 17px 0px 17px 0px;
	border-top: dotted #999999 1px;
	border-bottom: dotted #999999 1px;
}

#flash {
	width: 516px;
	height: 230px;
	float:left;
	margin: 0;
	padding: 0;
}


.index-buttons { 
	width: 170px; 
	margin: 0px 0px 0px 4px; 
	padding: 0px; 
	float:left; }

.index-buttons ul									{ width: 170px; padding: 0px; margin: 0px; list-style: none; }
.index-buttons li									{ list-style:none; padding: 0px; margin: 0px; width: 170px; }
.index-buttons a, .index-buttons a:visited			{ width: 170px; text-decoration:none; padding: 0px; margin: 0px; display:block;}
.index-buttons a:hover, .index-buttons a:focus 		{ width: 170px; text-decoration:none; padding: 0px; margin: 0px; background-image:url(images/nav-hov.jpg); background-position:top left; background-repeat:no-repeat;}

.button-midblue 	{ background-image:url(images/nav-bgd-midblue.jpg); background-position:top left; background-repeat:no-repeat;}
.button-lightblue	{ background-image:url(images/nav-bgd-lightblue.jpg); background-position:top left; background-repeat:no-repeat;}
.button-darkblue 	{ background-image:url(images/nav-bgd-darkblue.jpg); background-position:top left; background-repeat:no-repeat;}

.index-buttons a img { border: none; margin: 0;}


#leftpanelcontainer {
	width: 150px; 
	margin: 0px 4px 0px 0px; 
	padding: 0px; 
	float:left; 
}

.imgpanel {
	width: 150px; 
	margin: 0px 0px 4px 0px; 
	padding: 0px; 
}

#rightpanelcontainer {
	width: 536px;
	float:left;
	margin: 0;
	padding: 0;
	float:left;
}

.textcontent {
	width: 519px;
	float:left;
	margin: 0;
	padding: 0 0 0 17px;
	float:left;
}

.greybox {
	width: 536px;
	float:left;
	margin: 0;
	padding: 0 0 17px 0px;
	background-image:url(images/greybox-bottom.jpg); background-position: bottom left; background-repeat:no-repeat;
	background-color: #cecfce;
	text-transform:uppercase;
	font-size: .8em;
	line-height: 1.5em;
}

.greyboxtopleft {
	width: 319px;
	background-image: url(images/greybox-topleft.jpg); background-position: top left; background-repeat:no-repeat;
	padding-left: 17px;
	padding-top: 17px;
	padding-right: 13px;
	float:left;
}

.greyboxtopleft p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.greyboximg {
	float:left;
}


/* SEARCH RESULTS + JOB DETAILS pages */



/* overall table */ 
table.Micro {border-collapse:collapse; text-align: left; padding: 0px; margin: 0px;}



/* SEARCH RESULTS PAGE: Table title, location/salary headers */
tr.MicroHeader 		{font-size: 1em; font-weight: normal; color:#999999; }
tr.MicroHeader th 	{padding:5px 0px; border-bottom: solid 1px #4bb958;}


/* SEARCH RESULTS PAGE: job titles default to links set for all links */
/* SEARCH RESULTS PAGE: background cells + Location, Salary etc... */
tr.MicroItem 		{ border-bottom: solid 1px #4bb958;}
tr.MicroItem td 	{ padding:5px 0px; border-bottom: solid 1px #4bb958;}
tr.MicroAltItem 	{ border-bottom: solid 1px #4bb958;}
tr.MicroAltItem td 	{ padding:5px 0px; border-bottom: solid 1px #4bb958;}

/* SEARCH RESULTS PAGE: 1 to X of X results found text */ 
p.Micro {font-size:1em; color:#999999; padding: 0px 0px 0px 0px; margin: 0px;}



/* JOB DETAILS PAGE: job title*/
.title {				color: #009900; font-weight: bold; font-size: 1.2em; padding-top: 15px; margin-top: 15px; }	

/* JOB DETAILS PAGE: back to search + apply links */
.applylinks 							{font-weight: bold; font-size: 1em; padding: 5px; }
a:link.applylinks, a:visited.applylinks {color: #ffffff; text-decoration: none; background-color: #4bb958;}
a:hover.applylinks, a:focus.applylinks 	{color: #ffffff; text-decoration: none; background-color: #105ba9;}

/* end of SEARCH RESULTS */


.footer {
	padding: 17px 17px 17px 17px;
	margin: 0px;
	position:relative;
	font-size: .8em;
	line-height: 1.2em;
	width: 690px;
	color: #999999;
	background-color:#FFFFFF;
	background-image:url(images/footer.gif); background-repeat:no-repeat; background-position: center bottom;
}

.footer .pipe { margin: 0 2px 0 5px; color: #009fda; font-size: 1.2em; color: #FFFFFF; border-left: #00aeef solid 1px; }
.footer  a:hover, .footer a:focus { text-decoration: underline; color: #162b61; }
.haysfooterlogo 		{
	float: left;
	width: 180px;
	height: 21px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 0px;
}