/* Galliford */
/*============================== GENERIC TAGS 
These styles will affect all the generic tags within the IR center. 
Since they are within the #hsbody id they will not be affected by 
conflicting styles implemented by client's developers and integration etc. == */
/* COLOURS 
red: #FD0132;
white: #FFFFFF;
*/
#hsbody {
    text-align: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8em;  /* comment out if integrating */
    margin: 0 0 10px 0;
    padding: 7px 0 10px 0;
}

#hsbody h1, #hsbody h2, #hsbody h3{
  color:#7F8485;
}

#hsbody h1 {
    font-size: 1.3em;     
    margin: 0;
    padding: 4px;
}
#hsbody h2 {
  font-size: 1.3em;
}
#hsbody h3 {
  font-size: 1.2em;
}
#hsbody h4 {
  font-size: 1.1em;
}
 
/* ----------------------------------- Data Table Elements */
#hsbody table {
    background-color: #C1C1C1;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 10px;
}
:root #hsbody table { /* Firefox hack: this removes space between caption and table */
  margin-top: 0;
}
#hsbody caption {
    background-color: #FD0132;
    caption-side: top;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;    
    color: #FFF;
    padding: 3px 5px;
    margin-top: 10px;
}
#hsbody th {
    background-color: #FFF;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
}
#hsbody td.headercell {
  font-size: 1em;
  font-weight: bold;
}
#hsbody td {
  background-color: #FFF;
  font-size: 1em;
}
#hsbody abbr, #hsbody acronym {
  cursor: help;
}
/* ----------------------------------- Form Elements */
#hsbody form {
  margin-bottom: 10px;
}
#hsbody fieldset {
  text-align: left;
  border: 1px solid #C1C1C1;
  padding: 0 10px 10px 10px;
  overflow: none;
}
#hsbody fieldset:hover {
  background-color: #fff5f7;
}
#hsbody legend {
    background: #FD0132;
    text-align: left;
    width: 200px;
    color: #FFF;
    border: 1px solid #C1C1C1;
    padding: 2px 5px;
}
#hsbody select, #hsbody input {
  font-family: Arial, Verdana, Helvetica, sans-serif; /* required as class affects buttons and hrefs to keep consistancy ... */
  font-size: 0.9em; /* ... as buttons have default font and size which is not inherited by previous styles */
  border: 1px solid #C1C1C1;
  padding: 2px 3px;
  margin: 2px 0;
}
#hsbody select:hover, #hsbody input:hover{
  border: 1px solid #589F18;
}
#hsbody input[type="checkbox"], #hsbody input[type="radio"] {
  border: 0;
  margin: 5px;
  vertical-align: middle;
}
#hsbody .button, #hsbody a:link.button, #hsbody a:visited.button {
  background-color: #FD0132;
  color: #FFFFFF;
  font-weight: normal;
  margin: 5px 0;
  padding: 1px;
    cursor: pointer; /* web standard */
    cursor: hand; /* IE/Opera */
}
#hsbody .hidden {/* for hidden elements - labels for readers, etc */
  display: none;
  visibility: hidden;
  
}
/* ----------------------------------- Email Alerts Input Elements */

#hsbody #register {
    width: 450px;
}

#hsbody #register label {
    clear: both;
    float: left;
    width: 200px;
  margin: 0 3px 2px 3px;
}

#hsbody #register input, #hsbody #register select {
    width: 200px;
}
#hsbody #alerts {
}


#hsbody #alerts label {
    display: block;
    width: 170px;   
}
#hsbody #alerts input, #alerts label, #alerts span {
    float: left;
}


#hsbody #alerts input{
    clear: left;
}


/*============================================================== TAILORED TAGS ===*/

/* ----------------------------------- Page Elements */
#hsbody div.hlight {
  color: green;
  padding: 5px;
  margin: 3px 0;
}
#hsbody div.hlight strong {
  font-weight: bold;
}
#hsbody div.alert {
  text-align: center;
  color: #CC3333;
  padding: 3px;
  margin: 2px 0;
}
/* ----------------------------------- Disclaimer div */
#hsbody div.disclaim {
  clear: both;
  margin: 20px 0 10px 0;
}
#hsbody div.disclaim a:link, #hsbody div.disclaim a:visited {
  font-weight: normal;
  text-decoration: underline;
}
/* ----------------------------------- IR HOME page */
#hsbody h3.irhome {
    background: #B1B4B5;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #FFF;
    margin: 0 0 5px 0;  
}
#hsbody #welcome {
    text-align: justify;
    font-size: 1.2em;
    line-height: 20px;
}
#hsbody #welcome p{
    margin: 5px 3px;
}
#hsbody #shareprice {
    float: left;
    text-align: center;
    width: 170px;
    height: 200px;
    border: 1px solid #B1B4B5;
    padding: 5px;
    margin: 10px 5px 20px 0;
}
#hsbody #shareprice p{
    font-size: 0.8em;
    margin: 0;
}
#hsbody #shareprice img.graph {
    border: 3px solid #B1B4B5;
}
#hsbody #announcements {
    float: left;
    width: 170px;
    height: 200px;
    border: 1px solid #B1B4B5;
    padding: 5px;
    margin: 10px 5px 20px 0;    
}
#hsbody #announcements ul {
    font-size: 0.8em;
    list-style: none;
    padding: 5px;
    margin: 5px;
}
#hsbody #announcements li {
    padding-bottom: 4px;
}
#hsbody #links {
    float: left;
    width: 170px;
    height: 200px;  
    border: 1px solid #B1B4B5;
    padding: 5px;
    margin: 10px 0 20px 0;      
}

#hsbody #links ul{
   list-style:none;
   font-size: 0.8em;
   padding: 5px;
   margin: 5px;
}

#hsbody #links p {
    font-size: 0.8em;
    margin: 0;
}
/* ----------------------- RNS NEWS ITEM page */
#hsbody #banner {
    border-bottom: 2px solid #FD0132;
    padding: 0;
    margin-top: -10px;
}
#hsbody #banner h1 {
    font-size: 1em;
    margin: 10px 0 10px 20px;
}
#hsbody #banner div {
    font-size: 0.8em;
    padding: 0 20px;
}
#hsbody #banner a:link, #banner a:visited {
    font-size: 1em;
    color: #FD0132;
}
#hsbody pre {
}
#hsbody div.page {/* leave formatting as is */
    position: relative;
    margin: 3px;
}
#hsbody div.page h2{
    font-size: 0.9em;
    border: 0;
}
#hsbody div.disclaimnews {
    font-size: 0.8em;
    padding: 5px 10px;
}
/* ----------------------- DIRECTOR'S BIOGRAPHIES page */
#hsbody h2.directorsbio {
    clear: left;
    margin: 0 0 10px 0 ; /* left - 131px*/
    border-bottom: 1px solid #FD0132;
}
#hsbody #directorsbio {
    clear: left;
    margin: 10px 0;
}
#hsbody #directorsbio img{ /* image w:81px height: 111px */
    float: left;
    margin: 0 15px 15px 15px;
}
#hsbody #directorsbio h3 {
    margin: 0; /*left - 131px*/
}
#hsbody #directorsbio h4 {
    font-weight: normal;
    text-decoration: underline;
    margin: 0 0 5px 0; /*left - 131px*/
}
#hsbody #directorsbio p {
    margin: 0 0 0 0; /*left - 131px*/
}