/* ***
 *
 *
 * NOTES: Styles defined here used by embedded pages, 
 *        main site style in style.css.
 *
 * Copyright (c)2006 Hemscott Group
 * *** */

h3 {
}

h4 {
  font-size: 1.4em;
  /* margin: 0em; */
}

h5 {
  font-size: 1em;
  margin: 0px;
  margin-top: 1em;
  color: #002277;
}

h6 {
  font-size: 0.8em;
  font-weight: normal;
  margin: 0px;
  color: #002277;
}

p {
  /* color: #aab2b6; *//* official pdf text colour. */
  margin: 0px;
  margin-bottom: 1em;
}


/* START of bar graph styling */

#hsblockgraph {
  clear: both;
  margin-bottom: 5px;
  display: block;
}
#hsblockgraph span {
  color: #006ba5;
  font-size: 1.1em;
  float: left;
  margin-right: 4px;
}

#hsblockgraph .dkbluegraph {
  display: block;
  background: url('/ir/bats/ar_2005/images/dkblueblock.gif');
  height: 16px;
  float: left;
}
#hsblockgraph .ltbluegraph {
  display: block;
  background: url('/ir/bats/ar_2005/images/ltblueblock.gif');
  height: 16px;
  float: left;
}

.hsgpercent {
  color: #006ba5;
  font-size: 2.1em;
  font-weight: bold;
}

/* END   of bar graph styling */


/* START of Table styling */

table {
  font-size:100%;
  font-size: inherit;   /* inherit from body ; no worky in IE */

  padding: 1px;
  margin-bottom: 1em;
  width: 95%;
  border-bottom: 2px solid #006ba5;
}

table th, table td {    /* all cells within the table */
  font-weight: normal;
  vertical-align: bottom;
}

table h5 {              /* any h5's used within a table */
  margin-top: 0px;
}

tbody {    /* beginning of main table body and after header row */
           /* not recognised in gecko */
  padding-top: 2px;
}

thead td, thead th {    /* all cells in first header row */
  border-bottom: 1px solid #006ba5;
  text-align: right;
  font-size: 0.8em;
  padding: 1px 0.5em;   /* same fix as below - maintain column separation */
}
thead tr th {           /* all cells in first header row except first column */
}

tbody tr th {           /* left column */
  text-align: left;
  width: 50%;
}
tbody tr td {           /* numerical figures */
  text-align: right;
  padding: 1px 0.5em;   /* ensure columns always maintain some separation - eleet fix :) */
  /*width: 15%;*/       /* this should be auto calculated by browser */
}

/* END   of Table styling */


/* START of Case Study styling */

#case_study h3.casestudy {
  font-size: 1.0em;
  font-weight: bold;
  text-transform: uppercase;
  color: #9b3ba8;
  margin: 0em;
  margin-bottom: 1em;
  margin-top:30px;  
}

#case_study h3 {
  margin-top: 0em;
  margin-bottom: 0em;
  color: #c5007d;
}

#case_study h5 {
  color: #c5007d;
}

/* END   of Case Study styling */

/* START Africa styling */

#africa h3 {
  margin-top: 0em;
  margin-bottom: 0em;
  color: #ffac48;
}

#africa .red {color:#f40042;}

#africa h5 {
  color: #ffac48;
}

/* END Africa styling */

/* START corporate governance styling */

.memberlist {
    list-style-type:none;
    float:left; 
    width:30%;
 }

/* END corporate governance styling */


/* START of 'Contact and Shareholder Info' styling */

#contact  a {         /* wi: apply same style as h6, hide link unless mouseover */
  font-size: 1em;
  color: #002277;
  text-decoration: none;
}
#contact  a:hover {   /* wi: link can't be seen, so identify by underline on hover */
  text-decoration: underline;
}

/* END   of 'Contact and Shareholder Info' styling */

/* START directors page styling */

.biopic {
    float:left;
    clear:left;
    margin:5px;
}

div.director {
    margin-bottom:20px;
    width:95%;
    float:left;
}
/* END directors page styling */

/* START committees styling */


table.renumeration_summary td{
width:15%;
}

table.renumeration_summary th{
text-align:left;
width:15%;

vertical-align:top;
}

/* END committees styling */

/* START download centre styling" */

table.renumeration_summary thead th{
color:#002277;

}

table.renumeration_summary tbody td{
padding:0;
margin:0;
width:15%;
text-align:left;
vertical-align:top;
}



table.renumeration_summary td ul{
list-style-position:inside;
padding:0;
margin:0;
width:100%;
text-align:left;
}

/* END committees styling */

/* START download center styling */

.download_center {
    width:99%;
    color:#666666;
}

.download_center  th {
    text-align:left;
}
.download_center  td {
    text-align:center;
}

.download_center  caption {
    text-align:left;
    margin-bottom:5px;
}

.download_center  thead th {
    padding:4px;
    padding-top:7px;
    padding-bottom:7px;
    background-color:#ddd;
}

.download_center  tbody td,.download_center  tbody th {
    padding:4px;
    text-align:left;
    background-color:#f6f6f6;


}
.download_center tr td,.download_center tr th { 
    border-bottom:1px solid #DDD; 
}
.download_center table .hsleftcell {
    border-left:0;
}

