﻿@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700);

html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
body, div{ color:#000000; padding:0; margin:0;  font-family:"Raleway",Arial,helvetica,sans-serif; font-size:13px; background-color:#f9f9f9; }
input { margin: 0 0 0 1px; padding: 0; }
table { border-collapse: collapse; border-spacing:0; float:left; clear:both; }
td { margin:0; padding:0;  }
div.tabStripM { width:100%; font-size:15px; overflow:hidden; display:none; }
div.tabStripM a, div.tabStripM a:active, div.tabStripM a:visited, div.tabStripM ul { text-decoration:none; }
div.tabStripM ul { list-style-type:none; padding:0px; margin:0px; width:100%; overflow:hidden; }
div.tabStripM ul li { float:left; text-align:center; width:16.6%; text-transform:capitalize; background:#E5E5E5; }
div.tabStripM ul li a { color:#333333; font-weight:normal; line-height:34px; display: block; padding:0; }
div.tabStripM ul li.Selected, li:hover { color:#333333; }
div.tabStripM ul li.Selected { background:#A50000; }
div.tabStripM ul li.Selected a { color:#fff !important; }
div.tabStripM ul li.Selected a, div.tabStripM ul li.Selected a:link, div.tabStripM ul li.Selected a:visited, div.tabStripM ul li.Selected a:active { }
.currency { font-size:40px; text-align: left; color: #000; font-weight: normal; line-height:30px;}

.price { color: #000; float: left;   text-align: left; width: 100%;  margin: 0px 0 0;}

.plusminus { font-size:16px; line-height:19px;}
.DateTime { font-weight:bold; line-height:35px; margin:0 0 12px 0; clear:both;}
.positive {color: #70a81b;}
.negative {color: red;}
.price{ font-size:45px;}
#Snapshot4{ font-size:40px}
.highcharts-tooltip,.highcharts-tooltip span {  font-family:"Raleway",Arial,helvetica,sans-serif !important; }
@media only screen and (max-width:590px) { .price,.currency,#Snapshot4 { font-size:41px;}.plusminus{ font-size:14px; }}
@media only screen and (max-width:480px) { .price,.currency ,#Snapshot4{ font-size:35px;}}
@media only screen and (max-width:479px) { .price,.currency ,#Snapshot4{ font-size:30px;}}
@media only screen and (max-width:359px) { .price,.currency ,#Snapshot4{ font-size:27px;}}