﻿html * {
  padding:0px;
  margin:0px;
}

/* Set font sizes for all browsers */

html {
    font-size: 12px; /* 1.25?16px = 20px */
}
body {
    font-size: 12px; /* adjusts base font to 10px for IE*/
}
html>body {
    font-size: 12px; /* overrides the above in all browsers except IE */
}
/* end fontsizing */

body#hsbody {
  width:549px;
  padding: 2px;
  font-family: arial, helvetica, sans-serif;
  color:#000;
  background-color: #ffffff;
}

#hsbody p {
  margin: 0px 0px 10px 0px;

}

#hsbody h1 {
  clear:both;
  font-size:14px;
  font-weight:bold;
  margin: 0px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
}

#hsbody h2 {
  display:block;
  text-align:left;
  font-weight:bold;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 0px 5px 10px;
  background-color: #CCE0D7;
  color:#000;
  margin-left: -1px;
}

#hsbody h2 span {
  display:block;
  padding:0px;
  text-align:left;
}

#hsbody h3 {
  font-weight:bold;
  font-size:1.1em;
  clear:both;
}

#hsbody .hidden {
  display:none;
}

#hsbody a, #hsbody a:link, #hsbody a:visited {
  font-weight:bold;
  color: #000;
  background-color:#ffffff;
}

#hsbody a:active, #hsbody a:hover {
  text-decoration:none;
  color: #000;
  background-color:#ffffff;   
  text-decoration:none;
}

#hsbody acronym {
  cursor: help; 
  border-bottom:1px dashed #000000;
}

div#accessibleDiv {
  width: 310px;
  border:0px solid #000;
  padding: 0px;
  color:#000000;
  background-color:#ffffff;
}

div#errorDiv {
  color: #ff0000;
  background: #ffffff;
  position:relative;
  left:0px;
  top:0px;
  width:250px;
  height:0px;
  z-index:1;
  visibility: visible;
  text-align: left;
}

/* ------------------------------------------------------------- Market Tabs */


ul#markets { 
  list-style-type:none;
  display:inline;
  padding:0px;
  margin:0px;
  width:549px;
  color:#ffffff; 
  background-color:#A9DD88;
  height:30px;
}
ul#markets li { 
  float:left;
  text-align:center;
  vertical-align:middle;
  height:27px;
  width:274px;
  margin:0px;
  white-space:nowrap;
  color:#ffffff;
  background-color:#DBDBDB; 
}
ul#markets a { 
  font-weight:bold;
  display:block;
  width:100%;
  height:13px;
  color:#ffffff;
  text-decoration:none;
  vertical-align:middle;
  padding:7px 0px 7px 0px; 
}
ul#markets li a:link, 
ul#markets li a:visited { 
  display:block;
  text-decoration:none;
  background-color:#999999;
  color:#ffffff;
}
ul#markets li a:hover, 
ul#markets li a:active { 
  display:block;
  text-decoration:none;
  background-color: #000;
  color:#ffffff; 
}
ul#markets li.selected { /*Necessary for IE5.5*/
  text-decoration:none;
  background-color:#A9DD88;
  color:#000; 
} 
ul#markets li.selected a:link, 
ul#markets li.selected a:visited { 
  display:block;
  text-decoration:none;
  background-color:#000;
  color:#fff;
}
ul#markets li.selected a:hover, 
ul#markets li.selected  a:active { 
  display:block;
  text-decoration:none;
  background-color:#000;
  color:#ffffff; 
}

#hsbody span#h1 {
    clear:both;
    font-size:1.2em;
    font-weight:bold;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#hsbody span#price {
  font-size:2em;
  font-weight:bold;
  background-color:#ffffff;   
  color:#323232;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
}
/* ------------------------------------------------------------- Tables */

#hsbody table {
  width:549px;
  margin: 0px 0px 10px 0px;
  padding:0px;
  border-collapse: collapse;
}

#hsbody table caption, h3.caption {
  text-align:left;
  font-weight:bold;
  font-size:12px;
  padding: 5px 0px 5px 10px;
  background-color:#CCE0D7;
  color: #000;
  border: 0px;
  text-transform: uppercase;
  margin-left: -1px;
}