.download_center  table .hsbottomcell {
    border-bottom:0;
}

.download_center  tbody td .hsleftcell, .download_center  tbody th .hsleftcell {
    border-left:0;
}

.download_center td .hsbottomcell, .download_center th .hsbottomcell {
    border-bottom:0;
}

.download_center  caption {
    font-weight:bold;
}


.download_center  a img {
    border:0;
}

.download_center  a:hover img {
    background-color:#DDDDDD;
}


/* END download_center styling */

/* START  highlights */
h3 .name {font-size:0.8em;font-weight:bold}
h3 .position {font-size:0.8em;font-weight:normal}

.operations {float:left;width:47%;margin-right:1%}
/* END highlights */

/* START of footnote styling */

.floatleft {clear:none;float:left;display:inline;}
.floatright{clear:none;float:right;display:inline;}

.footnote {font-size:0.8em;}

#footnote {
}

#footnote_small {
  border-left: 2px solid #454da9;
  color: #aab2b6;
  padding-left: 5px;
  width: 29em;
  margin-left: auto;    /* align box to right */

}
#footnote_small a {
  color: #aab2b6;
}
#footnote_small p {
  margin: 0px;
}

/* END   of footnote styling */
/* START contact list styling */
#col1 {
    float:left;
    width:46%;
    margin-right:2%;
}
#col1 a, #col2 a {color:#002277;}
#col2 {
        margin-top:40px;
        padding-top:0px;

        }

/*END contact list styling */

/* START Regional Summary Styling */
ul.reg_summary{
    list-style-type:none;
    list-style-position:inside;
    padding:0;
    margin:0;
}

ul.reg_summary li {
    clear:both;
}
ul.reg_summary li div {
    width:20px; 
    height:20px;
    float:left;
    margin-right:10px; 
}

ul.reg_summary li h5,ul.reg_summary li p{ 
    float:left; 
    line-height:20px; 
    display:inline;
    margin-right:10px;
    margin-top:0;
 }

li.europe div {
    background-color:#CBEDF9;
}

li.asia div {
    background-color:#9B41A7;
}

li.latin div {
    background-color:#98A3D0;
}
li.africa div {
    background-color:#474DA9;
}
li.america div {
    background-color:#DEC8E1;
}
li.associates div {
    background-color:#C4007D;
}
/* END Summary Styling */

/* START of Generic class styling */

table tbody th {
    color:#000;
    font-size:0.9em;
}
table tbody th h5 {
    font-size:1.4em;
}
table tbody th h5.normal {
    font-size:1.2em;
    font-weight:bold;
}
.currentyear {
  color: #002277;
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.normalgray {
  font-weight: normal;
  color:#aab2b6;
}

.superscript {
  vertical-align: super;
  font-size:0.9em;
}

.italic {
    font-style:italic;    
}

.nobullet {
    list-style-type:none;
    list-style-position:inside;
    padding:0;
    margin:0;
    
}
* html .nobullet {
    margin-left:-35px;
}
.nobullet li {
    line-height:20px;
    
}

.nobullet li img{
float:left;
margin:5px 10px 5px 0px;
}
#content .director_image {       
  float: right;
  margin: 5px;
}

#content .brand_image {     
  float: right;
  margin: 5px;
  margin-top:25px;
}

.brand {
    width:50%;
}

h4.brands,
h3.brands {
    margin-top:50px;
}
.statistic {
    color:#002277;
    display:block;
    margin:0;
}

/* following line-related styles are specifically for tables */
.noline_above {
  border-top: 0px !important;    /* override all border styling */
}
.noline_below {
  border-bottom: 0px !important; /* override all border styling */
}
.noline_left {
  border-left: 0px !important;
}
.noline_right {
  border-right: 0px !important;
}

.thinline_above, .thinline_above td, .thinline_above th {
  border-top: 1px solid #006ba5;
  padding-top: 2px;
}
.thinline_below, .thinline_below td, .thinline_below th {
  border-bottom: 1px solid #006ba5;
}
.fatline_above, .fatline_above td, .fatline_above th    {
  border-top: 2px solid #006ba5;
  padding-top: 4px;
}
.fatline_below, .fatline_below td, .fatline_below th    {
  border-bottom: 2px solid #006ba5;
}

/* the following .thinbox_* styling is for light blue boxes within tables */
.thinbox_begin, .thinbox_begin th, .thinbox_begin td {
  border-top: 1px solid #d5f0fb;
  border-left: 1px solid #d5f0fb;
  border-right: 1px solid #d5f0fb;
  padding: 2px 2px 0px 2px;
}
.thinbox_mid, .thinbox_mid th, .thinbox_mid td {
  border-left: 1px solid #d5f0fb;
  border-right: 1px solid #d5f0fb;
  padding: 0px 2px;
}
.thinbox_end, .thinbox_end th, .thinbox_end td {
  border-left: 1px solid #d5f0fb;
  border-right: 1px solid #d5f0fb;
  border-bottom: 1px solid #d5f0fb;
  padding: 0px 2px 2px 2px;
}

/* END of Generic class styling */

table.renumeration_summary tr td, table.renumeration_summary tr th {
    padding:5px;
}