Java Development Tools

Hi,

I need to change the default font size of header text of <af:panelHeader> component. I tried to use custom skinning but I am not able to get the correct selector for that. I tried below css:

.CustomHelpHeader af|panelHeader {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 8px;
font-weight: bold;
}

and in jsff page I use this as:

<af:panelHeader text="Use this tab to add offers and offers customization"
helpTopicId="OHW_BUNDLE_GI_CS" id="phContent"
styleClass="CustomHelpHeader">

This does not have any effect on header text and the font size displayed is still default 14px.

Can anybody help me with the correct way to apply skinning?