/**
 *
 * Horizontal Scrollbar
 *
 */
.myScrollbarH {
    position:absolute;
    z-index:100;
    height:7px;
    top:0px;
    left:2px;
    right:7px
}

.myScrollbarH > div {
    height:100%;
}


/**
 *
 * Vertical Scrollbar
 *
 */
.myScrollbarV {
    position:absolute;
    z-index:100;
    width:7px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
    width:100%;
}


/**
 *
 * Both Scrollbars
 *
 */
.myScrollbarH > div,
.myScrollbarV > div {
	position:absolute;
	z-index:100;

	/* The following is probably what you want to customize */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	border-width:3px;
	-webkit-border-image:url(../imagens/scrollbar.png) 6 6 6 6;
	-moz-border-image:url(../imagens/scrollbar.png) 6 6 6 6;
	-o-border-image:url(../imagens/scrollbar.png) 6 6 6 6;
	border-image:url(../imagens/scrollbar.png) 6 6 6 6;
}