.diitgraph{width:750px;display:table;font-family:Sans-serif;font-size:12px;padding:15px 0 20px}
.diitgraph .title{display:table-caption;font-size:130%;font-weight:700;text-align:center;padding:10px 0 0}
.diitgraph .tbody{display:table-row-group;width:100%}
.diitgraph .row{display:table-row;width:100%}
.diitgraph .row.highlighted{background-color:#f5deb3}
.diitgraph .row.highlighted.odd{background-color:#e8d2aa}
.diitgraph .row.odd{background-color:rgba(0,0,0,0.05)}
.diitgraph .row div{display:table-cell;vertical-align:middle}
.diitgraph .caption{padding-right:10px;text-align:right;white-space:nowrap;border:none;padding-left:10px;font-weight:400;min-width:100px;color:#000}
.diitgraph .caption span{font-size:80%;font-weight:400;display:block;float:right;margin-left:10px;color:#666}
.diitgraph .row-separator{min-width:3px;border-bottom:1px solid #666;border-left:none}
.diitgraph .bars{position:relative;border-left:1px solid #666;border-right:1px dotted #666;width:100%;overflow:hidden;padding:4px 0}
.diitgraph .bars.zoom-in{cursor:w-resize}
.diitgraph .bars.zoom-out{cursor:e-resize}
.diitgraph .bars div div{position:absolute;top:-50px;border-right:1px dotted #666;height:250px;z-index:2}
.diitgraph .bars span{position:relative;display:block;margin-top:1px;padding:2px 0}
.diitgraph .bars .shifted{margin-top:-5px}
.diitgraph .bars span span{position:absolute;right:10px;top:0;color:#fff;font-weight:700;margin:0;white-space:nowrap}
.diitgraph .bars span span font{font-weight:400;font-size:90%}
.diitgraph .bars .outside{color:#222}
.diitgraph .bars span br{clear:both}
.diitgraph .bars div,.diitgraph .row .axis-x{display:block;position:relative;width:100%}
.diitgraph .row div.bottom-line{border-top:1px solid #666}
.diitgraph .row .axis-x div{position:absolute;margin-top:2px}
.diitgraph .row .axis-x div div{position:relative;float:right}
.diitgraph .row .axis-x div div span{position:relative;left:50%}
.diitgraph .legend{text-align:center;padding:8px 10px 5px}
.diitgraph .settings{font-size:90%;color:#555;padding:3px 10px 3px 40px}
.diitgraph .settings div{display:inline-block;width:10px;height:10px;margin-right:2px}
.diitgraph .settings span{padding:0px 20px 0px 8px;cursor:pointer;display:inline-block;min-width:80px}
.diitgraph .settings span:hover{background-color:rgba(0,0,0,0.05)}
.diitgraph .settings span.sort-descr{cursor:default}
.diitgraph .settings span.sort-descr:hover{background-color:transparent}
.diitgraph .settings div.groups{float:right;width:auto;height:auto}
.diitgraph .red-1{background-color:#900}
.diitgraph .red-2{background-color:#b44}
.diitgraph .red-3{background-color:#c88}
.diitgraph .red-4{background-color:#daa}
.diitgraph .red-1.gradient{background:linear-gradient(to right, #900 95%, rgba(153,0,0,0) 100%)}
.diitgraph .red-2.gradient{background:linear-gradient(to right, #b44 95%, rgba(187,68,68,0) 100%)}
.diitgraph .red-3.gradient{background:linear-gradient(to right, #c88 95%, rgba(204,136,136,0) 100%)}
.diitgraph .red-4.gradient{background:linear-gradient(to right, #daa 95%, rgba(221,170,170,0) 100%)}
.diitgraph .green-1{background-color:#171}
.diitgraph .green-2{background-color:#292}
.diitgraph .green-3{background-color:#5b5}
.diitgraph .green-4{background-color:#aca}
.diitgraph .green-1.gradient{background:linear-gradient(to right, #171 95%, rgba(17,119,17,0) 100%)}
.diitgraph .green-2.gradient{background:linear-gradient(to right, #292 95%, rgba(34,153,34,0) 100%)}
.diitgraph .green-3.gradient{background:linear-gradient(to right, #5b5 95%, rgba(85,187,85,0) 100%)}
.diitgraph .green-4.gradient{background:linear-gradient(to right, #aca 95%, rgba(170,204,170,0) 100%)}
.diitgraph .blue-1{background-color:#029}
.diitgraph .blue-2{background-color:#24b}
.diitgraph .blue-3{background-color:#48c}
.diitgraph .blue-4{background-color:#7ad}
.diitgraph .blue-1.gradient{background:linear-gradient(to right, #029 95%, rgba(0,34,153,0) 100%)}
.diitgraph .blue-2.gradient{background:linear-gradient(to right, #24b 95%, rgba(34,68,187,0) 100%)}
.diitgraph .blue-3.gradient{background:linear-gradient(to right, #48c 95%, rgba(68,136,204,0) 100%)}
.diitgraph .blue-4.gradient{background:linear-gradient(to right, #7ad 95%, rgba(119,170,221,0) 100%)}
.diitgraph .purple-1{background-color:#717}
.diitgraph .purple-2{background-color:#929}
.diitgraph .purple-3{background-color:#b5b}
.diitgraph .purple-4{background-color:#cac}
.diitgraph .purple-1.gradient{background:linear-gradient(to right, #717 95%, rgba(119,17,119,0) 100%)}
.diitgraph .purple-2.gradient{background:linear-gradient(to right, #929 95%, rgba(153,34,153,0) 100%)}
.diitgraph .purple-3.gradient{background:linear-gradient(to right, #b5b 95%, rgba(187,85,187,0) 100%)}
.diitgraph .purple-4.gradient{background:linear-gradient(to right, #cac 95%, rgba(204,170,204,0) 100%)}
.diitgraph .cyan-1{background-color:#177}
.diitgraph .cyan-2{background-color:#299}
.diitgraph .cyan-3{background-color:#5bb}
.diitgraph .cyan-4{background-color:#acc}
.diitgraph .cyan-1.gradient{background:linear-gradient(to right, #177 95%, rgba(17,119,119,0) 100%)}
.diitgraph .cyan-2.gradient{background:linear-gradient(to right, #299 95%, rgba(34,153,153,0) 100%)}
.diitgraph .cyan-3.gradient{background:linear-gradient(to right, #5bb 95%, rgba(85,187,187,0) 100%)}
.diitgraph .cyan-4.gradient{background:linear-gradient(to right, #acc 95%, rgba(170,204,204,0) 100%)}
.diitgraph .yellow-1{background-color:#771}
.diitgraph .yellow-2{background-color:#992}
.diitgraph .yellow-3{background-color:#bb5}
.diitgraph .yellow-4{background-color:#cca}
.diitgraph .yellow-1.gradient{background:linear-gradient(to right, #771 95%, rgba(119,119,17,0) 100%)}
.diitgraph .yellow-2.gradient{background:linear-gradient(to right, #992 95%, rgba(153,153,34,0) 100%)}
.diitgraph .yellow-3.gradient{background:linear-gradient(to right, #bb5 95%, rgba(187,187,85,0) 100%)}
.diitgraph .yellow-4.gradient{background:linear-gradient(to right, #cca 95%, rgba(204,204,170,0) 100%)}