@charset "utf-8";

/* events style */
#event-box1000{ width:312px; height:168px;  background:url(../images/ev.png) no-repeat; line-height:15px}
#event-box{ width:312px; height:168px;  background:none; line-height:15px}
.event-image{ width:280px; height:160px; float:left; margin-right:0px}
.event-image img{ padding:4px 0 0 4px;}

#event-control{ width:17px; overflow:hidden;  float:right; }
#event-control ul{ margin:55px 0 0 0px; padding:0; list-style-type:none;}
#event-control ul li{ margin-bottom:3px;}

.one a:link,.one a:visited{ display:block; width:17px; height:17px; background:url(../images/event/1.gif) no-repeat left top; text-indent:-9999px}
.one a:hover{ display:block; width:17px; height:17px; background:url(../images/event/1.gif) no-repeat left -17px; text-indent:-9999px;}
.one a:link.act,.one a:visited.act{ display:block; width:17px; height:17px; background:url(../images/event/1.gif) no-repeat left -17px; text-indent:-9999px;}

.two a:link,.two a:visited{ display:block;width:17px; height:17px; background:url(../images/event/2.gif) no-repeat left top; text-indent:-9999px}
.two a:hover{ display:block; width:17px; height:17px; background:url(../images/event/2.gif) no-repeat left -17px; text-indent:-9999px;}
.two a:link.act,.two a:visited.act{ display:block; width:17px; height:17px; background:url(../images/event/2.gif) no-repeat left -17px; text-indent:-9999px;}


.three a:link,.three a:visited{ display:block;width:17px; height:17px; background:url(../images/event/3.gif) no-repeat left top; text-indent:-9999px}
.three a:hover{ display:block; width:17px; height:17px; background:url(../images/event/3.gif) no-repeat left -17px; text-indent:-9999px;}
.three a:link.act, .three a:visited.act{ display:block; width:17px; height:17px; background:url(../images/event/3.gif) no-repeat left -17px; text-indent:-9999px;}

.three a:link.off, .three a:visited.off,.three a:hover.off{ display:block; width:17px; height:17px; background:url(../images/event/3-off.gif) no-repeat left ; text-indent:-9999px; cursor:default}

.four a:link,.four a:visited{ display:block;width:17px; height:17px; background:url(../images/event/4.gif) no-repeat left top; text-indent:-9999px}
.four a:hover{ display:block; width:17px; height:17px; background:url(../images/event/4.gif) no-repeat left -17px; text-indent:-9999px;}
.four a:link.act, .four a:visited.act{ display:block; width:17px; height:17px; background:url(../images/event/4.gif) no-repeat left -17px; text-indent:-9999px;}

.four a:link.off, .four a:visited.off,.four a:hover.off{ display:block; width:17px; height:17px; background:url(../images/event/4-off.gif) no-repeat left ; text-indent:-9999px; cursor:default}


.five a:link,.five a:visited{ display:block;width:17px; height:17px; background:url(../images/event/5.gif) no-repeat left top; text-indent:-9999px}
.five a:hover{ display:block; width:17px; height:17px; background:url(../images/event/5.gif) no-repeat left -17px; text-indent:-9999px;}
.five a:link.act, .five a:visited.act{ display:block; width:17px; height:17px; background:url(../images/event/5.gif) no-repeat left -17px; text-indent:-9999px;}

.five a:link.off, .five a:visited.off,.five a:hover.off{ display:block; width:17px; height:17px; background:url(../images/event/5-off.gif) no-repeat left ; text-indent:-9999px; cursor:default}