@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
/*Reset*/

html{-webkit-text-size-adjust:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
button, html input[type="button"], input[type="reset"], input[type="submit"], input[type="text"] {-webkit-appearance:button;border-radius:0;}
img{border:0;}

/* Common CSS */
body{color:#333333;padding:0;margin:0;font-size:16px;font-family: 'Source Sans Pro', sans-serif;line-height:18px;}
input[type="text"], select{color:#333333;font-size:16px;background:#ffffff;border: 1px solid #d1d0cc;opacity:1 !important;}
a{color:#005DA9;text-decoration:none;font-weight:bold;}
a:visited{}
a:hover{}
ul, ul li{list-style:none;margin:0;padding:0;}
#container {background-position:center 30% !important;}
.Wrapper{float:left;width:100%;overflow:hidden\9;}
.highcharts-yaxis-title{font-size:15px !important;}
.viewfr{*width:110px;}
.mainWrapper{float:left;width:99.8%;}
.mainWrapperLarge{float:left;width:100%;}
.noPointer{cursor:default !important;}
.refreshButton, .headingRight ul li.facebook a, .headingRight ul li.twitter a, .headingRight ul li.linkdin a, .headingRight ul li.googleP a, .exchangeDetails span.showMoreExchange, .snapDropdown, .saveButton, .shareWrapper ul li.facebook a, .shareWrapper ul li.twitter a, .shareWrapper ul li.linkdin a, .shareWrapper ul li.googleP a, .icon-charttp1, .icon-charttp2, .icon-charttp3, .icon-charttpS, .tabMenu span.arrowClick, .tabStockperfomance span.tabStockperfomanceClick, .tabhistoricshareprice span.tabhistoricsharepriceClick, .date-picker-icn, .subOptions .releases span, .subOptions .calendars span, .subOptions .rns span, .subOptions .dividends span, .subOptions .reports span {background-image:url(../images/icons.png);background-repeat:no-repeat;}
.Progress1{position:fixed;top:0px;bottom:0px;left:0px;right:0px;overflow:hidden;padding:0;margin:0;z-index:100000;background:#fff;opacity:0.6;filter:alpha(opacity=60);}
.Progress2{position:fixed;top:0%;left:0%;height:100%;width:100%;z-index:100001;background-color:transparent;border:0px solid #333333;background-image:url('../Images/ajax-loader.gif');background-repeat:no-repeat;background-position:center;}
.fl{text-align:left;float:left;}
.fr{float:right;}
.cl{clear:both;}
.no-margin{padding:0 !important;}
.no-padding{padding:0 !important;}
.positive{color:green !important;}
.negative{color:red !important;}
/* Heading Section */
.headingSection{float:left;width:100%;line-height:22px;padding:0 0 6px;margin:0;}
#lblTitle {font-size: 25px;line-height: 30px;}
.headingSection h1{color:#333333;font-weight:300;font-size:40px;letter-spacing:-1px;margin:0;padding:5px 0 0 1%;line-height:40px;float:left;width:100%;}
.refWrapper{float:left;padding:0 13px 0 0;}
.refreshButton{float:right;margin:9px 0 0 0;padding:0;background-position:-243px 0;width:27px;height:29px;cursor:pointer;}
.refreshText{float:right;padding:14px 0 0 8px;margin:0;font-size:16px;cursor:pointer;color:#005DA9;font-weight:bold;}
.refreshText:hover{}
.headingRight{float:right;}
.sharingLabel{float:left;padding:14px 0 0 0;}
.headingRight ul{float:left;list-style:none;padding:9px 10px 0;display:none;}
.headingRight ul li{float:left;padding:0 5px 0 0;}
.headingRight ul li a {float:left;width:28px;height:29px;margin:0;padding:0;}
.headingRight ul li.facebook a {background-position:-156px 0px;}
.headingRight ul li.twitter a {background-position:-185px 0;}
.headingRight ul li.linkdin a {background-position:-214px 0;}
.headingRight ul li.googleP a {background-position:-272px 0;}
#mainAlt2ShareType1, #mainAlt1ShareType1, #mainAltShareType2, #mainShareType1{border:0;}
/**********Snapshot styling**********/
   .brokerWrapper.section {overflow:hidden;} 
.highcharts-yaxis-title tspan {color:#333333 !important;fill:#333333 !important;font-size:16px !important;}


/* Tab Styling */
#disclaimer_Disclaimer, #disclaimer_vwdgroup {width:100%; float:left;}
.exchangeSelect{float:left;width:100%;padding:0;margin:0;}
.exchangeSelect ul{float:left;width:100%;display:none;position:absolute;z-index:10;background:#fff;top:93px;left:0;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}
.exchangeSelect ul li{float:left;width:100%;*width:99%;text-align:left;cursor:pointer;border-bottom:1px solid #cccccc;padding-left:2px;}
.exchangeSelect ul li span{color:#333333;font-size:14px;float:left;padding:5px 0 5px 0;cursor:pointer;}
.ExchangeClick.selected{background:#005DA9;}
.exchangeSelect ul li span.first{padding-left:0;}
.exchangeSelect ul li:hover{background:#005DA9;}
.exchangeSelect ul li:hover a, .exchangeSelect ul li:hover span{color:#fff;}
.exchangeSelect ul li a{float:left;line-height:24px;padding:5px 0;width:100%;font-size: 16px;}
.exchangeSelect ul li a:hover{text-decoration:none;}
.exchangeSelect ul li.selected a{color:#ffffff;}
.exchangeSelect ul li span:hover{}
.exchangeSelect ul li.selected span{color:#ffffff !important;}
div.currentexchange{color:#005DA9;line-height:50px;float:left;cursor:pointer;padding:0;width:70%;font-size: 16px;}
div.currentexchange a{display:none;padding:0 0 0 1%;color:#005DA9;}
div.currentexchange a:hover{}
div.currentexchange div span{font-size:14px;line-height:30px;float:left;padding:5px 4% 7px;cursor:pointer;background:#005da9;color:#fff;cursor:pointer;margin:0 1px 0 0;}
div.currentexchange div span:last-child {}
div.currentexchange div span.selected, div.currentexchange div span:hover{background:#005DA9;color:#fff;cursor:default;white-space:nowrap;background-image:url(../images/selected.png);background-position:center bottom;background-repeat:no-repeat;cursor:pointer;}
.exchangeDetails span.showMoreExchange{float:right;background-position:-193px -77px;width:16px;height:14px;cursor:pointer;margin:5px 2% 24px 0;padding:0;display:none;}
.exchangeDetails span.showMoreExchange.expanded{background-position:-193px -63px;}
.snapshotWrapper{float:left;width:100%;background:#fff;border-radius:5px 5px 0 0;behavior:url(PIE.htc);position:relative;}
.exchangeListWrapper{float:left;width:100%;margin-bottom:2px;}
.exchangeDetails{float:right;padding:6px 1% 0 0;cursor:pointer;}
.exchangeDetails span{float:right;padding:0 2% 0 0;width:98%;text-align:right;}
.exchangeListWrapper1{display:none;float:left;width:100%;box-shadow:0 5px 10px #999;background:#fff;position:absolute;top:82px;z-index:10;}
.lightBg{opacity:0.4;filter:alpha(opacity=40);}
.snapData{float:left;width:100%;padding:0 0 5px 0;font-size:16px;line-height:19px;background:#f0f0f0;}
.lastValueBox{float:left;width:40%;padding:0 0 0 1%;}
.lastLabel{color:#005DA9;float:left;font-size:60px;line-height:65px;padding:10px 0 0 0;font-weight:bold;}
.changeData{float:left;padding:22px 0 0 2%;}
.otherValueBox{float:left;width:60%;*width:58.5%;padding:20px 0 0 0;}
.otherValueBox-outer, .otherValueBox-data{float:left;width:50%;*width:45%;padding:0 2% 0 2%;text-align:right;}
.otherValueBox-lable{float:left;width:50%;*width:46%;text-align:left;text-transform:capitalize;white-space:nowrap;}
.otherValueBox .fl{font-weight:700;}
.chartBaseToday{float:left;width:100%;height:470px;background:#fff url(../images/today_768.png) center no-repeat;}.chartBaseToday img{width:100%;}
.chartBaseHistory{float:left;width:100%;height:520px;background:#fff url(../images/history_768.png) center no-repeat;}.chartBaseToday img{width:100%;}
.dayChangeWrapper{float:left;width:99%;*width:97.9%;padding:0 0.5% 0 1%;font-weight:400;font-size:16px;}
.dayChangeLowLabel{color:#333333;width:2%;float:left;padding:8px 0;text-align:left;}
.dayChangeHighLabel{color:#333333;width:2%;float:left;padding:8px 0;text-align:right;}
.dayChangeImgStatus{position:absolute;left:50%;margin-left:-4px;margin-top:2px;}
.dayChangeChart{float:left;padding:12px 0;width:91%;height:11px;position:relative;}
.dayChangeChart .dayChangeHighValue{float:left;width:49.9%;height:11px;background:#f0f0f0;}
.dayChangeChart .dayChangeLowValue{float:left;width:49.9%;height:11px;background:#005DA9;}
.dayChangeLabel{float:left;padding:8px 0;width:5%;text-align:right;}
.topTableWrapper{float:left;width:100%;*width:99%;position:relative;padding-right:1%;}
.snapTableLink{float:left;width:100%;padding:7px 0 9px 1%;font-weight:400;color:#005DA9;cursor:pointer;}
.snapTableLink:hover{}
.snapTableLink span.fl{float:left;width:75%;color:#005DA9;font-weight:bold;text-transform:capitalize;}
.snapTableLink span.fl:hover{}
.performance-tbl-header > a {text-transform: capitalize;}
.snapDropdown{cursor:pointer;float:right;height:9px;text-align:right;width:11px;background-position:-213px -77px;margin-top:5px;margin-right:2px;}
.snapDropdown.show{background-position:-213px -67px;}
.snapTableDetails{background:#ffffff;float:left;width:100%;*width:99%;padding:0;box-shadow:0 5px 10px #999;border-top:1px solid #dadada;display:none;position:absolute;top:34px;left:0;z-index:7;}
.shareDetails, .marketDetails{float:left;width:50%;*width:43.5%;}
.shareDetails{border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.marketDetails{border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
/*.altrow{background-color:#e4e4e4;}*/
.shareDetails div, .marketDetails div{padding:10px 2%;width:100%;float:left;border-top: 1px solid #cccccc;}
.snapTableDetails .right{float:left;width:50%;color:#333333;font-weight:700;}
.snapTableDetails .fl{float:left;width:50%;color:#333333;white-space:nowrap;text-transform:capitalize;}
.snapTableDetails .shareDetails .right{width:45%;padding:0 5% 0 0;}
.snapTableDetails .marketDetails .fl{width:45%;padding:0;}

/* Tab Styling */
.tabMenu{float:left;width:100%;padding:0;margin:0;}
.tabMenu ul{float:left;width:100%;display:block;}
.tabMenu ul li{float:left;width:33.33%;*width:33%;text-align:center;padding:1px 0;background:#005DA9;}
.tabMenu ul li:hover{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.tabMenu ul li.selected{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.tabMenu ul li a{font-size:14px;float:left;line-height:24px;padding:8px 0;width:100%;color:#ffffff;font-weight:normal !important;}
.tabMenu ul li.selected a{color:#ffffff;}
.tabMenu ul li a:hover{text-decoration:none;}
.tabMenu span.hideforDesktop{background-color:#005DA9;color:#fff;float:left;font-size:14px;padding:10px 1% 10px 2%;width:95%;cursor:pointer;}
.tabMenu span.arrowClick{width:11px;height:24px;float:right;cursor:pointer;background-color:#005DA9;background-position:-276px -143px;margin-right:1%;}
.tabMenu span.arrowClick.show{ background-position: -276px -106px;}
.hideforDesktop{display:none;}

/* Stock Perfomance Tab Styling */
.tabStockperfomance{float:left;width:100%;padding:0;margin:0;}
.tabStockperfomance ul{float:left;width:100%;display:block;}
.tabStockperfomance ul li{float:left;width:33.33%;*width:33.33%;text-align:center;background:#005da9;padding:1px 0;}
.tabStockperfomance ul li:hover{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.tabStockperfomance ul li.selected{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.tabStockperfomance ul li a{font-size:14px;float:left;line-height:24px;padding:8px 0;width:100%;color:#ffffff;font-weight:normal;text-transform:capitalize;}
.tabStockperfomance ul li.selected a{color:#ffffff;}
.tabStockperfomance ul li:hover a{}
.tabStockperfomance ul li a:hover{text-decoration:none;}
.tabStockperfomance span.hideforDesktop{background:#005DA9;color:#fff;float:left;font-size:14px;padding:10px 1% 10px;width:94%;cursor:pointer;text-transform:capitalize;}
.tabStockperfomance span.tabStockperfomanceClick{width:11px;padding:5px 0;height:24px;float:right;cursor:pointer;background-color:#005DA9;background-position:-276px -143px;margin-right:5px;}
.tabStockperfomance span.tabStockperfomanceClick.show{background-position:-276px -108px;}
/*#ucSPCTabBox_ucPerformance_liPerformanceAcrossExchange{display:none;}*/

/* Perfomance Data Styling */
.stockperformance{float:left;width:100%;}
.stockperformance .sectionHeading{color:#333333;line-height:30px;float:left;margin-bottom:1px;padding:8px 1% 8px;width:85%;margin-top:2px;}
.stockperformance .fr{float:right;padding:15px 0 0 0;}
.stockperformance .perfomanceTable{float:left;width:100%;margin-bottom:2px;margin-top:2px;}
.stockperformance .headers, .stockperformance .datarow{float:left;width:100%;border-right:1px solid #cccccc;position:relative;display:table;}
.stockper-datacol2{position:absolute;left:17%;}
.stockper-datacol3{position:absolute;left:28.66%;}
.stockper-datacol4{position:absolute;left:40.32%;}
.stockper-datacol5{position:absolute;left:51.98%;}
.stockper-datacol6{position:absolute;left:63.64%;}
.stockper-datacol7{position:absolute;left:75.3%;}
.stockper-datacol8{position:absolute;left:86.96%;}
.stockperformance .headers{cursor:pointer;*height:70px;}
.stockperformance .headerslbl{float:left;}
.stockperformance .headers .sorting{float:right;display:block;padding:5px 2px 0 10px;}
.stockperformance .headers div.first, .stockperformance .datarow div.first{width:17%;*width:11%;float:left;}
.stockperformance .headers > div > a{float:right;display:block;}
.stockperformance .headers > div > a:hover,.performance-tbl-header > a:hover{}
.stockperformance .headers div, .stockperformance .datarow > div{width:11.66%;float:left;padding:10px 1% 5px 0%;text-align:right;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;min-height:100%;}
.stockperformance .headers div{}
.stockperformance .headers div:last-child, .stockperformance .datarow div:last-child {width:13%;}
.perfomanceTable .active{font-weight:bold;}
.stockper-datacol1{text-align:left !important;padding:10px 0 10px 1% !important;}.stockper-datacol1 a.stockper-datacol1 img{float:left !important;padding:0 0 0 2px !important;}

/* Historic Share Price*/
.historicshareprice-mainnavi{float:left;width:100%;padding:0;margin:0;}
.historicshareprice-mainnavi ul{float:left;width:100%;display:block;}
.historicshareprice-mainnavi ul li{float:left;width:50%;*width:49.8%;text-align:center;background:#005DA9;padding:1px 0;}
.historicshareprice-mainnavi ul li:hover {background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.historicshareprice-mainnavi ul li.selected{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.historicshareprice-mainnavi ul li a{font-size:14px;float:left;line-height:24px;padding:8px 0;width:100%;color:#ffffff;font-weight:normal;text-transform:capitalize;}
.historicshareprice-mainnavi ul li.selected a {color:#ffffff;}
.historicshareprice-mainnavi ul li a:hover{text-decoration:none;}
.historicshareprice{float:left;width:100%;}
.historicshareprice .sectionHeading{color:#333333;float:left;width:100%;*width:98%;text-transform:capitalize;}
.historicshareprice .sectionHeading1{font-size:25px !important;padding: 12px 1% 20px;text-align: left;float:left;width:100%;text-transform:capitalize;}
.perfomanceTable{float:left;width:100%;}
.historicshareprice .headers{float:left;width:100%;cursor:pointer;border-left: 1px solid #cccccc;font-size: 16px;background:#005da9;margin-top:2px;color:#fff;}
.historicshareprice .datarow{float:left;width:100%;border-right: 1px solid #cccccc;}
.perfomanceTable .active{}
.datarow.altbg {}
.historicshareprice .headers .sorting{float:right;display:none;padding:5px 2px 0 10px;}
.headers.noPointer > div{border-right:1px solid #cccccc;}
.historicshareprice .headers div.first, .historicshareprice .datarow div.first{width:20%;*width:18%;float:left;}
.historicshareprice .headers > div > a{float:right;display:block;}
.historicshareprice .headers div, .historicshareprice .datarow > div{width:16%;float:left;padding:10px 1% 10px 1%;text-align:right;}
.historicshareprice .datarow > div{border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.historicshareprice .headers div, .datarow div{width:16%;float:left;}
.perfomanceTable .first{text-align:left !important;}
.perfomanceTable .first a{float:left !important;padding:0 0 0 2px !important;margin-top:-2px;}
.perfomanceTable .first img{float:left !important;padding:0 0 0 2px !important;}

/* Perfomance Tab Styling */
.tabhistoricshareprice{float:left;width:100%;padding:0;margin:0;}
.tabhistoricshareprice ul{float:left;width:100%;display:block;}
.tabhistoricshareprice ul li{float:left;width:20%;*width:19.8%;text-align:center;background:#005DA9;padding:1px 0;}
.tabhistoricshareprice ul li.selected{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.tabhistoricshareprice ul li:hover{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.tabhistoricshareprice ul li a{font-size:14px;float:left;line-height:24px;padding:8px 0;width:100%;color:#fff;font-weight:normal;text-transform:capitalize;}
.tabhistoricshareprice ul li.selected a{color:#ffffff;}
.tabhistoricshareprice ul li a:hover{text-decoration:none;}
.tabhistoricshareprice span.hideforDesktop{color:#fff;float:left;font-size:14px;padding:10px 1% 10px;width:92%;cursor:pointer;background-color:#005DA9;text-transform:capitalize;}
.tabhistoricshareprice span.tabhistoricsharepriceClick{width:11px;padding:5px 0;height:24px;float:right;cursor:pointer;background-color:#005DA9;background-position:-277px -143px;width:5%;}
.tabhistoricshareprice span.tabhistoricsharepriceClick.show{background-position:-277px -106px;}
.hideforDesktop{display:none;}

/* Comparative Data Styling */
.section{border-radius:0 0 5px 5px;behavior:url(PIE.htc);float:left;width:100%;*width:99.90%;margin-bottom:10px;}
.subHeading{float:left;color:#333333;line-height:20px;padding:12px 0 12px 0;font-family: 'Source Sans Pro', sans-serif;font-size:25px;text-transform:capitalize;}
.comparatorWrapper{float:left;width:100%;*width:99.9%;border-radius:0 0 5px 5px;behavior:url(PIE.htc);}
.sectionHeading{color:#333333;font-size:35px;float:left;margin-bottom:1px;padding:12px 1% 12px;width:100%;*width:98%;text-transform:capitalize;text-align:left;line-height:30px;}
.saveButton{cursor:pointer;color:#333333;float:right;height:23px;text-align:right;background-position:right -31px;padding:0 33px 0 0;font-size:14px;font-weight:400;line-height:18px;text-transform:capitalize;}
.comparatorDetails{float:left;width:100%;background:#fff;}
.collapsecon{float:left;width:100%;}
.comparatorDetails .subHeading{width:100%;padding:7px 0 5px 3%;}
.shareSection{float:left;width:33.33%;*width:33%;}
.shareItem{background:#fff;float:left;padding:7px 0 7px 3%;width:100%;margin-bottom:1px;min-height:25px;cursor:pointer;}
.shareItemButton{background:#fff;width:23px;height:23px;float:left;behavior:url(PIE.htc);   border: 1px solid #666666;*border:1px solid #666666;border:1px solid #666666 \0/;}
.shareItemLabel{color:#333333;font-weight:400;font-size:16px;padding:3px 0 0 9px;float:left;text-transform:capitalize;}
.MainShare {font-weight:bold !important;}
.shareItem.checked{cursor:default;}
#lower-graph .shareItemButton{border-radius:12px;behavior:url(PIE.htc);}
/* Advanced Option Styling */
.advOptionWrapper{float:left;width:100%;}
.showAdvOptions{float:left;width:100%;}
.advOptionWrapper .snapTableLink{background:#f5f5f5;border-bottom:1px solid #dadada;box-shadow:0 5px 10px #999999;margin-bottom:15px;}

/* Order Depth Section Styling */
.odHeaders{float:left;width:100%;}
.odWrapper .sectionHeading .left{float:left;width:75%;}
.odWrapper .sectionHeading .fullleft{float:left;}
.odWrapper .sectionHeading .right{float:right;width:25%;text-align:right;}
.odWrapper .subHeading{width:50%;*width:48.9%;padding:10px 0 10px 1%;background:#005da9;color:#fff;font-size:16px;}
.odWrapper .subHeading.right{padding:10px 1% 10px 0;text-align:right;background:#005da9;border-left: 1px solid #cccccc;color:#fff;}
.odData{float:left;width:100%;*width:98%;padding:7px 1% 7px;color:#333333;font-weight:400;background:#fff;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;border-left: 1px solid #cccccc;}
.bidWrapper, .askWrapper{float:left;width:50%;*width:48.5%}
.bidWrapper .odChart{float:right;}
.askWrapper .right{text-align:right;}
.askWrapper .odChart{background:#f0f0f0;border-left:1px solid #fff;}
.bidaskouter{width:100%;float:left;}
.odTime{float:left;width:25%;padding-top:3px;}
.odMap{float:left;width:75%;position:relative;}
.odLabel{float:left;padding-top:3px;position:absolute;}
.odLabel.left{padding-left:2%;margin-right:-60px;min-width:80px;margin-right:-80px;}
.odLabel.right{padding-right:2%;text-align:right;margin-left:-80px;min-width:80px;}
.odChart{background:#23476e;float:left;width:75%;height:25px;}
.hideDesktop{display:none;}

/* Trade Section Styling */
.tradeHeaders{float:left;width:100%;border-left:none;}
.timeRow.subHeading {border-left:none !important;}
.tradeHeaders .subHeading{padding:10px 1% 10px 1%;text-align:right;font-size:16px;text-transform:capitalize;background:#005da9;border-left:1px solid #cccccc;color:#fff;}
.tradeData{color:#333333;font-weight:400;float:left;min-height:25px;padding:0;width:100%;line-height:20px;border-bottom:1px solid #cccccc;border-right: 1px solid #cccccc;}
.tradeData.altbg{background:#fff !important;}
.tradeData > span{float:left;padding:10px 1%;text-align:right;border-left:1px solid #cccccc;}
.tradeData span img{padding:0;*padding:5px 0 0 0;}
.changeImgRow{text-align:center;}
.tradeData.first span{color:#333333;font-weight:bold;}
.timeRow{width:13%;text-align:left !important;}
.lastRow{width:20%;*width:18%;}
.changeRow{width:15%;*width:14%;}
.changePerRow{width:17%;*width:16%;}
.changeImgRow{width:14%;text-align:left;}
.volumeRow{width:21%;*width:18.5%;}
.tradeWrapper .sectionHeading .left{float:left;width:75%;}
.tradeWrapper .sectionHeading .right{float:right;width:25%;text-align:right;}

/* Trades by Broker Styling */
.subSection .subHeading{float:left;padding:6px 0 5px 2%;width:100%;*width:98%;}
.subSection .col1{padding-left:6%;}
.subSection{float:left;width:50%;*width:49.99%;}
.brokerHeaders{float:left;padding:0;width:100%;background:#e3e3e3;color:#333333;}
.brokerHeaders span{float:left;padding:10px 2% 10px 2%;width:33.3%;text-align:right; font-size:14px;border-left:1px solid #cccccc;text-transform:uppercase;}
/*.brokerHeaders .cols{padding-right:6%;}*/
.brokerHeaders .col1{padding-left:6% !important;}
.brokerData{float:left;padding:0;width:100%;border-bottom:1px solid #cccccc;}
.brokerData.altbg{background:#fff !important;}
.brokerData span{float:left;padding:10px 2% 10px 0%;width:33.3%;*width:31%;color:#333333;font-weight:400;text-align:right;border-left:1px solid #cccccc;}	
.brokerData .cols{padding-right:6%;}
.brokerData .col1{padding-left:6% !important;}
.brokerData span.right{text-align:right;}
.brokerData span.left{color:#0D7710;text-align:left;}
.brokerHeaders .first, .brokerData .first{text-align:left !important;padding-left:2%;}
.chartindicator{font-size:16px;color:#CC6666;padding:0 5px 0 0;line-height:10px;}
	
/* Sharing Styling */
.shareWrapper{float:left;width:100%;*width:98%;padding:5px 1% 15px;text-align:center;}
.shareWrapper ul{display:none;}
.shareWrapper ul li{float:left;padding:0 5px;}
.shareWrapper ul li a{float:left;height:46px;margin:0;padding:0;width:45px;}
.shareWrapper ul li.facebook a {background-position:0px 0px;}
.shareWrapper ul li.twitter a {background-position:-48px 0;}
.shareWrapper ul li.linkdin a {background-position:-96px 0;}
.shareWrapper ul li.googleP a {background-position:0px -117px;}

/* Disclaimer Styling */
.disclaimerWrapper{float:left;width:100%;*width:98%;padding:10px 1%;behavior:url(PIE.htc);margin:0 0 10px 0;border: 1px solid #cccccc;}
.compName{font-weight:700;font-size:18px;line-height:24px;}

/* Pagination Styling */
.pagination{margin:10px 0 10px;float:left;width:100%;text-align:right;padding-right:1%;}
.pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:4px;behavior:url(PIE.htc);-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);padding:0;margin:0;border: 1px solid #cccccc;border-right:none;}
.pagination ul > li{display:inline;}
.pagination ul > li > a, .pagination ul > li > span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;border-left-width:0;color:#005da9;font-weight:bold;border-right:1px solid #ccc;}
.no-touch .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span{ cursor:pointer; background-color:#f5f5f5;color:#e30034;}
/*.pagination ul > li > a, .pagination ul > .active > a, .pagination ul > .active > span{color:#fff;cursor:default;}*/
/*.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus{color:#fff;cursor:default;background:#dadada !important;border:0;}*/
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span{border-left-width:1px;}

/* Date Range Styling */
.daterange{float:left;width:98%;*width:97%;padding:6px 0 5px 1%;margin:0 1%;}
.daterange .datesec{float:left;}
.daterange .datepickertext{width:100px;}
.dateto{font-size:14px;text-transform:capitalize;color:#333333;}
.go{background:#e30034;border: medium none;color: #ffffff;cursor: pointer;font-size: 16px;margin: 0;padding: 4px 4px 4px;}.go:hover{cursor:pointer;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.go{padding: 3px 3px 3px;}
}
/* Sub Menu Styling */
.subMenu .ulTimeHorizonChart li {width:9.85%;}
.subMenu{float:left;width:100%;*width:98%;padding:10px 1% 0 1%;margin:0;}
.subMenu ul{float:left;width:100%;}
.subMenu ul li{float:left;width:9.85%;text-align:center;background:#005da9;padding:3px 0;}
.subMenu ul li:hover{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.subMenu ul li:last-child:hover{background-image:none !important;}
.subMenu ul li:last-child {border-right:none;width:11.286%;}
.subMenu ul li.selected{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.subMenu ul li.selected a,.subMenu ul li.selected a:hover{color:#ffffff;}
.subMenu ul li a{float:left;padding:8px 0;width:100%;color:#ffffff;font-size: 14px;text-decoration: none;font-weight:normal;}
.subMenu ul li:hover a{}
.subMenu ul li a:hover{text-decoration:none;}
.subOptions{float:left;width:100%;padding:0;margin:0;}
.subOptions ul{float:left;width:100%;*width:98%;}
.subOptions ul li{float:left;width:50%;*width:49%;text-align:center;background:#005da9;color:#ffffff;}
.subOptions ul li:last-child {}
.subOptions ul li:hover{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.subOptions ul li a{font-size:14px;float:left;padding:12px 0;width:100%;color:#fff;font-weight:normal;text-transform:capitalize;}
.subOptions ul li.selected a{color:#ffffff;}
.subOptions ul li a:hover{text-decoration:none;}
.subOptions .inactive{background-color:#005da9 !important;}
.subOptions .inactive a{color:#ffffff !important;}
.subOptions .active{background: url("../images/selected.png") no-repeat scroll center bottom #005da9;}
.subOptions .active a{color:#ffffff !important;}
.subOptions .releases span, .subOptions .calendars span, .subOptions .rns span, .subOptions .dividends span, .subOptions .reports span {height:28px;display:inline-block;vertical-align:middle;}
.subOptions .releases span {background-position:-36px -57px;width:22px;}
.subOptions .calendars span {background-position:-65px -59px;width:22px;}
.subOptions .dividends span {background-position:-96px -59px;width:23px;}
.subOptions .rns span {background-position:-125px -59px;width:29px;}
.subOptions .reports span {background-position:-155px -61px;width:23px;}

.datesec{float:right;text-align:right;padding: 1px 0 3px;}.datepickertext{width:21%;}
.chartOpt{float:right;width:285px;padding-right:1%;}
.chartOp-wrapper{float:right;/*width:110px;*/width:auto;height:30px;}
.sectionHeading .wrapper-dropdown-3{text-transform:none;font-size:16px;}
.sectionHeading .wrapper-dropdown-3:hover{}
.sectionHeading .left{float:left;/*width:40%;*width:35%;*/display:block;text-align:left;width:100%;}
.sectionHeading .leftfull{float:left;width:100%;*width:99%;display:block;}
.wrapper-dropdown-3{position:relative;width:100%;*width:80%;margin:0;padding:1px 22px 2px 5px;cursor:pointer;outline:none;float:left;  cursor: pointer;
    font-size: 16px !important;font-weight:normal;color: #005da9;font-weight: bold;text-decoration: none;}
.wrapper-dropdown-3:hover{}
.wrapper-dropdown-3:after{content:url(../images/arrow_down_small.png);width:0;height:0;position:absolute;right:17px;top:18%;}
.fr .wrapper-dropdown-3:after{top:0 !important;}
.wrapper-dropdown-3up:after{content:url(../images/arrow_up_small.png);}
.wrapper-dropdown-3 .dropdown{position:absolute;*width:95%;top:100%;left:0;right:0;background:white;-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-ms-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in;list-style:none;/* Hiding */ opacity:0;pointer-events:none;-webkit-box-shadow:0px 0px 2px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 2px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 2px 0px rgba(50, 50, 50, 0.75);z-index:5;display:none;}
.wrapper-dropdown-3 .dropdown li a, .wrapper-dropdown-3 span li a{display:block;padding:5px 10px;text-decoration:none;border-bottom:1px solid #e6e8ea;box-shadow:inset 0 1px 0 rgba(255,255,255,1);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;float:left;width:100%;*width:86%;}
.wrapper-dropdown-3 .dropdown li i, .wrapper-dropdown-3 span a i{float:left;color:inherit;width:auto;/*width:31px;height:28px;*/}
.wrapper-dropdown-3 .dropdown li span, .wrapper-dropdown-3 span a span{padding:9px 0;float:left;line-height:10px;}
.wrapper-dropdown-3 .dropdown li span:hover, .wrapper-dropdown-3 span a span:hover{}
.wrapper-dropdown-3 .dropdown li:first-of-type a{float:left;}
.wrapper-dropdown-3 .dropdown li:last-of-type a{border:none;}
.wrapper-dropdown-3 .dropdown li a:hover, .wrapper-dropdown-3 span li a:hover{}
.viewfr .active, .chartOp-wrapper .active, .wrapper-dropdown-3 .dropdown li:hover a{}
.wrapper-dropdown-3.active .dropdown{opacity:1;filter:alpha(opacity=10);pointer-events:auto;}
.no-opacity .wrapper-dropdown-3 .dropdown, .no-pointerevents .wrapper-dropdown-3 .dropdown{display:none;opacity:1;filter:alpha(opacity=10);/* If opacity support but no pointer-events support */ pointer-events:auto;/* If pointer-events support but no pointer-events support */ }
.no-opacity .wrapper-dropdown-3.active .dropdown, .no-pointerevents .wrapper-dropdown-3.active .dropdown{display:block;}
.icon-charttp1 {background-position:-4px -87px;}
.icon-charttp2 {background-position:-155px -89px;}
.icon-charttp3 {background-position:-185px -90px;}
.icon-charttpS {background-position:-274px -100px;}
#chartOpt1 {padding-left:38px;}
#chartOpt1.icon-charttpS {background-position:-268px -91px;}

/* Tooltip classes */
.highcharts-container { overflow:visible !important;}
.highcharts-tooltip rect{fill-opacity:0 !important;}
#htmlTooltip, .tooltip{background:#fff;border:#ccc;-webkit-box-shadow:0px 1px 1px 1px rgba(204, 204, 204, 0.55);-moz-box-shadow:0px 1px 1px 1px rgba(204, 204, 204, 0.55);box-shadow:0px 1px 1px 1px rgba(204, 204, 204, 0.55);width:290px;padding:8px;float:left;z-index:10;border-radius:10px;behavior:url(PIE.htc);border:1px solid #C0C0C0;opacity:0.9;filter:alpha(opacity=90);color:#333333;line-height:18px;white-space:nowrap;font-size:14px;font-family: 'Source Sans Pro', sans-serif;text-transform:capitalize;}
.tipprice{font-size:35px;padding:0 0 15px 0;color: #005DA9;font-weight:bold;}
.tiptime{float:right;font-weight:bold;}
.tipmainchare{padding:0 0 10px 0;}
.tipshares{padding:6px 0;}
.tipcon{padding:3px 0;}
.tipcon, .tipshares, .tipdata{float:left;width:100%;}
.tipcon span{width:20px;height:20px;display:block;float:left;border:1px solid #fff;behavior:url(PIE.htc);}
.tipcon div{float:left;padding:2px 0 0 8px;}
.topd1,.topd2{float:left;width:30%;}
.topd3{float:left;width:40%;}

/* New CSS */
.headingRight ul li.facebook a:hover, .headingRight ul li.twitter a:hover, .headingRight ul li.linkdin a:hover, .headingRight ul li.googleP a:hover, .refWrapper:hover, .saveButton:hover, .shareWrapper ul li.facebook a:hover, .shareWrapper ul li.twitter a:hover, .shareWrapper ul li.linkdin a:hover, .shareWrapper ul li.googleP a:hover, .chart-nav-container img:hover { color:#ca4a1b !important;opacity:.7;filter:alpha(opacity=70);transition:all 0.2s ease-in-out;cursor:pointer;}
.tabMenu ul li:hover, .tabMenu ul li:hover a:hover, .subOptions ul li:hover, .subMenu ul li:hover, .go:hover, .tabStockperfomance ul li:hover, .historicshareprice-mainnavi ul li:hover, .tabhistoricshareprice ul li:hover, .pagination ul > li > a:hover {color:#fff;}
.datarow:hover {transition:all 0.2s ease-in-out;}
#lower-graph .shareItemButton {border-radius:12px;behavior:url(PIE.htc);position:relative;zoom:1;}
.highcharts-container {float:left;}
.chart-nav-container{padding:10px 0 10px 1%;float:right;}
.chart-nav-container span{padding:0 8px;}
.chart-nav-container span:hover {cursor:pointer;}
.timeStandard {width:98%;float:right;}
.timeStandard span {width:auto;display:inline-block;}
.BuyerSellerChart {height:300px;width:100%;margin:0 auto;float:left;}
.performance-dropdown {/*width:100px;*/ float:right;}
.performance-dropdown.wrapper-dropdown-3:after {top:6% !important;}
#divStockPerformance .sorting{float:right;display:block;padding:5px 0px 0 10px;}
.performance-tbl-header {display:block;float:right;}
.tooltip > div {white-space:normal !important;}
.subMenu ul li:last-child, .tabMenu ul li:last-child, .tabStockperfomance ul li:last-child, .historicshareprice-mainnavi ul li:last-child, .tabhistoricshareprice ul li:last-child, .subOptions ul li:last-child {}
#chartOpt3{width:115px !important;}
/*.exchangeDetails span.showMoreExchange {display:none;}*/
.highcharts-tooltip .highcharts-tooltip > span {padding:10px;border-bottom:1px solid black;}
.highcharts-tooltip > span {white-space:normal !important;}
.ftse_disclaimer {text-decoration:none;color:#333333;font-size:14px;font-weight:normal;float:right;}
.ftse_disclaimer:hover {}
.ftse_disclaimer:visited {color:#333333;}
.buyerSection .subHeading {border-bottom:none;}
.subMenu ul li.custom:hover {}
.subMenu ul li.custom a:hover {cursor:default !important;}
.subMenu ul li.custom.selected:hover {background:#005DA9;}
.subMenu ul li.custom.selected a:hover {color:#fff;}
.stockper-datacol2 .performance-tbl-header, .headers .stockper-datacol2 a {text-align:left;}
.subMenu ul li.TimeHorizon_predefinedTimeHorizon0, .subMenu ul li.TimeHorizon_predefinedTimeHorizon1, .subMenu ul li.TimeHorizon_predefinedTimeHorizon2, .subMenu ul li.TimeHorizon_predefinedTimeHorizon3, .subMenu ul li.TimeHorizon_predefinedTimeHorizon4, .subMenu ul li.TimeHorizon_predefinedTimeHorizon5{width: 16.65% !important;}
.subMenu ul li.TimeHorizon_predefinedTimeHorizon5:hover{background: url("../images/selected.png") no-repeat scroll center bottom #005da9 !important;}

/*CSS Hack for IE 10 & 11*/
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .mainWrapper {overflow:hidden;}
}
@media screen and (min-width:0\0) {
    .ui-datepicker-trigger{vertical-align:bottom;}
}
/*Media */
@media only screen and (max-width:768px) {
.otherValueBox-lable{white-space:nowrap;}
.tabStockperfomance ul li{height:55px;}
#divStockPerformance .sorting{padding: 5px 0 0 2px;}
.stockperformance .headers div, .stockperformance .datarow > div{font-size:15px;}
.stockperformance .headers div, .stockperformance .datarow > div{padding: 10px 0.3% 5px 0;}
}
@media only screen and (max-width:760px) {
.otherValueBox-lable{white-space:normal;}
.stockperformance .headers div, .stockperformance .datarow > div{padding: 10px 1% 5px 0;}
}
@media only screen and (max-width:640px) {
.stockper-datacol2{position:absolute;left:18%;}
.stockper-datacol3{position:absolute;left:34%;}
.stockper-datacol6{position:absolute;left:50%;}
.stockper-datacol7{position:absolute;left:66%;}
.stockper-datacol8{position:absolute;left:82%;}
.stockperformance .headers div:last-child, .stockperformance .datarow div:last-child{width:18%;}
.stockperformance .headers div, .stockperformance .datarow div{width:16%;}
.otherValueBox-lable{white-space:nowrap;}
.otherValueBox{width:66%;}
.exchangeDetails{}
div.currentexchange{width:70%;}
.lastLabel{font-size:46px;padding:5px 0 0;}
.lastValueBox{width:34%;}
.stockper-datacol5, .stockper-datacol4, .hide768{display:none;}
.stockperformance .headers div.first, .stockperformance .datarow div.first{width:18%;}
.odMap {width:65%;}.odTime {width:35%;}
.chartOpt{width:auto;}
.headingRight ul {padding:9px 6px 0;}
.headingRight ul li {padding:0 3px 0 0;}
.subHeading{}
.stockperformance .headers .stockper-datacol9, .stockperformance .datarow .stockper-datacol9 {display:none;}
.lastRow {width: 16%;}
.changePerRow {width: 13%;}
.timeRow {width: 21%;}
.subMenu .ulTimeHorizonChart li{width:19.6%;margin-bottom: 2px;}
.subMenu ul li:last-child {border-right: medium none;width: 19.70%;}
.dayChangeChart{width:70%;}
.dayChangeLowLabel,.dayChangeHighLabel{width:4%;}
.dayChangeLabel{width:auto;}
.shareSection {width:100%;}
}
@media only screen and (max-width:620px) {
.otherValueBox-lable{white-space:normal;}
.headingRight, .refWrapper, .refreshText {font-size:16px;line-height:18px;}
div.currentexchange a {padding-left:1.5%;}
.snapTableLink {padding-left:1.5%;}
/*.subMenu ul li {width:16.65%;}*/
.chart-nav-container, .shareWrapper, .sectionHeading, .odWrapper .subHeading, .disclaimerWrapper, .tradeHeaders .subHeading, .odData, .stockperformance .sectionHeading, .tabStockperfomance span.hideforDesktop {padding-left:1.5%;}
.comparatorDetails .subHeading, .shareItem {}
.subMenu {padding:10px 1.2% 0 1.5%;}
.daterange {width:97.2%;margin:0 1.5%;}
.wrapper-dropdown-3:after {right:12px;}
.wrapper-dropdown-3 {padding-right:20px;}
.snapDropdown {margin-right:0px;}
.tradeData > span {padding:10px 1.5%;}
.exchangeDetails, .sectionHeading, .topTableWrapper {padding-right:1.3%;}
.lastValueBox {padding-left:1.2%;}
.perfomanceTable .first {padding:10px 0 10px 1.5% !important;}
.stockperformance .headers .stockper-datacol8, .stockperformance .datarow .stockper-datacol8 {padding-right:1.2%;}
.perfomanceTable .first a {padding-left:0 !important;}
.historicshareprice .sectionHeading {padding-left:1.5%;padding-right:1.2%;}
.historicshareprice .headers div, .historicshareprice .datarow > div {width:15%;}
.historicshareprice .headers div:last-child, .historicshareprice .datarow > div:last-child {padding-right:1.5%;width:20%;}
.stockperformance .headers .sorting {padding-right:0;}
.dayChangeWrapper {padding:0 .4% 0 1.4%;}
.dayChangeLabel {float:right;padding:9px 0 8px;text-align:right;width:auto;}
.dayChangeHighLabel {width:auto;padding:9px 0 0 .5%;}
.dayChangeLowLabel {padding:9px 0.5% 0 0;}
/* Tooltip classes */
.tooltip {width:240px;font-size:12px;}
.tipprice{font-size:30px;padding:0 0 10px 0;}
.tipmainchare {padding:0 0 8px 0;}
.tipprice {padding:0 0 12px;}
.tipshares {padding:4px 0;}
.subOptions ul li {}
.brokerHeaders span{height:50px;}
}

@media only screen and (max-width:570px) {
.stockper-datacol2{position:absolute;left:28%;}
.stockper-datacol6{position:absolute;left:46%;}
.stockper-datacol7{position:absolute;left:64%;}
.stockper-datacol8{position:absolute;left:82%;}
.stockperformance .headers div.first, .stockperformance .datarow div.first{width:28%;}

.sharingLabel, .headingRight ul {display:none;}
.refWrapper {padding-right:8%;float:right;}
.otherValueBox,.otherValueBox-lable{display:none;}.changeData{padding:20px 0 0 5%;}.lastValueBox{width:60%}
.stockper-datacol3, .otherValueBox,.otherValueBox-lable{display:none;}
.lastValueBox{width:98%;}
.tabMenu{position:relative;background:#005DA9;padding:0%;width:100%;}
.tabMenu ul{display:none;}
.tabMenu ul li{width:100%;border-right:none;box-shadow:none;background:#fff;border-bottom:1px solid #fff;}
.tabMenu ul li a{padding:8px 2% 8px;text-align:left;width:96%; color:#333;font-size:14px;}
.tabMenu ul li.selected, .tabMenu ul li:hover {background-image:none !important;color:#fff;}
.tabMenu ul li:hover, .tabMenu ul li:hover a:hover, .subOptions ul li:hover, .subMenu ul li:hover, .go:hover, .tabStockperfomance ul li:hover, .historicshareprice-mainnavi ul li:hover, .tabhistoricshareprice ul li:hover {}
.tabStockperfomance{position:relative;padding:0%;width:100%; background:#005DA9;}
.tabStockperfomance ul{display:none;}
.tabStockperfomance ul li {width: 100%;box-shadow: none;height:auto;background:#fff;border-top:1px solid #fff;}
.tabStockperfomance ul li:hover a{color:#fff;}
.tabStockperfomance ul li a{ padding:4px 2%;text-align:left;width:96%;color:#333;}
.tabhistoricshareprice{position:relative;background:#005DA9;padding:0%;width:100%;}
.tabhistoricshareprice ul{display:none; background:#fff;}
.tabhistoricshareprice ul li{width:100%;border-right:none;border-left:none;box-shadow:none;background:#ffffff;margin-top:1px;}
.tabhistoricshareprice ul li a{padding:5px 2% 5px;text-align:left;width:96%;color:#333;}
.tabhistoricshareprice ul li a:hover{color:#fff;}
.hideforDesktop{display:block;}
.dayChangeChart{}.dayChangeLowLabel,.dayChangeHighLabel,.dayChangeLabel{text-align:center;}
.headingLeft{width:100%;}
.comparatorDetails .subHeading{padding:9px 0 6px 1.5%;}
.shareItem{padding:7px 0 7px 1.5%;}
.blank{display:none;}
.mainChart{width:100%;}
.mainChartOuter{margin:0;}
.chartControls{width:100%;min-height:64px;margin:0;}
.control{float:left;width:19.6%;height:28px;box-shadow:0 -11px 10px -10px #999999 inset;border-bottom:1px solid #C0C0C0;border-right:1px solid #dadada;margin-right:1px;}
.control.active{border-bottom:1px solid #dadada;}
.arrowBox{display:none;}
.subSection .subHeading{width:100%;}
.collapse_trigger{cursor:pointer;float:left;margin-bottom:1px;line-height:20px;}
.odMap{width:60%;}.odTime{width:40%;}
.tradeData .hideforDesktop, .askWrapper .hideforDesktop, .brokerData .hideforDesktop{display:none;}
.stockperformance .headers div, .stockperformance .datarow div{width:18%;}
.shareSection{width:100%;}
.tabhistoricshareprice ul li.selected, .tabStockperfomance ul li.selected, .tabMenu ul li.selected{background:#005DA9;}
.tabhistoricshareprice ul li.selected a, .tabStockperfomance ul li.selected a, .tabMenu ul li.selected a{color:#ffffff;}
.odWrapper .subHeading.right{text-align:right;}
.comparatorWrapper .active{border-top:solid 1px #005DA9;background:#A7C98F !important;}
.sectionHeading .left{}
.datepickertext{}
.exchangeDetails span.showMoreExchange{margin:9px 2% 27px 0;}
.headingRight ul{float:right;display:none;}
.chartOpt{width:auto;}
/*570 view*/
.datesec{width:auto;}
.sectionHeading .datesec{width:100%;padding:0 .5% 0 0;}
.wrapper-dropdown-3{padding:0px 22px 2px 5px;}
.stockperformance .sectionHeading .left{}
.historicshareprice .sectionHeading .left {width:100%;}
.sectionHeading .left{width:100%;}
.datepickertext{}
.tabMenu .select {width:95% !important;}
.tabMenu span.arrowClick {margin-right:1.5%;}
/*disabled hover effect on small devices*/
.subOptions ul li:hover {}
.pagination ul > li > a:hover {background-color:#DADADA;}
.tabStockperfomance ul li:hover, .tabMenu ul li:hover, .tabhistoricshareprice ul li:hover {}
.tabMenu ul li a:hover, .tabhistoricshareprice ul li a:hover, .tabStockperfomance ul li a:hover, .subOptions ul li a:hover {}
.subMenu ul li:hover{}
.subMenu ul li.selected {}
.subMenu ul li.selected a:hover {}
.subMenu ul li a:hover {}
.pagination ul > li > a:hover {background:#AEAEAE;color:white;}
.pagination ul > li.active > a:hover {background:#005DA9;color:white;}
.go:hover{background:#005DA9;}
.headingRight ul li.facebook a:hover, .headingRight ul li.twitter a:hover, .headingRight ul li.linkdin a:hover, .headingRight ul li.googleP a:hover, .refWrapper:hover, .saveButton:hover, .shareWrapper ul li.facebook a:hover, .shareWrapper ul li.twitter a:hover, .shareWrapper ul li.linkdin a:hover, .shareWrapper ul li.googleP a:hover, .chart-nav-container img:hover {opacity:1;filter:alpha(opacity=10);}
.tabMenu ul li:hover, .tabMenu ul li:hover a:hover, .subOptions ul li:hover, .subMenu ul li:hover, .go:hover, .tabStockperfomance ul li:hover, .historicshareprice-mainnavi ul li:hover, .tabhistoricshareprice ul li:hover{}

.dayChangeHighLabel {padding-left:1%;}
.dayChangeLowLabel {padding-right:1%;}
.wrapper-dropdown-3:after {right:14px;}
.tabStockperfomance span.tabStockperfomanceClick {padding:17px 1.3%;}
.tabhistoricshareprice span.hideforDesktop {padding-left:1.5%;}
/* Tooltip classes */
.tooltip {}
.tipprice{font-size:28px;padding:0 0 10px 0;}
.tipmainchare {padding:0 0 6px 0;}
.tipprice {padding:0 0 10px;}
.tipshares {padding:2px 0;}
.tipcon span {width:16px;height:16px;}
.tipcon div{float:left;padding:0 0 0 6px;width:80%;}
}

@media only screen and (max-width:550px) {
ul.exchangeList1 li.exchangeBox, ul.exchangeList li.exchangeBox{font-size:30px;}ul.exchangeList1 li{font-size:16px;}
.dateto, .hide640{display:none;}
.stockperformance .headers div, .stockperformance .datarow div{width:18%;}
.datesec{padding:0 2% 0 0;}
.daterange .datepickertext{}
.datepickertext{}
.wrapper-dropdown-3 .dropdown li span, .wrapper-dropdown-3 span a span{display:block;}
.wrapper-dropdown-3{width:99%;}
#chartOpt3 span a span{padding:5px 0;}
.fr .wrapper-dropdown-3:after{top:2% !important;}
.exchangeDetails span.showMoreExchange{margin:13px 2% 22px 0;}
.chartOpt {padding:0 1% 2px 5%;}
.historicshareprice .headers div.first, .historicshareprice .datarow div.first {width:22%;}
.historicshareprice .headers div, .historicshareprice .datarow > div {width:14.5%;}
.tradeHeaders .subHeading {padding-right:1.5%;}
}

@media only screen and (max-width:480px) {
.tradeHeaders .subHeading,.brokerHeaders span {height:52px;}
.chartOpt,.datesec{width:100%;}
.sectionHeading .left{}
.sectionHeading .datesec{width:100%;float:left;}
.datepickertext{width:30%;}
.daterange .datepickertext{}
#divStockPerformance .sorting {padding:5px 0 0 5px;}
.stockperformance .headers div.stockper-datacol2, .stockperformance .datarow div.stockper-datacol2 {}
.stockperformance .headers div, .stockperformance .datarow div {width:18%;}
.stockperformance .headers div.first, .stockperformance .datarow div.first {width:24%}
.historicshareprice .headers div:last-child, .historicshareprice .datarow div:last-child {width:20%;}
.tabMenu span.hideforDesktop { padding: 10px 1.3%;}
/* Tooltip classes */
.tooltip {}
.tipprice{font-size:24px;padding:0 0 8px 0;}
.tipmainchare {padding:0 0 6px 0;}
.tipprice {padding:0 0 8px;}
.tipshares {padding:2px 0;}
.tipcon span {width:12px;height:12px;margin-top:3px;}
/* Sub Options */
.subOptions ul li a {font-size:16px;}
/*.subMenu ul li:last-child,.subMenu .ulTimeHorizonChart li{width: 19.9%}*/
div.currentexchange{width:60%;}
.exchangeDetails {}
.stockperformance .headers div.first, .stockperformance .datarow div.first{width:29%;}
}
@media only screen and (max-width:450px) {
.stockper-datacol2{position:absolute;left:32%;}
.stockper-datacol6{position:absolute;left:58%;}
.stockper-datacol7{position:absolute;left:79%;}
.shareItem{line-height:17px;}
.stockperformance .sectionHeading{line-height:30px;width:100%;}
.refWrapper{width:200px;}
.shareDetails{border-bottom:none;border-right: 1px solid #cccccc;}
.tradeData > span{border-left:none;}
.tradeHeaders .subHeading, .brokerHeaders span{height:36px;}
.subOptions{width:100%;}
#container {background-size:150px auto !important;}
div.currentexchange,.exchangeSelect ul li a{width:83%;padding:0;}div.currentexchange div span,.exchangeSelect ul li span{}
.exchangeSelect ul li a{width:100%;}
.exchangeDetails{padding:30px 1.2% 0 0;}ul.exchangeList{width:65%;}
ul.exchangeList1 li.exchangeBox, ul.exchangeList li.exchangeBox{}
.shareDetails, .marketDetails{width:100%;}.snapTableDetails .marketDetails .fl{padding:0;}
.stockper-datacol8 {display:none;}
.stockperformance .headers div.first, .stockperformance .datarow div.first, .historicshareprice .headers div.first, .historicshareprice .datarow div.first{}
.subMenu ul li.TimeHorizon_predefinedTimeHorizon0, .subMenu ul li.TimeHorizon_predefinedTimeHorizon1, .subMenu ul li.TimeHorizon_predefinedTimeHorizon2, .subMenu ul li.TimeHorizon_predefinedTimeHorizon3, .subMenu ul li.TimeHorizon_predefinedTimeHorizon4, .subMenu ul li.TimeHorizon_predefinedTimeHorizon5{width: 33.33% !important;display:block !important;}
.perfomanceTable{font-size:16px;}
.stockperformance .headers div, .stockperformance .datarow div{width:21%;}
.stockperformance .headers div.first, .stockperformance .datarow div.first{width:37%;}
.datepickertext{}
.stockperformance .showoptions{width:100px;font-size:16px;}
.datesec{padding:10px 0 0 0;width:100%;}
.shareSection{width:100%;}
.shareItem{padding:3px 0 3px 1.5%;}
.shareItemButton{background:#FFF;width:13px;height:13px; margin-top: 3px;}
.shareItemLabel{padding:0px 0 0 9px;}
.tradeData{border-bottom:none;}
.tradeData > span{border-bottom: 1px solid #cccccc;}
.tradeData.first span{font-size:16px;}
.subMenu{padding:5px 0 0 0;}
.daterange{padding:8px 0 0 0;}
.daterange .datepickertext{}
.daterange .datesec{padding:0 2%;}
#chartOpt3 {width:110px !important;}
.historicshareprice .headers > div, .historicshareprice .datarow > div, .historicshareprice .headers div, .datarow div{width:14%;}
.historicshareprice .headers div.first, .historicshareprice .datarow div.first{width:22%;}
.historicshareprice .headers div:last-child, .historicshareprice .datarow div:last-child {width:22%;}
.headingSection h1{font-size:30px;}.refreshText{font-size:16px;padding-top:14px;}
.shareLabel{font-size:16px;}
.sectionHeading .left{}
.brokerData .col1{padding-left:2% !important;}
.brokerHeaders .col1{padding-left:2% !important;}
.subSection .col1{padding-left:2%;}
.brokerHeaders span{}
.brokerData span{padding:10px 6% 10px 0;}
/* Trades - 320 view*/
.tradeData span > {padding:10px 1.5%;text-align:right;margin-bottom:0;}
.tradeData span.left{text-align:left;}
.tradeData span.right{text-align:right !important;}
.timeRow{width:50%;}
.lastRow{width:50%;}
.changeRow{width:22%;}
.changePerRow{width:32%;}
.changeImgRow{width:20%;text-align:center;}
.volumeRow{width:50%;}
.changeRowLabel{width:26%;}

/*  ORDER DEPTH - 320 view*/
.odTime{padding-top:3px;}
.odMap{position:inherit;}
.odLabel{position:inherit;}
.odLabel.left{margin-right:0;}
.odLabel.right{margin-left:0;}
.collapsecon{width:100%;}
.odMap, .odTime{width:100%;}
.odLabel.right{text-align:left;font-weight:700;}
.odLabel.left{float:right;text-align:right;font-weight:700;}

/*  TRADES BY BROKER - 320 view*/
.subSection{width:100%;}
.changeImgRow, .tradeHeaders, .bidaskouter, .askWrapper .right, .bidaskouter{display:none;}
.tradeData .hideforDesktop, .askWrapper .hideforDesktop{display:block;}
.exchangeDetails span.showMoreExchange{margin:6px 2% 16px 0;}

.stockperformance .headers div.first, .stockperformance .datarow div.first {width:32%;}
.stockperformance .headers div.stockper-datacol2, .stockperformance .datarow div.stockper-datacol2 {width:26%;}
.stockperformance .headers div, .stockperformance .datarow div {width:21%;}
.refWrapper {padding-right:6%;}
.dayChangeChart {}
.dayChangeLowLabel {padding-right:3%;}
.fr .wrapper-dropdown-3:after {top:0 !important;}
/* Tooltip classes */
.tooltip {width:260px;}
.tipprice{font-size:20px;padding:0 0 6px 0;}
.tipmainchare {padding:0 0 6px 0;}
.tipprice {padding:0 0 6px;}
.tipshares {padding:2px 0;}
}
@media only screen and (max-width:360px) {
.datesec{text-align:left;}
.sectionHeading{font-size:30px;width:100%;}
.subHeading{font-size:20px;}
.subMenu ul li:last-child{display:none;}
.subMenu .ulTimeHorizonChart li {width: 20%;}
.TimeHorizon8 {width: 40% !important;}
.daterange .datepickertext{}
.chartOpt{padding-right:0;}
.sectionHeading .left{padding-left:0;}
.sectionHeading .datesec{width:100%;}
.datepickertext{}
.dayChangeWrapper{padding:0 1.5% 0 1%;}
.exchangeDetails{width:40%;padding:20px 1.2% 0 0;}
div.currentexchange{width:67%;}
.exchangeSelect ul li a{width:95%;}
.tabMenu span.arrowClick {width:11px !important;}
.wrapper-dropdown-3:after {top:17%;}
.hide320{display:none;}
.historicshareprice .headers > div, .historicshareprice .datarow > div, .historicshareprice .headers div, .datarow div{width:21%;}
.historicshareprice .headers div.first, .historicshareprice .datarow div.first{width:25%;}
.historicshareprice .headers div:last-child, .historicshareprice .datarow div:last-child {width:33%;}
.stockperformance .headers .stockper-datacol2, .stockperformance .datarow .stockper-datacol2 {width:28%;}
.stockperformance .headers div, .stockperformance .datarow div{width:21%;}
.stockperformance .headers div.first, .stockperformance .datarow div.first{width:32%;}
.tabMenu .select {width:94% !important;}
.stockperformance .headers .sorting {padding:5px 2px 0 5px;}
.dayChangeChart {}
div.currentexchange a {padding:0 0 0 1.5%;}
.dayChangeLowLabel {padding:9px 3% 0 .5%;}
.stockperformance .headers div.stockper-datacol2, .stockperformance .datarow div.stockper-datacol2 {width:26%;}
/* Tooltip classes */
.tooltip {padding:6px;}
.tipprice{font-size:16px;padding:0;}
.tipmainchare {padding:0 0 2px 0;}
.tipprice {padding:0;}
.tipshares {padding:0;}
#container {background-size:120px auto !important;}
.subMenu ul li.TimeHorizon7{margin-bottom: 2px;}
.subMenu ul li.TimeHorizon4 {border-right:none;}
.subMenu .ulTimeHorizonChart li {margin-bottom: 2px;}
.subMenu ul li {width:20%;}
.daterange .datesec {display:none;}
.daterange {margin:0;width:100%;padding:0;}
.tipdata {display:none;}
.pagination ul > li > a, .pagination ul > li > span {padding:2px 9px;}
.exchangeSelect ul {top:93px;}
/* Sub Options */
.subOptions ul li {}
.subOptions ul li a {}
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	/* Safari and Chrome */
	.dayChangeWrapper {width:100%;}
	.dayChangeChart {}
	.tabMenu span.arrowClick {margin-right:1.8%;}
	}

}

@media only screen and (max-width:320px) {
.stockper-datacol2{position:absolute;left:38%;}
.stockper-datacol7{position:absolute;left:69%;}

.historicshareprice-mainnavi ul li a{font-size:16px;}
.snapTableLink span.fl{width:auto;}
.brokerHeaders span{white-space:nowrap;}
.daterange .datesec{padding:0 2%;}
.daterange .datepickertext{width: 30%;}
.datepickertext{}
div.currentexchange {line-height:18px;}
div.currentexchange, .exchangeSelect ul li a{width:100%;}
div.currentexchange a {/*font-size:28px;*/ line-height:50px;}
.headingRight {width:130px;}
.timeStandard {float:right;width:40% !important;}
.timeStandard span {float:right !important;width:auto !important;}
.exchangeDetails span {float:left;padding:0 1%;text-align:left;width:30%;}
.exchangeDetails {position:relative;width:100%;}
.showMoreExchange {margin:0;bottom:0;}
.exchangeDetails span.showMoreExchange {bottom:-45px;position:absolute;right:0;}
.daterange {margin:0;width:100%;}
.exchangeSelect ul {top:132px;}
.shareWrapper ul li {padding-right:3px;}
.subMenu ul li a {}
.subMenu ul li {width:20%;}
.dayChangeChart {}

.historicshareprice .headers > div, .historicshareprice .datarow > div, .historicshareprice .headers div, .datarow div{width:20%;}
.historicshareprice .headers div.first, .historicshareprice .datarow div.first{width:27%;}
.historicshareprice .headers div:last-child, .historicshareprice .datarow div:last-child {width:33%;}
.stockperformance .headers .stockper-datacol6, .stockperformance .datarow .stockper-datacol6{display:none;}
.stockperformance .headers div.first, .stockperformance .datarow div.first{width:38%;}
.stockperformance .headers div, .stockperformance .datarow div, .stockperformance .headers div.stockper-datacol2, .stockperformance .datarow div.stockper-datacol2 {width:31%;}
.stockperformance .sectionHeading .left {letter-spacing:-1.3px;}
.exchangeDetails span.showMoreExchange {margin:6px 1.5% 16px 0;}
.refWrapper {padding-right:4%;width:100%;}
.exchangeSelect ul {top:132px;}
.pagination ul > li > a, .pagination ul > li > span {padding:1px 7px;}
/* Sub Options */
.subOptions ul li a {font-size:16px;}
#container{background-size:100px auto !important;}
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.dayChangeChart {}
	.dayChangeLowLabel {padding-right:4%;}
	}
}
/*other*/
#popup_container{font-family: 'Source Sans', sans-serif !important;font-size:16px !important;}
#popup_title{background:#005da9 !important;color:white !important;}
input[type="button"], input[type="reset"], input[type="submit"]{background:#e30034;border:none;color: #ffffff;cursor: pointer;font-size: 16px;margin: 0;padding: 4px;}

/*Date Picker*/
.date-picker-icn {background-position:0px -118px;display:inline-block;}
.ui-datepicker-trigger{padding: 0 3px;vertical-align: middle;}
.ui-datepicker-current-day, .ui-datepicker-current-day a{background:#005DA9;color:#FFF !important;font-weight:700;}
#datepicker:before { position:absolute;top:-10px;left:50%;margin-left:-5px;display:block;content:"";width:0;height:0;border-bottom:5px solid #444751;border-top:5px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;}
#datepicker { position:relative;background:#444751;display:inline-block;padding:5px;width:250px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 0 #FFF;-moz-box-shadow:0 1px 0 #FFF;box-shadow:0 1px 0 #FFF;}
.ui-datepicker-header { -webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background:#005DA9;color:#FFF;height:32px;position:relative;}
.ui-datepicker-header:after { position:absolute;bottom:2px;left:0;display:block;width:99%;height:2px;content:"";}
.ui-datepicker-prev:hover { border-right:5px solid #333333;}
.ui-datepicker-prev { cursor:pointer;float:left;display:block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:5px solid transparent;border-right:5px solid #FFF;text-indent:-9999px;height:0;width:0;margin-top:10px;margin-left:5px;}
.ui-datepicker-next:hover { border-left:5px solid #333333;}
.ui-datepicker-next { cursor:pointer;float:right;display:block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:5px solid #FFF;border-right:5px solid transparent;text-indent:-9999px;height:0;width:0;margin-top:10px;margin-right:5px;}
.ui-datepicker-title { text-align:center;line-height:30px;font-size:16px;font-weight:700;text-shadow:0 1px 1px #dadada;}
.ui-datepicker-calendar{width:100%;background:#FFF;padding:5px 5px 9px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;border-collapse:collapse !important;box-shadow:0px 4px 16px #686868;}
.ui-datepicker th {color:#63697A;text-align:center;font-weight:700;border:0;padding-bottom:5px;border:1px solid #dadada;}
.ui-datepicker td {border:1px solid #EDEDED;}
.ui-datepicker td span, .ui-datepicker td a { display:block;color:#333333;line-height:30px;width:30px;text-align:center;text-decoration:none;margin:0 0 2px 0;font-weight:normal;}
.ui-datepicker td a:hover { background:#005DA9;color:#FFF;font-weight:700; }
.datepickertext{padding:5px 5px; border:1px solid #c6c6c6;}
.ui-datepicker-month, .ui-datepicker-year{padding:0;margin:6px 2px 0;height:22px;}
.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;}
.ui-helper-clearfix:after{clear:both;}
.ui-helper-clearfix{min-height:0;/* support:IE7 */}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}
.ui-front{z-index:100;}
.ui-state-disabled{cursor:default !important;}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;}
.ui-datepicker{display:none;}
.ui-datepicker .ui-datepicker-header{position:relative;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:1px;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-prev-hover{left:1px;}
.ui-datepicker .ui-datepicker-next-hover{right:1px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}
.ui-datepicker table{width:100%;border-collapse:collapse;margin:0 0 .4em;}
.ui-datepicker td span, .ui-datepicker td a{display:block;text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}
.ui-datepicker.ui-datepicker-multi{width:auto;}
.ui-datepicker-multi .ui-datepicker-group{float:left;}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}

#popup_container{font-family: 'Source Sans Pro', sans-serif;font-size:16px;min-width:300px;/* Dialog will be no smaller than this */ max-width:600px;/* Dialog will wrap after this width */ background:#FFF;border:solid 1px #ffffff;color:#333333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
#popup_title{font-size:14px;font-weight:bold;text-align:center;line-height:30px;color:#333333;background:#CCC url(http://labs.abeautifulsite.net/archived/jquery-alerts/demo/images/title.gif) top repeat-x;border:none;cursor:default;padding:0em;margin:0em;}
#popup_content{background:16px 16px no-repeat url(../images/info.gif);padding:1em 1.75em;margin:0em;}
#popup_content.alert{background-image:url(http://labs.abeautifulsite.net/archived/jquery-alerts/demo/images/info.gif);}
#popup_content.confirm{background-image:url(http://labs.abeautifulsite.net/archived/jquery-alerts/demo/images/important.gif);}
#popup_content.prompt{}
#popup_message{padding-left:48px;width:250px;}
#popup_panel{text-align:center;margin:1em 0em 0em 1em;}
#popup_prompt{margin:.5em 0em;}
                             
.TradeByBorkerChartToolTip {
    background:#f5f5f5;padding:3px;float:left;  border: 1px solid #000;position:absolute;display:inline-block;border-radius:3px;white-space:nowrap;top:25px;
}
g.highcharts-tooltip {
    display: none;
}