Css para t:panelTabbedPane

Pessoal, estou implementando um css para o meu t:panelTabbedPane mas depois de algumas alteracoes o t:panelTabbedPane ainda nao possui um visual legal.
Alguem poderia compartilhar algum comigo ?
segue abaixo o meu css

table.tabbedPane {
    vertical-align: top !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;
    background-color: #f8f5e6 !important;
}

td.activeTab {
    font-size: 100% !important;
    background-color: #EBEEF8 !important;
    border-top: 2px solid #91A0CA !important;
    border-left: 2px solid #91A0CA !important;
    border-right: 2px solid #91A0CA !important;
    border-bottom: 2px solid #91A0CA !important;
    border-bottom: 1px none !important;
    padding: 2px !important;
    text-align: center !important;
}

td.activeTab input {
    background-color: #f8f5e6 !important;
    font-size: 11px !important;
    text-align: center !important;
    font-weight: bold !important;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
}

td.inactiveTab {
    font-size: 100% !important;
    background-color: #f8f5e6 !important;
    border-top: 2px solid #dccebd !important;
    border-left: 2px solid #dccebd !important;
    border-right: 2px solid #dccebd !important;
    border-bottom: 1px none !important;
    padding: 2px !important;
    text-align: center !important;
    font-weight: bold !important;
}

td.inactiveTab input {
    background-color: #f8f5e6 !important;
    font-size: 11px !important;
    text-align: center !important;
    font-weight: bold !important;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
}

td.activeSub {
    background-color: #91A0CA !important;
    padding: 0px !important;
    border: 1px solid #91A0CA !important;
}

td.inactiveSub {
    background-color: #91A0CA !important;
    padding: 0px !important;
    border: 1px solid #91A0CA !important;
}

td.myFaces_panelTabbedPane_emptyHeaderCell {
    background-color: #f8f5e6 !important;
}

.myFaces_panelTabbedPane_activeHeaderCell input:hover,
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover{
  color:#fff !important;
  background:#08c !important;
}

td.tabContent {
    background-color: #f8f5e6 !important;
    border-left: 2px solid #91A0CA !important;
    border-right: 2px solid #91A0CA !important;
    border-bottom: 2px solid #91A0CA !important;
    vertical-align: top !important;
    padding-top: 5px !important;
    padding-left: 5px !important;
    height: 100% !important;
    text-align:left !important;
    width:100%;
}

<t:panelTabbedPane
                  styleClass="tabbedPane"
                  activeTabStyleClass="activeTab"
                  inactiveTabStyleClass="inactiveTab"
                  disabledTabStyleClass="disabledTab"
                  activeSubStyleClass="activeSub"
                  inactiveSubStyleClass="inactiveSub"
                  tabContentStyleClass="tabContent">
....
</t:panelTabbedPane>

Topicos relacionados