Personalizar legenda

Detalhes da questão

Endereço do fórum: nwdgames.com
Versão do fórum: PhpBB3

Descrição

Eu preciso do css que deixa os grupos do meu fórum assim

1-Código que será utilizado :
O código que utilizaremos no decorrer de nosso tutorial será o seguinte:

Código:

  #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}

#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
} 
 
 
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

2-Aplicando o código:
Para que o código acima, resulte perfeitamente em seu fórum, faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS

Obrigado resolvido!