.jScrollPaneContainer {
	z-index: 1; overflow: hidden; position: relative
}
.jScrollPaneTrack {
	right: 0px; background: #aaa; cursor: pointer; position: absolute; top: 0px; height: 100%
}
.jScrollPaneDrag {
	background: #666; overflow: hidden; cursor: pointer; position: absolute
}
.jScrollPaneDragtop {
	left: 0px; overflow: hidden; position: absolute; top: 0px
}
.jScrollPaneDragBottom {
	left: 0px; overflow: hidden; bottom: 0px; position: absolute
}
A.jScrollArrowUp {
	display: block; z-index: 1; right: 0px; overflow: hidden; text-indent: -2000px; position: absolute; top: 0px; height: 9px
}
A.jScrollArrowUp:hover {
	
}
A.jScrollArrowDown {
	display: block; z-index: 1; right: 0px; overflow: hidden; bottom: 0px; text-indent: -2000px; position: absolute; height: 9px
}
A.jScrollArrowDown:hover {
	
}
A.jScrollActiveArrowButton {
	
}
A.jScrollActiveArrowButton:hover {
	
}

/* custom skin code */


.holder {
    margin: 9px 0 0 9px;
}
.scroll-pane {
	background: #FFF; float: left; overflow: auto; width: 275px; height: 505px
}
.winXP .jScrollPaneTrack {
	background: url(/images/windows_track.gif) repeat-y
}
.winXP .jScrollPaneDrag {
	background: url(/images/windows_drag_middle.gif) no-repeat 0px 50%
}
.winXP .jScrollPaneDragTop {
	background: url(/images/windows_drag_top.gif) no-repeat; height: 1px
}
.winXP .jScrollPaneDragBottom {
	background: url(/images/windows_drag_bottom.gif) no-repeat; height: 1px
}
.winXP a.jScrollArrowUp {
	background: url(/images/windows_arrow_up.gif) no-repeat 0px 0px; height: 15px
}
.winXP a.jScrollArrowUp:hover {
	background-position: 0px -15px
}
.winXP a.jScrollArrowDown {
	background: url(/images/windows_arrow_down.gif) no-repeat 0px 0px; height: 15px
}
.winXP a.jScrollArrowDown:hover {
	background-position: 0px -15px
}
.winXP a.jScrollActiveArrowButton {
	background-position: 0px -30px
}
.winXP a.jScrollActiveArrowButton:hover {
	background-position: 0px -30px
}



    /* </dtml-with> */