/* HAYS - Stockley styles */

body, html { background: #FFFFFF; text-align: center; font-family: tahoma, verdana, arial, sans-serif;
 padding: 0 4px; margin: 0; font-size: small; color: #000000;  }

a {  }
a:link, a:visited { color: #0066cb; }
a:hover, a:focus { color: #6799cb; text-decoration: none; }

p { margin: 0 0 1em 0; }
.clearer { clear: both; }
.spacer { height: 2em; }

#container { width: 954px; margin: auto; text-align: left; }

#header { background:url(images/logo.gif) top left no-repeat; height: 100px; margin-top: 20px; padding-left: 254px; padding-bottom: 8px; }
#header h1 { display: none; }

#nav { text-transform: uppercase;}
#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { display: block; float: left; }
#nav a { display: block; float: left; text-decoration: none; color: #FFFFFF;  }
#nav span { display: block; text-align: center; padding: 5px; }

#nav a.welcome { background: #5c6666 url(images/welcomeTopA.gif) top left no-repeat; width: 238px; }
#nav a.welcome span { background:url(images/welcomeBottomA.gif) bottom left no-repeat; }
#nav a.welcome:hover, #nav a.welcome:focus { background-color: #434a4a; }

#nav a.about { background: #666699 url(images/locTopA.gif) top left no-repeat; width: 239px; }
#nav a.about span { background:url(images/locBotA.gif) bottom left no-repeat; }
#nav a.about:hover, #nav a.about:focus { background-color: #4a4a71; }

#nav a.location { background: #6799cb url(images/aboutTopA.gif) top left no-repeat; width: 239px; }
#nav a.location span { background:url(images/aboutBotA.gif) bottom left no-repeat; }
#nav a.location:hover, #nav a.location:focus { background-color: #4b71a0; }

#nav a:hover, #nav a:focus { background-position: -239px 0; color: #b5c1ca; }
#nav a:hover span, #nav a:focus span { background-position: -239px bottom; }

#leftColumn { float: left; width: 200px; padding-top: 40px; }
#leftColumn img { margin-bottom: 40px; }

#content { float: left; width: 530px; padding: 40px 12px; line-height: 1.4em;}

#rightColumn { float: left; width: 200px; padding-top: 40px; }
#rightColumn img { margin-bottom: 40px; }


h2 { color: #5c6f7b; font-family: calibri, 'trebuchet ms', tahoma, verdana, arial, sans-serif; margin: 0 0 0.5em 0; font-size: 2.1em; line-height: 1em;}

h3 { color: #414e57; font-size: 1.3em; line-height: 1.2em; margin: 1em 0 0.5em 0; }




#footer a img { border: none; float: left; margin: -5px 12px 0 0; position: relative; }
#footer a.hayslogo { border: none; }

#footer {  padding: 15px 0 15px 0; position: relative; clear: both; font-size: 0.9em; border-top: #8a9ba6 solid 1px; }
#footer a { margin: 0 6px; }
#footer a:hover, #footer a:focus {  }

.Micro { border-collapse: collapse; }

tr.MicroHeader th { display: none;  }
tr.MicroItem td { padding: 7px; text-align: left; }
tr.MicroAltItem td { padding: 7px; background: #dde8f3; text-align: left; }
#jobcontent { font-size: small; }
.disclaim { color: #666666; }

#jobdetails { }


#jobdetails a { font-weight: bold; text-decoration: none; padding: 5px 15px; background: #dce2f2 url(images/headerbg2.gif) 0 0; border: solid 1px; font-size: 1.3em; }

#jobdetails a:hover, #jobdetails a:focus { background-color: #ced7ee; background-position: 0 -200px; }

p.title { margin: 0 0 0.5em 0; padding: 0; color: #414e57; font-family: calibri, 'trebuchet ms', tahoma, verdana, arial, sans-serif; font-size: 2.3em; }

a.applylinks { display: -moz-inline-box; display: inline-block; clear: none; margin: 1em 1em 2em 0; font-size: 1.1em; width: 119px; padding: 5px 10px 8px 10px; font-weight: bold; background: url(images/applyBtn.gif) 0 0 no-repeat; text-align: center; text-decoration: none; color: #FFFFFF !important;}
a.applylinks:hover, a.applylinks:focus { background: url(images/applyBtn.gif) -139px 0 no-repeat; color: #b5c1ca !important; }


#applyform { background: #cbdced; color: #000000; width: 510px; margin: 0; padding: 10px; text-align: right; border: #97b9db solid 1px; }
#applyform form { margin: 0; padding: 0;}
#applyform fieldset { border: 0; padding: 0; margin: 0; }
#applyform label { vertical-align: top; line-height: 1.6em; }
#applyform ol { list-style: none; margin: 0; padding: 0; }
#applyform li { list-style: none; margin: 0; padding: 5px 0 5px 0; border-bottom: #97b9db solid 1px; border-top: #FFFFFF solid 1px; }
#applyform input { width: 380px; padding: 2px; font-size: small; font-family: Verdana, Helvetica, sans-serif; }
#applyform select { width:380px; padding: 2px; font-size: small; font-family: Verdana, Helvetica, sans-serif; }
#applyform input.radio { width: auto; margin-right: 2em; }
#applyform input.Submit { width: 10em;  font-weight: bold;  }
#applyform textarea { width: 380px; padding: 2px; font-size: small; font-family: Verdana, Helvetica, sans-serif; background: #FFFFFF; }
#applyform .border { border: #8fa2ae solid 1px;}
#applyform file { width: 380px; padding: 2px; font-size: small; font-family: Verdana, Helvetica, sans-serif; border: #999999 solid 1px; background: #FFFFFF;}
#applyform li.startinput { border-top: none; padding-top: 0; }
#applyform li.endinput { border-bottom: none; padding-bottom: 0;}
#applyform p { margin: 0; }
#applyform.attach {color: #FF0000;}