/* 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 {
	background: url(../_img/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../_img/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: #e6e6e6;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../_img/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: top;
	margin-bottom: 15px;	
	
	border : 1px solid #e5e3e3;
	background-color : #ffffff;
}



.wide {
	width: 450px;
}

.super-wide {
	width: 460px;
}

.tall {
	height: 460px;
}

.ii{padding-right:15px}


  .osX .jScrollPaneTrack {
    background: url(../_img/osx_track.gif) repeat-y;
  }
  .osX .jScrollPaneDrag {
    background: url(../_img/osx_drag_middle.gif) repeat-y;
  }
  .osX .jScrollPaneDragTop {
    background: url(../_img/osx_drag_top.gif) no-repeat;
    height: 6px;
  }
  .osX .jScrollPaneDragBottom {
    background: url(../_img/osx_drag_bottom.gif) no-repeat;
    height: 7px;
  }
  .osX a.jScrollArrowUp {
    height: 24px;
    background: url(../_img/osx_arrow_up.png) no-repeat 0 -30px;
  }
  .osX a.jScrollArrowUp:hover {
    background-position: 0 0;
  }
  .osX a.jScrollArrowDown {
    height: 24px;
    background: url(../_img/osx_arrow_down.png) no-repeat 0 -30px;
  }
  .osX a.jScrollArrowDown:hover {
    background-position: 0 0;
  }  

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