/* general styles */

* {
  margin:0;
  border:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
  height:100%;
  font-size:62.5%; /* This corresponds to 10px in current browsers. So, 1.1em = 11px */
  color: #ffffff;
  background: #161616
}

	
#container {
  width:980px;
  height:100%;
}

#container p {
  color:#ffffff;
}

ul.plain-button {
	font-size:1.1em;
	line-height:1.2em;
	list-style-position:inside;
	margin:7px;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
td.largeWidth {width:35%;}

.text-right,
table.data td.right,
table.data th.right {
  text-align:right;
}
.text-left,
table.data td.left,
table.data th.left {
  text-align:left;
}
.text-centre,
table.data td.centre,
table.data th.centre {
  text-align:center;
}
.up,
.price-up {
  color:#1ba71b;
}
.no-change,
.price-no-change {
  color:#4883C0;
}
.down,
.price-down {
  color:#CC0000;
}
.disclaimer {
  color:#ccc;
  text-align:right;
}
.nowrap {
  white-space:nowrap;
}
.pointer {
  cursor:pointer;
}
.whats-this {
  cursor:help;
  border-bottom:1px dashed #ccc;
}
.hidden {
  display:none;
}
.visible {
  display:block;
}

/* webtrends */

div#sdc {
  display:none;
}

/* generic containers */


.column {
  float:left;
  min-width:185px;
}
.box {
  clear:both;
  margin:0 0 18px 10px;
  position:relative;
  width:770px;
}
.box .item {
  background:#161616 url(../../hsretail/images/item-divider.gif) repeat-x bottom left;
  border:1px solid #CCC;
  border-width:0 1px;
  padding:4px 5px;
}
.box .last {
  background-image:none;
  border-bottom:1px solid #CCC;
}
.box .only {
  background-image:none;
  border:1px solid #CCC;
  margin-bottom:1px;
}
.box .no-border {
  background-image:none;
  border:0;
}
.box .no-padding {
  padding:0;
}
.box .error {
  background:#161616 url(../../hsretail/images/icons/warning-triangle-s.gif) no-repeat 10px 12px;
  padding-left:37px;
  color:#CC0000;
}
.item {
  background:#161616;
}

/* container styles */

.box h2,
.item h2,
.box h3,
.item h3 {
  margin-bottom:0.5em;
}
.box h2 {
  background:#0093d3 url(/hsretail/images/table-caption-background.gif) repeat-x;
  padding:4px 7px;
  text-align:left;
  font-weight:bold;
  color:#FFF;
  border-bottom:1px solid #CCC;
  margin-bottom:0;
}
.box h2 a {
  color:#fff;
  font-weight:normal;
  text-decoration:underline;
}
.box .item h2 {
  padding:0;
}
.box .item h2 .normal,
.data caption .normal {
  float:right;
  font-weight:normal;
}
.box h3.subtitle {
  background:#F5F5F5 url(/hsretail/images/table-th-background.gif) repeat-x bottom;
  padding:4px 7px;
  text-align:left;
  font-weight:bold;
  color:#4883C0;
  border:1px solid #CCC;
  border-top:0;
  margin-bottom:0;
}
.item img {
  margin:2px 10px 4px 1px;
}
.item img.right {
  float:right;
  margin-right:1px;
  margin-left:2px;
}
.item img.no-border {
  border:0;
}
.box h3,
.item h3 {
  font-weight:bold;
  color:#6C6C6C;
}
.item h3 {
  margin-top:0.5em;
}
.box p,
.item p {
  padding:5px 0;
  line-height:1.4em
}
td select option,
.item  select option {
  padding:1px 5px;
}
#container .error p {
  color:#CC0000;
}

/* box sizes */

.quarter-width {
  width:185px;
}
.third-width {
  width:250px;
}
.three-eighths-width {
  width:285px;
}
.half-width {
  width:380px;
}
.five-eighths-width {
  width:475px;
}
.two-third-width {
  width:510px;
}
.three-quarter-width {
  width:575px;
}
.full-width {
  width:770px;
}
div.dataContainer {
  width:648px;
  _width:650px;
  clear:both;
  border:1px solid #ccc;
  padding:0;
  margin:0 0 10px 0;
}
div.noBorder {
  border: 0;
}
div.noBottomBorder {
  border-bottom:0;
}
div.padded,
div.paddedAll {
  padding:0 5px 0 5px;
  width:638px;
  _width:650px;
}
div.paddedAll {
  padding:5px;
}
div.halfWidth {
  width:313px;
  _width:315px;
  clear:none;
}



