canvas.timeline {
	/*border:1px solid red;*/
}
div.ttext {
	white-space: nowrap;
	z-index:40;

	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
}
div.ttext::selection {
    background:e0e0e0; ///* Safari */
}
div.ttext::-moz-selection {
    background:e0e0e0; /* Firefox */
}

div.tline {
	position:absolute;
	z-index:35;

	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
}

div.headerBack {
	position:absolute;
	z-index:30;
	top:0px;
	left:0px;

	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
}

div.timeLineText{
	position:absolute;
	z-index:37;
	cursor:hand;
	font-size:9pt;
	white-space: nowrap;

	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
}
div.timeLineText::selection {
    background:e0e0e0; ///* Safari */
}
div.timeLineText::-moz-selection {
    background:e0e0e0; /* Firefox */
}

div.timeLineBar{
	position:absolute;
	z-index:20;
	cursor:hand;
	font-size:1pt;

	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
}