div.gantt {
    width: 100%;
    text-align: center;
}

pre.gantt {
    text-align: left;
    font-size:12pt;
    line-height:16pt;
    width: auto;
    display: inline-block;
    border: 1px solid #888;
    padding: 8px 8px;
    background-color: #F8F8F8;
}

pre.gantt span.header {
    display: inline-block;
    border-bottom: 1px solid rgb(192, 192, 192);
    margin-bottom: 8px;
}

pre.gantt span.bar {
    background-color: rgb(224,224,224);
    border: 1px solid rgb(192,192,192);
    color: black;
    margin: -1px;
    padding: 0px;
}

pre.gantt span.bar.highlight {
    background-color: rgb(192, 192, 255);
    border: 1px solid rgb(128, 128, 224);
}

pre.gantt span.vertdots {
    color: rgb(192,192,192);
}

pre.gantt span.footer {
    display: inline-block;
    margin-top: 8px;
    border-top: 1px solid rgb(192,192,192);
}