/* ----------------------------------------------------------------------
   jscrollpane
   ---------------------------------------------------------------------- */

.jspContainer {
  overflow:hidden;
  position:relative;
}
.jspPane {
  position:absolute;
}
.jspVerticalBar {
  position:absolute;
  top:0;
  right:0;
  width:15px;
  height:100%;
}
.jspHorizontalBar {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:15px;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin:0;
  padding:0;
}
.jspCap {
  display:none;
}
.jspHorizontalBar .jspCap {
  float:left;
}
.jspTrack {
  position:relative;
}
.jspDrag {
  position:relative;
  top:0;
  left:0;
  cursor:pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float:left;
  height:100%;
}
.jspArrow {
  text-indent:-20000px;
  display:block;
  cursor:pointer;
}
.jspArrow.jspDisabled {
  cursor:default;
}
.jspVerticalBar .jspArrow {
  height:15px;
}
.jspHorizontalBar .jspArrow {
  width:15px;
  float:left;
  height:100%;
}
.jspVerticalBar .jspArrow:focus {
  outline:none;
}
.jspCorner {
  float:left;
  height:100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin:0 -3px 0 0;
}
.jspHorizontalBar,
.jspVerticalBar,
.jspTrack {
  background:#eee;
}
.jspDrag {
  background:#ccc;
}
.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover {
  background:#bbb;
}
.jspArrow {
  background:#ddd url(/images/scroll-arrows-000000.gif) no-repeat; /* scrollable */
}
.jspVerticalBar > .jspActive,
.jspArrow:hover {
  background-image:url(/images/scroll-arrows-0059ec.gif); /* hover/active */
}
.jspVerticalBar > .jspDisabled,
.jspVerticalBar > .jspDisabled:hover,
.jspHorizontalBar > .jspDisabled,
.jspHorizontalBar > .jspDisabled:hover {
  background-color:#ddd;
  background-image:url(/images/scroll-arrows-888888.gif); /* unscrollable */
}
.jspVerticalBar .jspArrow {
  height:15px;
}
.jspHorizontalBar .jspArrow {
  width:15px;
}
.jspArrowUp {
  background-position:0 0;
}
.jspArrowDown {
  background-position:-15px 0 !important; 
}
.jspArrowLeft {
  background-position:-30px 0 !important;
}
.jspArrowRight {
  background-position:-45px 0 !important;
}