/* tabs */

ul.tabs {
  height:24px;
  display:block;
  list-style-type:none;
  margin-bottom:-1px;
  
}
ul.tabs li {
  padding:0;
  margin:0;
  float:left;
  height:24px;
  background:url(/hsretail/images/tabs/tab-right.gif) no-repeat bottom right;
}
ul.tabs li:hover,
ul.tabs li.selected {
  background:url(/hsretail/images/tabs/tab-right.gif) no-repeat top right;
}
ul.tabs li * {
  line-height:23px;
  padding:6px 10px 5px;
  text-decoration:none;
  color:#0093D3;
  font-weight:bold;
  height:24px;
  background:url(/hsretail/images/tabs/tab-left.gif) no-repeat top left;
  cursor:pointer;
}
ul.tabs li *:hover {
  color:#fff;
}
ul.tabs li.selected * {
  color:#4883c0;
  cursor:default;
}

/* lists */

.item ul,
ul.arrow-list,
#item-guide ul,
ul.bullet-list {
  margin-left:16px;
}
li {
  line-height:1.5;
}
ol {
  margin-left:20px;
}

/* arrow lists */

.item li,
#item-guide ul li,
ul.arrow-list li {
  margin-bottom:5px;
  list-style-image:url(/hsretail/images/arrow-single-white.gif);
}
.item li a,
#item-guide ul li a,
ul.arrow-list li a {
  color:#0093D3;
  font-weight:normal;
  text-decoration:none;
}
.item li a:hover,
#item-guide ul li a:hover,
ul.arrow-list li a:hover,
ul.bullet-list li a:hover {
  color:#fff;
  text-decoration:underline;
}

/* bullet lists */

ul.bullet-list li {
  color:#000;
  margin-bottom:2px;
  list-style-image:none;
  list-style-type:disc;
}
ul.bullet-list li a {
  color:#0093D3;
  text-decoration:none;
}
ul.black li {
  color:black;
}

/* plain lists */

ul.plain-list,
ul.plain-list li {
  list-style-type:none;
  list-style-image:none;
}

/* dl lists */

dl dt {
  margin:10px 0;
  font-weight:bold;
}
.faq dl dt {
  font-weight:normal;
}
dl {
  border:1px solid #CCC;
  margin-bottom:1em;
  padding:0 1em;
}
dd ul {
  line-height:1.4em;
  margin-left:1.6em;
  padding-bottom:1em;
}
dd,
dd p {
  margin-bottom:0.5em;
}

/* truncated list item hover effect */

a.truncated {
  position:relative;
}
#untruncated {
  position:absolute;
  top:-1000px;
  left:-1000px;
  display:block;
  border:1px solid #ccc;
  background:#ffc;
  padding:3px;
  cursor:pointer;
}
#untruncated a {
  font-size:1.1em;
}
#untruncated a:hover {
  color:#0093D3;
}

/* external links */

#content a.external-icon {
  padding-right:15px;
  background:url(/hsretail/images/icons/external-link.gif) no-repeat center right;
}

/* tables */

table {
  width:100%;
  clear:both;
  font-size:1em;
  background:#161616;
}
table.data {
  font-family:verdana,arial,sans-serif;
  background:#161616;
  empty-cells: show;
  border-collapse: collapse;


}
table.data caption {
  background:#0093d3 url(/hsretail/images/table-caption-background.gif) repeat-x;
  padding:5px 7px;
  text-align:left;
  font-weight:bold;
  font-size:1em;
  color:#fff;
}
table.data caption a {
  color:#fff;
  text-decoration:underline;
}
table.data caption a:hover {
  color:#ffffff;
}

table.data thead th,
table.data th.thead {
  background:#F5F5F5 ;
  padding:4px 7px;
  font-weight:bold;
  color:#0093D3;
}

table.data th {
  text-align: left;
  padding: 4px;
  border-bottom: 1px solid #ccc;
}
table.data td {
  padding: 4px 3px 3px 3px;
  border-bottom: 1px solid #ccc;
  text-align: right;
}
table.data tr {
  background:#808080;
}
table.data tr.dark {
  background:#161616;
}
table.row-highlight tbody tr:hover,
table.row-highlight tbody tr.hover,
table.row-highlight tbody tr.dark-hover {
  background-color:#0093d3;
}
table.data td.rowheader {
  font-weight:bold;
  color:#333;
}

