﻿	/* Customise this section */

body { /* Page styles */
    font-size:0.7em; 
    color:#000000; 
	font-family:Arial;
    /*font-family:tahoma,arial,sans-serif;
    background:#F6F4F4; */
}


a { /* Link styles */
color:#A34100;
}

caption {
text-align:left;
padding:14px 0 14px 0;
font-size:12px;
font-weight:bold;

}

fieldset {	
	padding:0px;
	margin:0px;
	border:0;
	}

fieldset input {
width:32%;
}
	
acronym {
border-bottom:1px dotted #ccc;
}

h1 { /* Used for "investor relations" header */
    color:#bf652d;
    font-size:17px;
    font-weight:normal;
    margin-bottom:10px;
    text-transform:uppercase;
}

h2 { /* Used for "Regulatory News Announcements" style headers */
    font-size:1.1em; 
    color:#000000;
}

h3 { /* used for "Contact" header */
    font-size:1em;
}


div#latest .prices {/* Price value */
    font-size:2em;
    color:#000;
}

div#latest .change {/* Change value */
    font-size:1.5em;
}

/* Colors for change value- probably doesn't need to be changed. */
 .pos {
    color:#1BA71B; /* green displayed on positive change */
}   


.neg {
    color:#CC0000; /* red displayed on negative change */
}

.nochange {
    color:#4883C0; /* no change */
}


pre {/* News item text */
    font-size:1.4em;
    _font-size:1.2em;
    #font-size:1.2em;
 }

/*Change comparator colours */
div.chart-tools .comparator1 {
    background-color:#D8B54B;
    border:1px solid #000;    
}

div.chart-tools .comparator2 {
    background-color:#FF0000;
    border:1px solid #000;    
}

div#hsbody {
	width:100%;
}
/* End Customisation - DO NOT edit below this line */











div#header {
    border:0;
    padding:0;
    margin:0;
    margin-top:5px;
    margin-bottom:3px;

}

h1 {
    margin:0;
}

h2 {
    margin-top:0;
}

h3 {
    float:left;
}
    
select {
font-size:1em;
    margin-bottom:0.7em;

}

input{
	
    font-size:1em;
    margin-bottom:0.7em;
	margin-left:20px;
	
}

table {
    width:100%; 
    font-size:1em; 
    clear:both;
    margin:0;
}

th,td {
    text-align:left;
}

acronym {
cursor:help;
}

form {
    margin:0;
}

div {
    display:block;
    width:100%;
    margin-bottom:10px;
    padding-bottom:10px;
}

img#graphImg {
    float:left;
    display:block;
    margin-right:10px;
}

div#news-filter {
    display:block;
    clear:both;
    
}
div#news-filter p{
   margin-bottom:10px;
}

div.chart-tools {
    clear:none;
    width:auto;
    border:0;
    margin:0;
    padding:0;
    margin-top:20px;
}

div.chart-tools form {
    clear:left;
    margin-top:10px;
}

div.chart-tools .colors {
    float:left; 
    clear:right; 
}

div.chart-tools .comparator1,
div.chart-tools .comparator2 {
    display:block; 
    height:14px;
    width:14px;
    float:left;
    clear:left;    
    margin-right:10px;
}

div#latest {
  clear:both;
    float:left;
    padding:0px;
    margin-top:-10px;
    width:100%;
    padding:3px 0px;
    padding-top:0.3em;
    height:auto;
}

div#latest div {
    clear:none;
    float:left;
    border:0px;
    width:33%;
    margin:0px;
    padding:0px;
   line-height:2.1em;
}

div#latest .price_box {
    text-align:left;
}

div#latest .change_box {
    text-align:center;
}

div#latest .date_box {
    text-align:right;
}


div#contact-details h3 {
clear:both;
display:block;
width:100px;
}

div#contact-details p {
display:block;
float:left;
width:75%;
margin-bottom:15px;
}

/* alignment */

td.alignleft {
text-align:left;
}

.alignright {
text-align:right;
}


/* disclaimer styles */

div.disclaimer {
    float:left;
    clear:both;
    font-family:verdana, sans-serif;
    width:100%;    
    font-size:0.9em;
    padding-top: 0px;
    border:0;
    
}

div.disclaimer div {
    border:0px;
    width:70%;
    margin:0px;
    padding:0px;
    
}

div.disclaimer p {
    float:left;
    padding:0px;
    margin:0px;
    width:70%;
    line-height:2em;
}


div.disclaimer div.disclaimerlink{
    float:right;
    text-align:right;
    padding:0px;
    width:15%;
    clear:none;
    margin:0px;
	line-height:2em;
}

a.hslogo {
  clear:both;
  float:left;
  display:block;
  margin:2px 10px 5px 0px;
  font-size:1px;
  height:15px;
  width:68px;
  background:url("/common/link-logo.png") no-repeat 0px 0px;
  padding:0px;    
  line-height:2em;
  cursor:pointer;
}

a.hslogo * {
  display:none;
}

h1 {
margin-bottom:10px;
padding:0px;

}
