/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */




			

 .jScrollPaneDrag {
				background: url(../adicionales/medio.jpg) repeat-y;
			}
 .jScrollPaneDragTop {
				background: url(../adicionales/up.jpg) no-repeat;
				height: 22px;
			}
 .jScrollPaneDragBottom {
				background: url(../adicionales/down.jpg) no-repeat;
				height: 14px;
			}			


a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(images/osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(images/osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../adicionales/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}

.scroll-pane {
	width: 167px;
	height: 266px;
	overflow: auto;	
	float: left;
	
}

#pane2 {
	height: 266px;
	
}
#espa {
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 10px;

}