.scrollBar .bar{
  width:24px;
  height:40px;
}

.scrollBar .button{
  width:24px;
  height:24px;
  outline:none;
  background-position:top center;
  background-repeat:no-repeat;
  cursor:pointer;
}

.scrollBar .button.topButton{
  background-image:url('../images/scroll/upBtn.gif');
}

.scrollBar .button.bottomButton{
  background-image:url('../images/scroll/downBtn.gif');
}

.scrollBar .button.leftButton{
}

.scrollBar .button.rightButton{
}

.scrollBar .button.active{
  background-position:bottom center ;
}

.scrollBar .scrollable{
  cursor:pointer;
  background:url(../images/scroll/scrollBar.gif) repeat-y center;
}

.scrollBar .knob{
  height:20px;
}

.scrollBar .knob.verticalKnob{
  cursor:n-resize;
}

.scrollBar .knob.horizontalKnob{
  cursor:w-resize;
}

.scrollBar .knobHorizontalTip{
  width:12px;
  position:absolute;
  background-position:left center;
  background-repeat:no-repeat;
}

.scrollBar .active .knobHorizontalTip{
  background-position:right center;
}

.scrollBar .leftTip{
  left:0;
}

.scrollBar .rightTip{
  right:0;
}

.scrollBar  .knobHorizontalFill{
  background-color:#FFB119;
  background-position:top center;
  background-repeat:repeat-x;
  margin:0 12px;
}

.scrollBar .active .knobHorizontalFill{
  background-position:bottom center;
}

.scrollBar .knobVerticalTip{
  height:12px;
  background-position:top center;
  background-repeat:no-repeat;
}

.scrollBar .active .knobVerticalTip{
  background-position:bottom center;
}

.scrollBar .knobVerticalFill{
  height: 13px; 
  background: url(../images/scroll/scrollHandleMiddle.gif) no-repeat; 
  background-position:left center;
  position:absolute;
  bottom:12px;
  top:12px;
}

.scrollBar .active .knobVerticalFill{
  background-position:right center;
}

.scrollBar .topTip{
}

.scrollBar .bottomTip{
  position:absolute;
  bottom:0;
}

.scrollBar .knob.active{
  border:none;
}

.scrollBar .corner{
}