.gbContainer{
 border-style: inset;
 border-width: 0px;
 border-color: #66c;
 margin: 1em 0 1em 0;
 max-width: 20cm;
 width: 90%;
 background-color: #ccf; /* the button ends have the cells' backgroundcolor */
 text-align: left;
 color: black;
 padding: 0 0 0 1em;
 overflow: hidden;
}

.gbGlassButton {
 display: inline-block;
 line-height: 0.99;
 white-space: nowrap;
 font-size: 22px;
 font-weight: bold;
 vertical-align: text-center;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 height: 28px;
 width: auto;
 overflow: hidden;
 background-color: #ccf;
 background-image: url(../images/gb_def_back.png);
 background-repeat: repeat-x;
 background-position: left top;
 color: #000;
 text-decoration: none;
 border: 0 solid;
 cursor: pointer;
}
.gbGlassButton:link, .gbGlassButton:visited { 
 background-color: #ccf;
 background-image: url(../images/gb_def_back.png);
 color: #000;
 text-decoration: none;
}
.gbGlassButton:hover, .gbGlassButton:active, .gbGlassButton:focus {
 background-color: #ccf;
 background-image: url(../images/gb_act_back.png);
 color: #000;
 text-decoration: none;
}
.gbGlassButton .buttonStart, .gbGlassButton .buttonEnd { 
 width: 18px;
 height: 28px;
 margin: 0;
 font-size: 22px;
 font-weight: bold;
 line-height: 100%;
 background-color: #ccf;
 background-repeat: no-repeat; 
 display: inline-block;
 color: #cef;
 vertical-align: text-center;
 border: 0 solid;
 padding: 0;
}
.gbGlassButton .buttonStart {
 background-image: url(../images/gb_def_left.png);
 background-position: right top;
}
.gbGlassButton:hover .buttonStart {
 background-image: url(../images/gb_act_left.png);
 background-color: #ccf;
}
.gbGlassButton .buttonEnd {
 background-image: url(../images/gb_def_right.png);
 background-position: left top;
}
.gbGlassButton:hover .buttonEnd {
 background-image: url(../images/gb_act_right.png);
 background-color: #ccf;
}