.data-list .scroll .jspContainer { overflow: hidden; position: relative; width:100%; }
.data-list .scroll .jspPane { position: absolute;  width:; }
.data-list .scroll .jspVerticalBar { position: absolute; top: 0; right:2px; width:10px; height: 100%; background:#d8d8d8; border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.data-list .scroll .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background:none; }
.data-list .scroll .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.data-list .scroll .jspCap { display: none; }
.data-list .scroll .jspHorizontalBar .jspCap { float: left; }
.data-list .scroll .jspTrack { background:none; position: relative; }
.data-list .scroll .jspDrag { background-color:#424242; position: relative; top: 0; left: 0; cursor:pointer; border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.data-list .scroll .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.data-list .scroll .jspArrow { background: #64992f; text-indent: -20000px; display: block; cursor: pointer; }
.data-list .scroll .jspArrow.jspDisabled { cursor: default; background: #80808d; }
.data-list .scroll .jspVerticalBar .jspArrow { height: 16px; }
.data-list .scroll .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.data-list .scroll .jspVerticalBar .jspArrow:focus { outline: none; }
.data-list .scroll .jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }