#pane1, #pane2{height: 110px; width:304px}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden; height: 4px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden; height: 4px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	}
.scroll-pane {
	color:#646464;
	font-size:11px;
	width: 300px;
	height: 109px;
	overflow: auto;
	float: left;
}

#tab1 .jScrollPaneTrack, #tab2 .jScrollPaneTrack{background: url(../images/windows_track.gif) repeat-y;}
#tab1 .jScrollPaneDrag, #tab2 .jScrollPaneDrag{background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;}
#tab1 .jScrollPaneDragTop, #tab2 .jScrollPaneDragTop{background: url(../images/windows_drag_top.gif) no-repeat; height: 4px;}
#tab1 .jScrollPaneDragBottom, #tab2 .jScrollPaneDragBottom{background: url(../images/windows_drag_bottom.gif) no-repeat; height: 4px;}
#tab1 a.jScrollArrowUp, #tab2 a.jScrollArrowUp{height: 17px; width:10px; background: url(../images/windows_arrow_up.gif) no-repeat 0 0;}
#tab1 a.jScrollArrowUp:hover, #tab2 a.jScrollArrowUp:hover{background-position: 0 -20px;}
#tab1 a.jScrollArrowDown, #tab2 a.jScrollArrowDown{height: 17px;  width:10px; background: url(../images/windows_arrow_down.gif) no-repeat 0 0;}
#tab1 a.jScrollArrowDown:hover, #tab2 a.jScrollArrowDown:hover{background-position: 0 -20px;}
#tab1 a.jScrollActiveArrowButton, #tab1 a.jScrollActiveArrowButton:hover, #tab2 a.jScrollActiveArrowButton, #tab2 a.jScrollActiveArrowButton:hover{background-position: 0 -40px;}