Błąd [Błąd] Okrągłe tła Ikon Działów

wersja skryptu MyBB: 1.6
adres forum: http://www.goldvein.cba.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Więc zrobiłem nowe ikony on.png, off.png oraz offlock.png wszystko działa tylko, że są one w okręgu a ja chciałbym aby były jakby kwadratowe. Jak tu:
http://www.forum.otlet.cba.pl/

SS:

Moje forum ^^

Musisz w stylu się pobawić

Jak chcesz to ci dam mój styl i pobawisz się

W global.css linijka 832, zamień wszystkie ustawienia klas .on,.off, oraz .offlock na:

.on {
    background: #f78d1d url(../../../images/mexp/on.png) no-repeat bottom center;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 0.5em;
    -moz-border-radius:0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.off {
    background: #E6E6E6 url(../../../images/mexp/off.png) no-repeat bottom center;
    width: 50px;
    height: 50px;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.offlock {
    background: #FF0000 url(../../../images/mexp/offlock.png) no-repeat bottom center;
    width: 50px;
    height: 50px;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
} 


Dzięki wielkie, pomogło
A jeśli chodzi o styl to z chęcią skorzystam