/* 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;

}