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


a.jScrollArrowUp {
    position: absolute;
	top: -100px;
	left: 20px;
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
  position: absolute;
	left: 20px;
	
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	background:none;
	float: left;
	margin: 10px;
	min-width: 500px;
}

.scroll-pane {
	width: 100px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
	background:none;
}


.scroll-pane_2 {
	
	width: 100px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
	background:none;
	margin-top: 40px;
	
}

.scroll-pane_3 {
	
	width: 100px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
	background:none;
	margin-top: 40px;
	
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1, #pane2 {
height: 250px;
width: 400px;
position:relative;
background:none;
margin-left: 40px;
padding-right: 25px;
}


#pane3 {
height: 260px;
width: 740px;
position:relative;
background:none;
margin-left: 50px;
padding-right: 25px;
}



#pane2 {
	margin-top: 0px;
}

.scroll-pane p {
	padding-right: 20px;
	padding-top: 0px;
	margin-top: 0px;
	color: #213a6a;
	line-height: 25px;
	font-size:12px;
    
	margin: 0px;
	padding: 0px;
	padding-right: 25px;
	padding-left: 10px;
}


.scroll-pane_2 p {
	margin: 0px;
	padding: 0px;
	padding-right: 20px;
	padding-top: 0px;
	margin-top: 0px;
	color: #213a6a;
	line-height: 25px;
	font-size:12px;
	padding-left: 10px;
}