/* Template */
/*============================== 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. == */
#hsbody {
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em; /* comment out if integrating */  
  color: #336699;
  margin: -10px 0 5px 0;
  width: 760px;
  height: 100%;
  border: 0;

}

*html #hsbody {
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em; /* comment out if integrating */  
  color: #336699;
  margin: 0 0 5px 0;
  width: 760px;
  height: 100%;
  border: 0;
}

#bodycontent {
  width: 510px;
  float: left;
  margin: 17px 5px 5px 7px;
}

#nav {
  width: 199px;
  float: right;
  margin: 0;

}

#hsfooter {
  width: 540px;
  clear: both;
  margin: 5px;
  margin-bottom: 0;
}

.contentmenus {
  margin-bottom: 15px;
}

.contentmenus *{
  margin: 0;
  padding-left: 0;
  list-style-type: none;

}


.contentmenus ul li.hsmenusection{
  list-style-type: none;
  font-size: 10px;
  color: #8391C8;
  border-top: 0;
  background-color: #F3F4FA;
  padding: 3px 0 3px 0;
  vertical-align: middle;
  border-bottom: 1px solid #AFB6DC;
}

.contentmenus ul li.hsmenusectionhead{
  list-style-type: none;
  font-size: 10px;
  color: #336699;
  font-weight:bold;
  border-top: 0;
  background-color: #AFB6DC;
  border-bottom: 0;
  padding: 3px 0 3px 5px;
  vertical-align: middle;
}


.hsmenuitem {
  list-style-type: none;
  font-size: 10px;
  color: #8391C8;
  background-color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #AFB6DC;
  font-weight: normal;
  border-top: 0;
  padding-left: 16px;
  margin-top:0;
  
}

#nav li.hsmenuitem a:link, #nav li.hsmenuitem a:visited, #nav li.hsmenuitem a:active{
  color: #8391C8;
  text-decoration: none;
  font-weight:normal;
}

#nav li.hsmenuitem a:hover{
  color: #336699;
  text-decoration: underline;   
}

.hsmenu {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
  margin: 0;
  padding: 0;
}

.hsmenugraphic{
  background: url(../../../../ir/fsj/images/smallbar.gif) repeat-x left top;
}

#hssearchresults {
  border-bottom: 1px solid #DCDCDC;
}

/*------------------------------ IR home page */
#hsbody #bodycontent #irhomepage {
  margin: 0 10px ;
  height: auto;
  }


#hsbody #irhomepage div.homebox {
  float: left;
  margin: 5px;
  border: 1px solid #AFB6DC;
  width: 220px;
  height: 170px;
  background-color: #F3F4FA;
  padding: 5px;
}

#hsbody #irhomepage div.homebox table.hsnewshome {
  background-color: #F3F4FA;
  background-image: none;
  border: 0;
  color: #6777B6;

}
#hsbody #irhomepage div.homebox table.hsnewshome td{
  border: 0;
}

#hsbody #irhomepage div.homebox table.hsnewshome a.hsnewslink{
  border: 0;
  color: #8391c8;
  text-decoration: underline;
  font-weight:bold;
}
#hsbody #irhomepage div.homebox table.hsnewshome a.hsnewslink:hover {
  border: 0;
  color: #8391c8;
  text-decoration: none;
  font-weight:bold;
}


#hsbody #irhomepage div.homebox table.hsnewshome h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
}
#hsbody #irhomepage div.homebox  h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  color: #336699;
}

#hsbody div.homebox a {
  color: #8391c8;
  text-decoration: underline;
  font-weight:bold;

}

#hsbody div.homebox a:hover {
  color: #8391c8;
  text-decoration: none;
  font-weight:bold;
}


#hsbody div.homebox div#quickdiv {
  width: 212px; 
  border: 1px solid #D5D8E9; 
  background-color: #EBEDF4; 
  margin-top: 12px; 
  margin-bottom: 3px;
  padding: 3px;
  height: 94px;
}

*html #hsbody div.homebox div#quickdiv {
  width: 212px; 
  border: 1px solid #D5D8E9; /*#D5D8E9*/
  background-color: #EBEDF4; 
  margin-top: 10px; 
  margin-bottom: 1px;
  padding: 3px;
  height: 98px;
}

