/* @override http://tsjphotography.com/blog/wp-content/themes/CPB_Pro_Theme/css/mooScroll.css */

.scrollControlsY{
	display:block;
	position: absolute;
	top:0;
	right: 0;
	height: 170px;
	width: 7px;
	background-color: #4f9ea2;
	z-index: 1000;
}

.upBtn{
	display:block;
	position:absolute;
	top: 0;
	right:0;
	width: 7px;
	height: 8px;
	cursor:pointer;
	z-index: 2;
	background: white no-repeat 0 0;
}

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

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

.downBtn{
	display:block;
	position:absolute;
	bottom: 0;
	right:0;
	width: 7px;
	height: 14px;
	background: white no-repeat 0 -48px;
	cursor:pointer;
}

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

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

.scrollBar{
	display:block;
	position: absolute;
	right:0;
	width: 7px;
	background: white repeat-y center top;
	padding-top: 0;
	top: 8px;
	height: 153px;
}

.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width: 7px;
	min-height:13px;
	cursor: pointer;
	padding: 1px 0;
	background-color: #4f9ea2;
	height: 105px;
}

.scrollHandleBG{
	display:block;
	position: absolute;
	width: 7px;
	background: #4f9ea2 repeat-y 0 0;
	height: 60px;
	top: -3px;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	background-repeat: repeat-y;
	background-position: 0 0;
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	background-repeat: repeat-y;
	background-position: 0 0;
}

.scrollHandleMiddle{
	display:block;
	position: absolute;
	width: 7px;
	background: url(../img/scrollHandleMiddle.gif) no-repeat 0 0  ;
	margin: 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:block;
	position:absolute;
	width: 7px;
	height: 10px;
	top: -4px;
	margin:0 0 0 0;
	background: #4f9ea2 no-repeat center 0;
	z-index: 2;
}

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

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

.scrollHandleBottom{
	display:block;
	position:absolute;
	width: 7px;
	height: 10px;
	bottom: -10px;
	margin:0 0 0 0;
	z-index: 2;
	background: #4f9ea2 no-repeat center 0;
}

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

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