/* 
    Document   : tabbedPane
    Created on : 9-Nov-2007, 1:53:32 PM
    Author     : paboagye
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/**************************************************/
/* css layers and classes for TabbedPane */
/**************************************************/
table.myFaces_panelTabbedPane{
    border-style: none;
    padding: 5px;
    border-spacing: 1px;
    empty-cells: show;
    width: 100%;
}

.myFaces_panelTabbedPane_activeHeaderCell {
    border-top: 2px outset #000000;
    border-right: 2px outset #000000;
    border-bottom: 2px outset #000000;
    border-left: 2px outset #000000;
    text-align: center;
    color: white;
    background-color: green;
}

.myFaces_panelTabbedPane_inactiveHeaderCell {
    border-top: 2px outset #000000;
    border-right: 2px outset #000000;
    border-bottom: 2px outset #000000;
    border-left: 2px outset #000000;
    text-align: center;
    color: white;
    background-color: #DD5900 !important;
}

.myFaces_panelTabbedPane_disabledHeaderCell {
    border-top: 1px outset #000000;
    border-right: 1px outset #000000;
    border-bottom: 0px none;
    border-left: 1px outset #000000;
    text-align: center;
    background-color: #DD5900 !important;
}

.myFaces_panelTabbedPane_activeHeaderCell input,
.myFaces_panelTabbedPane_inactiveHeaderCell input ,
.myFaces_panelTabbedPane_disabledHeaderCell label {
    border-style: none;
}

.myFaces_panelTabbedPane_activeHeaderCell input {
    cursor: pointer;
    font-weight: bold;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: green;
}

.myFaces_panelTabbedPane_inactiveHeaderCell input {
    cursor: pointer;
    font-weight: bold;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #DD5900 !important;
}

.myFaces_panelTabbedPane_disabledHeaderCell label {
    cursor: default;
    background-color: #38197A;
}

.myFaces_panelTabbedPane_emptyHeaderCell {
    border-style: none;
}

.myFaces_panelTabbedPane_activeHeaderCell input:hover,
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover {
    font-weight: italic;
}

.myFaces_panelTabbedPane_subHeaderCell {
    height: 2px;
    font-size: 0;
    border-bottom: 0px none;
}

.myFaces_panelTabbedPane_subHeaderCell_active {
    border-top: 0px none;
}

.myFaces_panelTabbedPane_subHeaderCell_inactive {
    border-top: 2px outset #000000;
}

.myFaces_panelTabbedPane_subHeaderCell_first {
    border-left: 2px outset #000000;
}

.myFaces_panelTabbedPane_subHeaderCell_last {
    border-top: 2px outset #000000;
    border-right: 2px outset #000000;
}

.myFaces_panelTabbedPane_pane {
    border-top: 0px none;
    border-right: 2px outset #000000;
    border-bottom: 2px outset #000000;
    border-left: 2px outset #000000;
    padding: 5px;
}