#hsbody div.homebox div#quickdiv-ifrs {
  width: 98%; 
  border: 1px solid #D5D8E9; 
  background-color: #EBEDF4; 
  margin-top: 3px; 
  margin-bottom: 0;
  padding: 3px;
  
}

*html #hsbody div.homebox div#quickdiv-ifrs {
  width: 98%;
  border: 1px solid #D5D8E9; /*#D5D8E9*/
  background-color: #EBEDF4; 
  margin-top: 0; 
  margin-bottom: 2px;
  padding: 0;
  
}



#hsbody div.homebox div#quickdiv-ifrs  ul.quick  {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}


#hsbody div.homebox div#quickdiv  ul.quick  {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-top: 7px;
  margin-bottom: 0;
}


#hsbody div.homebox div#quickdiv-ifrs  ul.quick  {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-top: 7px;
  margin-bottom: 0;
}

*html #hsbody div.homebox div#quickdiv  ul.quick  {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-top: 6px;
  margin-bottom: 0;
}

*html #hsbody div.homebox div#quickdiv-ifrs  ul.quick  {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;

}

#hsbody div.homebox div#quickdiv ul.quick li {
  display: block;
  width: 100%;
  list-style: none;
  height: 15px;
  padding: 3px 0 3px 0;
  margin-left: 0;

}

#hsbody div.homebox div#quickdiv-ifrs ul.quick li {
  display: block;
  width: 100%;
  list-style: none;
  height: 15px;
  padding: 3px 0 3px 0;
  margin-left: 0;
  margin-top: 0;

}

#hsbody div.homebox div#quickdiv ul.quick li a{
  background-color: #EBEDF4;
  display: block;
  vertical-align: middle;
  padding: 3px 0 3px 3px;
  margin-left: 0;
  width: 208px;
  color: #8391C8;
  text-decoration: underline;
  font-weight:bold;
}

#hsbody div.homebox div#quickdiv-ifrs ul.quick li a{
  background-color: #EBEDF4;
  display: block;
  vertical-align: middle;
  padding: 3px 0 3px 3px;
  margin-left: 0;
  width: 99%;
  color: #8391C8;
  text-decoration: underline;
  font-weight:bold;
}

#hsbody div.homebox div#quickdiv-ifrs ul.quick li a img{
float: right;
}

#hsbody div.homebox div#quickdiv ul.quick li a:hover {
  background-color: #D7DAED;
  text-decoration: none;
  padding: 2px 0 3px 2px;
  border: 1px solid #C7CBE4;
  color: #8391C8;
  text-decoration: none;
  font-weight:bold;
  }
  
#hsbody div.homebox div#quickdiv-ifrs ul.quick li a:hover {
  background-color: #D7DAED;
  text-decoration: none;
  padding: 2px 0 3px 2px;
  border: 1px solid #C7CBE4;
  color: #8391C8;
  text-decoration: none;
  font-weight:bold;
  }
  
*html #hsbody div.homebox div#quickdiv ul.quick li a:hover {
  background-color: #D7DAED;
  text-decoration: none;
  padding: 2px 0 2px 2px;
  border: 1px solid #C7CBE4;
  color: #336699;
  }
  
*html #hsbody div.homebox div#quickdiv-ifrs ul.quick li a:hover {
  background-color: #D7DAED;
  text-decoration: none;
  padding: 2px 0 2px 2px;
  border: 1px solid #C7CBE4;
  color: #336699;
  }
  
a.finhome {
  display: block;
  width: 218px;
  height: 122px;
  border: 1px solid #EEF0FB;
  margin-top: 0;
  margin-bottom: 0;
  color: #8391c8;

}

a.finhome2 {
  display: block;
  border: 1px solid #EEF0FB;
  margin-top: 0;
  margin-bottom: 0;
  color: #8391c8;

}

a.finhome:hover{
  display: block;
  width: 216px;
  height: 122px;
  border: 1px solid #C7CBE4;
  background-color: #EEF0FB;
  color: #8391c8;
}

a.finhome2:hover{
  display: block;
  
  border: 1px solid #C7CBE4;
  background-color: #EEF0FB;
  color: #8391c8;
}

