Notification Mole styling

I'm a bit dense when it comes to CSS styling in general so please bare
with me.

We are using the NotificationMole in our application.

I have it's use defined in our main app shell ui binder xml file as
follows.

<g:NotificationMole animationDuration='100' message='Loading...'
ui:field='mole' styleName="mole" width="300px"></g:NotificationMole>

We are using one of the deprecated css methods where we define our
main css in our gwt html page.

The mole css styling is defined as follows. I'm trying to get the
mole to be a yellow background color.

.mole{
color:#555555;
background-color: #EECD00;
}

However, this styling only changes the outer div background color, as
the default coloring remains for the mole, as defined in the
NotificationMole.ui.xml, which is here for reference

http://google-web-toolkit.googlecode.com/svn-history/r8313/trunk/user/src/com/google/gwt/app/client/NotificationMole.ui.xml

So my basic question is, what do I do to override the styles in the
ui.xml file, specifically the colors in the .centered style so they
match my color scheme?

Here's the html that gets generated. The obfuscated style names
reference styles that match the attributes as specified in the
NotificationMole.ui.xml.

<div class="mole" style="width: 300px; ">
<div class="GKMRIMSCLI" style="width: 270px; height:
0.5026694219419028px; display: none; ">
<div> <span class="GKMRIMSCNI">Loading...</span> </div>
</div>
</div>

Thanks,
Skip

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.