jquery.jscrollie.css

div.jScrollieAll { 
  /* Holds the complete jScrollie, including scrollbar */
  position:relative;
  width:100%;
  height:100%;
}

div.jScrollieMetaContainer { 
  /* MetaContainer takes up entire parent */
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
}

div.jScrollie {
  /* a negative margin is applied in the js, making the div 
     100%+<native scrollbar width>px wide */
  position:relative;
  height:100%;
  overflow-y:scroll;
  overflow-x:hidden;
}

/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:

    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}

    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.

    Adapted from https://github.com/LearnBoost/antiscroll
 */
div.jScrollie::-webkit-scrollbar {
  width: 0;
  height: 0;
}

div.jScrollie::scrollbar {
  width: 0;
  height: 0;
}

div.jScrollieContent {
  position:absolute;
  left:0;
}

div.jScrollieContent.Scrollbar {
  /* applied when the scrollbar is visible */
  right:14px;
}

div.jScrollieContainer {
  position:absolute;
  right:0;
  z-index: 1;
  height:100%;
  width:14px;
  overflow:hidden;
}

div.jScrollieTrack {
  position: absolute;
  right: 0;
  height: 100%;
  cursor: pointer;
  width:14px;
  background:transparent;
}

div.jScrollieDrag {
  position: absolute;
  width: 12px;
  height: 100px;
  background:rgba(0,0,0,.35);
  -moz-border-radius:10px;
	border-radius:10px;
}

div.jScrollieDragTop {
  position: absolute;
  top: 5px;
  width: 100%;
  
}

div.jScrollieDragBottom {
  position: absolute;
  bottom: 5px;
  width: 100%;
}