*html a.finhome:hover{
  display: block;
  width: 216px;
  height: 120px;
  border: 1px solid #C7CBE4;
  background-color: #EEF0FB;
  margin-bottom: 2px;
  
}

*html a.finhome2:hover{
  display: block;

  border: 1px solid #C7CBE4;
  background-color: #EEF0FB;
  margin-bottom: 2px;
  
}


/*------------------------------ END IR home page */


#hsbody .sitemapitem li {
  font-size: 1.3em;
  color: #07396A; 
  font-weight: bold;
  }

#hsbody h1 {
  margin: 0;
  font-size: 17px;
  color: #336699; 
  font-weight: bold;

}
#hsbody h2 {
  font-size: 1.3em;
  color: #336699; 
}
#hsbody h3 {
  font-size: 1.2em;
  color: #336699; 
}
#hsbody h4 {
  font-size: 1.1em;
  color: #336699; 
}

p {
  font-family: verdana, arial;
  color: #336699;
  line-height: 17px;
  }

#hsbody a:link, #hsbody a:visited, #hsbody a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #8391c8;
  text-decoration: underline;
  font-weight:bold;
  }
  
#hsbody a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
  }
/*------------------------------ Data Table Elements */
#hsbody table {
  background: #F9F9FC url(../../../../ir/fsj/images/interface/bg_repeat_long.gif) repeat-x top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  
  
}
/* Firefox hack: this removes space between caption and table */
:root #hsbody table {
  margin-top: 0;
}
#hsbody caption {
  caption-side: top;
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;  
  color: #336699;
  padding: 3px 5px;
  margin-top: 10px;
  background: #ffffff;
}
#hsbody th {
  text-align: left;
  background-color: #f3f4fa;
  font-size: 1em;
  color: #336699;
  font-weight: bold;
  padding: 4px;
}

#hsbody td.tdlightgrey {
  text-align: right;
}


#hsbody td.headercelltd {
  text-align: left;
  background: none;
  font-size: 1em;
  color: #336699;
  
}
#hsbody td.dataCell {
  text-align: right;
}

#hsbody td {
  background-color: none;
  font-size: 1em;
  padding: 3px; 
  border-bottom: 1px solid #DCDCDC;
    text-align: left;

  
}
#hsbody td.headercell {
  background-color: #ffffff;
  font-size: 1em;
  padding: 3px; 
}
#hsbody abbr, #hsbody acronym {
  cursor: help;
}
  
/* ----------------------------------- Form Elements */
#hsbody fieldset {

  text-align: left;
  border: 1px solid #C1C1C1;
  padding: 0px 10px 10px 10px;
  padding-bottom: 0.5em; /* this line and the following one = fix for IE fieldsets */
  position: relative; /* see http://www.webmasterworld.com/forum83/2379.htm */
  margin-bottom: 20px;
  background: #F9F9FC url(../../../../ir/fsj/images/interface/bg_repeat_long.gif) repeat-x top;
}

html>#hsbody fieldset {padding-top: 0.5em} /* see http://www.webmasterworld.com/forum83/2379.htm */

#hsbody fieldset:hover {
  background-color: #F9F9FC;
}
#hsbody legend {
  position: relative; /* this line and the following one = fix for IE fieldsets */
  top: -1em; /* see http://www.webmasterworld.com/forum83/2379.htm */
  background: #ffffff;
  text-align: left;
  color: #336699; 
  border: 1px solid #C1C1C1;
  padding: 2px 5px;
  margin: 0;
}
  
/*----------- allows all calculator forms to align in 2 columns -- layout only */
#hsbody #dividendcalc label, #hsbody #currentcalc label, #hsbody #lookupcalc label, #hsbody #movementcalc label {
  clear: both;
  float: left;
  width: 400px;
}
#hsbody #dividendcalc span, #hsbody #currentcalc span, #hsbody #lookupcalc span, #hsbody #movementcalc span {
  float: left; 
  text-align: right; 
  width: 200px; 
}
#hsbody #dividendcalc br, #hsbody #currentcalc br, #hsbody #lookupcalc br, #hsbody #movementcalc br {
  clear: left;
}/*--------------------------------------------------------------*/
  
