/* Tiny Scrollbar */
#scrollbar1, #scrollbar2 { width:100%; margin-top:0.5em; border:solid 1px #b3b3b3; background-color:#f2f2f2;
	-moz-border-radius: 5px; /*Firefox*/
 	-webkit-border-radius: 5px; /*Safari and Chrome*/
 	border-radius: 5px; /*IE9*/
}
#scrollbar1 .viewport, 
#scrollbar2 .viewport { width:90%; height: 15em; overflow: hidden; position: relative; margin:0.5em 0 0.5em 0.5em;}
#scrollbar1 .overview, 
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar, 
#scrollbar2 .scrollbar{ background: transparent /*url(../images/bg-scrollbar-track-y.png)*/ no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
/*#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
#scrollbar1 .thumb, #scrollbar2 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; margin-top:0.5em;}
#scrollbar1 .thumb:hover, #scrollbar2 .thumb:hover { background: transparent url(../images/bg-scrollbar-thumb-y_hover.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
/*#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }*/
#scrollbar1 .disable, #scrollbar2 .disable { display: none; }