Welcome to Gaia! ::

#bar
{
background: none top left no-repeat;

}

#bar #onlineButton
{
background: transparent url(ONLINE STATUS IMAGE URL)
color: transparent;
}

#bar #offlineButton
{
background: transparent url(OFFLINE STATUS IMAGE URL) no-repeat;
color: transparent;
}

#bar #hiddenButton
{
background: transparent url(HIDDEN STATUS IMAGE URL) no-repeat;
color: transparennt;
}

#bar #addButton
{
background: transparent url(ADD IMAGE URL) no-repeat;
}

#bar #msgButton
{
background: transparent url(PM IMAGE URL) no-repeat;
}

#bar #tradeButton
{
background: transparent url(TRADE IMAGE URL) no-repeat;
}

#bar #ignoreButton
{
background: transparent url(BLOCK/IGNORE IMAGE URL) no-repeat;
}

#bar a
{
filter: alpha(opacity=0)
opacity:0;
}
#bar a:hover
{
filter: alpha(opacity=0)
opacity:0;
}

#bar a {display: block; height: 0; padding-top: 22px; color: #000; overflow: hidden;}

* html #bar a:link, * html #bar a:visited {height: 22px; height: 0;}

#bar #addButton a {width: 33px; background: transparent url(ADD IMAGE URL) -22px -90px no-repeat;}
#bar #msgButton a {width: 29px; background: transparent url(PM IMAGE URL) -22px -90px no-repeat;}
#bar #tradeButton a {width: 28px; background: transparent url(TRADE IMAGE URL) -22px -90px no-repeat;}
#bar #ignoreButton a {width: 34px; background: transparent url(BLOCK/IGNORE IMAGE URL) -22px -90px no-repeat;}

#bar #addButton a:hover {background-position: 0 0; z-index: 50;}
#bar #msgButton a:hover {background-position: 0 0; z-index: 50;}
#bar #tradeButton a:hover {background-position: 0 0; z-index: 50;}
#bar #ignoreButton a:hover {background-position: 0 0; z-index: 50;}

* html #bar a:hover {height: 22px; height: 0;}