
.jspContainer{overflow: hidden; position: relative;}

.jspPane{position: absolute;}

.jspVerticalBar{position: absolute; top: 0; right: 0; width: 7px; height: 100%;}

.jspHorizontalBar{position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #fff; border: 1px solid #c7c7c7; border-left: 0; border-right: 0;}

.jspVerticalBar *,
.jspHorizontalBar *{margin: 0; padding: 0;}

.jsp_bg{display: block; width: 1px; height: 6px; background: #c7c7c7; position:absolute; top: 0;}
.jsp_bg_l{left: 0;}
.jsp_bg_r{right: 0;}

.jspHorizontalBar .jspCap{float: left;}

.jspTrack{position: relative; height: 4px; }

.jspDrag{background: #e27c45; position: relative; top: 0; left: 0; cursor: pointer;}

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

.jspVerticalBar .jspTrack,
.jspVerticalBar .jspDrag{background: #d9e7ef; float: left; width: 7px; height: 100%; border-radius: 4px;}

.jspHorizontalBar .jspDrag{height: 6px; top: -1px; left: 0; }
.jspVerticalBar .jspDrag{background: #5b89b5; width: 7px; top: 0; left: 0; }
.jspVerticalBar .jspDrag:hover{background: #336ba3; }

.jspArrow{background: #50506d; text-indent: -20000px; display: block; cursor: pointer;}

.jspArrow.jspDisabled{cursor: default; background: #80808d;}

.jspVerticalBar .jspArrow{height: 16px;}

.jspHorizontalBar .jspArrow{width: 16px; float: left; height: 100%;}

.jspVerticalBar .jspArrow:focus{outline: none;}

.jspCorner{background: #eeeef4; float: left; height: 100%;}
