a.jScrollArrowUp{background:url(../images/basic_arrow_up.png) repeat-x 0 0;}
a.jScrollArrowUp:hover{background-position:0 -34px;}
a.jScrollArrowDown{background:url(../images/basic_arrow_down.png) repeat-x 0 0;}
a.jScrollArrowDown:hover{background-position:0 -34px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position:0 -68px;}
.orange-bar .jScrollPaneTrack{background:#f60;}
.orange-bar .jScrollPaneDrag{background:#00f url(../images/drag_grab.gif) no-repeat 50% 50%;}
.orange-bar .scroll-pane{background:#69f;}
.holder{float:left;margin:0; }
.scroll-pane{width:200px;height:200px;overflow:auto;background:#ccc;float:left; padding:0;}
.wide{width:400px;}
.super-wide{width:570px;}
.tall{height:400px;}


.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#fff; padding:0 1px;  border: #0d4c8d 1px solid;
border-top-color:#fff; border-bottom-color:#fff;}
.jScrollPaneDrag{position:absolute;background:#004287;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:18px;  }
a.jScrollArrowUp:hover{/*background-color:#f60;*/}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:18px; }
a.jScrollArrowDown:hover{/*background-color:#f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color:#f00;*/}