Tomahawk panelTabbedPane Styles

Question

Hello
I tried specifying CSS style info for activeTabStyleClass and inactiveTabStyleClass, and strangely I could change the tab label background color but not the font/size/color of the text. I have seen in the generated html that is part of a text input, but can not find how to change the format of this. (when the tab is inactive the text appears within a gray rectangle)
Does anyone know how to change the style of this componentent?
the code is:
<t:panelTabbedPane serverSideTabSwitch="false" selectedIndex="#{menu.focusIndex}"
          activeTabStyleClass="activeTab"
          inactiveTabStyleClass="inactiveTab"
          tabContentStyleClass="tabxwip"     
          >
          <t:panelTab id="tab1" label="Config">
               <h:panelGrid id="up" columns="2" styleClass="tabGrid">
                    ...and the css
.activeTab {
     background-color: white;
     width: 120px;
     font-size: 100%;
     padding: 20px;
     text-align: center;
     font-weight: bold;
     height: 20px;
.inactiveTab {
     background-color: #A1045F;
     width: 120px;
     font-size: 100%;
     padding: 20px;
     height: 20px;
     text-align: center;
      font-weight: bold;
.tabGrid {
     width: 1024px;
     border: 3px;
}

Answer 1

Posting JSF source code instead of the generated HTML code doesn't help much in solving CSS (and JS) problems. And if you do so, better use a CSS forum instead of a JSF forum.