body {
    background: black;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
    margin: 0;
    padding: 0;
}
.timestrip_timeaxis {
    width: 100%;
    overflow: hidden;
    border-bottom: 0px white solid;
}
.timestrip_timeaxis_block {
    float: left;
    background: black;
}
.timestrip_timeaxis_block_label {
    background: inherit;
    text-align: right;
    color: white;
    padding: 0 3px 0 3px;
    border-right: 2px white solid;
    font-size: 0.8em;
}
.timestrip_timeaxis_block_labelleft {
    background: inherit;
    text-align: left;
    color: white;
    padding: 0 3px 0 3px;
    border-left: 2px white solid;
    font-size: 0.8em;
}
.timestrip_timeaxis-indicator {
    display: flex;
    height: 2px;
    width: 100%
}
.timestrip_timeaxis-indicator-left {
    background: red;
    width: 0%
}
.timestrip_timeaxis-indicator-right {
    background: lightgreen;
    flex: 1;
}
.timestrip_eventstrip {
    width: 100%;
    overflow: hidden;
    height: 2.1em;
}
.timestrip_event {
    position: absolute;
    height:   inherit;
    z-index:  10;
}
.timestrip_label {
    background:   none;
    font-size:    0.8em;
    position:     absolute;
    padding-left: 2px;
    padding-top:  2px;
    z-index:      90;
}
.timestrip_event.timestrip_loadshed {
    background: red;
}
.timestrip_label.timestrip_loadshed {
    color: white;
}
.timestrip_event.timestrip_ical {
    background: rgb(27, 51, 95);
}
.timestrip_label.timestrip_ical {
    color: white;
}
.timestrip_event.espStage4 {
    border-bottom: 0px white solid;
}