/* ~~~~~~~~~~~~~~~ scrollable div css ~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~ home page ~~~~~~~~~~~~~~~ */

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

#home .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #6c7574 url(/images/icn_scroll_track.gif) 0 0 no-repeat; }

#home .jScrollPaneDrag { position: absolute; background: #cdd5d3; cursor: pointer; overflow: hidden; }

#home .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
#home .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }

#home a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 11px; 
	background: url(/images/icn_scroll_arr_u-spri.gif) 0 0 repeat-x; }
#home a.jScrollArrowUp:hover { background-position: 0 -11px; }
	

#home a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 11px;
	background: url(/images/icn_scroll_arr_d-spri.gif) 0 0 repeat-x; }
#home a.jScrollArrowDown:hover { background-position: 0 -11px; }
#home a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -22px; }


/* ~~~~~~~~~~~~~~~ sub pages ~~~~~~~~~~~~~~~ */
#sub .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }

#sub .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #213670 url(/images/icn_scroll_track_tabs.gif) 0 0 no-repeat; }

#sub .jScrollPaneDrag { position: absolute; background: #a6afc6 url(/images/icn_scroll_drag_tab.gif) 1px 10px no-repeat; cursor: pointer; overflow: hidden; }

#sub .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
#sub .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }