/* CUSTOMISATION */

	/* Timeline Year-Dependent Heights */
	div.year-2006 div#timeline {
		height:225px; /* +70px */
	}
	div.year-2006 div.events {
		height:155px; /* 31px per level */
	}
	div.year-2008 div#timeline {
		height:101px;
	}
	div.year-2008 div.events {
		height:31px;
	}
	
/* TIMELINE */

	/* Master Timeline Node */
	div#timeline {
		/* IE6&7 Scrolling Fix */
		background-color:#fff;
		position:relative;
		cursor:default;
		overflow:hidden;
		margin-bottom:20px;
		width:100%;
		clear:both;
	}
	div#timeline div#cover {
		width:100%;
		height:100%;
		background-color:#fff;
		z-index:10;
	}

/* LEGEND */

	/* Legend Items */
	div.legend {
		background-repeat:no-repeat;
		background-position:190px 2px;
		padding:1px 0 0 283px;
	}
	div.legend ul {
		border:none;
		margin-top:0;
		list-style-type:none;
	}
	div.legend ul li {
		position:relative;
		margin-top:5px;
	}
	div.legend ul div.icon {
		position:absolute;
		left:-19px;
		top:2px;
	}

	/* Localized Legent Caption */
	.en div.legend {
		background-image:url(/picts/archive/legend-en.gif);
	}
	.ru div.legend {
		background-image:url(/picts/archive/legend-ru.gif);
	}

	
/* ARROWS */

	div#timeline div.arrow {
		position:absolute;
		width:14px;
		height:21px;
		bottom:25px;
		z-index:3;
	}
	div#timeline div.left {
		background:url(/picts/timeline/arrow-left.png);
		left:10px;
	}
	div#timeline div.right {
		background:url(/picts/timeline/arrow-right.png);
		right:10px;
	}

/* VIEWPORT */

	/* Timeline Viewport */
	div#timeline div.viewport {
		position:absolute;
		z-index:2;
		height:100%;
		width:1px;
		margin:0;
		padding:0;
		left:50%;
		top:0;
	}
	div#timeline div.viewport div#track {
		/* Width  and left are assigned from the script */
		position:absolute;
		height:100%;
		top:0;
	}
	div#timeline div.viewport div#track div#handle {
		position:absolute;
		margin:0;
		height:100%;
		left:0;
		top:0;
	}

/* AXIS */

	/* Container or Pins */
	div#timeline div.axis {
		/* Width is set from the script */
		position:absolute;
		background:#d6d6d6;
		bottom:35px;
		height:1px;
		left:0;
	}

	/* Date Pin */
	div.axis div.carrier {
		position:absolute;
		height:1px;
		width:1px;
		border:none;
	}
	div.axis div.pin {
		position:absolute;
		background:#d6d6d6;
		overflow:hidden;
		width:1px;
		height:4px;
	}
	div.axis div.date {
		position:absolute;
		background-image:none;
		padding:1px 0 0 3px;
		font-weight:normal;
		text-align:left;
		cursor:default;
		color:#9a9a9a;
		width:30px;
		margin:0;
	}
	div.axis div.weekend {
		color:#e25776;
	}
	div.axis div.month {
		position:absolute;
		padding:0 0 0 3px;
		color:#9a9a9a;
		cursor:default;
		top:13px;
	}

/* EVENT BARS */

	/* Container for Bars */
	div#timeline div.events {
		/* Width is set from the script */
		position:absolute;
		cursor:default;
		top:20px;
		left:0;
	}

	/* Event Bar */
	div.events div.event{
		text-align:left;
		position:absolute;
		cursor:pointer;
		height:12px;
		margin:0 0 18px 0;
		min-width:26px;
	}
	div.event div.help {
		background-color:#fff;
		white-space:nowrap;
		position:absolute;
		color:#000;
		height:17px;
		top:-17px;
		left:26px;
	}
	div.event div.icon {
		position:absolute;
		top:-14px;
		left:8px;
		height:14px;
		width:10px;
	}