.controlBtn {;
    cursor: pointer;
}

/*---up state---*/
.controlBtn .over {
    display: none;
}

.controlBtn .down {
    display: none;
}

/*---down state---*/
.controlBtn:active .down {
    display: block;
}

.controlBtn:active .up {
    display: none;
}

.controlBtn:active .over {
    display: none;
}

.controlBtn:active:hover .over {
    display: none;
}

.controlBtn:active:hover .down {
    display: block;
}

/*---over state---*/
.controlBtn:hover .over {
    display: block;
}

.controlBtn:hover .up {
    display: none;
}

.controlBtn:hover .down {
    display: none;
}