.timelinePanel {
  overflow: visible !important;
}

.timelineDate {
  font-size: 8pt;
}

.hashMark {
  height: 12px;
  background: #999;
  font-size: 1px;
}

.timelineEvent {
  font-size: 9pt;
  line-height: 1;
  border: 1px solid transparent;
  /* max height set programatically as an inline style. */
  overflow: hidden;
  padding: 0.2em;
}

div.timelineEvent:hover {
  max-height: none !important;  /* !important overrides inline style */
  overflow: visible;
}

div.clickableTimelineEvent:hover {
  background-color: lightyellow;
  border-color: #999;
}

div.arrowBody {
  font-size: 1px;
}

img.disabledArrowHead, div.arrowBody {
  background-color: #ebeff9;
}

img.enabledArrowHead {
  background-color: #0075bd;
}

img.enabledArrowHead:hover {
  background-color: #00a5ed;
}