#chart,h1{margin-top:10px}.chartContent,body.fill:not(.hasTitle){background-color:#000}body{margin:0;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.chartContentC{margin:0 auto;width:600px}.chartContent{position:relative;padding:10px;border:3px solid #974297;margin-left: auto;margin-right: auto;}#singleChart{width:800px;height:500px}.dateRangeExpanded{text-align:center;font-size:0px}.dateRangeExpanded>div{display:inline-block;vertical-align:middle;cursor:pointer;font-weight:500;color:#fff;text-transform:uppercase;font-size:14px;background:#974297;padding:8px;border-top:1px solid #974297;border-bottom:1px solid #974297}.chartContent>div,.info>div.date>span:before{vertical-align:top;display:inline-block}.dateRangeExpanded>div:first-of-type{border-left:1px solid #974297}.dateRangeExpanded>div:last-of-type{border-right:1px solid #974297}.dateRangeExpanded>div.selected{font-weight:700;border-bottom:3px solid #fff;padding-bottom:6px}.dateRangeWrapper{float:right}h1{margin-bottom:20px;font-size:20px}.info>div.date>span:before{content:"";width:40px;height:15px;background-color:#974297;margin-right:5px}.info>div.date>span{display:inline-block;margin-left:10px;color:#fff}.info>div.date{margin-bottom:5px;font-size:14px;color:#807fb8}.info>div>strong{color:#fff}.info>div{font-size:12px}.big .info>div,.fill .info>div{font-size:16px}.fill.hasTitle .info>div.lastprice{font-size:11px}.big .chartContent{min-height:641px;max-height:none}.big .chartContentC{width:1200px}.fill .chartContentC{width:100%}.fill.hasTitle .chartContentC{width:calc(100% - 6px)}.fill:not(.hasTitle) .chartContent{border:none}.fill .chartContent{max-height:none}.fill h1{display:none}.box #chart{height:800px}