#scrollbar{
	margin:auto;
	width: 336px;
	height:310px;
	padding:5px;
	text-align:justify;
	overflow:auto;
}
.foto a{
	display:block;
	float:left;
	width:120px;
	height:80px;
	margin-right:5px;
	margin-bottom:5px;
}
.foto a.active{
	filter:alpha(opacity=100) !important;
	opacity:1 !important;
	
}

.scrollBar .bar{
	width:15px;
	height:17px;
}

.scrollBar .button{
	width:15px;
	height:17px;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar .button.topButton{
	background: url(../images/arrow-up.gif) no-repeat;
}

.scrollBar .button.bottomButton{
	background:url(../images/arrow-down.gif) no-repeat;
}

.scrollBar .button.leftButton{
	background-image:url('arrow-left.gif');
}

.scrollBar .button.rightButton{
	background-image:url('arrow-right.gif');
}

.scrollBar .button.active{
	background-position:bottom center ;
}

.scrollBar .scrollable{
	cursor:pointer;
	background:url(../images/scrollbg.gif) repeat-y;
}

.scrollBar .knob{
	height:17px;
	outline:none;
	background-position:center center;
	background-repeat:no-repeat;	
}

.scrollBar .knob.verticalKnob{
	cursor:pointer;
	background: url(../images/knob.gif) no-repeat #0033FF;
	
}

.scrollBar .knob.horizontalKnob{
	cursor:pointer;
	background-image:url('horizontal-knob.gif');
}

.scrollBar .active{

}

.scrollBar .corner{
	
	
}