.scroll{
	position:absolute;
	display:block;
	overflow:scroll;
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}


.scrollControlsY{
	display:block;
	position: absolute;
	top:0;
	right:0;
	height:100%;
	width:24px;
}

.upBtn{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:24px;
	height:0;
}

.downBtn{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:24px;
	height:0px;
	background: red;
	cursor:pointer;
}

.scrollBar{
	display:block;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	width:21px;
}

.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:24px;
	height:20px;
	min-height:20px;
	cursor: pointer;
	padding:0 0;
	
}

.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:22px;
	background: url(images/scrollHandleBG.gif) repeat-y 0 0 ;
}


.scrollHandleMiddle{
	display:block;
	position: absolute;
	width:21px;
	height:15px;
	background: url(images/scrollHandleMiddle.gif) no-repeat 0 0  ;
	top:50%;
	margin:-5px 0 0 0;

}

.scrollHandleTop{
	display:block;
	position:absolute;
	width:24px;
	height:0;
	background: url(images/scrollHandleTop.gif) no-repeat 0 0;
	top:0;
	margin:0 0 0 0;
}


.scrollHandleBottom{
	display:block;
	position:absolute;
	width:24px;
	height:0;
	background: url(images/scrollHandleBottom.gif) no-repeat -48px 0 ;
	bottom:0;
	margin:0 0 0 0;
}