/* Some lines are redudant. I just want to make sure its clear what is needed for a single instance.

/* Examples - Tiny Scrollbar */
#stream .viewport { width: 100%; height: 600px; overflow: hidden; position: relative; }
#stream .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%;}
#stream .scrollbar{ 
	position: absolute;
	right: 4px;
	width: 7px;
	z-index: 100;
}
#stream:hover .thumb { opacity: 1; }
#stream .track {

}
#stream .thumb {
	height: 1.250em;
	width: 7px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(51, 51, 51, 0.5);
	opacity: 0;
	transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
}
#stream .thumb .end {}
#stream .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }