.chart-container{position:relative;display:inline-block;height:100%;padding-top:15px;padding-bottom:25px;max-width:100%}.chart{float:left;z-index:1;display:inline-block;position:relative;padding-bottom:10px;padding-top:10px;border-left:thin solid #ccc;border-bottom:thin solid #ccc}.chart-row{height:25px}.bar{position:relative;background-color:#6b9bd6;height:19px;margin-top:5px;margin-bottom:3px;border-radius:0 2px 2px 0;border:2px solid #84d6ff;border-left:none}.bar:hover{border-color:#00A9FF}.legend-left{clear:both;display:inline-block;position:relative;margin-top:17px;float:left}.heading{font-size:8pt;font-weight:700;color:#aaa;height:19px}.heading-left{text-align:right;line-height:5px;position:relative;max-width:200px;margin-top:5px;margin-bottom:3px;margin-right:7px}.data-point{height:25px;width:25px;position:relative;float:left;margin-left:-13px}.legend-bottom{position:absolute;bottom:-10px}.chart-label{font-size:7pt;font-weight:700;color:#aaa;position:absolute;bottom:-10px;z-index:0;float:left}.chart-label-hr{position:absolute;bottom:0;z-index:-1;background-color:#ccc;width:1px;height:4px}.chart-title{text-align:center;font-size:10pt;font-weight:700;display:none}.chart-x-label{display:block;text-align:center;top:30px;position:relative;font-size:10pt;font-weight:700;color:#aaa}