:root {
    --tab-height        : 18px;
    --tab-font-size     : 16px;
    --tab-line-height   : 14px;
    --window-color      : #c0c0c0;
    --tab-background    : var(--window-color);
    --tab-foreground    : #303030;
}


tabbedpanel > plate{
    background      : var(--tab-background);
    color           : var(--tab-foreground);
    position        : absolute;
    height          : calc(100% - var(--tab-height));
    top             : calc(var(--tab-height));
    width           : 100%;
    display         : none;
}

tabbedpanel plate.active{
    display         : inline-block !important;    
}

tabbedpanel > ul {
    background      : #4444;
    position        : absolute;
    width           : 100%;
    display:table-row;
    top             : 0px;
    left            : 0px;
    height          : var(--tab-height);
    padding         : 0px 4px 0px 4px;
    margin          : 0px 0px 0px 0px;
    box-sizing      : border-box;
    vertical-align  : top;
    max-height      : var(--tab-height) !important;
    overflow        : hidden; 

}

tabbedpanel > ul > li:hover {    
    background      : #d0d0d0;    
    
}

tabbedpanel > ul > li.active {    
    border-bottom-color: #c0c0c0;    
    border-bottom-style: solid;
    height          : var(--tab-height);
    line-height     : var(--tab-height);
    top             : 0px !important;
}

tabbedpanel > ul > li {
    cursor          : pointer;
    background      : var(--window-color);
    list-style      : none;
    position        : relative;
    left            : auto;
    top             : 2px !important;
    margin-top      : 0;
    display         : inline-block;
    height          : var(--tab-line-height);
    width           : auto;
    line-height     : var(--tab-line-height);
    font-size       : var(--tab-font-size);
    padding         : 0px var(--tab-line-height) 0px var(--tab-line-height);
    border-radius   : 4px 4px 0px 0px;
    border          : 1px #ddd outset;
    box-sizing      : border-box;
    box-shadow      : 1px 0px 0px #2224;
}

tabbedpanel {
    position        : absolute;
    left            : 0px;
    top             : 0px;
    width           : 100%;
    height          : 100%;
    overflow        : hidden;    
}