/* generic controls */
input,
select,
textarea {
  font-size:1em;
  font-weight:normal;
}
input,
textarea {
  color:#999;
}
input.textbox,
input.textbox-hover,
textarea.textbox,
textarea.textbox-hover {
  margin-top:5px;
  padding:2px 3px;
  border:1px solid #999;
}
input.textbox:hover,
input.textbox-hover,
textarea.textbox:hover,
textarea.textbox-hover {
  border-color:#F08836;
}

select {
  border:1px solid #999;
  height:18px;
}

a.button,
input.button,
input.button-hover,
a.find-button,
a.button-portfolio,
a.submit-button,
input.submit-button,
input.submit-button-hover {
  position:relative;
  border:1px solid #CCC;
  color:white;
  cursor:pointer;
  text-decoration:none;
}

a.button,
input.button,
input.button-hover,
input.submit-button,
input.submit-button-hover {
  background:url(/hsretail/images/button.png) repeat-y top left;
  padding:1px 6px 2px 6px;
}
a.find-button {
  background:url(/hsretail/images/button.png) repeat-y top left;
  left:5px;
  padding:2px 6px 3px 6px;
}
a.submit-button {
  background:url(/hsretail/images/button.png) repeat-y top right;
  padding:2px 20px 3px 6px;
}
input.submit-button,
input.submit-button-hover {
  background-position:top right;
  text-align:left;
  padding-left:3px;
  padding-right:20px;
  top:0px;
  left:2px;
  
}

a.button:hover,
input.button:hover,
input.button-hover,
a.find-button:hover {
  background-position:bottom left;
  color:white;
}
a.button-portfolio:hover {
  background-position:bottom right;
  color:#F08836;
}
a.submit-button:hover,
input.submit-button:hover,
input.submit-button-hover {
  background-position:bottom right;
  color:white;
}

a.submit-button-back,
input.submit-button-back,
input.submit-button-back-hover {
  position:relative;
  background:url(/hsretail/images/button-back.png) repeat-y top left;
  padding:1px 6px 2px 20px;
  border:1px solid #CCC;
  color:white;
  cursor:pointer;
  text-decoration:none;
}
a.submit-button-back {
  padding-top:2px;
  padding-bottom:3px;
}
a.submit-button-back:hover,
input.submit-button-back:hover,
input.submit-button-back-hover {
  background-position:bottom left;
  color:white;
}

/* header */

#header {
  padding:10px;
  border-bottom:1px solid #ccc;
}

/* side navigation */

#sidenav {
  float:left;
  clear:left;
  font-size:1.1em;
  font-weight:bold;
  
  padding:18px 9px 18px 10px;
  width:179px;
}
#sidenav ul li {
  display:block;
}

#sidenav .sidebox {
  margin-bottom:10px;
}
#sidenav input.textbox {
  width:120px;
}
#sidenav input.submit-button,
#sidenav input.submit-button-hover {
  top:0;
  left:0;
  width:45px;
}

#sidenav a {
  display:block;
  min-height:23px;
  padding:0 8px;
  line-height:22px;
  text-decoration:none;
  margin-bottom:3px;
}
#sidenav .level1 a {
  border-bottom:1px solid #CCC;
}
#sidenav .level1 a {
  background:#161616 ;
  border-top:1px solid #FFF;
  color:#0093d3;
}
#sidenav .level1 a.new {
  background:#161616 ;
}
#sidenav .level1 a:hover, #sidenav .level1 a.selected {
  background-position:bottom left;
  color:#0093d3;
}
#sidenav .level2 a {
  margin-top:-3px;
  background:#161616 url(/hsretail/images/navigation/divider.gif) repeat-x bottom left;
  font-weight:normal;
  color:#0093d3;
}
#sidenav .level2 a:hover {
 
  color:#fff;
}
#sidenav .level2 a.selected {
  color:#0093d3;
}
#sidenav .level2 a.external-icon {
  background:#F2F2F2 url(/hsretail/images/navigation/external-icon.gif);
}
#sidenav .level3 a {
  margin-top:-3px;
  margin-bottom:0;
  padding-bottom:3px;
  padding-left:20px;
  background:#161616 url(/hsretail/images/navigation/arrow_wht.gif) no-repeat 10px 7px;
  font-weight:normal;
  color:#0093d3;
}
#sidenav .level3 a.selected {
  background:#161616 url(/hsretail/images/navigation/down-arrow_wht.gif) no-repeat 8px 9px;
}
#sidenav .level3 a.external-icon {
  background:#F8F8F8 url(/hsretail/images/navigation/subsection-external.gif);
}
#sidenav .level3 a.selected {
color:#0093d3;
}
#sidenav .level3 a:hover {

  color:#fff;
}
#sidenav .level4 a {
  margin-top:-3px;
  margin-bottom:0;
  padding-bottom:3px;
  padding-left:20px;
  background:#161616 url(/hsretail/images/navigation/endpoint.gif) no-repeat;
  font-weight:normal;
  color:#0093d3;
}
#sidenav .level4 a:hover,
#sidenav .level4 a.selected {
  color:#F08836;
}
#sidenav .level4 a.external-icon {
  background:#F8F8F8 url(/hsretail/images/navigation/subsection-external-end.gif);
}
#sidenav .level4 a.enhanced-feature {
  background:#F8F8F8 url(/hsretail/images/navigation/subsection-enhanced-end.gif) no-repeat;
}
#sidenav .level4 a.premium-feature {
  background:#F8F8F8 url(/hsretail/images/navigation/subsection-premium-end.gif) no-repeat;
}

