﻿
.js .scroll-pane{
	height:300px;
	overflow:auto;
} 
.js .jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.js .jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #EFEFEF;
}
.js .jScrollPaneDrag {
    position: absolute;
    background: #be2000;
    cursor: pointer;
    overflow: hidden;
}
.js .jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.js .jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.js a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    background:transparent url(/client/images/icons/icon_sprite.gif) no-repeat scroll -981px -42px;
    margin-top:3px;
    height: 9px;
}
.js a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

.js a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background:transparent url(/client/images/icons/icon_sprite.gif) no-repeat scroll -981px -139px;
    height: 9px;
}
.js a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
.js a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}