.scroll{
	position:relative;
	display:block;
	height:600px;
	overflow-y:scroll;
	padding: 5px 10px 5px 20px;
	margin-top:10px; 
	margin-bottom:10px;
	margin-left:3px;
	
	width: 158px;
}           
.scrollControlsY{                                                                        
	display:block;
	position: absolute;
	top:0;
	left:-1px;
	height:100%;
	width:10px;
	background: url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y left top;
}

/*.upBtn{
	display:block;
	position:absolute;
	bottom:15px;
	left:0;
	width:15px;
	height:26px;
	background: url(/js/MooScroll/examples/example3/img/upBtn.gif) no-repeat 0 0;
	cursor:pointer;
}

.upBtn:hover{
	background: url(/js/MooScroll/examples/example3/img/upBtn.gif) no-repeat 0 -26px;
}

.upBtn-Active, .upBtn-Active:hover{
	background: url(/js/MooScroll/examples/example3/img/upBtn.gif) no-repeat 0 -52px;
}

.downBtn{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:15px;
	height:15px;
	background: url(/js/MooScroll/examples/example3/img/downBtn.gif) no-repeat 0 -34px;
	cursor:pointer;
}

.downBtn:hover{
	background: url(/js/MooScroll/examples/example3/img/downBtn.gif) no-repeat 0 -17px;
}

.downBtn-Active, .downBtn-Active:hover{
	background: url(/js/MooScroll/examples/example3/img/downBtn.gif) no-repeat 0 0;
}*/

.scrollBar{
	display:block;
	position: absolute;
	top:-20px;
	left:0;
	padding: 0 0 0 0;	
	bottom:0px;
	width:15px;
}

.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:15px;
	height:35px;
	min-height:4px;
	cursor: pointer;
	
    background: transparent url(/js/MooScroll/examples/example3/img/scrollHandleBG.gif) repeat-y scroll 0 0;
}

.scrollHandleBG{
	display:block;
	position: relative;
	height:20px;;
	width:10px;
	background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;
}

.scrollHandleMiddle{
	display: block;
	position: absolute;
	width:15px;
	height:13px;
	/*background: url(/js/MooScroll/examples/example3/img/scrollHandleMiddle.gif) no-repeat 0 0  ;*/
	top:80%;
	margin:-5px 0 0 0;
}

.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	/*background: url(/js/MooScroll/examples/example3/img/scrollHandleMiddle.gif) repeat-y -15px 0;*/
}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	/*background: url(/js/MooScroll/examples/example3/img/scrollHandleMiddle.gif) repeat-y -30px 0;*/
}

.scrollHandleTop{
	display:block;
	position:absolute;
	width:15px;
	height:11px;
	background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;
	top:2px;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
    background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;	
}   
.scrollHandleBottom{
    display:block;
    position:absolute;
    width:15px;
    height:1px;
    background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;
    _background: transparent;
    bottom:-1px;
    margin:0 0 0 0;
}

.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
    background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;
    _background: transparent;
}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{
	background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;
}



.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: #232521 url(/js/MooScroll/examples/example3/img/scrollBar.gif) repeat-y scroll left top;
    _background: transparent; 
}