#box8{position:absolute;}
#box8 .outerbox{width:650px;float:left;margin-left: 2px;margin-top: 8px;}
#box8 .outerbox h3 {font-size: 12pt; color: #52bdec;}
.sample{padding:0px 7px; width: 650px;}
.sample8 .buttons{text-align:right;clear:both;}
#cont{width:650px;margin:0 auto;background:#fff;text-align:left;padding:20px;}
.thumbs{width:54px;}
.thumbs div{display:block;width:54px;height:41px;margin:3px 0;cursor:pointer;}
.thumbs div img{display:block;width:100%;height:100%;border:none;}
.mask1{position:relative;width:695px; height:226px;overflow:hidden;}
span img{display:block;border:none;}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}
.description{padding:16px;margin:10px 0;background:#eee}
h4.stitle{color:#666;margin:0 0 5px 0}
.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}
.buttons {margin-top: 2px; margin-right: 4px;}
.buttons span{color:#0080FF;padding-top: 4px;padding-left: 8px;padding-right: 9px;padding-bottom: 5px;border: solid 1px #ffffff;cursor:pointer;font:10px Verdana;background: url(/images/buttons/btn-pane-off.gif);background-repeat: no-repeat;}
.buttons span.active, .buttons span:hover{background: url(/images/buttons/btn-pane-on.gif);background-repeat: no-repeat;}