.timeline_all {
	position:relative;
	height:0;
	z-index:500;
}

.tml_line {
	width:100%;
	height:1px;
	background:#2c2c2c;
	position:absolute;
	top:-77px;
}

.timeline {
	width:100%;
	position:absolute;
	bottom:-23px;
	overflow:hidden;
	height:110px;
	cursor:move;
	
}

.timeline ul {
	list-style:none;
	margin:0;
	padding:0;
}
.timeline ul li,.timeline ul ul,.timeline ul li a {
	float:left;
}
.timeline ul li a{
	display:block;
	width:21px;
	height:21px;
	background:url(../images/timeline.png) no-repeat;
	cursor:pointer;
}
.timeline ul li a{background-position:3px 0;}
.timeline ul li a:hover,.timeline ul li.year_point_opened a{background-position:3px -21px;}
.timeline ul li li a,.timeline ul li.year_point_opened li a{background-position:5px -42px;}
.timeline ul li li a:hover,.timeline ul li.year_point_opened li.active a{background-position:5px -63px;}


.timeline ul li a {margin:0 18px;}
.timeline ul li li a {margin:0;}


.timeline ul li {
	overflow:hidden;
	/*width:57px;*/
	height:110px;
	position:relative;
}

.timeline ul li  li {
	width:21px;
	height:41px;
	overflow:visible;
	margin:0 18px;
}

.timeline ul li ul {
	width:10000px;
	position:absolute;
	margin-left:57px;
}

.year_point_hiden {width:57px;}
.year_point_opened { }

.timeline ul li a{
	color:#2c2c2c;
	text-decoration:none;
	position:relative;
}
.timeline ul li a:hover .year{color:#8ccfe5;}
.year {
	display:block;
	width:41px;
	
	position:relative;
	left:-10px;
	top:16px;
	font-family: 'Exo', sans-serif;
	font-size:15px;
	text-align:center;
}
.y_line,.m_line {
	position:relative;
	display:block;
	width:1px;
	background:#2c2c2c;
	left:10px;
}
.y_line {
	width:0;
	height:7px;
	top:18px;
}
.m_line {
	height:10px;
	top:10px;
	/*visibility:hidden;*/
}
.m_text {
	display:block;
	width:80px;
	height:100px;
	position:absolute;
	left:-28px;
	top:20px;
	z-index:99999;
	
	text-align:center;
	/*visibility:hidden;*/
}

li.world .m_text {	
	display:none;	
}
.worldeventicon{
	display:block;
	cursor:pointer;
	text-align:center;
	width:25px;
	height:18px;
	background-image:url(../images/worldevent.png);
	margin-top:10px;
}
.globalworldevent{
	display:none;
	width:270px;
	position:absolute;
	padding:5px;
	text-align:center;
	margin:-37px 0 0 -140px;	
	border:#2c2c2c 1px solid;
}

/*.year_point_opened .m_text,.year_point_opened .m_line {
	visibility:hidden;
}*/

.tml_btn {
	width:30px;
	height:86px;
	background:url(../images/tml_btn.gif);
	padding:7px 0 0 11px;
	
	position:absolute;
	right:0;
	top:-210px;
}
.tml_btn a {
	display:block;
	width:24px;
	height:24px;
	background-image:url(../images/timeline.png);
	text-indent:-10000px;
	cursor:pointer;
	margin-bottom:3px;
}
.zoom-in {background-position:0 -84px;}
.zoom-in:hover {background-position:0 -108px;}
.zoom-out {background-position:0 -132px;}
.zoom-out:hover {background-position:0 -156px;}
.refresher {background-position:0 -180px;}
.refresher:hover {background-position:0 -204px;}

.tml_wrap {
	width:393px;
	height:527px;
	position:absolute;
	bottom:82px;
	left:50%;
	margin-left:-196px;
}
.vline {
	width:1px;
	height:0px;
	background:#7f7f7f;
	position:absolute;
	left:0px;
	bottom:0px;
}
.hline {
	width:0px;
	height:1px;
	background:#7f7f7f;
	position:absolute;
	left:0px;
}
.tml_over {
	width:370px;
	height:21px;
	background:#dcdcdc;
	position:absolute;
	top:30px;
	z-index:9999;
}
#tcontent {
	width:0px;
	height:472px;
	background:#dcdcdc;
	position:absolute;
	left:11px;
	
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	/*behavior:url('PIE.htc');
	position:relative;*/
}
.tml_date {
	height:29px;
	font-size:16px;
	color:#2c2c2c;
}
.tml_img {
	width:282px;

	/*background:#2c2c2c;
	border:1px solid #2c2c2c;*/
}
.tml_descr {
	font-size:12px;
	color:#050404;
	padding:12px 0 2px 0;
}
.tml_descr p {
	margin:0 0 12px;
}
.tml_link a{
	display:block;
	color:#848484;
	font-size:12px;
	margin-bottom:8px;
}
.tml_link a:hover span{
	color:#525252;
	text-decoration:underline;
}
.tml_link span {
	display:block;
	width:250px;
	float:right;
}

.tml_link em {
	display:block;
	width:16px;
	background-image:url(../images/icons.png);
	float:left;
	position:relative;
	left:5px;
	top:2px;
}
.tml_photo em{
	height:13px;
	background-position:0 0;
}
.tml_photo:hover em{
	background-position:0 -13px;
}

.tml_doc em{
	height:17px;
	background-position:0 -26px;
	margin-bottom:8px;
}
.tml_doc:hover em{
	background-position:0 -43px;
}

.tml_voice em{
	height:15px;
	background-position:0 -60px;
}
.tml_voice:hover em{
	background-position:0 -75px;
}

.tml_video em{
	height:15px;
	background-position:0 -91px;
	
}
.tml_video:hover em{
	background-position:0 -106px;
}


.prev_event,
.next_event{
	background:#dcdcdc;
	width:238px;
	height:210px;
	
	position:absolute;
	top:-479px;
	
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	font-size:10px;
	display:none;
	
	z-index:500;
}
.prev_event strong,
.next_event strong{
	font-size:12px;
}
.prev_event{
	left:50%;
	margin-left:-456px;
}
.next_event{
	right:50%;
	margin-right:-456px;
}


.prev_event div,
.next_event div{
	padding:20px 29px;
}