#hsbody table thead th, #hsbody table tbody th {
  background-color:#f0f0f0;
  font-weight:bold;
  font-size:12px;
  border: 1px solid #cce0d7 !important;
  vertical-align:top;
  padding: 3px 0px 3px 0px;
}

#hsbody table thead th.first {
  border: 1px solid #cce0d7;
}



#hsbody table thead th.pc1 {
  width: 14%;
}
#hsbody table thead th.pc15 {
  width: 15%;
}
#hsbody table thead th.pc20 {
  width: 20%;
}
#hsbody table thead th.pc28 {
  width: 28%;
}

#hsbody table tbody th {
  padding: 3px 0px 3px 0px;
  border: 1px solid #CCE0D7;
}

#hsbody table tbody td {
  padding: 3px 0px 3px 0px;
  border: 1px solid #CCE0D7;
}
#hsbody table tbody th.first,
#hsbody table tbody td.first {
  border-left: 1px solid #CCE0D7;
}

#hsbody table.sharetable {
  margin:0px;
  background:transparent;
  border:0px;
}

#hsbody table.sharetable tbody th {
  font-weight:normal;
  border:0px solid #000;
  padding:2px 0px 2px 0px;
  vertical-align:bottom; 
  text-align:left;
}

#hsbody table.sharetable tbody td {
  font-weight:normal;
  border:0px solid #ffffff;
  padding:2px 0px 2px 0px;
  vertical-align:bottom; 
  text-align:left;
}

#hsbody table#tsrtable {
  width: 300px;
  border: 0px;
  margin: 10px 0px 10px 50px;
  padding:0px;
}

#hsbody table#tsrtable thead th {
  width:50%;
}

#hsbody table#tsrtable tbody th {
  width:50%;
}

#hsbody table#tsrtable tbody td {
 text-align:center;
 border-left: 1px solid #CCE0D7;

}

#hsbody div.sharediv {
  margin-bottom:10px;
/*  background:#eeeeff; */
}

/* ------------------------------------------------------------- Forms & Fieldsets */

#hsbody form {
}

#hsbody form fieldset {
  border:0px;
  padding:0px;
}

#hsbody select, input {
  font-family: arial, helvetica, sans-serif;
  border: 1px solid #CECECE;
  padding: 1px;
}

#hsbody form input.button {
  background: #F0F0F0;
  border: 1px solid #CECECE;
  padding:0 2px;
  width:95px;
}  


#hsbody form#prices fieldset div#download {
  width:547px;
  border-top: 0px;
  border-right: 1px solid #cce0d7;
  border-bottom: 1px solid #cce0d7;
  border-left: 1px solid #cce0d7;  
}

#hsbody form#prices fieldset p {
  padding: 10px;
}
#hsbody form#prices fieldset div#download span.text {
  float:left; 
  width:100px; 
  margin-top: 14px;
  margin-left: 10px;
}
#hsbody form#prices fieldset div#download span.select {
  float:left; 
  margin-top:10px;
}
#hsbody form#prices fieldset input,
#hsbody form#prices fieldset select {
  margin:0px;  
}

#hsbody form#prices fieldset select#startday, 
#hsbody form#prices fieldset select#finishday {
  width: 45px;
}

#hsbody form#prices fieldset select#startmonth,
#hsbody form#prices fieldset select#finishmonth {
  width: 50px; 
}

#hsbody form#prices fieldset select#startyear,
#hsbody form#prices fieldset select#finishyear {
  width: 60px; 
}

#hsbody form#prices div.button {
  margin: 10px 0px 10px 110px;
  padding: 10px 0px 0px 0px;
}

#hsbody form#chartForm fieldset {
  border:0px;
  float:left;
  padding:0px;
  margin:10px 5px 5px 0px;
/* background:#eeffee;   ------------------------------------------------------------- LAYOUT DEBUGGING */
}

#hsbody form#chartForm fieldset.rhs {
  float: right;
  margin-right: 0px;
  margin-left: 0px;
/*  background:#ffffee;  ------------------------------------------------------------- LAYOUT DEBUGGING */
}

#hsbody form#chartForm fieldset legend {
  background: #DCDCDC;
  display:block;
  margin:0px;
  padding:0px;
}
#hsbody form#chartForm fieldset legend span {
  display:block;
  padding:1px 0px 1px 5px;
  margin:0px;
}

