/* DRAW TIMELINE */
@charset "utf-8";

.timeline
{
	width: 95%;
	margin-top: 25px;
}

.timeline ul li
{	
	left: -20px;
	position: relative;
	
	/*left: 0;*/
	/*list-style:url(../images/liststyle.png);*/
}

.timeline hr
{
	border: 0;
	outline: 0;
	margin-top: 25px;
	margin-bottom: 25px;
	height: 1px;
	background-color: #ccc;
}

.timeline img
{
	/*width:50px;
	height:auto;*/
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.timeline-link
{
	width: auto;	
	background-image: url(../timeline/tlborder.png);
	background-position: center top;
	background-repeat: repeat-y;	
}

td.timeline-link
{
	padding-left: 0px;
	padding-right: 10px;
}

@media screen and (max-width:1000px) 
{
.timeline, .timeline td
{
	width: 100%;
	margin: auto;	
	float: left;
	text-align: center;
}

.timeline ul 
{
	margin:auto;
	list-style:none;
}

.timeline ul li,
.timeline ul li p
{
	width:100%;
	text-align:center;
}

.timeline hr
{
	display: none;
}

.timeline-link
{

}

.timeline-link img
{
	margin:auto;
	margin-top:25px;
	margin-bottom:25px;
}
}