.btn { cursor: pointer; }

    .btn.wf1 { width: 148px; height: 34px; background-image: url('button_wf_1.png'); background-repeat: no-repeat; }
    .btn.wf1:hover { background-position: 0px -68px; }

    .btn.wf1.active,
    .btn.wf1:active { background-position: 0px -34px; }

    .btn.wf1.finish { background-position: 0px 0px; }
    .btn.wf1.news { background-position: -148px 0px; }
    .btn.wf1.restart { background-position: -296px 0px; }
    .btn.wf1.result { background-position: -444px 0px; }
    .btn.wf1.annulla { background-position: -592px 0px; }
    .btn.wf1.chiudi { background-position: -740px 0px; }
    .btn.wf1.avanti { background-position: -888px 0px; }

    .btn.wf1.finish:hover { background-position: 0px -68px; }
    .btn.wf1.news:hover { background-position: -148px -68px; }
    .btn.wf1.restart:hover { background-position: -296px -68px; }
    .btn.wf1.result:hover { background-position: -444px -68px; }
    .btn.wf1.annulla:hover { background-position: -592px -68px; }
    .btn.wf1.chiudi:hover { background-position: -740px -68px; }
    .btn.wf1.avanti:hover { background-position: -888px -68px; }

    .btn.wf1.finish.active,
    .btn.wf1.finish:active { background-position: 0px -34px; }
    .btn.wf1.news.active,
    .btn.wf1.news:active { background-position: -148px -34px; }
    .btn.wf1.restart.active,
    .btn.wf1.restart:active { background-position: -296px -34px; }
    .btn.wf1.result.active,
    .btn.wf1.result:active { background-position: -444px -34px; }
    .btn.wf1.annulla.active,
    .btn.wf1.annulla:active { background-position: -592px -34px; }
    .btn.wf1.chiudi.active,
    .btn.wf1.chiudi:active { background-position: -740px -34px; }
    .btn.wf1.avanti.active,
    .btn.wf1.avanti:active { background-position: -888px -34px; }

    .btn.help { width: 30px; height: 30px; margin-left: 5px; background-image: url('help.png'); background-repeat: no-repeat; float: right; }
    .btn.sound { width: 30px; height: 30px; margin-left: 5px; background-image: url('sound.png'); background-repeat: no-repeat; float: right; }
    .btn.time { width: 30px; height: 30px; margin-left: 5px; background-image: url('time.png'); background-repeat: no-repeat; float: right; }

    .btn.help:hover { background-position: 0px -30px; }

    .btn.help.active,
    .btn.help:active { background-position: 0px -60px; }

    .btn.sound:hover { background-position: 0px -30px; }

    .btn.sound.active,
    .btn.sound:active { background-position: 0px -60px; }

    .btn.sound.off { background-position: -30px 0px; }
    .btn.sound.off:hover { background-position: -30px -30px; }

    .btn.sound.off.active,
    .btn.sound.off:active { background-position: -30px -60px; }

    .btn.time:hover { background-position: 0px -30px; }

    .btn.time.active,
    .btn.time:active { background-position: 0px -60px; }

    .btn.time.off { background-position: -30px 0px; }
    .btn.time.off:hover { background-position: -30px -30px; }

    .btn.time.off.active,
    .btn.time.off:active { background-position: -30px -60px; }