/*
 * CSS for Timeliner 1.2
 *
 * This CSS is for styling the plugin.
 * Use timeliner.css for functionality changes.
 */

/* The container */
/* Each slide */
/* The timeline background */
#example1 .timeline{
	background:#ddd;
	height:2px !important;
}
/* The timeline fill bar */
#example1 .innertimeline{
	background:#b99765;
	height:2px !important;
}
/* The time display */
#example1 .timedisplay{
	color:#777;
}
/* Each node */
#example1 .node{
	background:url(node.png) center no-repeat;
	width:26px;
	height:26px;
	margin-top:-5px;
}
/* The active node */
#example1 .node_active{
	background:url(node_active.png) center no-repeat;
}
/* Each node tooltip */
#example1 .tooltip{
	background:#fff;
	padding:5px 8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	opacity:0.8;
	filter:alpha(opacity=80);
}
/* The time display inside a tooltip */
#example1 .tooltiptime{
	font-size:8pt;
	font-weight:bold;
}