.pageHolder #pageContent{padding:0;margin:0;border-right:0;width:1003px}.row{width:100%;box-sizing:border-box;display:inline-block;margin-top:10px}.col-10,col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,col-2,.col-1{float:left}.col-10{width:100%}.col-9{width:90%}.col-8{width:80%}.col-7{width:70%}.col-6{width:60%}.col-5{width:50%}.col-4{width:40%}.col-3{width:30%}.col-2{width:20%}.col-1{width:10%}.flt{float:left}.flr{float:right}.clr{clear:both}.fixed{position:fixed}.rel{position:relative}.abs{position:absolute}
.ilb{display:inline-block}.hidden{display:none}.loading{clear:both;left:auto}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w220{width:220px}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.padmar0{padding:0;margin:0}.tooltip_div{position:absolute;background-color:#FFF;border:1px solid #CCC;padding:5px 10px;border-radius:5px;box-shadow:0 1px 10px -4px;top:10px;display:none;font-size:12px;z-index:2000}
.loadingBg{background:#000;cursor:wait;height:100%;left:0;position:absolute;top:0;width:100%}.loadingImg{background:#000;border-radius:5px;box-shadow:3px 3px 10px #777;color:#FFF;font-weight:700;left:50%;margin:-25px 0 0 -65px;padding:10px 15px;position:absolute;text-align:center;top:15%}.loadingImg img{margin-right:10px;vertical-align:middle}.border-bottom{border-bottom:1px solid #e8e8e8}.table .tr{border-bottom:1px solid #e8e8e8;font-size:14px}.table .tr .text-cell{padding:15px 0 10px 0}.table .thead .text-cell-first,.table .tr .text-cell-first{text-align:left;padding-left:10px;box-sizing:border-box}
.table .thead{padding:10px 0;font-size:14px;font-weight:bold}.table .tfoot{width:100%;margin-bottom:10px}.table .tfoot .footer-row{padding:10px 40px 10px 5px;font-size:13px}.panel{border:1px solid #f5f5f5;border-radius:2px;box-sizing:border-box;margin:2% 0;overflow:hidden}.panel .panel-body{width:85%;margin:0 auto;padding:10px 0}.panel .panel-body h3{font-weight:700;color:#323232;font-size:15px}.panel .panel-body .secCategory{color:#515151;font-size:12px;padding-left:5px}.panel .panel-body .panel-text{color:#7a7a7a;font-size:14px}
.panel .panel-body .date,.panel .panel-body .text{color:#999;font-size:12px}.commodityTitle{font-size:28px;font-weight:700;margin-bottom:5px}.expDate{font-size:14px;margin:0 20px}.commodityTab{width:99%;border-bottom:1px solid #ccc;position:relative;height:31px;margin-top:5px}.tabs{margin:0;margin-left:10px;color:#069;font-size:15px;font-weight:700;cursor:pointer;line-height:1}.tabs span{display:inline-block;padding:5px}.tabs .active{background:#fff;border:1px solid #ccc;border-style:solid solid none solid;display:inline-block;padding:8px 15px;color:#000}
.actions-container{padding:5px}.actions{font-size:12px;cursor:pointer}.separator{color:#069;font-size:12px;padding:0 5px}.commodityDetail,.commodityDetailChart{width:623px;position:relative}.commodityDetail{min-height:331px}.commodityDetail .small{font-size:13px;color:#999;font-weight:normal}.datetime{font-size:10px;color:#7c7c7c}.commodityInfoContainer{padding-top:5px;padding-bottom:10px}.commodityInfoContainer .datetime{padding:10px 5px 10px 10px}.commodityInfo{padding-left:0}.commodityInfo li{display:inline-block}
.commodityInfoHorizontal{width:100%}.commodityInfoHorizontal li{border-right:2px solid #f3f3f3;padding:0 9px}.commodityInfoHorizontal .commodityPriceCol{width:124px}.commodityInfoHorizontal .commodityInfoCol{width:60px}.commodityInfoHorizontal .commodityInfoCol:nth-child(2){width:138px;padding:0 5px}.commodityInfoHorizontal li:last-child{border-right:0}.commodityInfoHorizontal li span{display:block;width:100%}.commodityInfoHorizontal .perChng{display:inline;width:auto;font-weight:700}.commodityInfoHorizontal .sprite{width:15px;display:inline-block}
.commodityPrice{font-size:26px;font-weight:700;padding-left:0;border-left:0}.text{font-size:12px;color:#999;text-align:left}.data{font-size:14px}.commodityInfoHorizontal .commodityInfoCol .text{position:relative;top:-8px}.trend,.detail-1,.detail-2{display:inline-block;float:left;color:#777;font-size:11px;border-right:1px solid #eee}.trend{width:100px}.trend .trend-heading{color:#999;margin-top:0;padding-left:10px}.detail-1{width:285px;padding-right:5px}.detail-1 .commodityInfo,.detail-2 .commodityInfo{width:95%;margin:0}
.detail-2 .commodityInfo{width:100%}.detail-2{width:225px;border-right:0}.detail-1 li,.detail-2 li{display:block;width:100%;padding:4px 5px 4px 12px;height:16px}.detail-2 li .dt{width:136px;display:inline-block}.detail-2 li img{float:right}.detail-2 li .dd{text-align:left;display:inline-block;vertical-align:top}.detail-1 li .dd{float:right;height:22px}.sidebar{box-sizing:border-box;padding-top:10px;width:300px}.commodityLinks{border:1px solid #ccc;padding:10px;overflow:hidden;top:15px;right:0;margin-bottom:10px}
.commodityAd{width:100%;background:#f5f5f5}.commodityNews{margin-right:1%}.commodityNews .panel-body,.commodityContract .panel-body{height:305px}.commodityNews .panel-body{overflow-x:hidden;overflow-y:scroll}.commoditySpotDetails,.commodityNews,.commodityContract,.commodityNews .panel-body h3:first-child{margin-top:5px;margin-bottom:5px}.commodityContract{margin-left:1%}.commodityContract .panel-body .sub-heading{margin-bottom:0;margin-top:5px}.commodityContract .panel-body .date{margin-top:5px}
.commodityDetailChart{height:341px;margin:10px 0}.panel-table .panel-heading,.panel .panel-heading{background:#f5f5f5;margin:0;padding:10px;font-size:20px;font-weight:700;border-bottom:1px solid #e3e3e3;text-transform:capitalize}.panel .panel-heading{margin:-1px}.panel-table .panel-heading .vs{text-transform:lowercase;padding:0 5px}.commodityContractDetails p{margin:5px 0;font-size:14px}.dropdownContainer{padding:5%}.dropdownContainer.second{padding:0 5%}.dropdownContainer select{width:45%;padding:2%}
.dropdownContainer select:nth-child(2){margin-left:7%}#marginExchange,#markExchange{-webkit-appearance:none;-moz-appearance:none;appearance:none}#marginExchange::-ms-expand,#markExchange::-ms-expand{display:none}.dropdownContainer .tradedlots{width:41%;border:1px solid #a9a9a9;border-radius:0;padding:2%}.buttonContainer{text-align:center;padding:5%}.btn{text-align:center;padding:.5% 2%;cursor:pointer;background-color:#2c94e4;border:1px solid #2076b7;color:#fff;font-size:14px;font-weight:bold;margin:0 0 7px 7px;text-decoration:none}
.gainersLosers .table .tr .text-cell,.commodityETF .table .tr .text-cell{padding-top:10px}.gainersLosers .panel-heading{padding-bottom:0;border-bottom:0}.gainersLosers .table-tabs{display:inline-block;padding:2%;font-weight:normal;cursor:pointer}.gainersLosers .table-tabs.active{background:#fff;font-weight:bold}.commodityETF .panel-heading{padding:2.7%}.commodityNav{background:url('https://img.etimg.com/photo/45943004.cms') repeat;background-color:#f6f6f7;width:70px;box-shadow:-2px 1px 6px -3px #CCC inset;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
.commodityNav .navList{list-style-type:none;position:sticky;top:0;background-color:#f6f6f7;background:url(https://img.etimg.com/photo/45943004.cms) repeat}.commodityNav .navList li{cursor:pointer;padding:10px 0;border-bottom:1px solid #ccc;margin-top:1px;text-align:center;box-shadow:-2px 1px 6px -3px #CCC inset}.commodityNav .navList li.active{background-color:#000;position:relative}.commodityContainer{margin-left:75px;padding-right:5px}.highlight_band .menu{z-index:99}.sprite{background-image:url('https://img.etimg.com/photo/45476077.cms')}
.sprite2{background-image:url('https://img.etimg.com/photo/38990059.cms')}.navList .navItemText{margin:0 auto;font-size:13px;font-weight:400;color:#515151}.navList .active::after{content:'';display:block;width:0;height:0;border-right:10px solid white;border-bottom:10px solid transparent;border-top:10px solid transparent;position:absolute;right:-6px;top:24px}.navList .active:nth-last-of-type(-n+2)::after{top:-45px}.navList .active .navItemText{color:#fff;font-weight:700}
.navList .sprite{width:40px;height:30px;display:inline-block}.navList .sprite.summary{background-position:-52px -67px}.navList .sprite.charts{background-position:-52px -97px}.navList .sprite.news{background-position:-87px -71px}.navList .sprite.spotDetails{background-position:-52px -127px}.navList .sprite.compare{background-position:-87px -132px}.navList .sprite.contract-details{background-position:-87px -162px}.navList .sprite.historical-data{background-position:-87px -102px}.navList .active .sprite.summary{background-position:-122px -67px}
.navList .active .sprite.charts{background-position:-122px -97px}.navList .active .sprite.news{background-position:-155px -71px}.navList .active .sprite.spotDetails{background-position:-122px -127px}.navList .active .sprite.compare{background-position:-155px -130px}.navList .active .sprite.contract-details{background-position:-155px -162px}.navList .active .sprite.historical-data{background-position:-155px -102px}.commodityInfoHorizontal .downArrow,.downArrow{display:inline-block;height:10px;width:15px;background-position:-17px -60px;margin-right:5px}
.commodityInfoHorizontal .upArrow,.upArrow{display:inline-block;height:10px;width:15px;background-position:0 -60px;margin-right:5px}.red{color:red}.red_bg{background-color:red}.green{color:#029409}.green_bg{background-color:#029409}.durationChng p{margin-bottom:3px}.durationChng span{font-size:12px;font-weight:lighter;cursor:pointer}.durationChng span.active{background:#ccc;padding:2.5% 5%;font-weight:bold}.commodityComparison{margin-top:10px}.peer-range{height:160px;margin:15px 0}.peer-range-intraday{margin-right:5px}
.peer-range-contract{margin-left:5px}.peer-range .range-legend{font-size:12px;font-weight:500;overflow:auto;margin-bottom:5px}.peer-range .range-price{font-weight:bold;font-size:15px;position:relative}.peer-range .range-price .IntraDayPercentChange,.peer-range .range-price .ContractPercentChange{position:absolute}.peer-range .range-bar{background:linear-gradient(#f7f7f7,#dcdcdc);border-radius:7px;margin:30px 0 10px;border:1px solid #ccc;position:relative}.peer-range .range-bar .fill{background:linear-gradient(#5eb3da,#319dce);height:14px;border-radius:7px;width:0}
.slider span{display:block;line-height:3px;width:100%;text-align:center;margin-top:0;height:4px;color:#8f8f8f}.slider{width:10px;height:20px;top:-5px;border:1px solid #CCC;position:absolute;border-radius:2px;background:linear-gradient(#aaa,#666)}.slider:after,.slider:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;background:linear-gradient(#666,#ccc)}.slider:after{border-color:rgba(255,255,255,0);border-top-color:#666;border-width:5px;margin-left:-5px}
.slider:before{border-color:rgba(204,204,204,0);border-top-color:#CCC;border-width:6px;margin-left:-6px}.commodityContractDetails h2 .exchange{font-size:15px;position:relative;top:5px}.commodityContractDetails .panel-body .row .dd{box-sizing:border-box;padding-left:5%}.commodityHistoricalPerformance .panel-subheading{background:#f5f5f5;margin:0;padding:1%;border-bottom:1px solid #e3e3e3}.commodityHistoricalPerformance .tbody{clear:both;overflow:hidden}.commodityHistoricalPerformance input,.commodityHistoricalPerformance select{margin:0 20px;padding:5px 10px;background:#fff;border-radius:0}
.futureMarginCalc,.markToMarketCalc{height:240px;border:0}.futureMarginCalc,.gainersLosers{margin-right:5px}.markToMarketCalc,.commodityETF{margin-left:5px}.futureMarginCalc .panel-heading,.markToMarketCalc .panel-heading,.commodityContractDetails .panel-heading{border-bottom:2px solid #e3e3e3}.futureMarginCalc .btn,.markToMarketCalc .btn{padding:8px 12px;width:115px;margin:2%}.tipTitlec{border-bottom:1px solid #cbdbdb;font-size:24px;padding-bottom:3px;margin-bottom:25px}.tipTitlec span{color:#62676a;display:inline-block;font-size:10px;line-height:15px}
#resultBox,#resultBox2{background:#fff;border:1px solid #8f939c;color:#000;display:none;padding:10px;margin:10px;font-size:16px;height:150px}.close{float:right;cursor:pointer;font-size:24px}.red_line::after{content:"";background-image:url('https://img.etimg.com/photo/44886553.cms');background-position:-151px -48px;height:14px;display:inline-block;width:15px;position:absolute;right:-8px;top:-4px}.green_line::after{content:"";background-image:url('https://img.etimg.com/photo/44886553.cms');background-position:-131px -48px;height:14px;display:inline-block;width:15px;position:absolute;right:-8px;top:5px}
.minRange,.maxRange,.barLine{color:#000;float:none}.barLine-container{margin:0;float:right}.barLine{width:99px;display:inline-block;height:10px;background-position:-129px -12px;margin:0 5px;position:relative}.pointer{background-position:-127px 3px;width:7px;height:13px;display:inline-block;position:absolute;top:-7px}#quickLinks{border-bottom:1px solid #e3e3e3;margin:10px}.headerText{background-color:#FFF;border-bottom:2px solid #02aadd;padding:5px 0;float:left;width:100%}.headerText h2{font-size:22px;font-weight:700;padding-left:0;float:left}
#quickLinks .compnyLinks{min-height:335px;padding:0 10px;width:450px}.compnyLinks h2,.mktLinks h2,.moreLinks h2{margin:5px 0}#quickLinks .compnyLinks .flt{margin-right:5%;line-height:22px;width:28%}#quickLinks .mktLinks{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;height:275px;padding:0 10px;width:290px}#quickLinks .mktLinks .flt{margin-right:5%;line-height:22px;width:45%}#quickLinks .moreLinks{line-height:22px;padding:0 10px}.more{font-weight:700;margin-top:8px;text-align:right}
.notes{color:#999;font-size:9px;margin:0 10px}.notes b{font-size:11px}.linkHead a{color:#393939;font-size:13px;font-weight:700}.jdpicker_w .date_selector *{background:0;border:0;font-size:12px;height:auto;margin:0;padding:0;text-align:left;text-decoration:none;width:auto}.jdpicker_w .date_selector{background:#FFF;border:1px solid #bbb;display:none;margin:-1px 0 0;padding:5px;position:absolute;width:210px;z-index:100000}.jdpicker_w .date_selector table{border-spacing:1px;clear:both;margin:0 auto;width:210px}
.jdpicker_w .date_clearer{color:#a00;cursor:pointer;display:none;font-family:sans-serif;font-weight:700;padding-left:3px}.jdpicker_w .date_selector_ieframe{display:none;position:absolute;z-index:99999}.jdpicker_w .error_msg{color:#666;display:none;font-size:.8em;text-align:center}.jdpicker_w .date_selector .nav{width:17.5em}.jdpicker_w .date_selector .month_nav,.jdpicker_w .date_selector .year_nav{display:block;margin:0 0 3px;padding:0;position:relative;text-align:center}.jdpicker_w .date_selector .month_nav{float:left;width:56%}
.jdpicker_w .date_selector .year_nav{float:right;position:relative;width:37%}.jdpicker_w .date_selector .month_nav select{border:1px solid #ccc;margin:0 auto;position:relative;top:1px;width:75px}.jdpicker_w .date_selector .year_nav .year_input{border:1px solid #ccc;position:relative;text-align:center;top:2px;width:36px}.jdpicker_w .date_selector .month_name,.jdpicker_w .date_selector .year_name{font-weight:700;line-height:20px}.jdpicker_w .date_selector .button{border:1px solid #f2f2f2;color:#333;cursor:pointer;display:block;font-size:120%;font-weight:700;height:18px;line-height:17px;overflow:hidden;position:absolute;text-align:center;top:0;width:18px}
.jdpicker_w .date_selector .button:hover,.jdpicker_w .date_selector .button.hover{background:0;border-color:#ccc;color:#333;cursor:pointer}.jdpicker_w .date_selector .prev{left:0}.jdpicker_w .date_selector .next{right:0}.jdpicker_w .date_selector th{padding-top:5px}.jdpicker_w .date_selector th,.jdpicker_w .date_selector td{color:#000;text-align:center}.jdpicker_w .date_selector th.week_label{font-size:80%;font-style:italic;font-weight:400;width:25px}.jdpicker_w .date_selector .week_num,.jdpicker_w .date_selector .hover .week_num,.jdpicker_w .date_selector .selected .week_num{background:#fcfcfc !important;border:none !important;color:#333 !important;font-size:70%;font-style:italic;padding-right:4px;text-align:right;vertical-align:bottom !important}
.jdpicker_w .date_selector td{background:#FFF;border:1px solid #ccc;color:#003c78;line-height:2em;text-align:center;white-space:nowrap}.jdpicker_w .date_selector td.today{background:#fffeb3}.jdpicker_w .date_selector td.unselected_month{color:#ccc}.jdpicker_w .date_selector td.selectable_day,.jdpicker_w .date_selector tr.selectable_week td{background:#f2f2f2;border:1px solid #aaa;color:#333;cursor:pointer}.jdpicker_w .date_selector td.selected,.jdpicker_w .date_selector tr.selected td{background:#175568;border-color:#000;color:#FFF;font-weight:700}
.jdpicker_w .date_selector tr.selectable_week.hover td,.jdpicker_w .date_selector td.selectable_day.hover{background:#7fa5b0;border-color:#175568;color:#FFF}.jdpicker_w{display:inline-block}.jdpicker_w>input{background:#fff url("https://img.etimg.com/photo/21507708.cms") no-repeat right 3px;cursor:pointer;width:90px}.change_bar{width:100%;padding-top:5px}.change_bar .red_bar{width:49%;text-align:right}.change_bar .red_bar .fill{background-color:#c42b1d}.change_bar .green_bar{width:49%;text-align:left}.change_bar .green_bar .fill{background-color:#239c3f}
.change_bar .fill{max-width:40%}.change_bar .num{position:relative;bottom:5px;padding:0 5px}.change_bar span{display:inline-block;height:22px}.change_bar .splite{background-color:#000;height:28px;position:relative;top:3px;width:1px}.followEtMkt{width:187px;height:23px;background:url('https://img.etimg.com/photo/51240094.cms') 0 0 no-repeat;margin-right:0;position:relative;float:right}.loadMore{height:50px;clear:both}.loadMore .moreText{width:100%;padding:5px 0 10px 0;font-size:12px;text-align:center;cursor:pointer;margin:10px 0;-webkit-box-shadow:0 8px 8px -10px #000;-moz-box-shadow:0 8px 8px -10px #000;box-shadow:0 8px 8px -10px #000;text-transform:uppercase}
.loadMore .threeLines{position:relative;top:-17px;margin:0 auto;background:url(https://img.etimg.com/photo/57079633.cms) no-repeat -259px -21px;width:93px;height:42px;transform:scale(0.7);cursor:pointer}#fetchHPData,#fetchHPDataExpiry,.commodityContainer .range-legend{text-transform:uppercase}.no_data{text-align:center;font-size:20px;margin:80px 0 30px 0}.gaugeChart{position:relative;display:inline-block;width:100%;overflow:hidden}.gaugeChart #commodityContractImg{width:auto;height:230px;margin:30px auto 15px;display:block;position:relative}
.gaugeChart .title{position:absolute;font-size:14px;top:5px;left:5px}.gaugeChart .title .tsymbol{color:#024d99;font-weight:600}.gaugeChart .title .texpiry{color:#7a7a7a;font-weight:500;margin-top:3px}.gaugeChart .desc{color:#7a7a7a;font-size:16px;font-weight:500}.gaugeChart .gpointer{position:absolute;left:49%;bottom:10%;height:120px;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform}
.gaugeChart .gpointer img{margin-top:-65px}.gaugeChart .gpointer:after{content:'';display:inline-block;position:absolute;width:30px;height:30px;border-radius:50%;border:1px solid #1c1d1d;left:50%;bottom:35%;transform:translate(-50%,0);background:#a8a9aa;background:-moz-linear-gradient(320deg,rgba(168,169,170,1) 0,rgba(243,246,247,1) 100%);background:-webkit-linear-gradient(320deg,rgba(168,169,170,1) 0,rgba(243,246,247,1) 100%);background:linear-gradient(320deg,rgba(168,169,170,1) 0,rgba(243,246,247,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8a9aa",endColorstr="#f3f6f7",GradientType=1)}