.scrollControlsY{
	display:block;
	position: absolute;
	top:0;
	right:0;
	padding-right: 10px;
	height:100%;
	width:16px;
	background-color: #6f5646;
}

.upBtn{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:24px;
	height:24px;
	background: url(../../images/upBtn_lightbg.png) no-repeat 0 0;
	cursor:pointer;
}

.upBtn:hover{
	opacity: 0.7;
}

.upBtn-Active, .upBtn-Active:hover{
	background: url(../../images/upBtn_lightbg.png) no-repeat 0 0;
}

.downBtn{
	display:block;
	position:absolute;
	bottom:-10px;
	right:0;
	width:24px;
	height:24px;
	background: url(../../images/downBtn_lightbg.png) no-repeat 0 0;
	cursor:pointer;
}

.downBtn:hover{
	opacity: 0.7;
}

.scrollBar{
	display:block;
	position: absolute;
	top:24px;
	right:0;
	bottom:24px;
	width:24px;
	background: url(../../images/scrollBar.png) repeat-y center top;
}

.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:12px;
	height:35px;
	min-height:13px;
	cursor: pointer;
	padding:11px 0;
}

.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:12px;
	background: url(../../images/scrollHandleBG.png) repeat-y 0 0 ;
	margin-left: 3px;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	opacity: 0.7;
}



.scrollHandleTop{
	display: block;
	position:absolute;
	width:12px;
	height:13px;
	background: url(../../images/scrollHandleTop.png) no-repeat;
	top:4px;
	margin:0 0 0 3px;
}

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
	opacity: 0.7;
}


.scrollHandleBottom{
	display:block;
	position:absolute;
	width: 12px;
	height:10px;
	background: url(../../images/scrollHandleBottom.png) no-repeat 0 0 ;
	padding-bottom:5px;
	margin:0 0 0 3px;
}

.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
	opacity: 0.7;
}