@charset "UTF-8";
/* CSS Document */

#scroller {
	position:relative;
	width:350px;
	height:320px;
	overflow:hidden;
	top:0px;
}

#scrollContainer {
	position:absolute;
	top:-3px;
	left:2px;
	width:309px;
	/* EDIT HERE TO MAKE THE SCROLLBAR SHORTER AND LONGER */

	height: 600px;
}

#scrollControls {
	position:absolute;
	top:-2px;
	right:15px;
	height:304px;
	width:20px;
}

#scrollControls .track {
	cursor:pointer;
	cursor:hand; }

#scrollControls .button {
	position:relative;
	width:10px;
	height:20px;
	cursor:pointer;
	cursor:hand; }

#scrollControls .arrowTop {
	background:url(../images/btn_slider_up.jpg) no-repeat; }

#scrollControls .arrowBot {
	background:url(../images/btn_slider_down.jpg) no-repeat; }

#scrollControls_aTop , #scrollControls_aBot {
	position:absolute;
	height:20px;
	width:20px;
	cursor:pointer;
	cursor:hand; }

#scrollControls_track {
	position:relative;
	width:20px; }

#scrollControls_thumb {
	position:absolute;
	width:20px;
	background:url(../images/scrubber_bg.jpg);   }

#scrollControls_thumbTop {
	width:20px;
	top:0px;
	height:10px;
	padding-top:3px;
	background:transparent url(../images/scrubber_top_bg.jpg) top no-repeat; }

#scrollControls_thumbBtm {
	width:20px;
	background:transparent url(../images/scrubber_btm_bg.jpg) bottom no-repeat;
	padding-bottom:0;
	position:absolute;
	bottom:0;
	_bottom:-1px; }

#scrollControls_thumbMid {
	width:20px;
	height:40px;
	top:5px;
	background:transparent url(../images/scrubber_middle_bg.jpg) no-repeat; }