/* ====================================================================
// Portal Stylesheet
// Platform: Windows
// by Nicholas C. Zakas
// ==================================================================== */



/* --------------------------------------------------------------------
// Channel Settings 
// -------------------------------------------------------------------- */

td.container {
        padding: 10px;
}

.channel-container {
        background-color: #ffffff;
        overflow: hidden;
        border-left: 1px solid #666666;
        border-right: 1px solid #666666;
        border-bottom: 1px solid #666666;
        border-top: 1px solid #666666;
        padding: 0px;
        margin: 0px;
}


/*=================================================================
 * Tab Settings
 *=================================================================
 */

.tabset-container {
        -moz-box-sizing: border-box;
}

.tabset-button {
        cursor: pointer;
        cursor: hand;
}

.tabset-background {
        background-color: red;
        height: 100px;
        border: 10px solid black;
}


td.tab-buttons {
        cursor: pointer;
        cursor: hand;
}

/*=================================================================
 * Active Tab Settings
 *=================================================================
 */

/* Inactive Tab Container */
.tab-active {       
        width: 150px;
        vertical-align: bottom;
}

/* Inner Table */
.tab-active table {
        background-image: url(../images/utilPortalTabBG.gif);
        background-color: #a7a7a7;
        border-left: 1px solid #666666;
        cursor: pointer;
        cursor: hand;
        height: 25px;
        width: 150px;
}

/* Tab Text */
.tab-active .text {
        font-weight: bold;
        padding: 4px 12px 0px 12px; 
}

/* Tab Corner */
.tab-active .corner {
        background-image: url(../images/utilPortalTabCnr.gif);
        background-repeat: no-repeat;
        background-position: right top;
        width: 16px;
}

/*=================================================================
 * Inactive Tab Settings
 *=================================================================
 */

/* Inactive Tab Container */
.tab-inactive {       
        width: 150px;
        vertical-align: bottom;
}

/* Inner Table */
.tab-inactive table {
background-image: url(../images/utilPortalTabInactiveBG.gif);
        background-color: #a7a7a7;
        border-left: 1px solid #666666;
        cursor: pointer;
        cursor: hand;
        height: 22px;
        width: 150px;
}

/* Tab Text */
.tab-inactive .text {
        color: #3c3c3c;
        font-weight: bold;
        padding: 6px 12px 0px 12px; 

}

/* Tab Corner */
.tab-inactive .corner {
        background-image: url(../images/utilPortalTabInactiveCnr.gif);
        background-repeat: no-repeat;
        background-position: right top;
        width: 16px;
}

/*=================================================================
 *  Tabset Menu Styles
 *=================================================================
 */


/* Menu body */
div.tabset, body.tabset {
        background-color: #dddddd;
        border: 1px solid #666666;
        position: absolute; 
        width: 200px; 
        z-index: 100;
}


/* Menu Separator Line Appearance */
div.tabset div.menu-separator,
body.tabset div.menu-separator { 

        border-bottom: 1px solid white; 
        border-top: 1px solid #928B8B; 
        overflow:hidden;
}

/* Text display for menu item */
div.tabset td.menu-label,
body.tabset td.menu-label {
        background-image: url(../images/utilActionbarBG.gif);
        border-bottom: 1px solid #666666; 
        border-top: 1px solid white; 
        cursor: pointer;
        cursor: hand;
        height: 25px;
        padding: 4px 4px 5px 4px;
}

/* Background color for selected menu item */
div.tabset tr.menu-item-selected,
body.tabset tr.menu-item-selected { 
        background-color: #8e8e8e; 
}

/* Text display for selected menu item */
div.tabset tr.menu-item-selected td.menu-label,
body.tabset tr.menu-item-selected td.menu-label { 
        background-image: none;
        border-bottom: 1px solid #666666; 
        border-top: 1px solid white; 
        color: #ffffff;
        cursor: pointer;
        cursor: hand;
        height: 25px;
        padding: 4px 4px 5px 4px;
}

/* Scroll Up Button on the menu */
div.tabset div.upbutton,
body.tabset div.upbutton {
        background-position: center middle;
        background-color: #C9C9C9;
        background-image: url(../images/utilActionScrollArrowUp.gif);
        background-repeat: no-repeat;
        border-bottom: 1px solid #B4B4B0;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #B4B4B0;
        border-top: 1px solid #eeeeee;
        height: 14px;
        width: 100%;
}

/* Up Button (for mouse over) */
div.tabset div.upbutton-hover,
body.tabset div.upbutton-hover {
        background-position: center middle;
        background-color: #C9C9C9;
        background-image: url(../images/utilActionScrollArrowUp.gif);
        background-repeat: no-repeat;
        border-bottom: 1px solid #B4B4B0;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #B4B4B0;
        border-top: 1px solid #eeeeee;
        height: 14px;
        width: 100%;
}

/* Down Button */
div.tabset div.downbutton,
body.tabset div.downbutton {
        background-position: center middle;
        background-color: #C9C9C9;
        background-image: url(../images/utilActionScrollArrowDown.gif);
        background-repeat: no-repeat;
        border-bottom: 1px solid #B4B4B0;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #B4B4B0;
        border-top: 1px solid #eeeeee;
        height: 14px;
        width: 100%;
}

/* Down Button (for mouse over) */
div.tabset div.downbutton-hover,
body.tabset div.downbutton-hover {
        background-position: center middle;
        background-color: #C9C9C9;
        background-image: url(../images/utilActionScrollArrowDown.gif);
        background-repeat: no-repeat;
        border-bottom: 1px solid #B4B4B0;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #B4B4B0;
        border-top: 1px solid #eeeeee;
        height: 14px;
        width: 100%;
}


.action-next {
        background-color: #dddddd;
        background-image: url(../images/utilActionbarBG.gif);
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #666666;
        border-right: 1px solid #666666;
        border-top: 1px solid #666666;
        cursor: pointer;
        cursor: hand;
        height: 25px;
        padding: 7px 0px 0px 1px;;        
        width: 16px;
}

.action-prev {
        background-color: #dddddd;
        background-image: url(../images/utilActionbarBG.gif);
        border: 1px solid #666666;
        cursor: pointer;
        cursor: hand;
        height: 25px;
        padding: 7px 0px 0px 1px;;
        width: 16px;
}