body,html{
	margin: 0px;
	padding: 0px;
}
div.timeline{
	height: 50px;
	background-color: transparent;
	border: 1px solid black;
	margin: 15px 15px 15px 15px;
	background-image: url("../images/timeline_background.png");
}
div.timeline div.content{
	height: 100%;
	padding: 0 15px 0 15px;
}

div.timeline div.content div.container{
	position: relative;
	width: 100%;
	height: 100%;
}
div.timeline div.content div.container div.line{
	position: absolute;
	top: 23px;
	left: 0px;
	height: 1px;
	width: 100%;
	border-bottom: 1px dotted black;
}
div.timeline div.content div.container div.markers{
	position: absolute;
	left: -5px;
	width: 100%;

}
div.timeline div.content div.container div.cap{
	top: 19px;
	height: 10px;
	width: 1px;
	background-color: black;
}
a.pip{
	position: absolute;
	top: 19px;
	height: 10px;
	width: 10px;
	background-image: url("../images/timeline_pip.gif");
	background-color: transparent;
	background-repeat: no-repeat;
}
div.bubble{
	display: none;
	position: absolute;
	top: -12px;
	background-color: white;
	padding: 2px 5px 2px 5px;
	border: 1px solid black;
	white-space: nowrap;

}
div.bubble div.bottom{
	position: absolute;
	top: 100%;
	left: -1px;
	height: 5px;
	width: 10px;
	background-image: url("images/timeline_bubble_bottom.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.timeline div.content div.container div.left{
	position: absolute;
	top: 19px;
	left: 0px;
}
div.timeline div.content div.container div.right{
	position: absolute;
	left: 100%;
}