/* JScrollPane中我的演示页面的样式表 - 这些样式是没有必要的，使用JScrollPane的不特定的任何特别的例子 */
a.jScrollArrowUp{background:url(http://www.shrunc.com/images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover{background-position:0 -15px;}
a.jScrollArrowDown{background:url(http://www.shrunc.com/images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover{background-position:0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position:0 -30px;}
.orange-bar .jScrollPaneTrack{background:#f60;}
.orange-bar .jScrollPaneDrag{background:#00f url(http://www.shrunc.com/images/drag_grab.gif) no-repeat 50% 50%;}
.orange-bar .scroll-pane{background:#69f;}
.holder{float:left;margin:10px;}
.scroll-pane{width:200px;height:200px;overflow:auto;background:#ccc;float:left;}
.wide{width:400px;}
.super-wide{width:700px;}
.tall{height:400px;}
#pane1{}
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa;display:none;}
.services .jScrollPaneTrack{display:inline-block;left:8px;}
.jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden;left:-1px;}
.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:9px;}
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:9px;}
a.jScrollArrowDown:hover{/*background-color:#f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color:#f00;*/}