/* CSS Document */
.timeline {
	display: block;
	min-height: 400px;
	background: URL(../img/timeline-bg.gif) -70px 0px repeat-y;
}
.timeline h4 {
	display: block;
	float: left;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: normal;
}
.timeline h4.right {
	display: block;
	float: right;
	font-size: 19px;
	text-transform: uppercase;
}
.timeline ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}
.timeline li {
	display: block;
	clear:both;
	margin: 0px;
	padding: 0px 0px 50px 0px;
	position: relative;
	float: left;
}
.timeline li a {
	color: #FFF;
	  /* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  /* IE 5-7 */
	  filter: alpha(opacity=100);
	  /* Netscape */
	  -moz-opacity: 1;
	  /* Safari 1.x */
	  -khtml-opacity: 1;
	  /* Good browsers */
	  opacity: 1;
	  transition: all 0.2s;
	  -moz-transition: all 0.2s; /* Firefox 4 */
	  -webkit-transition: all 0.2s; /* Safari and Chrome */
	  -o-transition: all 0.2s; /* Opera */
	  font-weight: normal;
}
.timeline li a:hover {
	  /* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  /* IE 5-7 */
	  filter: alpha(opacity=100);
	  /* Netscape */
	  -moz-opacity: 1;
	  /* Safari 1.x */
	  -khtml-opacity: 1;
	  /* Good browsers */
	  opacity: 1;
}
.timeline li span.time-space {
	display: block;
	background-image: URL(../img/line-bg.png);
	background-position: left 5px;
	background-repeat: repeat-x;
	width: 45px;
	height: 30px;
}
.timeline-future li span.time-space {
	float: left;
	margin-right: 5px;
}
.timeline-past li span.time-space {
	float: right;
	margin-left: 5px;
}
span.timeline-date {
	display:block;
	font-size: 13px;
	width: 80px;
	padding-top: 5px;
}
.timeline-future span.timeline-date {
	margin-right: 5px;
	float: left;
}
.timeline-past span.timeline-date {
	margin-left: 5px;
	float: right;
}
div.timeline-title {
	display: block;
	float: left;
	width: 170px;
	padding: 10px 10px 10px 10px;
	color: #FFF;
	text-shadow: none;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	font-weight: normal;
}
div.timeline-title span {
	display: block;
	font-size: 11px;
	width: 100%;
	padding-bottom: 1px;
}
.timeline-future div.timeline-title {
	background-image: url("../img/video-box-bg.png");
	background-position: top left;
	background-repeat: no-repeat;
	text-shadow: 0px -1px #900;
}
.timeline-past div.timeline-title {
	background-color: #C4C4C4;
	text-shadow: 0px -1px #999;
}
.timeline a.boxes-more {
	display: block;
	width: 27px;
	height: 25px;
	background-image: URL(../img/button-boxes.png);
	background-position: -27px top;
	background-repeat: no-repeat;
	float: left;
	margin-left: -32px;
	margin-top: 5px;
	z-index: 6;
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */
	border: none;
	background-color: transparent;
	cursor: pointer;
	  /* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  /* IE 5-7 */
	  filter: alpha(opacity=100);
	  /* Netscape */
	  -moz-opacity: 1;
	  /* Safari 1.x */
	  -khtml-opacity: 1;
	  /* Good browsers */
	  opacity: 1;
}
.timeline a.boxes-more:hover {
	background-position: left top;
	background-color: #900;
}
.timeline-past {
	display: block;
	margin-top: -60px;
	padding-top: 0px;
	border-top: 1px dashed #C4C4C4;
}

/**
 * Modification Axaide
 * 26/102012
 */

.timeline-past { border: 0; }