/*Fonts*/

@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansitalic';
    src: url('fonts/PTS56F-webfont.eot');
    src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS56F-webfont.woff') format('woff'),
         url('fonts/PTS56F-webfont.ttf') format('truetype'),
         url('fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



body{font-family:pt_sansregular;font-size:16px;overflow:hidden;}
:focus{outline:0}
a{color:#535353;text-decoration:none}
select{width:98.57142857142857%}
.alteration-up{background:url(images/up.png) right 10px no-repeat}
.alteration-equal{background:url(images/equal.png) right 10px no-repeat}
.alteration-down{background:url(images/down.png) right 10px no-repeat}
.clearfix{clear:both}
#wrapper{color:#154384;overflow:hidden;position:relative; max-width:793px;}
#bottomSection{/*margin-right:10.1695%;*/margin-top:20px;width:66.1017%; max-width:793px;}
#topSection #chartLeft{float:left;width:74.10169491525424%;margin-right:2.16949152542373%}
#topSection #chartRight{float:right;width:23.72881355932203%}
#top .top-info{border-top:1px dotted #154384;border-bottom:1px dotted #154384;padding:12px 0 8px;font-size:20px;color:#154384}
#top .top-info .top-company-info{width:45%;float:left}
#top .top-info .top-share-info{width:45%;float:right;text-align:right}
.desktoptable{display:block}
.mobiletable{display:none}
#top .top-table{margin:10px 0 35px}
#top table{width:100%;line-height:18px}
#top .row1 .col1{text-align:left;line-height:18px; padding-right:23px;}
#top .col4,#top .col6,#top .col8{text-align:right}
#top .row3 .col11{border-right:0}
#top table td{color:#154384;padding:5px 3px;text-align:left}
#top .row4 td{border-bottom:none}
#range-selector{clear:both;margin:1px 0 -1px;width:100%}
#range-selector ul{width:100%}
#range-selector ul li{margin:0;float:left;border-top:1px solid #959aa2}
#range-selector ul li a{background:#959aa2;color:#FFF;padding:12px;text-align:center;display:block;margin-right:1px;font-size:16px;transition:all .4s ease-in-out 0s;border-bottom:1px solid #FFF}
#range-selector ul li a:hover{background-color:#FFF;color:#959aa2;transition:all .4s ease-in-out 0s}
#range-selector ul li.active{border-top:1px dotted #154384;border-bottom:1px solid #FFF}
#range-selector ul li.active a{background-color:#FFF;color:#959aa2}
.inputRangExport{border-top:1px dotted #154384;border-bottom:1px dotted #154384;padding:6px 0}
#range-input{clear:both;float:left;width:85%}
#range-input a.submit,#range-input input,#range-input label,#range-input span.title{float:left;display:block}
#range-input span.title{padding:8px 0 0}
#range-input label{padding:8px 10px 0}
#range-input a.submit{float:left;margin-left:14px;display:block;color:#000;text-align:center;border:none;background:#ebb934;padding:8px}
#range-input a.submit span{font-size:16px;color:#FFF}
#range-input #tr_beg,#range-input #tr_end{margin:0 0 0 5px;width:77px;padding:5px 10px;font-size:16px;font-style:italic;color:#959aa2;border:2px solid #959aa2}
#ui-datepicker-div{z-index:99!important}
#news-information{clear:both;float:left;width:100%;padding:0;margin-top:5px}
.news-option input[type=checkbox]:not(old){cursor:pointer;margin:0;opacity:0;padding:0;width:15px}
.news-option input[type=checkbox]:not(old)+label{background:url(images/checkBox.jpg) left 1px no-repeat;display:inline-block;line-height:15px;margin-left:-14px;padding-left:20px}
.news-option input[type=checkbox]:checked:not(old)+label{background-position:0 -37px}
.news-icons,.news-option{float:left;margin-right:40px;height:19px}
.news-icons{padding-top:3px}
.news-icons span{margin-right:20px;padding-left:24px;background:url(images/a.gif) 0 1px no-repeat;display:block;float:left;height:18px}
.news-icons .adhoc{margin-left:0}
.news-icons .corporate{background-image:url(images/n.gif)}
.news-icons .dividends{background-image:url(images/d.gif)}
#chartheader{clear:both;width:100%;margin-bottom:10px}
#chartwrapper .wrapper{clear:both;padding-bottom:10px}
#chart.withvolumebg{background:url(images/volumebg.jpg) left bottom repeat-x}
#chart.withoutvolumebg{background:0 0}
.highcharts-container{background:url(images/logo.png) 44% 34% no-repeat}
#chartfooter{clear:both;width:100%;border-top:1px dotted #154384}
#chartfooter div{padding:6px 0}
#chartfooter div.select-exchanges{padding-top:21px}
#chartfooter input{vertical-align:bottom}
#chartfooter select{width:100%;border:2px solid #959aa2;padding:6px;margin-bottom:10px;font-size:16px;font-family:pt_sansitalic;color:#959aa2;box-sizing:border-box;margin:0}
#chartfooter label{vertical-align:middle;line-height:19px;cursor:pointer}
#chartfooter h3{margin:0 0 5px 5px;color:#154384;font-size:16px;text-transform:uppercase}
.select-exchanges{clear:both}
.history-download a{box-sizing:border-box;display:block;width:100%;background:#959aa2;color:#FFF;text-align:center;padding:15px 10px 16px}
.history-download a:hover{background:#ebb934}
.bottom-table{border-collapse:separate;border-spacing:4px 0;empty-cells:show;border-top:1px dotted #154384;padding-top:1px}
.bottom-table table{width:100%}
.bottom-table td,.bottom-table th{text-align:left;padding:.5em}
.bottom-table td{padding:12px .5em;color:#154384}
.bottom-table th{color:#FFF;font-family:pt_sansbold;background:#959aa2}
.bottom-table td.col1{text-align:left}
.bottom-table tr.row1 th{border-top:1px solid #FFF}
.bottom-table tr.row2 th.col1{text-align:left}
.bottom-table td{border-bottom:1px dotted #154384}
#chart-info{margin-top:5px;font-size:.9em;clear:both;float:left;width:50%;color:#959aa2}
#info-footer{margin-top:5px;font-size:.9em;float:right;text-align:right;width:50%;color:#959aa2}
#download-wrapper{color:#000;font-size:12px;font-family:pt_sansregular;overflow:hidden;width:auto!important;position:static!important}
#download-wrapper h1{clear:both;font-family:pt_sansregular;font-weight:400;font-size:17px;color:#1E3977}
#download-wrapper .description{font-size:13px;line-height:18px;margin:12px 0}
#download-wrapper label{font-weight:700;display:block;margin-bottom:8px}
#download-wrapper div{margin-bottom:12px}
#download-wrapper div.error{color:#FF0004}
select{border:2px solid #959aa2;color:#959aa2;font-size:16px;font-style:italic;margin:0 0 0 5px;padding:5px}
#download-wrapper .select-day{width:60px}
#download-wrapper .select-month{width:120px}
#download-wrapper .select-year{width:80px}
#download-wrapper .button{box-sizing:border-box;display:block;width:100%;background:#959aa2;color:#FFF;text-align:center;padding:15px 10px 16px;border:none}
#download-wrapper .button:hover{background:#ebb934}
.highcharts-legend{color:red}
#chartexport{float:right;height:25px;padding:2px;position:relative;right:0;top:0;z-index:99}
#chartexport a{background:url(images/printer.png) center 3px no-repeat;display:block;width:28px;height:26px;float:left;margin:0 6px}
#chartexport a.chart-pdf{background-image:url(images/page_white_acrobat.png);margin:0 3px}
#chartexport a.chart-png{background-image:url(images/photo.png)}
#chartexport a span{display:none}
body .ui-selectmenu-menu ul li a,body a.ui-selectmenu{font-size:11px}
body .ui-state-default{border:1px solid #DBDBDB;background:0 0}
body .ui-state-hover{border:1px solid #DBDBDB}
body .ui-widget-content .ui-state-hover{background:#536EA7;color:#fff}
body .ui-datepicker-next:hover,body .ui-datepicker-prev:hover{background-color:#F4F6F8;top:3px;padding:2px}
body .ui-datepicker-today a{background-color:#6482A0;border:1px solid #6482A0;color:#FFF}
body .ui-datepicker-today a.ui-state-highlight{background:#6482A0!important;border:1px solid #6482A0!important;color:#FFF!important}
.tableContainer .wrap{overflow-x:hidden}
.tableContainer table{min-width:inherit!important}
.tableContainer .shadow{display:none}
#top table .row1 td.col2,#top table .row2 td.col2{padding-left:25px}
@media screen and (min-width:769px) and (max-width:1024px){
	#bottomSection{/*margin-right:2.1695%;*/margin-top:20px;/*width:74.1017%*/ margin-right:0;width:100%}
	#topSection #chartLeft{float:left;width:74.10169491525424%;margin-right:2.16949152542373%}
	#topSection #chartRight{float:right;width:23.72881355932203%}
}
@media screen and (max-width:768px){
	#bottomSection{margin-right:0;width:100%}
	#topSection #chartLeft{clear:both;width:100%;margin-right:0}
	#topSection #chartRight{clear:both;width:100%;margin:20px 0}
	#chartfooter{border:none}
	#chartfooter>div{width:33.33%;float:left;padding:10px 7.5px;box-sizing:border-box}
	#chartfooter>div.select-exchanges,#chartfooter>div.sma-0{padding-left:0}
	#chartfooter>div.history-download,#chartfooter>div.select-charttype{padding-right:0}
	#chartfooter div.select-exchanges {padding-top: 10px;}
}
@media screen and (max-width:590px){
	#range-selector ul{display:table}
	#range-selector ul li{float:none;display:table-cell}
	#range-selector ul li a{padding-right:0;padding-left:0}
	#range-selector ul li a span span{display:none}
}
@media screen and (min-width:544px) and (max-width:580px){
	#chartfooter>div{width:50%;float:left;padding:10px!important;box-sizing:border-box}
	#chartfooter>div.select-charttype,#chartfooter>div.select-exchanges,#chartfooter>div.select-volume{padding-left:0!important}
	#chartfooter>div.benchmark-0,#chartfooter>div.history-download,#chartfooter>div.sma-0{padding-right:0!important}
	#range-input #tr_beg,#range-input #tr_end{padding:5px}
}
@media screen and (max-width:543px){
	.tableContainer{position:relative;overflow:hidden}
	.tableContainer .wrap{width:100%;overflow-x:scroll;z-index:400;padding-right:10px;box-sizing:border-box;}
	.tableContainer .shadow{width:40px;height:7000px;background:url(images/shadow.png) repeat-y;position:absolute;right:0;top:0;z-index:500;opacity:.96;display:block;10px 0 0 9px}
	.desktoptable{display:none}
	.mobiletable{display:block}
	#top .top-info{font-size:16px}
	#news-information{font-size:14px}
	.news-icons,.news-option{margin-right:8px}
	.news-icons span{margin-right:10px}
	#range-input{width:100%}
	#chartexport{top:40px!important}
	#chartfooter>div{width:50%;float:left;padding:10px!important;box-sizing:border-box}
	#chartfooter>div.select-charttype,#chartfooter>div.select-exchanges,#chartfooter>div.select-volume{padding-left:0!important}
	#chartfooter>div.benchmark-0,#chartfooter>div.history-download,#chartfooter>div.sma-0{padding-right:0!important}
}
@media screen and (max-width:479px){
	#chartfooter>div{width:100%;float:left;padding:10px 0!important;box-sizing:border-box}
	#tr_beg,#tr_end{width:45%!important;text-align:center}
	#range-input label,#range-input span.title{display:block;width:100%;padding:10px 0}
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