#hsbody form#chartForm fieldset span.text {
  clear:both;
  float:left;
  width:27px;
  padding-top: 3px;
/*   background:#ffeeff; ------------------------------------------------------------- LAYOUT DEBUGGING */
}

#hsbody form#chartForm fieldset span.today {
  _width:32px;
}

#hsbody form#chartForm fieldset span.period {
  width:35px;
  _width: 28px;
}
#hsbody form#chartForm fieldset span.select {
  float:left;
  margin-left: 5px !important;
  _margin-left: 2px !important
}

body#hsbody form#chartForm fieldset label {
  padding: 0px;
}

#hsbody form#chartForm fieldset input,
#hsbody form#chartForm fieldset select {

  margin:2px 0px 3px 0px;

}
#hsbody form#chartForm fieldset select {
	margin-left: 3px;
}
#hsbody form#chartForm fieldset input.checkbox {
  border:0px; 
  vertical-align:middle;
  margin:3px 6px 4px 4px;
  padding:0px;
}

#hsbody form#chartForm fieldset img {
  margin-top:2px;
  vertical-align:top;
}

#hsbody form#chartForm fieldset select#fromDay,
#hsbody form#chartForm fieldset select#toDay {
  width: 45px;
}

#hsbody form#chartForm fieldset select#fromMonth,
#hsbody form#chartForm fieldset select#toMonth {
  width: 50px; 
}

#hsbody form#chartForm fieldset select#fromYear,
#hsbody form#chartForm fieldset select#toYear {
  width: 58px; 
}

#hsbody form#chartForm div#errorDiv { 
  height:0px; 
  z-index:1; 
  visibility: visible; 
  color: #FF0000; 
  text-align: center;
  font-weight:bold;
}

#hsbody form#chartForm div.button {
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
  text-align:center;
}

#hsbody form#search_form {
width:549px;
}

#hsbody form#search_form fieldset {
  margin-bottom: 5px;
}

#hsbody form#search_form fieldset#search_for {
  clear:both;
  float:left;
  text-align:right;
  width:216px;
/*  background:#ffeeff;  ------------------------------------------------------------- LAYOUT DEBUGGING */

}

#hsbody form#search_form fieldset#search_for select#range_input {
  width:100px;
}

#hsbody form#search_form fieldset#search_dur {
  float:right;
  width:255px;
  text-align:right;
/*   background:#ffeeee;  ------------------------------------------------------------- LAYOUT DEBUGGING */
}

#hsbody form#search_form fieldset#search_dur select#period_input {
  width:110px;
}

#hsbody form#search_form fieldset#search_when {
  float:right;
  width:255px;
  text-align:right;
/*   background:#eeeeff;  ------------------------------------------------------------- LAYOUT DEBUGGING */
}

#hsbody form#search_form fieldset#search_when select#from_day,
#hsbody form#search_form fieldset#search_when select#to_day {
  width: 45px;
}

#hsbody form#search_form fieldset#search_when select#from_month,
#hsbody form#search_form fieldset#search_when select#to_month {
  width: 50px; 
}

#hsbody form#search_form fieldset#search_when select#from_year,
#hsbody form#search_form fieldset#search_when select#to_year {
  width: 58px; 
}

#hsbody form#search_form fieldset span.search_choice_title {
  float:left;
  display:block;
  width: 90px;
  margin-right: 5px;
  padding-top:3px;
/*   background:#eeffff;  ------------------------------------------------------------- LAYOUT DEBUGGING */
}
#hsbody form#search_form fieldset span.search_choice_title_during {
  float:left;
  display:block;
  width: 90px;
  margin-right: 5px;
  margin-top: 4px;
/*   background:#eeffff;  ------------------------------------------------------------- LAYOUT DEBUGGING */
}
#hsbody form#search_form fieldset span.search_choice_title_and {
  float:left;
  display:block;
  width: 90px;
  margin-right: 5px;
  margin-top: 12px;
/*   background:#eeffff;  ------------------------------------------------------------- LAYOUT DEBUGGING */
}
#hsbody form#search_form fieldset span.search_choice_title_or {
  float:left;
  display:block;
  width: 90px;
  margin-right: 5px;
  margin-top: 4px;
