Inne Nadanie wyglądu <a>

wersja skryptu MyBB: 1.6
adres forum: mphforum.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Po dodaniu do global css

.buttonik {
text-decoration:none; text-align:center;
padding:11px 32px;
border:solid 1px #005072;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#E5FFFF;
background-color:#93a5ab;
background-image: -moz-linear-gradient(top, #93a5ab 0%, #394042 100%);
background-image: -webkit-linear-gradient(top, #93a5ab 0%, #394042 100%);
background-image: -o-linear-gradient(top, #93a5ab 0%, #394042 100%);
background-image: -ms-linear-gradient(top, #93a5ab 0% ,#394042 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#394042', endColorstr='#394042',GradientType=0 );
background-image: linear-gradient(top, #93a5ab 0% ,#394042 100%);  
-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }

.buttonik:hover {
padding:11px 32px;
border:solid 1px #004F72;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#E5FFFF;
background-color:#1e3b45;
background-image: -moz-linear-gradient(top, #1e3b45 0%, #2b768f 100%);
background-image: -webkit-linear-gradient(top, #1e3b45 0%, #2b768f 100%);
background-image: -o-linear-gradient(top, #1e3b45 0%, #2b768f 100%);
background-image: -ms-linear-gradient(top, #1e3b45 0% ,#2b768f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b768f', endColorstr='#2b768f',GradientType=0 );
background-image: linear-gradient(top, #1e3b45 0% ,#2b768f 100%);  
-webkit-box-shadow:0px 0px 14px #0015fa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 14px #0015fa,  inset 0px 0px 1px #ffffff;  
box-shadow:0px 0px 14px #0015fa, inset 0px 0px 1px #ffffff;  
  
}

.buttonik:active {
padding:11px 32px;
border:solid 1px #080b0d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#E5FFFF;
background-color:#394042;
background-image: -moz-linear-gradient(top, #394042 0%, #93a5ab 100%);
background-image: -webkit-linear-gradient(top, #394042 0%, #93a5ab 100%);
background-image: -o-linear-gradient(top, #394042 0%, #93a5ab 100%);
background-image: -ms-linear-gradient(top, #394042 0% ,#93a5ab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93a5ab', endColorstr='#93a5ab',GradientType=0 );
background-image: linear-gradient(top, #394042 0% ,#93a5ab 100%);  
-webkit-box-shadow:0px 0px 13px #0a0606, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 13px #0a0606,  inset 0px 0px 1px #ffffff;  
box-shadow:0px 0px 13px #0a0606, inset 0px 0px 1px #ffffff;  
}

Chciałem tego użyć i utworzyć button Zaloguj

<a href="..." class="buttonik">Zaloguj</a>

Jednak jak widać na stronie głównej w sidebarze nie udało się.


@Edit,
mój błąd, nie pomyślałem, że trzeba poczekać.