.timeline li {
	display: block;
	float: none;
}
.timeline li.right .event-container-outer {
	float: right;
}
.timeline li .event-container-outer {
	float: left;
}
.timeline li * {
	text-shadow: none;
}

.timeline #event-info {
	top: 0;
	position: relative;
}
.timeline #timeline-container {
	height: 440px;
}
.timeline #timeline {
	height: 100%;
	position: relative;
}
.timeline #event-info-container {
	overflow: hidden;
	height: 100%;
}

.timeline li .event-container-outer {
	position: relative;
	left: 2px;
}
.timeline li.right .event-container-outer {
	right: 2px;
	left: auto;
}
.timeline li .event-container-inner {
	width: 430px;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 110px;
	position: relative;
	overflow: hidden;
	/*-webkit-transition: height .25s;
	-moz-transition: height .25s;
	transition: height .25s;*/
}
.timeline li .event-container-inner .range {
	text-transform: uppercase;
	margin-bottom: 15px;
}


.timeline li.expanded .event-container-inner h5 {
	overflow: visible;
	white-space: normal;
	text-overflow: initial;
}
.timeline li .event-container-inner h5, .timeline li.animating .event-container-inner h5 {
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.timeline li .event-container-inner h6 {
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.timeline li .event-container-inner .description {
	margin-top: 20px;
	visibility: hidden;
	overflow: auto;
	max-height: 200px;
}
.timeline li .event-container-inner .description p, .timeline li .event-container-inner .description ul, .timeline li .event-container-inner .description ol {
	margin-bottom: 1em;
}
.timeline li .event-container-inner .description ul li {
	margin-bottom: 0;
}
.timeline li .event-container-outer .arrow {
	width: 0;
	border-width: 20px;
	border-right-width: 0;
	border-style: solid;
	border-color: transparent;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -20px;
	z-index: 99;
}
.timeline .right .event-container-outer .arrow {
	border-left-width: 0;
	border-right-width: 20px;
	left: -20px;
}

.timeline li .event-container-inner .expand {
	width: 20px;
	height: 20px;
	background-image: url(/img/front_end.png);
	border:none;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
}
.timeline li .event-container-inner .expand.hidden {
	display: none;
}
.timeline li .event-container-inner .expand:hover {
	background-color: transparent;
}
.timeline li .event-container-inner ul li {
	display: list-item;
}
.timeline li .event-container-inner ul {
	list-style: disc;
}
.timeline #timeline-controls {
	height: 100%;
	width: 20px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	position: absolute;
	top: 0;

	left: 50%;
	margin-left: -10px;
}
.timeline #timeline-controls a {
	width: 20px;
	height: 40px;
	position: absolute;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	box-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
.timeline #timeline-controls a .arrow {
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 7px;
	border-color: transparent;
	opacity: .5;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.timeline #timeline-controls .left {
	bottom: -45px;
}
.timeline #timeline-controls .right {
	top: -45px;
}
.timeline #timeline-controls .disabled {
	cursor: default;
	opacity: .4;
}
.timeline #timeline-controls .disabled span {
	opacity: .3;
}
.timeline #timeline-controls .left .arrow {
	border-bottom-width: 0;
}
.timeline #timeline-controls .right .arrow {
	border-top-width: 0;
}




.light .timeline li .event-container-inner {
	background-color: #fff;
	background-color: rgba(255,255,255,.9);
}
.light .timeline li .event-container-inner {
	/*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	box-shadow: 1px 1px 1px rgba(0,0,0,.8);*/
} 
.light .timeline li .event-container-inner .expand {
	background-position: -610px -10px;
}
.light .timeline li .event-container-inner .expand.expanded {
	background-position: -640px -10px;
}
.light #wrapper .timeline li .event-container-inner h6 {
	color: #232323;
}
.light .timeline li .event-container-inner .range, .light .timeline li .event-container-inner .range time {
	color: #afafaf;
}
.light .timeline .right .event-container-outer .arrow {
	border-right-color: rgb(255,255,255);
	border-right-color: rgba(255, 255, 255, .9);
}
.light .timeline .event-container-outer .arrow {
	border-left-color: rgb(255,255,255);
	border-left-color: rgba(255,255,255, .9);
}
.light .timeline #timeline-controls .left .arrow {
	border-top-color: #000;
}
.light .timeline #timeline-controls .right .arrow {
	border-bottom-color: #000;
}

.dark .timeline li .event-container-inner .expand {
	background-position: -550px -10px;
}
.dark .timeline li .event-container-inner .expand.expanded {
	background-position: -580px -10px;
}
.dark .timeline li .event-container-inner {
	background-color: rgb(26,26,26);
	background-color: rgba(26,26,26,.9);
	color: #fff;
}
.dark .timeline li .event-container-inner .range, .dark .timeline li .event-container-inner .range time {
	color: #afafaf;
}
.dark .timeline .right .event-container-outer .arrow {
	border-right-color: rgb(26, 26, 26);
	border-right-color: rgba(26, 26, 26, 0.9);
}
.dark .timeline .event-container-outer .arrow {
	border-left-color: rgb(26, 26, 26);
	border-left-color: rgba(26, 26, 26, 0.9);
	
}
.dark .timeline #timeline-controls .arrow {
	opacity: .6;
}
.dark .timeline #timeline-controls .left .arrow {
	border-top-color: #fff;
}
.dark .timeline #timeline-controls .right .arrow {
	border-bottom-color: #fff;
}