.start, .stop, .left, .right, .up, .down, .startSelected, .stopSelected {
     width: 20px;
     height: 20px;
     display: block;
     cursor: hand;
     outline: none;
}

#navigationVertical .start, #navigationVertical .stop, .up, .down, #navigationVertical .stopSelected, #navigationVertical .startSelected {
     background-image: url('/images/verticalbuttons.gif');
}

.start span, .stop span, .left span, .right span, .down span, .up span, .stopSelected span, .startSelected span {
     width: 20px;
     height: 20px;
     display: block;
     text-indent: -500000px;
}

.stopSelected {
     background-position: 0px -25px;
}

.startSelected {
     background-position: -25px -25px;
}

.stop {
     background-position: 0px 0px;
}

.start {
     background-position: -25px 0px;
}

.down {
     background-position: -50px 0px;
}

.up {
     background-position: -75px 0px;
}

/* Hovers */
.stop:hover {
     background-position: 0px -25px;
}

.start:hover {
     background-position: -25px -25px;
}

.stop:hover {
     background-position: 0px -25px;
}

.down:hover {
     background-position: -50px -25px;
}

.up:hover {
     background-position: -75px -25px;
}

.commandsWrapper, .commandsWrapper li {
     float: left;
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     height: auto;
     display: block;
     zoom: 1;
}

.commandsWrapper {
     width: 136px;
     height: 20px;
     padding: 2px 0 0 10px;
}

.commandsWrapper li {
     margin-right: 14px;
     _margin-right: 13px; /* START IE6 hack */
}

.commandsWrapper ul:after {
     content: "";
     display: block;
     height: 0;
     overflow: hidden;
     line-height: 0;
     font-size: 0;
     clear: both;
     visibility: hidden;
}