.jspContainer { overflow: hidden; position: relative;  }
.jspPane { position: absolute; padding-right:4px!important }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 20px!important; height: 100%; background:transparent ; opacity:1; z-index:10  }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #fff; opacity:0 }

.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: trnsparent; position: relative; border:none; height:100% }
.jspTrack:hover { background: trnsparent; }


.jspDrag { background: #fff; position: relative; top: 0px; left: 5px; cursor: pointer; width:10px;   -webkit-border-radius: 4px; border-radius: 4px; min-height:28px}


.jspVerticalBar:active { opacity:1!important} 
.jspVerticalBar:hover { opacity:1!important} 

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow {  text-indent: -20000px; display: block; cursor: pointer; background:url(../gfx/scrollArrowBottom.png) 50% 7px no-repeat #808080; height:20px; }
.jspArrow.jspArrowUp{ background:url(../gfx/scrollArrowTop.png)  50% 7px no-repeat #808080}

.jq-selectbox .jspPane ul{ margin-right:-24px!important}

.jspHorizontalBar .jspArrow { width: 20px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }