/* resets */
#timelineinfo > div, #timelineinfo > img, div.timeline{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

div.timeline {
	height: 45px;
	width: 940px;
	margin: 0 auto;
	position: relative;
	background-image: url(https://static.propublica.org/assets/nola-timeline-assets/art/timeline_back.png);
}

div.timeline span.item, div.timeline span.item.case.highlight {
  z-index:1;
  position: absolute;
	height: 25px;
	top: 6px;
	display: block;
	width: 20px;
}
div.timeline span.item.case{
  z-index: 0;
}
div.timeline span.item.highlight{
  z-index: 20;
}

div.timeline span.item.case.highlight{
  width: 48px;
}
div.timeline span.item.case img{
  z-index: 10;
}
div.timeline span.item.case.highlight img{
  z-index:20;
}
div.timeline span.item {
  cursor: pointer;
}

div.timeline span.item img{
  display: block;
  margin-left:auto;
  margin-right: auto;
  z-index: 1;
}



#timelineinfo {
  display:none;
  cursor: default;
	z-index: 20;
	position: absolute;
	width: 440px;
	padding: 25px 15px 15px 15px;
	text-align: left;
	height: 285px;
	font-family: "Georgia", "Times New Roman", serif;
	color: #eee;
  font-size: 14px;
  overflow: hidden;
  line-height: 1.4em;
}
#timelineinfo > *{
  z-index: 21;
}
#timelineinfo div{
  margin: 0;
  padding: 0;
}

#timelineinfo div.date{
  font-weight: bold;
  margin: 5px 0;
  margin-top:0;
}

#timelineinfo div.case{
  color: #ff2107;
  margin: 0px 0;
}

#timelineinfo div.pic{
  top: 5px;
  color: #aaa;
  font-size: 11px;
  font-family: Helvetica;
}
#timelineinfo img{
  border:0;
  padding: 0;
  margin:0;
}
#timelineinfo div.pic img{
  width: 440px !important;
  height: 150px !important;
}
#timelineinfo a{
  color: #ff2107;
  text-decoration: none;
}
#timelineinfo a:hover{
  color: #c51a06;
}