﻿
.jScrollPaneContainer {
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.jScrollPaneTrack {
    background: none repeat scroll 0 0 #CCCCCC;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.jScrollPaneDrag {
    background: none repeat scroll 0 0 #AAAAAA;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}
.jScrollPaneDrag {
    background: url("../Images/handle.png") no-repeat scroll 50% 50% #AAAAAA;
}

.jScrollPaneDragTop {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.jScrollPaneDragBottom {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
}
a.jScrollArrowUp {
    display: block;
    height: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -2000px;
    top: 0;
    z-index: 1;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
    bottom: 0;
    display: block;
    height: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -2000px;
    z-index: 1;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}
.jScrollPaneTrack, .jScrollPaneDrag {
    width: 14px !important;
}
