/* Description: Set up the spacing and coloring for the timeline classes */
.tmln_timeMarker{
	display:inline;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	height:420px;
	padding-left:6px;
	background:transparent url(/contrib/timeline/img/timemarker_bg.png) repeat-y top left;
}

.tmln_present{
	position:relative;
	width:528px;
	text-align:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#CCCCCC;
}

.tmln_outerTimeLine{
	position: relative;
	display: block;
	background-color: inherit;
	width: 500px;
}

.tmln_outerTimeBlock{
	background-color:#CCCCCC;
	height:20px;
	position:relative;
	width:500px;
	display:block;
}

.tmln_innerTimeBlock, div.tmln_active{
	display:inline;
	height:20px;
	position:absolute;
}

div.tmln_innerTimeBlock{
	background-color:#808080;
}

div.tmln_innerTimeBlock:hover{
	background-color:#333333;
}

div.tmln_active, div.tmln_active:hover{
	background-color:#0071BC;
}

.tmln_tip_head{
	color:#0071BC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	padding-left:8px;
}

.tmln_tip_title{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:0 8px 8px 8px;
}

.tmln_tip_text{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:8px;
}

.tmln_tip_separator{
	color:#CCCCCC;
	background-color:#CCCCCC;
	border:0;
	height:2px;
	line-height:2px;
}
.tmln_tip_image{
	float:left;
	padding:12px 13px 10px 8px;
}

.tmln_hiddendata{
	display:none;
}