

.scrollControlsY{
	display:block;
	position: absolute;
	top:0;
	right:0px;
	height:100%;
	width:24px;
	
	width:12px;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #DDD;
	background-color: rgba(256, 256, 256, 0.3);
	margin: 0;
}

.upBtn{
	display:none;
	position:absolute;
	top:0;
	right:1px;
	width:24px;
	height:24px;/*
	background: url(img/upBtn.png) no-repeat 0 0;*/
	cursor:pointer;
}

.upBtn:hover{/*
	background: url(img/upBtn.png) no-repeat 0 -24px;*/
}

.upBtn-Active, .upBtn-Active:hover{/*
	background: url(img/upBtn.png) no-repeat 0 -48px;*/
}

.downBtn{
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	width:24px;
	height:24px;/*
	background: url(img/downBtn.png) no-repeat 0 -48px;*/
	cursor:pointer;
}

.downBtn:hover{/*
	background: url(img/downBtn.png) no-repeat 0 -24px;*/
}

.downBtn-Active, .downBtn-Active:hover{/*
	background: url(img/downBtn.png) no-repeat 0 0;*/
}

.scrollBar{
	display:block;
	position: absolute;
	top: 0px;
	right:0;
	bottom:0px;
	width: 12px;
	background: none;
	margin: 0;
}

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

.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:24px;/*
	background: url(img/scrollHandleBG.gif) repeat-y 0 0    ;*/
	background: #ccc;
	
	width: 12px;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background-color: #bbb;
	background-color: rgba(256, 256, 256, 0.2);
	margin: 0;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	/*background: url(img/scrollHandleBG.gif) repeat-y -24px 0;*/
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	/*background: url(img/scrollHandleBG.gif) repeat-y -48px 0;*/
}
/*
.scrollHandleMiddle{
	display:block;
	position: absolute;
	width:24px;
	height:13px;
	background: url(img/scrollHandleMiddle.gif) no-repeat 0 0  ;
	top:50%;
	margin:-5px 0 0 0;
}

.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	background: url(img/scrollHandleMiddle.gif) repeat-y -24px 0;
}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	background: url(img/scrollHandleMiddle.gif) repeat-y -48px 0;
}
*/
.scrollHandleTop{
	display:none;
	position:absolute;
	width:24px;
	height:11px;/*
	background: url(img/scrollHandleTop.gif) no-repeat 0 0;*/
	top:0;
	margin:0 0 0 0;
}
/*
.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
	background: url(img/scrollHandleTop.gif) no-repeat -24px 0;
}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{
	background: url(img/scrollHandleTop.gif) no-repeat -48px 0;
}
*/
.scrollHandleBottom{
	display:none;
	position:absolute;
	width:24px;
	height:11px;/*
	background: url(img/scrollHandleBottom.gif) no-repeat 0 0    ;*/
	bottom:0;
	margin:0 0 0 0;
}
/*
.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
	background: url(img/scrollHandleBottom.gif) no-repeat -24px 0;
}

.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: url(img/scrollHandleBottom.gif) no-repeat 0 0 ;
}
*/