#pane1 {
	width:200px;
	height:330px;
	overflow:auto;
}

#pane2 {	
	height:330px;
	width:278px;
	overflow:auto;
}

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

.jScrollPaneTrackTop{
	width:13px;
	height:7px;
	position:absolute;
	top:0;
	left:0;
	background:url('/application/includes/images/interactive_map/rezka_grey.png') no-repeat -47px 0px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 1px;
	top: 0;
	height: 100%;
	width:13px;
	background:url('/application/includes/images/interactive_map/track.png') repeat-y;
}

.jScrollPaneTrackBottom {
	width:13px;
	height:6px;
	position:absolute;
	bottom:0;
	left:0;
	background: url('/application/includes/images/interactive_map/rezka_grey.png') no-repeat -47px -11px;
}

.cities .jScrollPaneTrackBottom,
.cities .jScrollPaneTrackTop {
	background-color:#d1eefc;
}

.addreses .jScrollPaneTrackBottom,
.addreses .jScrollPaneTrackTop {
	background-color:#f4f9fd;
}

.jScrollPaneDrag {
	position: absolute;
	/*background: url('/application/includes/images/interactive_map/drag.png') repeat-y;*/
	cursor: pointer;
	overflow: hidden;
	width:13px;
}
.jScrollPaneDragTop {
	height:7px;
	width:13px;
	background: url('/application/includes/images/interactive_map/rezka_grey.png') no-repeat -32px 0;
	position: absolute;
	top: 2px;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragMid {
	height:100%;	
	width:13px;
	background: url('/application/includes/images/interactive_map/drag_m.png') no-repeat 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragMid2 {
	height:100%;
	margin-top:7px;
	width:13px;
	background: url('/application/includes/images/interactive_map/drag.png') repeat-y;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	height:6px;
	width:13px;
	background: url('/application/includes/images/interactive_map/rezka_grey.png') no-repeat -32px -24px;
	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;
	background: url('/application/includes/images/interactive_map/rezka_grey.png') no-repeat;
	height: 15px;
}

a.jScrollArrowUp:hover {
	background: url('/application/includes/images/interactive_map/rezka_grey.png') no-repeat -16px 0;
}

a.jScrollArrowDown {
	display: block;	
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/application/includes/images/interactive_map/rezka_grey.png') no-repeat 0 -16px;
	height: 15px;
}

a.jScrollArrowDown:hover {
	background: url('/application/includes/images/interactive_map/rezka_grey.png') no-repeat -16px -16px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}