#genTimeline {
 margin: 20px;
 position: relative;
 min-height: 300px;
}

#genTimeline p
{
	margin-top: 5px;
}

#genTimeline .tlMajor {
 left: 180px;
 position: absolute;
 width: 10px;
 height: 10px;
 background-color: #888;
 border: 2px solid #eee;
}

#genTimeline .tlDateLabel {
 position: absolute;
 font-size: 12px;
 color: #888;
 text-align: right;
 font-style: italic;
 left: 0px;
 width: 170px;
}

#genTimeline .tlLine {
 position: absolute;
 width: 2px;
 background-color: #888;
 top: 0px;
 left: 185px;
 border: 1px solid #aaa;
}

#genTimeline .tlDateDot {
 left: 195px;
 position: absolute;
 width: 0;
 height: 0;
 border-top: 11px solid transparent;
 border-bottom: 11px solid transparent;
 border-right: 11px solid #d7e1eb;
}

#genTimeline .tlEventFlag {
 left: 206px;
 position: absolute;
 width: 250px;
 height: 14px;
 background-color: #d7e1eb;
 font-size: 13px;
 padding: 4px 0px 4px 5px;
 color: #353535;
 cursor: pointer;
 overflow: hidden;
}

#genTimeline .tlEventExpand {
 left: 500px;
 position: absolute;
 width: 301px;
 background-color: #d7e1eb;
 font-size: 12px;
 padding: 0 10px 0 10px;
 color: black;
 border-radius: 0px 10px 10px;
box-shadow: 5px 5px #cecece;
margin-bottom: 20px;
}

#genTimeline #depTableHist
{
	font-size: 8pt;
	width: 95%;
	text-align: left;
}

#genTimeline #depTableHist td, #genTimeline #depTableHist th
{
	text-align: left;
}

#genTimeline .tlDelVariant
{
	background-color: #c65353;
	color: white;
}