﻿@font-face{
font-family:"Milo";
src:url("../Fonts/MiloWebPro.eot?#iefix");
src:url("../Fonts/MiloWebPro.eot?#iefix") format("eot"),url("../Fonts/MiloWebPro.woff") format("woff"),url("../Fonts/MiloWebPro.ttf") format("truetype")
}
@font-face{
font-family:"Milo_medium";
src:url("../Fonts/MiloWebPro-Medium.eot?#iefix");
src:url("../Fonts/MiloWebPro-Medium.eot?#iefix") format("eot"),url("../Fonts/MiloWebPro-Medium.woff") format("woff"),url("../Fonts/MiloWebPro-Medium.ttf") format("truetype")
}
@font-face{
font-family:"Milo_bold";
src:url("../Fonts/MiloWebPro-Bold.eot?#iefix");
src:url("../Fonts/MiloWebPro-Bold.eot?#iefix") format("eot"),url("../Fonts/MiloWebPro-Bold.woff") format("woff"),url("../Fonts/MiloWebPro-Bold.ttf") format("truetype")
}

/*@font-face{
font-family:"Milo_medium_ticker";
src:url("../Fonts/MiloWebPro-MediumIta.eot?#iefix");
src:url("../Fonts/MiloWebPro-MediumIta.eot?#iefix") format("eot"),url("../Fonts/MiloWebPro-MediumIta.woff") format("woff"),url("../Fonts/MiloWebPro-MediumIta.ttf") format("truetype")
}*/

html {-webkit-text-size-adjust:none;}
body,div {margin:0px; padding:0px; color:#415055; font-family:"Milo",Helvetica,Arial,sans-serif; font-size:14px; line-height:18px;}
a{text-decoration:none !important;color:#415055;}
input{margin:0 0 0 1px;padding:0;}
table{border-collapse:collapse;border-spacing:0;float:left;}
td{margin:0;padding:0;}
.shareprice{background:#D9DDE6;float: left;}
.price{font-size:54px;line-height: 30px;padding:30px 0 20px; /*margin-top:5px;*/ text-align: center;  /*width: 95%;*/  width:99%;font-family:"Milo",sans-serif;}
.price1{font-size:30px;}
.change_percent{font-size:18px;line-height:10px;text-align:center;width: 90%;padding: 15px 0 10px 5%;float:left;font-family:"Milo",sans-serif;}
.title{margin:0 3px 0 3px; float:left;}
.positive{color: #19af0e;}
.negative{color: #e3000f;}
.tableleft{float:right; width:80%;}
.tableright{float:left;width:32%;}
.highchart{width:67%;float:left;}
.header_text_div{float:left;width:98%;}
/*.header_text{width:19%;float:left;padding-left:0.5%;}
.border_div{height:2px; background-color:#ff0000; width:79%;float:right;}*/
.div{width:48%;float:left;margin:10px 0 0 0;font-size: 18px;}
.datetime{width:48%;float:right;margin:10px 2.5% 10px 0;text-align:right;}
.wrapper{float:left;width:100%;}
.link_site{float:left;width:99%;}
.link_img{background-image:url("../Images/icon-link-related-png.png"); background-position:left center;background-repeat:no-repeat;/*float:left;height:20px;width:30px;*/ padding: 0 3% 0 6%;}
.link_text{color:#415055 !important;text-decoration:none !important;}

@media only screen and (max-width:790px) {
.price{font-size:45px;}
}

@media only screen and (max-width:770px) {
.link_img{padding: 0 3% 0 12%;}
}

@media only screen and (max-width:640px) {
.price{font-size:36px;}
.link_img{padding: 0 3% 0 15%;}
}


@media only screen and (max-width:480px) {
.tableright{float:left;width:33%;/*padding-left:1%;*/}
.price{font-size:30px;padding:30px 0 25px;}
.price1{font-size:20px;}
.highchart {width:63%;}
/*.div{margin-bottom:10px;}*/
.link_img{padding: 0 3% 0 19%;}
.highcharts-container{width:auto !important;}
}

@media only screen and (max-width:420px) {
    /*.link_img{padding: 0 3% 0 23%;}*/
    .highchart {width:67%;}
}

@media only screen and (max-width:360px) {
/*.link_img{padding: 0 3% 0 9%;}*/
}

@media only screen and (max-width:320px) {
.tableright{float:left;width:99%;padding-left:1%;}
.price{font-size:45px;}
.highchart {clear: both;width: 100%;}
.div{margin-bottom:10px;}
.link_img{padding: 0 3% 0 25%;}
}