#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: 0 3px 2px 3px;
}
#hsbody select:hover, #hsbody input:hover{
  border: 1px solid #A7B0D4;
  background-color: #F3F5FC;
  color: #4D5B91;
}
#hsbody input:hover{
  border: 1px solid #A7B0D4;
  background-color: #F3F5FC;
  color: #000000;
}

#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: #8391C8;
  color: #FFFFFF;
  font-weight: normal;
  margin: 5px 0;
  padding: 1px;
  cursor: pointer; /* web standard */
  cursor: hand; /* IE/Opera */
}
  
/* ---------------------------- This doesn't work in IE
#hsbody input[type="button"], #hsbody input[type="reset"], #hsbody input[type="submit"] {
}*/
  
#hsbody .hidden {/* for hidden elements - labels for readers, etc */
  display: none;
  visibility: hidden;
}
  
/* --------------------- Email Alerts Input Elements */
#hsbody #register label {
  clear: both;
  float: left;
  width: 300px;
  margin: 0 3px 2px 3px;
}
#hsbody #alerts label {
  display: block;
  width: 250px;
}
#hsbody #alerts input, #alerts label, #alerts span {
  float: left;
}
#hsbody #alerts input{
  clear: left;
}
  
/*============================== TAILORED TAGS ===*/
/*--------------------------------------- Alert divs */
#hsbody div.hlight {
  background-color: #F7F8F1;
  color: green;
  padding: 5px;
  margin: 3px 0;
  border: 1px solid #D8E2EB;
}
#hsbody div.hlight strong {
  font-weight: bold;
}
#hsbody div.alert {
  text-align: center;
  background-color: #CC3333;
  color: #FFFFFF;
  padding: 3px;
  margin: 2px 0;
}
  
/*----------------------------------- Disclaimer div */
#hsbody #disclaim {
  clear: both;
  margin: 10px 0 30px 0;
}
#hsbody #disclaim a:link, #hsbody #disclaim a:visited {
  color: #8391c8;
  font-weight: normal;
  text-decoration: underline;
  font-weight:bold;
  
}
#hsbody #disclaim a:hover {
  font-weight: normal;
  text-decoration: none;
  font-weight: bold;
  
}
#hsbody #disclaim a.top:link, #hsbody #disclaim a.top:visited {
  color: #083366;
  font-weight: normal;
  text-decoration: none;
  font-weight: bold;
  
}
#hsbody #disclaim a.top:hover {
  color: #083366;
  font-weight: normal;
  text-decoration: underline;
  font-weight: bold;
  
}

/* ----------------------------------- IR HOME page */
#hsbody h2.irhome {
  background: #07396A url(../../../../ir/tsg/images/interface/home_h2.gif) repeat-x top left;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #FFF;
  padding: 1px 0 25px 0;
  border-top: 1px solid #000;
  border-bottom: 0;
  margin: 0;  
}
#hsbody #welcome {
  text-align: justify;
  font-size: 1.2em;
  line-height: 20px;
}
#hsbody #welcome p{
  margin: 5px 3px;
}
#hsbody #shareprice {
  background: #EFF3F6 url(../../../../ir/tsg/images/interface/home_div.gif) no-repeat bottom right;
  float: left;
  text-align: center;
  width: 250px;
  height: 220px;
  border: 1px solid #B6C8DA;
  border-top: 0;
  margin-right: 15px;
}
#hsbody #shareprice img.graph {
  border: 3px solid #07396A;
}
#hsbody #announcements {
  background: #EFF3F6 url(../../../../ir/tsg/images/interface/home_div.gif) no-repeat bottom right;
  float: left;
  width: 260px;
  height: 220px;
  border: 1px solid #B6C8DA;
  border-top: 0;
  margin-right: 15px; 
}
#hsbody #announcements ul {
  list-style-image: url(../../../../ir/tsg/images/interface/icon_li.gif);
  padding: 0;
  margin: 0 5px 0 25px;
}
#hsbody #announcements li {
  padding-bottom: 4px;
}
#hsbody #links {
  background: #EFF3F6 url(../../../../ir/tsg/images/interface/home_div.gif) no-repeat bottom right;
  float: left;
  width: 250px;
  height: 220px;  
  border: 1px solid #B6C8DA;
  border-top: 0;  
}
#hsbody #links p {
  margin: 2px 5px;
}
#hsbody #links p.note {
  font-size: 0.8em;
  padding: 5px 10px;
  border-top: 1px dashed #B6C8DA;
}
/*------------------------------- RNS NEWS ITEM page */
#hsbody #banner {
  background-color: #F7F8F1;
  color: #333333;
  padding: 0;
  margin-top: -10px;
  border-bottom: 2px solid #07396A;
}
#hsbody #banner h1 {
  font-size: 1em;
  margin: 5px 0 10px 0;
}
#hsbody #banner div {
  font-size: 0.7em;
  padding: 0 20px;
}
#hsbody #banner a:link, #banner a:visited {
  font-size: 1em;
  color: #FFF;
}
#hsbody pre {
}
#hsbody div.page {/* leave formatting as is */
  position: relative;
}
#hsbody div.page h2{
  font-size: 0.9em;
  background: #FFFFFF;
  color: #000000;
  border: 0;
}
#hsbody div.disclaimnews {
  font-size: 0.7em;
  padding: 5px 10px;
}
  
