/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* barrita del centro sin bordes */
.vscrollerbar {
	width: 20px;
	background: url(scrollbar.png) -20px 0px repeat-y;
}
/* borde de arriba barrita del centro */
.vscrollerbarbeg {
	height: 18px !important;
	width: 20px;
	background-image: url(scrollbar.png);
	background-repeat: no-repeat;
	background-position: -60px -18px;
}
/* borde de abajo barrita del centro */
.vscrollerbarend {
	height: 18px !important;
	width: 20px;
	background: url(scrollbar.png);  
	background-position: -60px 5px;
	background-repeat: no-repeat;
}

/* El ancho de todo */
.vscrollerbase {
	width: 20px;
	background-color: transparent;
	background-image: url(scrollbar.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
/*flecha de arriba */
.vscrollerbasebeg {
	height: 28px !important;
	width: 20px;	
	background: url(scrollbar.png);
	background-repeat: no-repeat;
	background-position:-40px -15px;
}

/*flecha de abajo */
.vscrollerbaseend {
	height: 28px;
	width: 20px;
	background-image: url(scrollbar.png);
	background-repeat: no-repeat;
	background-position: -40px 12px;
}

/* si lo saco no veo diferencia */
.hscrollerbase {height: 16px; background-color: transparent;}
/* si lo saco no veo diferencia */
.hscrollerbar {height: 16px; background-color: transparent;}

/* la distancia que separa la barra y los bordes de las flechas */
.vscrollerbar, .hscrollerbar {padding: 18px; z-index: 2;}

/* Esto se usa cuando se usa el scroll horizontal*/
.scrollerjogbox {
	width: 20px;
	height: 16px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background: #434247;
}

/* Scroll Bar Master Styling Ends Here */