.jspContainer {
    overflow: hidden; position: relative;
}
.jspPane {
    position: absolute;
}
.jspVerticalBar {
    -webkit-box-shadow: inset 1px 1px 8px #ccc;
    -moz-box-shadow: inset 1px 1px 8px #ccc;	
    box-shadow: inset 1px 1px 8px #ccc;	
    background: rgba(238,238,238,.5); /* Fallback */
    border-radius: 8px;

    /*  background: #ccc; */
    top: 0px; width: 14px; height: 100%; right: 0px; position: absolute;
}
.jspHorizontalBar {
    background: #ccc; left: 0px; width: 100%; height: 16px; bottom: 0px; position: absolute;
}
.jspVerticalBar * {
    margin: 0px; padding: 0px;
}
.jspHorizontalBar * {
    margin: 0px; padding: 0px;
}
.jspCap {
    display: none;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspTrack {
    /* background: rgb(221, 221, 238); */
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 8px;
    position: relative;
}
.jspDrag {
    background: rgba(216, 88, 136, .8);
    border-radius: 8px;
    webkit-box-shadow: inset 1px 1px 4px #f5e9ef;
    -moz-box-shadow: inset 1px 1px 4px #f5e9ef;	
    box-shadow: inset 1px 1px 4px #f5e9ef;
    /* background: rgb(187, 187, 221); */ left: 0px; top: 0px; position: relative; cursor: pointer;
}
.jspHorizontalBar .jspTrack {
    height: 100%; float: left;
}
.jspHorizontalBar .jspDrag {
    height: 100%; float: left;
}
.jspArrow {
    background: rgb(80, 80, 109); text-indent: -20000px; display: block; cursor: pointer;
}
.jspDisabled.jspArrow {
    background: rgb(128, 128, 141); cursor: default;
}
.jspVerticalBar .jspArrow {
    height: 16px;
}
.jspHorizontalBar .jspArrow {
    width: 16px; height: 100%; float: left;
}
.jspVerticalBar .jspArrow:focus {

}
.jspCorner {
    background: rgb(238, 238, 244); height: 100%; float: left;
}
* html .jspCorner {
    margin: 0px -3px 0px 0px;
}