/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 */

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

.jspVerticalBar{position:absolute; top:0; right:0; width:16px; height:100%; background:red}
.jspHorizontalBar{position:absolute; bottom:16px; left:0; width:100%; height:12px; background:none}
.jspVerticalBar *, .jspHorizontalBar *{margin:0; padding:0}

.jspCap{display:block}
.jspHorizontalBar .jspCap {float:left; height:100%; width:4px}

.jspTrack{ background:#d7dbe7; position:relative; padding:2px; border:1px solid #fff; }
.jspDrag{background:#4f648b; position:relative; top:0; left:0; cursor:pointer}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left; height:8px}

.jspArrow{background:#50506d; text-indent:-20000px; display:block; cursor:pointer}
.jspArrow.jspDisabled{cursor:default;border:solid 1px #fff; background:#d7dbe7;}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px; float:left; height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}

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

* html .jspCorner{margin:0 -3px 0 0}