#container{width: 385px;padding: 20px;margin: 20px auto;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.jspContainer{overflow: hidden;position: relative; width: 100%!important;}
.jspPane{position: absolute; width: 100%!important;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{position: relative; background:url(../images/scroll-track-bg.gif) no-repeat top left;}
.jspDrag{background:url(../images/scroll-drag.gif) repeat-y; position: relative;top: 0;left: 0;cursor: pointer;}

.jspDrag .jspDragTop{ width:15px; height:8px; position:absolute; top:0; left:0; background:url(../images/top.png) no-repeat top left;}
.jspDrag .jspDragBottom{ width:15px; height:10px; position:absolute; bottom:0; left:0; background:url(../images/scroll-drag-down.gif) no-repeat top left;}

.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent:-20000px;cursor: pointer; position:absolute; bottom:0; left:0; width:15px; }
.jspArrow.jspArrowUp{ height:14px; background:url(../images/scroll-up-arrow.gif) no-repeat top left; bottom:17px;}
.jspArrow.jspArrowDown{ height:17px; background:url(../images/scroll-down-arrow.gif) no-repeat top left;}

.jspArrow.jspDisabled{cursor: default;}
.jspVerticalBar .jspArrow{}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}
.scroll-pane {width: 100%!important;height:321px;overflow: auto;}
.horizontal-only {height: auto;max-height: 200px;}


.scrollinr{ width:860px; }