@charset "utf-8";

.jspContainer{
    overflow: hidden;
    position: relative;
z-index: 100; }

.jspPane{
    position: absolute;
z-index: 100; }

.jspVerticalBar{
    background: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;    
z-index: 100; }

.jspHorizontalBar{
    background: none;
    bottom: 0;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
z-index: 100; }

.jspVerticalBar *, .jspHorizontalBar *{
    margin: 0;
    padding: 0;
z-index: 100; }

.jspCap{
    display: none;
z-index: 100; }

.jspHorizontalBar .jspCap{
    float: left;
z-index: 100; }

.jspTrack{
    background: #e0e0e0;
    position: relative;
z-index: 100; }

.jspDrag{
    background: #777777;
    cursor: pointer;
    left: 0;    
    position: relative;
    top: 0;
z-index: 100; }

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

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

.jspArrow.jspDisabled{
    background: #80808d;
    cursor: default; 
z-index: 100; }

.jspVerticalBar .jspArrow{
    height: 10px;
z-index: 100; }

.jspHorizontalBar .jspArrow{
    float:left; 
    height: 100%;
    width: 10px;
z-index: 100; }

.jspVerticalBar .jspArrow:focus{
    outline: none;
z-index: 100; }

.jspCorner{
    background: #eeeef4; 
    display: none;
    float: left; 
    height: 100%;    
z-index: 100; }

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