.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
    background: url("../images/css/scroll-bg.png") repeat-y scroll center top transparent;
    /*width: 20px;*/
}

.jspDrag
{
    /*background: url("../images/css/scroll-bar.png") repeat-y scroll center top transparent;*/
    /*background: url("../images/css/bg-scrollbar-thumb-y.png") no-repeat scroll 50% 100% transparent;*/
    overflow: hidden;
    background: none;
    /*height: 101px !important;*/
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
}

.jspArrow
{
}

.jspVerticalBar {
    width: 20px;
}

.jspVerticalBar>.jspActive,
.jspArrow:hover
{
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover
{
    background-image: auto;
    background-color: transparent;
}

.jspVerticalBar .jspArrow
{
    height: 18px;
}

.jspHorizontalBar .jspArrow
{
    width: 19px;
}

.jspArrowUp
{
    background-image: url('../images/css/scroll-up.png') !important;
}

.jspArrowDown
{
    background-image: url('../images/css/scroll-down.png') !important;
}

.jspArrowLeft
{
}

.jspArrowRight
{
}

.jspVerticalBar .jspDragTop {
    background: url("../images/css/scroll-bar.png") no-repeat scroll 50% top transparent;
    overflow: hidden;
    height: 50%;
}

.jspVerticalBar .jspDragBottom {
    background: url("../images/css/scroll-bar.png") no-repeat scroll 50% bottom transparent;
    overflow: hidden;
    height: 50%;
}