.CarpaScrollBar{position:absolute;background:#eee;border:1px solid #eee;opacity:0.5;}
.YBar{right:3px;top:0;width:10px;height:99.5%;z-index:1;font-size:0;overflow:hidden;}
.XBar{left:0;bottom:-7px;width:100%;height:10px;z-index:2;font-size:0;overflow:hidden;}
.CarpaScrollBar:hover{background-color:#ddd;}
.CarpaScrollBar:hover .BarValue{background-color:#aaa;border-color:#999;}

.CarpaScrollBar .BarValue{border:1px solid #bbb;position:absolute;background:#bbb;border-radius:10px;font-size:0;overflow:hidden;}
.XBar .BarValue{height:8px;width:100px;top:0px; }
.YBar .BarValue{height:100px;width:8px;left:0px;}
.CarpaScrollBar .BarValue:hover{background-color:#aaa;}
.CarpaScrollBar .BarSelected:hover,.CarpaScrollBar .BarSelected{background-color:#666;border-color:#555;}
.Grid:hover .CarpaScrollBar{opacity:0.9;background:#ddd;}