/* CSS Document */
.scrollBar{
	overflow:scroll;
	overflow-x:hidden;
}

.scrollBar .scrollerContainer{
	position: absolute;
	top: 0px;
	right: 0px;

}

.scrollBar .scrollerContainer .bar{
	position: absolute;
	top: 0px;
	right: 0px;
	width:12px;
	padding:0px;
	background: url(../img/scrollerBar.png) repeat-y center center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}



.scrollBar .scrollerContainer .knob{
	position: absolute;
	top: 0px;
	left: 1px;
	width:10px;
	height:52px;
	background: url(../img/scrollerKnob.png) repeat-y center center;
	opacity: .6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;	
	transition: opacity .2s ease-in-out;
}


.scrollBar .scrollerContainer .knob:hover{
	opacity: 1;
}