.clsContent{
	width:780px;
	height:390px;
}

.clsTimelineTable{
	width:780px;
}

.clsTimelineTable .clsFlashBar{
	width:780px;
	height:74px;
}

.clsTimelineTable .clsRightPanel{
	width:183px;
	height:263px;
	text-align:right;
	vertical-align:bottom;
	padding:0 0 5px 15px;
}

.clsTimelineTable .clsLeftPanel{
	width:170px;
	height:263px;
	text-align:left;
	vertical-align:bottom;
	padding:0 15px 5px 0;
}

.clsTimelineTable .clsRightPanel img, .clsTimelineTable .clsLeftPanel img{
	cursor:pointer;
	cursor:hand;
}

.clsTimelineTable .clsLeftPanel img{
	float:right;
}

.clsTimelineTable .clsRightPanel img{
	float:left;
}

.clsTimelineTable .clsContentPanel{
	width:397px;
	height:268px;
}

.clsPeriodBox{
	display:none;
	width:397px;
	height:268px;
	backgorund-repeat:no-repeat;
	background-position:0 0;
}

.clsPeriodBox .clsDate{
	width:387px;
	height:35px;
	color:#37453E;
	font-size:12px;
	font-weight:800;
	line-height:18px;
	text-align:right;
	padding:11px 10px 10px 0;
}



.clsPeriodBox .clsOpacityContainer{
	position:relative;
	width:305px;
	height:110px;
	padding:0;
	margin:50px 40px 0 40px;
	border:1px solid #8BA597;
}

.clsOpacityContainer .clsBG{
	filter:alpha(opacity=70);
	opacity:0.70;
	background-color:#FDF5EB;
}

.clsPeriodBox .clsOpacityContainer .clsText{
	width:305px;
	height:110px;
	color:#400000;
	font-size:12px;
	font-weight:800;
	text-align:justify;
	line-height:16px;
	direction:ltr;
	overflow:scroll;
	overflow-x:hidden;
	padding:5px;
	margin:0;

	scrollbar-face-color:#A4BAAE;
	scrollbar-shadow-color:#A4BAAE;
	scrollbar-highlight-color:#A4BAAE;
	scrollbar-3dlight-color:#FDF5EB;
	scrollbar-darkshadow-color:#CDD1C2;
	scrollbar-arrow-color:#FDF5EB;
	scrollbar-track-color:#FDF5EB;
}

.clsPeriodBox .clsOpacityContainer .clsText h3{
	font-size:14px;
	font-weight:800;
	margin:0 0 5px 0;
}

.clsTimelineTable .clsFooter{
	width:780px;
	text-align:center;
	padding:20px 0 0 100px;
}