Problem setting the style for a LinkItem

[coryendle]

I am using SmartGWT 3.0
Firefox 9.0.1 and Chrome 19.0.1084.52

I am trying to set the CSS style for a LinkItem. I have a LinkItem that creates a link and I also have an HTMLPanel that creates a normal HTML link.

I would like to set the CSS for each of the above types differently. In my CSS, I specify links like such:

a, a:visited {
  color: #51524e;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 160%;
  font-weight: bold;
  text-decoration:none;
}

a:hover {
  color: #dc4fc5;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 160%;
  font-weight: bold;
  #text-decoration:underline;
}

Both the LinkItem and regular HTML link apply the above style. I want to somehow specify my LinkItem to use a different CSS style. I found this thread and tried it, but it didn't work for me.

http://forums.smartclient.com/showthread.php?t=7566

Does anyone know how I can apply different CSS to LinkItem and a regular HTML link?

Thanks,
Cory