Changing the style of a single MenuItem

[cmathrusse]

I'm using a rich:toolBar with MenuGroups that are rendered across the toolbar. (Very similar to the demo) I have one MenuItem that is rendered next to the MenuGroups. (A logout link) I would like this MenuItem to be rendered with the same style as the MenuGroups. Currently, for the classic skin, the MenuGroups are rendered with a font color of white while the MenuItem is rendered with a font color of black. I know I can simply assign the white font to the MenuItem, but the font color of the MenuGroups changed based upon the skin. I would simply like to be able to assign a MenuGroup style to this single MenuItem.

Is there a simply way to accomplish this?

Thanks for the help...

[ilya_shaikovsky]

use styleClass="rich-menu-group" on menuItem which should looks like group.

[cmathrusse]

I had my hopes up that it was that simple. I tried as you suggested but it did not behave the way I had hoped. The result was the same behavior as before.

<rich:menuItem action="..." value="#{msgs.logout}" icon="/images/logout_16x16.png" styleClass="rich-menu-group"/>

[cmathrusse]

Actaully, looking more closely at the style I want to apply, it is the style of the

<rich:dropDownMenu>

that I would like to apply to the MenuItem. I've tried using the following:

<rich:menuItem
 action="..."
 value="#{msgs.logout}"
 icon="/images/logout_16x16.png"
 styleClass="rich-ddmenu-label"/>

But this also seems to not provide me with the style that I want. It actually does not appear to change the appearance at all.