#pane1 {
	height: 200px;
}
#pane2 {
	height: 200px;
}

.scroll-pane {
	width: 288px;
	height: 165px;
	overflow: auto;
	background: #ccc;
	float: left;
}

.bubble1 .jScrollPaneTrack {
	/*background: url(../images/blue_track.png) repeat-y;*/
    background-image: url(media/sprites/spriteme3.png);
    background-position: -339px 0%;
}
.bubble1 .jScrollPaneDrag {
	/*background: url(../images/blue_drag_middle.png) repeat-y;*/
    background-image: url(media/sprites/spriteme3.png);
    background-position: -370px 0%;
}
.bubble1 .jScrollPaneDragTop {
	/*background: url(../images/blue_drag_top.png) no-repeat;*/
	height: 3px;
    background-image: url(media/sprites/spriteme1.png);
    background-position: -10px -231px;
}
.bubble1 .jScrollPaneDragBottom {
	/*background: url(../images/blue_drag_bottom.png) no-repeat;*/
	height: 3px;
    background-image: url(media/sprites/spriteme1.png);
    background-position: -10px -254px;
}
.bubble1 a.jScrollArrowUp {
	height: 8px;
	/*background: url(../images/blue_arrow_up.png) no-repeat 0 0px;*/
    background-image: url(media/sprites/spriteme1.png);
    background-position: -10px -277px;
}
.bubble1 a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.bubble1 a.jScrollArrowDown {
	height: 8px;
	/*background: url(../images/blue_arrow_down.png) no-repeat 0 0px;*/
    background-image: url(media/sprites/spriteme1.png);
    background-position: -10px -305px;
}
.bubble1 a.jScrollArrowDown:hover {
	background-position: 0 0;
}

.bubble2 .jScrollPaneTrack {
	/*background: url(../images/pink_track.png) repeat-y;*/
    background-image: url(media/sprites/spriteme3.png);
    background-position: -731px 0%;
}
.bubble2 .jScrollPaneDrag {
	/*background: url(../images/pink_drag_middle.png) repeat-y;*/
    background-image: url(media/sprites/spriteme3.png);
    background-position: -762px 0%;
}
.bubble2 .jScrollPaneDragTop {
	/*background: url(../images/pink_drag_top.png) no-repeat;*/
    background-image: url(media/sprites/spriteme1.png);
    background-position: -10px -598px;
	height: 3px;
}
.bubble2 .jScrollPaneDragBottom {
	/*background: url(../images/pink_drag_bottom.png) no-repeat;*/
    background-image: url(media/sprites/spriteme1.png);
    background-position: -10px -621px;
	height: 3px;
}
.bubble2 a.jScrollArrowUp {
	height: 8px;
	/*background: url(../images/pink_arrow_up.png) no-repeat 0 0px;*/
    background-image: url(media/sprites/spriteme1.png);
    background-position: -10px -644px;
}
.bubble2 a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.bubble2 a.jScrollArrowDown {
	height: 8px;
	/*background: url(../images/pink_arrow_down.png) no-repeat 0 0px;*/
    background-image: url(media/sprites/spriteme1.png);
    background-position: -10px -672px;
}
.bubble2 a.jScrollArrowDown:hover {
	background-position: 0 0;
}

/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
    bottom: -1px;
}
/* IE SPECIFIC HACKED STYLES */