/* main content */

#content {
  float:left;
  border-left:1px solid #ccc;
  padding-top:18px;
  min-height:550px; /* don't forget ie.css */
  width:771px;
  padding-left:10px;
}
input {
  font-family:verdana,arial,sans-serif;
}
a {
  color:#ffffff;
  font-weight:normal;
}
a:hover {
  color:#ffffff;
}
h1 {
  font-size:1.6em;
  margin:0 0 10px 10px;
  line-height:20px;
}
h2,
h3 {
  font-size:1em;
}
h2 a,
h3 a {
  text-decoration:none;
}
acronym,
abbr,
.tooltip {
  cursor:help;
}
pre,
pre * {
  font-family:courier,monospace;
}

/* market-news: heat map */

#heat-map ul {
  margin:0 auto;
  width:750px;
}
#heat-map li {
  border:2px solid white;
  display:inline;
  float:left;
  height:41px;
  overflow:hidden;
  margin:0;
  padding:4px 4px 5px;
  text-align:center;
  width:63px;
}
#heat-map ul ul {
  margin:0;
  width:auto;
}
#heat-map li li {
  margin:0;
  padding:0;
  border:0;
  width:63px;
  height:14px;
  overflow:visible;
  text-align:center;
}
#heat-map li li a {
  text-decoration:underline;
}
#heat-map li li a:hover {
  text-decoration:none;
}
#heat-map-container .key {
  margin:0 auto;
  width:748px;
}
#heat-map-container .key li {
  border:1px solid white;
  border-width:0 1px;
  display:block;
  float:left;
  height:12px;
  overflow:visible;
  padding:3px;
  text-align:center;
  width:36px;
}

/* market-news: news */

.news-story-list th.date,
.news-story-list th.time {
  width:100px;
}

/* company-search: a to z search */

.atoz-search select {
  min-width:200px;
}
a.atoz,
input.atoz,
input.atoz-hover {
  text-align:center;
  text-decoration:none;
  float:left;
  background:url(/hsretail/images/button.png) repeat-x top left;
  margin:0 1px 3px 2px;
  padding:1px 0 2px 0;
  border:1px solid #CCC;
  color:white;
  cursor:pointer;
  width:18px;
  white-space:nowrap;
}
a.atoz {
  width:16px;
}
a.atoz:hover,
input.atoz:hover,
input.atoz-hover {
  background-position:bottom left;
  text-decoration:none;
  color:white;
}
.box .item a.numeric,
input.numeric {
  width:39px;
}

/* company search: indices */

#tracker {
  width:200px;
}

/* company search: sector search */

#sector-list li {
  list-style-type:none;
}
#sector-list li li {
  text-indent:2em;
}

/* company search: results */

.company-search-results th.origin,
.company-search-results th.symbol,
.company-search-results th.exchange {
  width:78px;
}
.company-search-results th.links {
  width:40px;
}

/* company details: header */

h1 span.title {
  min-width:120px;
  white-space:nowrap;
}
h1 span.company {
  color:#0093D3;
  width:425px;
}

/* company details: company summary */

.delayed-share-price th {
  width:14%;
}
.company-background th {
  width:186px;
}
.company-summary th.right {
  width:150px;
}
.data .unit {
  width:30px;
}

