@charset "utf-8";
/* CSS Document */

/***** Time Line ******************/
div.timeLine{
	font-family:Verdana;

}

div.timeLine h3{
	font-weight: bolder;
	font-size: 1.5em;
}

div.timeLine td{
	padding: 0px 0px;

}

div.timeLine .events td img{
	display:block;

}

div.timeLine .events .event{
	cursor: pointer;

}
div.timeLine div.tlContainer{
	display: block;
	

	background: url(../images/sys_images/timeline/box_MiddleTile.jpg) top left repeat-y;
}

div.timeLine .tslide div.tlContainer{
	display: block;
	

	background-image: none;
	text-align:center;

}

div.timeLine div.tlContainer .viewport{

	position:absolute;
	width:320px;
	height:260px;
	bottom: 20px;
	left: 33%;
	z-index: 1;
}

div.timeLine div.tlContainer .viewport .videclicp{
	position:absolute;
	display:block;
	bottom: 0px;
	border: 1px solid red;
}
div.timeLine .tslide div.tlContainer h3{
	color: #E27729;
	text-align: center;
}

div.timeLine div.tlContainer div#tlcHead{
	position: relative;
	height: 100%;
	background: url(../images/sys_images/timeline/box_TopBak.jpg) top left no-repeat;
}


div.timeLine div.tlContainer div#tlcTail{
	position: relative;
	height: 100%;
	background: url(../images/sys_images/timeline/box_BottomBak.jpg) bottom left no-repeat;
}

div.timeLine div.tlContainer div#tlcBody{
	display: block;
	position: relative;

	height: 100%;
	min-height: 500px;

	padding: 10px 10px;

}



div.timeLine div.tlContainer div#tlcBody div.left{
	float:left;
	position: relative;
	height: 100%;

}

div.timeLine div.tlContainer div#tlcBody div.right{
	float:right;
	position: relative;
	height: 100%;
	margin-left:10px;
	z-index: 1;

}

div.timeLine div.tlContainer div#tlcBody div.center{
	position: relative;
	height: 100%;
	padding: 0px 10px;

}

div.timeLine div.tlContainer div#tlcBody .sidebar{
	background-color:white;
	padding: 5px 5px;

	margin-bottom: 10px;
}
div.timeLine div.tlContainer div#tlcBody .sidebar h3{
	font-size: 1.2em;
	display:block;
	position:relative;
}

div.timeLine div.tlContainer div#tlcBody .sidebar2{

	margin-bottom: 10px;
}

div.timeLine div.tlContainer div#tlcBody .sidebar2 h3{
	text-align: center;
	margin-bottom: 0px;
	color: #6D6C65;
	font-size: 1.2em;
}

div.timeLine div.tlContainer div#tlcBody .sidebar2 .sbody{

	background-color: #F2FBFA;
	border-top: 3px solid #257995;
	border-left: 2px solid #81BBBF;
	border-bottom: 1px solid #84BAC6;
	border-right: 1px solid #84BAC6;
	padding: 5px 5px;
}


div#containerIE6 div.timeLine div.tlContainer div#tlcBody{
	height: 540px;
	display:block;
	postion:relative;
}
.tlContainer .event{
	display: none;
	position: relative;
}

.tlContainer .actived{
	display:block;
}

div#timelinenav{
	text-align:center;
	
	display:none;
	font-weight:bold;
	font-size:1.2em;
}

div#timelinenav a{
	color: #66B6BF
}

div#timelinenav{
	display:block;
	position:relative;
}

div#timelinenav p{
	margin: 0px 0px;
	padding:0px 0px;
	color: gray;

}

div#timelinenav img{
	display:inline;
}

div#timelinenav span{
	margin-left: 80%;

}

.vpage .clear {
	clear: both;
}

a.skippy {
    height: 1px;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 1px;
}