/* These control the rounded border on right */
.scrollable .vscroller {
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0.0, #404040),/* left-side*/
		color-stop(1.0, #222222)/*right-side*/
	);
	
	background: -moz-linear-gradient(
		left center,
		#404040 0%,
		#222222 100%
	);}
.scrollable .vscroller .scrollarea {left: 2px; right: 3px;}
/* these next create the light gray channel under scroll black */
.scrollable .scrollarea {
	background-color: #4B4B4B;
	box-shadow: 1px 1px 10px #111 inset;
	-moz-box-shadow: 1px 1px 10px #111 inset;
	-webkit-box-shadow: 1px 1px 10px #111 inset;
	
	border: 1px solid #333333;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
.scrollable .scrollblock {border: 1px solid #161616; background-repeat: repeat-y; background-position: center;}
/* These next create vertical scroll block */
.scrollable .vscroller .scrollblock {left:0px; right:0px; background-image:url(../images/scroll1.jpg); background-repeat:repeat-y; background-position: center;}
.scrollable .scrollbtn {color: #666; text-shadow: -1px -1px 0px black;}
.scrollable .scrollbtn:hover {color: #888;}
.scrollable .filler {
	background: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.0, #333333),
		color-stop(0.5, #222)
	);
	
	background: -moz-linear-gradient(
		-45deg,
		#333333 0%,
		#222 50%
	);}