/* company details: key dates */

.key-dates .data th.status {
  width:100px;
}
.key-dates .data th.date {
  width:150px;
}

/* company details: directors */

.directors .data th.job-title {
  width:140px;
}
.directors .data th.committee,
.directors .data th.share-holding {
  width:100px;
}

/* company details: key people */

.key-people th {
  width:50%;
}

/* company details: company reports header */

#factsreportHeader {
  margin:10px;
}

/* company details: financial data */

table.data thead th.financial-data {
  text-align:right;
  width:84px;
}
.dividends table.data thead th.financial-data {
  width:70px;
}

/* company details: broker forecasts */

.broker-forecasts .pretax {
  width:62px;
}
.broker-forecasts .eps,
.broker-forecasts .dps {
  width:54px;
}
.financial-data td[class="right"] {
  width:110px;
}

/*  share price chart */

#chartForm legend {
  margin:0; 
  text-align:left;
  font-weight:bold;
  color:#0093D3;
  padding:5px 5px 5px 0; 
}
#chartForm fieldset {
  float:left;
  padding:3px 0 10px 10px;
  width:295px;
}
#chartForm .indent-label {
  float:left; 
  width:35px; 
  text-align:right; 
  margin-right:10px;
}

/* investment ideas: stock selector */

.last .search-row {
  height:24px;
  width:600px;
  padding:0;
  border:0;
}
.last .search-row .description {
  width:300px;
}
.last .search-row .min,
.last .search-row .min-hover {
  width:50px;
}
.last .search-row .max,
.last .search-row .max-hover {
  width:50px;
}
.last .search-row-header {
  font-weight:bold;
}
.last .search-row div,
.last .search-row label,
.last .search-row input {
  float:left;
  height:14px;
  line-height:14px;
  margin:2px;
  margin-right:10px;
  padding:2px;
}
.last .search-row div,
.last .search-row label {
  border:none;
  width:auto;
}
.last .search-row input.radio {
  position:relative;
  top:5px;
  margin-left:18px;
}
.last .search-row select {
  float:left;
  height:18px;
  margin:2px;
  margin-right:10px;
}
.last .search-row div.field,
.last .search-row input.field {
  width:116px;
  border:1px solid #999;
}
.last .search-row select.field {
  width:122px;
}

#search-description {
  background:url(/guru2/images/search.gif) no-repeat top left;
  padding-left:55px;
}
#search-description .highlighted {
  color:#ffffff;
  font-style:italic;
  font-weight:bold;
  line-height:20px;
  padding-left:20px;
}

/* tools: calculators */

.last .calculator-row {
  height:24px;
  padding:0;
  border:0;
}
.last .calculator-row-header {
  height:48px;
  font-weight:bold;
}
.last .calculator-row .description {
  width:320px;
}
.last .calculator-row div,
.last .calculator-row label,
.last .calculator-row input {
  float:left;
  height:14px;
  line-height:14px;
  margin:2px;
  margin-right:10px;
  padding:2px;
}
.last .calculator-row input.submit-button,
.last .calculator-row input.submit-button-hover {
  height:auto;
  margin-top:0;
  padding:1px 20px 2px 6px;
  top:3px;
  left:-7px;
}
.last .calculator-row input.short,
.last .calculator-row input.short-hover {
  width:90px;
}
.last .calculator-row input.radio {
  float:left;
  position:relative;
  top:2px;
  margin-right:10px;
}
.last .calculator-row div,
.last .calculator-row label {
  border:none;
  width:auto;
}
.last .calculator-row select {
  float:left;
  height:18px;
  margin:2px;
  margin-right:10px;
}

/* international markets: other currencies */

#other-currencies th {
  width:40%;
}
#other-currencies td {
  width:10%;
}

/* facts report help */

#help h2 {
  background:transparent none;
  color:#000;
  font-size:1.1em;
  border:0;
  margin:1em 0;
  padding:0;
}
#help table {
  margin-bottom:1em;
}
#help caption {
  margin-top:1em;
}

/* print styles */

@media print {

  body {
    background:white;
  }
  .print-only {
    display:block;
  }

  .no-print,
  .mpu,
  #info-bar,
  #header,
  #topnav,
  #topnav-shadow,
  #sidebar,
  #breadcrumbs,
  #adbar,
  #footer,
  #footer-shadow,
  #disclaimer {
    display:none;
  }

  .hide-print {
    visibility:hidden;
    height:0;
  }

}