.v_setheight .jScrollPaneDrag{
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3; 
} 
.v_setheight:hover .jScrollPaneDrag{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7; 
} 
.v_setheight:hover .jScrollPaneDrag:hover{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1; 
} 
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #f8f8f8;
	
}
.jScrollPaneDrag {
	position: absolute;
	background: #ccc;
	cursor: pointer;
	overflow: hidden;
}
.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;
	height: 9px;
}
a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}

 .xscroll-pane {
            width: 230px;
            overflow: auto;
            float: left;
            height: 230px;
        }
       x .v_d .scroll-pane {
            width: 470px;
        }
        a.jScrollArrowUp {
            background: url(css/images/basic_arrow_up.gif) no-repeat 0 0;
            height: 13px !important;
        }
        a.jScrollArrowUp:hover {
            background-position: 0 -15px;
        }
        a.jScrollArrowDown {
            background: url(css/images/basic_arrow_down.gif) no-repeat 0 0;
            height: 13px !important;
        }
        a.jScrollArrowDown:hover {
            background-position: 0 -15px;
        }
        a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
            background-position: 0 -30px;
        }