Hello. I am using the awesome RichFaces DropDown Menu and I need to change the default sky blue color to my application back ground color. Is it possible to make it transparent?
http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=dropDownMenu

Here is code look like...

<style>
 .menu{
 background-color:#{richSkin.generalBackgroundColor};
 }
 </style>

 <h:form>
 <rich:toolBar styleClass="menu" >
 <rich:dropDownMenu value="File">
 <rich:menuItem submitMode="ajax" value="Add" action="#{ddmenu.doNew}">
 </rich:menuItem>

 <rich:menuItem submitMode="ajax" value="Delete" action="#{ddmenu.doOpen}"/>

 <rich:menuGroup value="Save As...">
 <rich:menuItem submitMode="ajax" value="Text File" action="#{ddmenu.doSaveText}"/>
 <rich:menuItem submitMode="ajax" value="PDF File" action="#{ddmenu.doSavePDF}"/>
 </rich:menuGroup>

 <rich:menuItem submitMode="ajax" value="Close" action="#{ddmenu.doClose}"/>
 <rich:menuSeparator id="menuSeparator11"/>
 <rich:menuItem submitMode="ajax" value="Exit" action="#{ddmenu.doExit}"/>
 </rich:dropDownMenu>

 <rich:dropDownMenu value="Edit">
 <rich:menuItem submitMode="ajax" value="Cut" action="#{ddmenu.doNew}">
 </rich:menuItem>

I wonder, where can I find the list of skin color. richSkin.generalBackgroundColor

I have also tried and made my own style which match with my application BG color, it works, kind of, I wonder any better ways to do it.

<style>
.menu{
 background-image:url(images/menuBGImage.jpg);
}
</style>

Thanks
Hobi