#timeline-line {
	border-top: 3px solid #aaa;
}

ul.timeline {
	list-style: outside none none;
	height: 30px;
    padding: 0;
    margin: -20px 0px 0px 0px;
    position: relative;
}

ul.timeline li.timeline-bullet {
	list-style: outside none none;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 20px;
	cursor: pointer;
	display: block;
	height: 8px;
	position: absolute;
	top: 12px;
	width: 8px;
	margin: 0px;
	padding: 0px;
}

ul.timeline li.timeline-bullet:hover, ul.timeline li.timeline-bullet.timeline-bullet-hovered {
	z-index: 999;
	height: 12px;
	width: 12px;
	background-color: #ccc;
	border: medium none;
}

ul.timeline-labels {
	list-style: outside none none;
	padding: 20px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

ul.timeline-labels li.timeline-label {
	list-style: outside none none;
	color: #666;
	position: absolute;
	display: none;
	margin: 0px;
	padding: 0px;
}

ul.timeline-labels li.timeline-label.timeline-label-first, ul.timeline-labels li.timeline-label.timeline-label-last {
	display: block;
}

ul.timeline-titles {
	list-style: outside none none;
	padding: 0px 0px 35px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

ul.timeline-titles li.timeline-title {
	list-style: outside none none;
	color: #666;
	position: absolute;
	display: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

ul.timeline-titles li.timeline-title.timeline-title-first, ul.timeline-titles li.timeline-title.timeline-title-last {
	display: block;
}

ul.timeline-titles li.timeline-title.timeline-title-first {
	text-align: left;
}

ul.timeline-titles li.timeline-title.timeline-title-last {
	text-align: right;
}

div.zoomwrapper {
	position: absolute;
	z-index: 1000;
}

div.zoombutton {
	float: left;
	width: 20px;
	height: 20px;
}

div.zoombutton a {
	text-decoration: none;
}

div.zoominbutton {

}

div.zoomoutbutton {

}

div.dragscroll {
	cursor: grab;
}

div.timeline-simple-event {
	border-top: 1px solid #ccc;
	clear: both;
	margin: 10px 0;
	width: 100%;
}

div.timeline-simple-event div.timeline-item-date {
	color: #999;
	float: left;
	font: bold 16px/19px 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	padding-top: 15px;
	text-align: left;
	width: 290px;
}

#timeline-events-wrapper {
	width: 100%;
	padding: 0px 2.5%;
	overflow: auto;
}

.timeline-item-content {
	float: right;
    padding: 15px 0;
    width: calc(100% - 290px);
}

.timeline-item-content-img, .timeline-item-content-vid {
	float: right;
    margin-bottom: 10px;
}

.timeline-item-content-img p {
	color: #333;
    font: 11px/13px 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin-top: 4px;
}

.timeline-item-content-text h2 {
	font: bold 24px/28px 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0px 0px 6px 0px;
    color: #333;
}

.timeline-label-hovered {
	display: block;
}

.timeline-title-hovered {
	display: block;
}