/* for all versions */
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #d0d6dd;
}
.jScrollPaneDrag {
position: absolute;
left:1px;
background: #666;
cursor: pointer;
overflow: hidden;
background: url(../_img/_scroll/scrollBarRed_mid.gif) repeat-y 0 50%;
}

.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 1;
overflow: hidden;
background: url(../_img/_scroll/scrollBarRed_top.gif) no-repeat;
height:6px;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 1;
overflow: hidden;
background: url(../_img/_scroll/scrollBarRed_bot.gif) no-repeat;
height:6px;
}

/* yellow version */
.yellowScroll .jScrollPaneTrack {
background:#d0bb54;
}
.yellowScroll .jScrollPaneDrag {
background: url(../_img/_scroll/scrollBarYel_mid.gif) repeat-y 0 50%;
}
.yellowScroll .jScrollPaneDragTop {
background: url(../_img/_scroll/scrollBarYel_top.gif) no-repeat;
}
.yellowScroll .jScrollPaneDragBottom {
background: url(../_img/_scroll/scrollBarYel_bot.gif) no-repeat;
}

/* blue version */
.blueScroll .jScrollPaneTrack {
background:#46678b;
}
.blueScroll .jScrollPaneDrag {
background: url(../_img/_scroll/scrollBarBlue_mid.gif) repeat-y 0 50%;
}
.blueScroll .jScrollPaneDragTop {
background: url(../_img/_scroll/scrollBarBlue_top.gif) no-repeat;
}
.blueScroll .jScrollPaneDragBottom {
background: url(../_img/_scroll/scrollBarBlue_bot.gif) no-repeat;
}