#gr-back{
width:368px;
height:100px;
background:url(http://static.toox.com/site/data/img/game-rules/gr-banner.png) no-repeat 0 0;
top:12px;
position:relative;
}
#container #gr-back a{
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#gr-banner{
width:300px;
margin:30px auto 0;
}


.block-gamerules .block-top{
background-image:url(http://static.toox.com/site/data/img/game-rules/gr-top.png);
}
.block-gamerules .block-bottom{
background-image:url(http://static.toox.com/site/data/img/game-rules/gr-bottom.png);
}
.block-gamerules{width:564px;clear:both;}

.block-gamerules .block-main{
background:url(http://static.toox.com/site/data/img/game-rules/gr-main.png) repeat-y 0 bottom;
background-color:#ffd305;
}

#container .block-gamerules h1{
height:17px;
color:#b54000;
margin-bottom:0.5em;
padding-top:0.25em;
//font-weight:bold;
}
.block-gamerules ul{
list-style-type:square;
margin-left:14px;
}
.block-gamerules li{
margin-bottom:0.25em;
}






.rules-scrolling{
overflow:hidden;
position:relative;
}
.rules-scrolling-in{
position:relative;
top:0;
left:5px;
}
.rules-scroll-button{
width:18px;
height:18px;
position:absolute;
right:7px;
cursor:pointer;
}
.rules-scroll-button-1{
top:0px;
background-image:url(http://static.toox.com/site/data/img/game-rules/gr-up.png);
}
.rules-scroll-button-2{
bottom:0px;
background-image:url(http://static.toox.com/site/data/img/game-rules/gr-down.png);
}
.rules-scroll-in{
position:relative;
overflow:hidden;
}


.block-gamerules .rules-scroll-in{
width:526px;
height:336px;
}
.block-gamerules .rules-scrolling{
width:500px;
height:336px;
}

#rules-scroll1 .rules-scroll-button{right:4px;}