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

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #e0f1c7;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background-color: #c1cfab;
}
.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;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
A.jScrollArrowUp {
	background-image: url(../images/basic_arrow_up.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
A.jScrollArrowUp:hover {
	BACKGROUND-POSITION: 0px -15px
}
A.jScrollArrowDown {
	background-image: url(../images/basic_arrow_down.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
A.jScrollArrowDown:hover {
	BACKGROUND-POSITION: 0px -15px
}
A.jScrollActiveArrowButton {
	BACKGROUND-POSITION: 0px -30px
}
A.jScrollActiveArrowButton:hover {
	BACKGROUND-POSITION: 0px -30px
}

.scroll-pane {
	FLOAT: left;
	OVERFLOW: auto;
	WIDTH: 297px;
	MIN-HEIGHT: 150px;
	HEIGHT: 300px;
	/*background-image: url(../images/tira-fondo-chango.gif);
	background-repeat: repeat-y;*/
}

.scroll-pane2 {
                FLOAT: left;
                OVERFLOW: auto;
                WIDTH: 980px;
                HEIGHT: 352px;
                background-color: #E0F1C7;
 }