.dhtml-chess-button-bar-gray{
    width:300px;
    height:25px;
}
.dhtml-chess-button-container{
    margin: 0 auto;
    position:relative;
}

.dhtml-chess-button-separator{
    position:absolute;
}

div.dhtml-chess-button{
    position:absolute;
    cursor: pointer;
}

div.dhtml-chess-button-bar-right-edge{
    width:14px;
    height:25px;
    position:absolute;
    right:0;
    z-index:5;

}
.dhtml-chess-button-bar-gray .dhtml-chess-button{
    width:25px;
    height:25px;
}

.dhtml-chess-button-bar-gray .dhtml-chess-button-separator{
    width:1px;
    height:25px;
}

.dhtml-chess-button-bar-gray .dhtml-chess-button-previous{
    background-image:url(../../images/buttonbar/light-gray/previous.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-next{
    background-image:url(../../images/buttonbar/light-gray/next.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-play{
    background-image:url(../../images/buttonbar/light-gray/play.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-start{
    background-image:url(../../images/buttonbar/light-gray/start.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-end{
    background-image:url(../../images/buttonbar/light-gray/end.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-flip{
    background-image:url(../../images/buttonbar/light-gray/flip.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-pause{
    background-image:url(../../images/buttonbar/light-gray/pause.png);
}

.dhtml-chess-button-bar-gray .dhtml-chess-button-previous.dhtml-chess-button-over{
    background-image:url(../../images/buttonbar/light-gray/previous-on.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-next.dhtml-chess-button-over{
    background-image:url(../../images/buttonbar/light-gray/next-on.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-play.dhtml-chess-button-over{
    background-image:url(../../images/buttonbar/light-gray/play-on.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-start.dhtml-chess-button-over{
    background-image:url(../../images/buttonbar/light-gray/start-on.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-end.dhtml-chess-button-over{
    background-image:url(../../images/buttonbar/light-gray/end-on.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-flip.dhtml-chess-button-over{
    background-image:url(../../images/buttonbar/light-gray/flip-on.png);
}
.dhtml-chess-button-bar-gray .dhtml-chess-button-pause.dhtml-chess-button-over{
    background-image:url(../../images/buttonbar/light-gray/pause-on.png);
}


.dhtml-chess-button-bar-gray .dhtml-chess-button-pause.dhtml-chess-button-disabled{
    background-image:url(../../images/buttonbar/light-gray/pause-disabled.png);
}

.dhtml-chess-button-bar-gray .dhtml-chess-button-play.dhtml-chess-button-disabled{
    background-image:url(../../images/buttonbar/light-gray/play-disabled.png);
}

.dhtml-chess-button-bar-gray .dhtml-chess-button-previous.dhtml-chess-button-disabled{
    background-image:url(../../images/buttonbar/light-gray/previous-disabled.png);
}

.dhtml-chess-button-bar-gray .dhtml-chess-button-end.dhtml-chess-button-disabled{
    background-image:url(../../images/buttonbar/light-gray/end-disabled.png);
}

.dhtml-chess-button-bar-gray .dhtml-chess-button-next.dhtml-chess-button-disabled{
    background-image:url(../../images/buttonbar/light-gray/next-disabled.png);
}

.dhtml-chess-button-bar-gray .dhtml-chess-button-start.dhtml-chess-button-disabled{
    background-image:url(../../images/buttonbar/light-gray/start-disabled.png);
}