
.jScrollPaneContainer {
    margin:20px 0 20px 50px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background:url(../images/scrolStripeBack.jpg) repeat-y;
}
.jScrollPaneDrag {
    background: url(../images/scrollSlider.jpg) no-repeat;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    height:38px;
    width:18px;
    margin:0 0 0 -2px;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    background:url(../images/scrollArrowDown.jpg) no-repeat;
    height: 22px;
    width:15px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    background:url(../images/scrollArrowUp.jpg) no-repeat;
    height: 22px;
    width:15px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}
