/* Dynamic theme used by the plugin (attributes set in options panel)
=====================================================================*/

.dynamic-theme { color: #eee; }
.dynamic-theme .timeline-band-0 .timeline-ether-bg { background-color: #f2f1e9; }
.dynamic-theme .timeline-band-0 .timeline-ether-highlight { background-color: #ffffff; }
.dynamic-theme .timeline-band-0 .timeline-date-label-em { color: #ffffff;  }
.dynamic-theme .timeline-band-0 .timeline-date-label { color: #ffffff; border-color: #ffffff;  }
.dynamic-theme .timeline-band-0 .timeline-event-label { color: #ffffff; }
.dynamic-theme .timeline-band-0 .timeline-ether-lines { border-color: #ffffff; border-style: solid; }
.dynamic-theme .timeline-band-0 .timeline-highlight-label-start{ color: #ffffff; }
.dynamic-theme .timeline-band-0 .timeline-highlight-label-end{ color: #ffffff; }

.timeline-band-events .timeline-event-icon img
{
    width: auto;
    height: 100px;
}

#stl-mytimeline
{
    overflow-x: hidden;
    overflow-y: auto;
        height: 470px;
    }

#stl-mytimeline .timeline-band-events .timeline-event-icon img
{
    margin-top: 0;
}

#stl-mytimeline .timeline-event-label
{
    line-height: 20px;
}

#stl-mytimeline .timeline-date-label
{
    padding-top: 5px;
    margin: 0;
    text-align: center;
    font-weight:bold;
    color: white !important;
    font-size: 20px;
    width: 365px;
}