/*---------------------- DIRECTOR'S BIOGRAPHIES page */
#hsbody h2.directorsbio {
  clear: left;
  margin: 0 0 10px 0 ; /* left - 131px*/
  border-bottom: 1px solid #194775;
}
#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*/
}

/*---------------------- Graph tools */
#hspvgraph {
  margin-left: auto;
  margin-right: auto;

}
#graphtools {
  clear: both; 
  width: 500px;
  text-align: center; 
  margin-bottom: 30px;
  margin-top: 30px;

  }

#graphtools p, #graphtools a:hover{
  display: inline;
  text-decoration: none;
  }
#chartForm {

  clear: both;
}
/*---------------------- HOMEPAGE SHARE PRICE tools */

.contentmenus .bluecolor{
  color: blue;
  
}


.contentmenus .redcolor{
  color: red;
  }

.contentmenus .greencolor{
  color: green;
  }

/*---------------------- HOMEPAGE SHARE PRICE tools */
*html div#irsearchbox {
  border-bottom: 1px solid #8391C8;
  height: 75px;
  padding: 0;
  margin-top: -12px;
  background-color: #f3f4fa;
}

div#irsearchbox {
  border-bottom: 1px solid #8391C8;
  height: 75px;
  padding: 0;
  background-color: #f3f4fa;
}

div#irsearchbox h4.bgbar{
  background-color: #AFB6DC;
  width: 199px;
  font-size: 10px;
  padding: 3px 0;
  font-weight: bold;
  color: #336699;
  vertical-align: middle;
  margin-top: 0;

}

div#irsearchbox form#ir-search {
  margin-left: 4px;
  z-index:1000;
  height:30px;
  
}

div#irsearchbox form#ir-search input.input_boxes{
  margin-right: 5px; 
}

div#irsearchbox form#ir-search input.button {
  margin: 0px; 
}
/*---------------------- Directors image gallery */
div#imagelibrary {
  width: 380px;
  margin: auto;
}

div.directorbox {
  background-color: #ffffff;
  border-top: 1px solid #6B75AA;
  /*border-bottom: 1px solid #6B75AA;*/
  width: 160px;
  height: 130px;
  padding: 9px;
  float: left;}



div.directorbox1 img, div.directorbox2 img {
  float: left;
  margin: 5px;
}

div.directorname {
  color: #4C5897;
  font-weight: bold;
  clear: both;
}

div.directortitle {
  color: #6D77AE;
  clear: both;
}
/*-------------Home page news feed---------------*/
#hsbodynews {
  margin: 0;
  padding: 0;
  background-color: #f3f4fa;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#hsbodynews div#homepage-news table {
  border: 0;
  background: none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#hsbodynews td.homenews-heading {
  color: #8391C8;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
#hsbodynews td.homenewslink {
  border-bottom: 1px solid #E8EAF0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#hsbodynews td.homenewslink a{
  color: #8391C8;
  text-decoration:none;
  font-weight:normal;
  font-size: 10px;
}
#hsbodynews td.homenewslink a:hover{
  color: #8391C8;
  text-decoration:underline;
    font-weight:normal;
  font-size: 10px;
}