#yearChartList{background:url(../images/yearChart_bak.gif) repeat-x;height:36px;font-size:12px}
#yearChartList a,#yearChart a:visited{color:#FFF}
#yearChartList li{float:left;width:52px;height:36px;margin-left:8px}
#yearChartList div{padding:5px 0px;height:36px;text-align:center}
#yearChartList .ui-tabs-selected div{font-weight:bold;padding:5px 0px;text-align:center;height:36px;background:url(../images/yearChart_n_bak.gif) no-repeat}
.ui-tabs-hide{display:none}
#yearChart th{width:95px;color:#587b8f;font-weight:bold;vertical-align:top;padding-top:10px;padding-left:10px;border:1px solid #efeeee}
#yearChart td{padding:5px 15px;background:#fefefe url(../images/hisory_td_bak.gif) repeat-x;line-height:25px;color:#848484;border:1px solid #efeeee;vertical-align:top}
#yearChart table{width:100%}
.ui-tabs-panel{margin-top:10px}

#yearChart td ul.with-pic{
	margin-left:100px;
}
#yearChart td ul li{
	margin-left:10px;
}
#yearChart td ul li{
	list-style-type:disc;
	list-style-position:outside;
}
#yearChart td img{
	float:left;
}

#yearChartList{
	overflow:hidden;
	position:relative;
	width:558px;
	margin:auto;
}
#yearChartList ul{
	position:relative;
}
.roller{
	width:620px;
	height:25px;
	margin-top:-36px;
}
.roller a{
	display:block;
	width:16px;
	height:25px;
	background:url(../images/arrow-year.gif) left top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
.roller a.forward{
	float:left;	
}
.roller a.backward{
	float:right;
	background-position:left -30px;
}