.jspHorizontalBar,
.jspVerticalBar
{
	background: #ffffff;
        border: 1;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #cccccc;
}

.jspTrack
{
	background: #ffffff;
        
}

.jspDrag
{
         
        left: 2px;       
	background:  #cccccc;
        border: 0;
        border-style: solid;
        border-width: 0px;
        border-color: #ffffff;
        width: 12px;

}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #cccccc;
}


.jspArrow
{
	background: url(../scrollbar/ui-icons_636363_256x240.png) no-repeat;
	
	
}

.jspVerticalBar>.jspActive,
.jspArrow:hover
{
	background-image: url('../scrollbar/ui-icons_636363_256x240.png');
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url('../scrollbar/ui-icons_636363_256x240.png');
}

.jspVerticalBar .jspArrow
{
	height: 18px;        
}

.jspHorizontalBar .jspArrow
{
	width: 18px;
}

.jspArrowUp
{
	background-position: 0 0;
        border: 1;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-color: #cccccc;
}

.jspArrowDown
{
	background-position: -65px 0 !important;
        border: 1;
        border-top-style: solid;
        border-top-width: 1px;
        border-color: #cccccc; 
}

.jspArrowLeft
{
	background-position: -96px 0 !important;
}

.jspArrowRight
{
	background-position: -32px 0 !important;
}