@charset "utf-8";
/* CSS Document */

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-image: url(images/top-bgd.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	margin:0px;
	color: #656565;
}

.clearer { clear:both;}

h1 {font-size: 1.6em; color: #019a98; font-weight: normal; padding-top: 35px; padding-bottom: 10px;}
h2 {font-size: 1.2em; font-weight: bold; padding-left: 15px; color:#019a98; background-image:url(images/circle_red_arrow.gif); background-position:center left; background-repeat:no-repeat;}

a:link, a:visited  	{color:#cc0033; text-decoration: none; }
a:hover, a:focus  	{color:#019a98; text-decoration: none; }

#outercontainer { width: 1043px; padding: 0px 0px 20px 0px; margin: 0px; }

#bgdcontainer {
	width: 1043px;
	padding: 0px; margin: 0px;
	background-image: url(images/bgd.jpg); background-position:top; background-repeat:no-repeat;
}

#logo {
	width: 1000px;
	padding: 24px 43px 17px 0px;
	margin: 0px;
	text-align:right;
}

#breadcrumbs {
	width: 794px;
	padding: 23px 20px 9px 229px;
	margin: 0px;
	color:#FFFFFF;
}

#imagerow {
	width: 772px; height: 261px;
	margin: 0px;
	padding: 0px 0px 0px 229px;
}

#middle_container {
	width: 1043px;
	margin: 0px;
	padding: 0px;
}

.nav {
	width: 218px;
	margin: 0px;
	padding: 15px 0px 0px 10px;
	float:left;
}

.nav ul				{ width: 214px; padding: 0px 0px 0px 5px; margin:0px; background-image:url(images/nav-lines-4.jpg); background-position:left; background-repeat: no-repeat; }
.nav li				{ width: 138px; padding: 0px 0px 0px 10px; list-style:none; color:#cfcfcf; }
.nav li a, 
.nav li a:visited	{ width: 123px; padding: 4px 0px 4px 20px; color: #000000; display: block; text-decoration: none; background-image:url(images/nav-redarrows.jpg); background-position: center left; background-repeat:no-repeat;}
.nav li a:hover, 
.nav li a:focus,
.nav li a.selected, 
.nav li a:visited.selected, 
.nav li a:focus.selected, 
.nav li a:hover.selected 	{ width: 123px; padding: 4px 0px 4px 20px; color: #019a98; display: block; text-decoration: none; background-image:url(images/nav-cyanarrows.jpg); background-position: center left; background-repeat:no-repeat;}


#text_col {
	width: 732px;
	margin: 0px;
	padding: 20px;
	background-color:#FFFFFF;
	float:left;
	background-image:url(images/h1-bgd.jpg); background-repeat:repeat-x; background-position:top;
	border-left: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0;
}





/* SEARCH RESULTS + JOB DETAILS pages */

/* overall table */ 
table.Micro {border-collapse:collapse; text-align: left; padding: 0px 0px 0px 0px; margin: 0px; background-color:#d5dbe7;}

/* SEARCH RESULTS PAGE: Table title, location/salary headers */
tr.MicroHeader 		{font-size: 1.1em; font-weight: normal; color:#019a98; border-bottom: solid 1px #fff;}
tr.MicroHeader th 	{padding:5px; }


/* SEARCH RESULTS PAGE: job titles default to links set for all links */
/* SEARCH RESULTS PAGE: background cells + Location, Salary etc... */
tr.MicroItem 		{ }
tr.MicroItem td 	{ padding:5px; border-bottom: dashed 1px #fff; }
tr.MicroAltItem 	{ }
tr.MicroAltItem td 	{ padding:5px; border-bottom: dashed 1px #fff; }

/* SEARCH RESULTS PAGE: 1 to X of X results found text */ 
p.Micro {font-size:1em; color:#666666; padding: 0px; margin: 0px; font-weight:bold;}

/* JOB DETAILS PAGE: job title*/
.title {				
	font-size: 1.6em; font-weight: normal;
	color: #019a98;
	padding-top: 35px; padding-bottom: 10px;
}

/* JOB DETAILS PAGE: back to search + apply links */
.applylinks 							{font-weight: normal; font-size: 1em; padding: 5px 5px 5px 5px; }
a:link.applylinks, a:visited.applylinks {background-color:#019a98; color: #ffffff; text-decoration: none;}
a:hover.applylinks, a:focus.applylinks 	{background-color:#cc0033; color: #ffffff; text-decoration: none;}

/* end of SEARCH RESULTS */




.footer {
	width: 742px;
	position:relative;
	font-size: .8em;
	line-height: 1.4em;
	background-color: #FFFFFF;
	color: #6a6a6a;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 228px;
	padding-top: 17px;
	padding-right: 10px;
	padding-bottom: 17px;
	padding-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d0d0d0;
	border-right-color: #d0d0d0;
	border-bottom-color: #d0d0d0;
	border-left-color: #d0d0d0;
}

.haysfooterlogo 		{
	float: left;
	width: 180px;
	height: 21px;
	margin: 0px;
	padding-right: 17px;
	padding-left: 0px;
}

.footer .pipe { margin: 0 2px 0 5px; color: #009fda; font-size: 1.2em; color: #FFFFFF; border-left: #00aeef solid 1px; }
.footer a:link, .footer a:visited  	{color:#3e5991; }
.footer a:hover, .footer a:focus  	{color:#162b61; text-decoration: underline; }
