.timeline{
	border:3px solid #000;
	background-color:#FFF;
}

 #tl_window {
	border:3px solid #000000;
	position:absolute;
	top:100px;
	z-Index:100;
	height:auto;
	width:500px;
	background-color:#FFFFFF;
}

.timeline_event {
	padding:0px;
	margin:0px;
}

.timeline h2, .timeline_event h2 {
	color:#000000;
	font-size:0.9em;
	font-weight:normal;
	text-transform:none;
	margin:0px;
	padding:0px;
	border:none;
}

.event_window h2 {
	font-weight:bold;
	color:#ffffff;
	background-color:#000000;
	margin:0px;
	padding:5px 20px 5px 5px;
	background-image:url(../../admin/html_images/closebtnin.jpg);
	background-repeat:no-repeat;
	background-position:480px 5px;
}
.eventdetail {
	padding:5px;
}
.eventdetail img {
	float:left;
	margin-right:10px;
}

.timeline h2 strong {
	color:#000000;
	padding:2px;
}

.timeline li.keyword h2 strong{
	display:none;
}

.keyword_window .timeline_event h2{
	display:none;
}


.year_marker{
	position:absolute;
	top:0px;
	border-left:1px solid #FFFFFF;
	height:20px;
	padding-left:0.2em;
	color:#FFFFFF;
}

li.keyword h2 {
	font-size:1.5em;
	color:#666666;
	font-weight:normal;
	border:none;
}

.timeline li {
	position:absolute;
	width:250px;
	float:left;
	z-index:60;
	cursor:pointer;
}
.timeline li.year_bar {
	cursor:default;
	z-index:500;
}

.timeline li.keyword{
	border:0px solid purple;
}
.timeline li.background {
	cursor:default;
}


li.year_bar{
	position:absolute;
	left:0px;
	top:370px;
	height:40px;
	z-index:500;
	background:black;
}

li.intro {
	position:absolute;
	top:0px;
	height:360px;
	width:200px;
	overflow:hidden;
	z-index:100;
	padding:5px;
	background:#000;
}

.timeline li.intro h2,.timeline li.intro h2 strong{
	color:#FFF !important;
}

.tl_item_content {
	display:none;
}

.timeline ul li {
	list-style-type:none;
}

.tl_toolbar {
	color:#FFFFFF;
	padding:10px;
	text-align:center;
	height:21px;
}
.tl_toolbar .separator {
	display:none;
}
.tl_toolbar a {
	background-color:#000;
	color:#FFFFFF;
	padding:3px;
	text-decoration:none;
}

li.intro {
	cursor:auto;
}


.timeline ul li.background {
	display:block;
	list-style-type:none;
	top:0px;
	width:350px;
	height:100%;
	top:0px !important;
	z-index:1;
	position:absolute;
}
.timeline ul li.background h2 {
	display:none;
}
.timeline ul li.background img {
	height:90%;
	z-index:2;
}

.timelineimagewrapper {
	float:left;
	width:150px;
	margin-right:5px;
}
.timelineimagewrapper .caption {
	font-size:0.8em;
	line-height:0.99em;
	padding-top:5px;
}
.timeline_event .eventdetail {
	max-height:300px;
}
.timeline_event .eventdetail p {
	margin:0px 0px 5px 0px;
}

.timeline_event .eventdetail .timelineimagewrapper + .eventdescription {
	display:block;
	width:330px;
	float:right;
	max-height:300px;
	overflow:auto;
}