@charset "utf-8";
.yearlist{overflow:hidden; width:92px;}
.yearlist li{display:block; height:25px; background:url(../images/bg_vertab.png) no-repeat 0px -27px; margin:3px 0}
.yearlist li.active{background-position: 0px 0px}
.yearlist li a{display:block; color:white; line-height:21px; font-size:14px; font-style:italic; text-indent:12px}

.eventlist{overflow:hidden;}
.eventlist li{display:block; margin:4px 0}
.eventlist li:first-child{margin-top:0}

.contentbox{position:relative; padding:10px; background:#f5f5f5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.yearnode{width:97px; height:30px; background:url(../images/bg_yearnode.gif) no-repeat; line-height:24px; color:white; text-indent:15px; margin-bottom:0 !important }
.yearnode + li{margin-top:0 !important}
.datenode{display:block; margin:0 !important; padding-bottom:10px; background:url(../images/redline.gif) repeat-y 84px 0}
.datenode .contentbox{width:730px; background:#f5f5f5 url(../images/redline.gif) repeat-y 13px 0; margin-left:12px; *margin-left:9px}
.datenode .event-date{margin-left:5px; margin-right:10px}
.datenode .contentbox .point{display:block; position:absolute; width:18px; height:18px; background:url(../images/point.png) no-repeat; left:5px; top:10px}


.datenode + .yearnode{margin:0}

.datenode.last, .datenode.last .contentbox{background-image:none}
.datenode.last .contentbox .point{height:28px; background-position:0px -37px; top:-1px}

.datenode:hover .contentbox{background-color:#eee}
.datenode:hover .contentbox .point{background-position:0px -18px}
.datenode.last:hover .contentbox .point{background-position:0px -66px}

.event-date{ margin-right:10px; font-size:14px; font-style:italic; font-weight:bold}
.event-figure{ margin:0 20px}
.event-desc{ vertical-align:top; width:352px; margin:0 10px}
.event-desc > h4{font-size:14px; margin-bottom:10px}
.event-desc > p{ font-size:14px; color:#888888; line-height:22px}