/* HAYS - Robert Jones Agnes Hunt Orthopaedic and District Hospital NHS Trust Careers | powered by Hays.com - Specialist Recruitment */

body, html { background: #e5e5e5 url(images/bodybg.gif) center repeat-y; text-align: center; font-family: Arial, Verdana, sans-serif; padding: 0; margin: 0; font-size: small; color: #333333; }

a { font-weight: bold; }
a:link, a:visited { color: #0033CC; }
a:hover, a:focus { color: #3366ff; }

#flash {  margin-bottom: 8px; position: relative; margin-left: -16px; margin-right: -43px; width: 740px; } 
#flashcontent {  }

#container { text-align: left; background: #FFFFFF url(images/mid_bg.gif) 0 70px repeat-x; width: 760px; margin: auto; }

#header { height: 35px; background: url(images/top_left_bg.gif) repeat-x; width: 760px; }
#logo { background: url(images/top_mid_img.gif) left no-repeat; float: right; width: 360px; height: 70px; position: relative;}
#logo img { position: absolute; right: 15px; top: 14px; }

#contentcontainer { background: url(images/mid_bg.gif) repeat-y; }
#content { background: url(images/montageimageetc.jpg) top left no-repeat; padding: 0px 32px 0 32px; position: relative; width: 696px;  }

#nav { width: 208px; background: url(images/navbg.gif) repeat-y; font-weight: bold; float: left; }
#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { list-style: none; padding: 0; margin: 0; }
#nav div { background: url(images/navbottombg.gif) bottom no-repeat; padding: 0 14px 50px 14px; padding-top: 10px; }
#nav a { width: 140px; padding: 9px 20px 10px 20px; display: block; text-decoration: none; background: url(images/nava.gif) repeat-y; border-bottom: #FFFFFF solid 1px; }
#nav a:hover, #nav a:focus { background-position: -180px 0; color: #0033CC; }
#nav li.active { width: 140px; padding: 9px 20px 10px 20px; display: block; text-decoration: none; background: url(images/nava.gif) -360px 0 repeat-y; border-bottom: #FFFFFF solid 1px; color: #FFFFFF; }

#text { margin-left: 215px; line-height: 1.4em; position: relative; }
#text li { margin-bottom: 0.6em; }

h1 { margin-top: 0; color: #0066cc; background:url(images/h1bg.gif) bottom left no-repeat; padding-bottom: 2px; font-size: 2em; font-weight: normal; line-height: 1.4em; margin-top: 5px; }

h2 { color: #0066cc; font-size: 1.3em; line-height: 1.4em; margin-bottom: 0em;  }

.spacer { margin-top: 2em; }
.spacer hr { display: none; }
.floatright { float: right; position: relative; }

.terms { background: #dbe6ef; border: #b2c9df dotted 1px; padding: 10px; position: relative; }
.terms h3 { color: #333333; font-size: small; float: left; width: 11em; display: block; position: relative; margin: 0; clear: right; padding: 0; margin-bottom: 0.5em;}
.terms span { margin-left: 11em; display: block; margin-bottom: 0.5em;}
.terms span.title { color: #0066CC; }

#footer { background: #FFFFFF url(images/footerbg.gif)  top left no-repeat; padding: 40px 32px 20px 46px; position: relative; font-size: 0.85em; line-height: 1.4em; clear: both; width: 682px; }

#flashcontent span { display: block; height: 165px; }

#footer a img { border: none; float: left; margin: -6px 7px 0 0; position: relative; }
#footer a.hayslogo { border: none; }
#footer a { margin: 0 4px;  }
#footer a:link, #footer a:visited {  }
#footer a:hover, #footer a:focus {  }


table { margin: 0.1em 0em 0.6em 0em; }
table caption { text-align: left; color: #666666; }
th, td { border: #4c6ba3 solid 1px; padding: 0.3em; text-align: left; }
th { background: #c0d1ea; }
#rectt th { width: 15em; }
td { background: #d9e3f0; }

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

#jobdetails {  }

#jobdetails a { font-weight: bold; margin-top: 1em; text-decoration: none; padding: 7px; background: #fddb78; border: #feefc5 outset 3px; }
#jobdetails a:hover, #jobdetails a:focus { color: #FFFFFF; background: #fec722; color: #000000; }

#jobdetails .title { color: #666666; font-size: 1.4em; line-height: 1.4em; margin-top: 1em; }

/* APPLICATION FORM */

#applyform { background: #d5dba7; width: 29em; border:0; margin: 0; padding:10px; text-align: right; border: #c0c496 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: #c0c496 solid 1px; border-top: #FFFFFF solid 1px; }
#applyform input { width: 17em; padding: 2px; font-size: small; font-family: Arial, Verdana, sans-serif;  }
#applyform input.radio { width: auto; margin-right: 2em; }
#applyform input.Submit { width: 10em; color: #000000; font-weight: bold;  }
#applyform textarea { width: 17em; padding: 2px; font-size: small; font-family: Arial, Verdana, sans-serif; }
#applyform .border { border: #2b3f03 solid 1px; }

#applyform file { width: 15em; padding: 2px; font-size: small; font-family: Arial, Verdana, sans-serif; border: #2b3f03 solid 1px; }
#applyform li.startinput { border-top: none; padding-top: 0; }
#applyform li.submitinput { padding-top: 2em; }
#applyform li.endinput { border-bottom: none; padding-bottom: 0; color: #c11933; }
#applyform p { margin: 0; }