/*   background:#eeffff;  ------------------------------------------------------------- LAYOUT DEBUGGING */
}
#hsbody form#search_form fieldset span.search_choice_title input, #hsbody form#search_form fieldset span.search_choice_title_and input, #hsbody form#search_form fieldset span.search_choice_title_or input, #hsbody form#search_form fieldset span.search_choice_title_during input  {
  float:left;
  margin-right: 3px;
  ]margin:0px;
}

#hsbody form#search_form fieldset span.search_choice {
  float:right;
  display:block;
  width: 160px;
/*   background:#eeffee;  ------------------------------------------------------------- LAYOUT DEBUGGING */
}

#hsbody form#search_form div#search_go {
  clear:both;
  float:right;
}
#hsbody form#search_form div#search_all {
  float:left;
}
/* ------------------------------------------------------------- Thumbnail & share price minihomepage */
#hsbody .thumbshare {
  background:#F1F1F1;
  padding:0px;
  margin:0px;
}  

#hsbody span.h {
  font-weight:bold;
  font-size: 1.2em;
  color:#01864f;
  margin:0px 0px 0px 8px;
  background-color:#ffffff;  
}
#hsbody span.s {
  font-weight:bold;
  font-size:0.9em;
  color: #9C9A9D;
  background-color:#ffffff;  
}

#hsbody p#price {
  font-size:19px;
  font-weight:bold;
  color: #323232;
  background-color:#ffffff;  
  margin:0px 0px 0px 8px;
  padding:0px;
}
#hsbody p#change {
  font-size:1.1em;
  color:#638A48;
  background-color:#ffffff;  
  margin:0px 0px 0px 8px;
  padding:0px;
}

#hsbody p#time {
  font-size:1.1em;
  color:#323232;
  background-color:#ffffff;  
  margin:0px 0px 5px 8px;
  padding:0px;  
}

#hsbody p.price {
  font-size:19px;
  font-weight:bold;
  color: #323232;
  background-color:#ffffff;  
  margin:0px 0px 0px 8px;
  padding:0px;
}
#hsbody p.change {
  font-size:1.1em;
  color:#638A48;
  background-color:#ffffff;  
  margin:0px 0px 0px 8px;
  padding:0px;
}

#hsbody p.time {
  font-size:1.1em;
  color:#323232;
  background-color:#ffffff;  
  margin:0px 0px 5px 8px;
  padding:0px;  
}
/* ------------------------------------------------------------- Disclaimer */

#hsbody div.disclaim {
  clear:both;
  width:549px;
  height:30px;
  padding:10px 0px 5px 0px;
  margin:0px 0px 15px 0px;
  border-bottom: 1px solid #9C9C9C;
  color:#000000;
  background-color: #ffffff;
}
#hsbody div.disclaim div#disclaimer {
  float:left;
  width:65%;
}
#hsbody div.disclaim div#disclaimlink {
  float:right;
  width:25%;
  text-align:right;
}

.note {
	background-color: #e5fbf1;
	padding: 10px;
	border: 1px solid #cce0d7;
}
.note a {
	background-color: #e5faf1 !important;
	font-weight: normal !important;
}
.summaryprices td acronym, .summaryprices th acronym{
	text-align: center !important;
	float: none;
}
.summaryprices td, .summaryprices th {
	text-align: center !important;
}

#hsbody select option {
	padding: 1px 3px !important;
}
span#period label {#position: relative; #top: -4px;}
#hsbody #chartForm fieldset.fromTo  label, #period {
	top: 3px;
	position: relative;
}


/*Share price box*/

#hsbody .shareprice-box{
	width:145px;
	padding:7px 0 7px 0;
	font-family: arial, helvetica, sans-serif !important;
}

#hsbody .shareprice-box p{
	color:#000000 !important;
}

#hsbody .shareprice-box span.h1{
	color:#006633;
	font-weight:bold;
	padding-left:8px;
	font-size:14.4px;
}

#hsbody .shareprice-box span.s1{
	color:#555555;
	font-weight:bold !important;
	font-size:10.8px;
}

#hsbody .shareprice-box #change{
	color:#006633 !important;
}
span.neg { color:red; }
