.applicationTabbedPage
{
    float               : left;
    width               : 100%;
    height              : 100%;
}
.applicationTabbedPage > .tabContainer
{
    float               : left;
    width               : -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);
    height              : 32px;
    margin-left         : 5px;
}
.applicationTabbedPage > .tabContainer > .tab
{
    float               : left;
    height              : 28px;
    background-color    : #FFFFFF;
    line-height         : 28px;
    vertical-align      : middle;
    box-sizing		    : border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    color               : rgba(71, 88, 103, 1);
    cursor              : pointer;
    text-align          : center;
    margin-top          : 4px;
    -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px;
    box-sizing		    : border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.applicationTabbedPage > .tabContainer > .tab:not(:first-of-type)
{
    margin-left         : 1px;
}
.applicationTabbedPage > .tabContainer > .tab[selected]
{
    margin-top          : 0;
    height              : 32px;
    line-height         : 32px;
    cursor              : default;
}
.applicationTabbedPage > .tabContainer > .tab > .text
{
    float               : left;
    min-width           : 70px;
    max-width           : 120px;
    margin-left         : 4px;
    margin-right        : 4px;
    line-height         : 28px;
    height              : 28px;
    vertical-align      : middle;
    text-align          : center;
    text-overflow       : ellipsis;
    overflow            : hidden;
    white-space         : nowrap;
}
.applicationTabbedPage > .tabContainer > .tab[selected] > .text
{
    line-height         : 32px;
    height              : 32px;
}
.applicationTabbedPage > .tabLineContainer
{
    float               : left;
    width               : 100%;
    height              : 6px;
    background-color    : #FFFFFF;
    border-top          : 3px solid #FFFFFF;
    -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px;
    box-sizing		    : border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.applicationTabbedPage > .tabBodyContainer
{
    float               : left;
    width               : 100%;
    height              : -webkit-calc(100% - 44px); height: -moz-calc(100% - 44px); height: calc(100% - 44px); 
    background-color    : #FFFFFF;
    -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px;
    box-sizing		    : border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    -webkit-box-shadow  : 3px 3px 6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}
.applicationTabbedPage > .tabBodyContainer > .tabWindowContainer
{
    position            : relative;
    left                : 10px;
    top                 : 10px;
    width               : -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); 
    height              : -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: calc(100% - 20px); 
}
.applicationTabbedPage > .tabBodyContainer > .tabWindowContainer > .tabWindow
{
    position            : absolute;
    left                : 0;
    top                 : 0;
    width               : 100%;
    height              : 100%;
    z-index             : 1011;
}
.applicationTabbedPage > .tabBodyContainer > .tabWindowContainer > .tabWindow > div[tab]
{
    float               : left;
    width               : 100%;
    height              : 100%;
}
.applicationTabbedPage > .tabContainer > .tab[color="0"][selected]
{
    background-color    : #701A1A;   
    color               : #FFFFFF;
}
.applicationTabbedPage > .tabContainer > .tab[selected] > .close
{
    float               : right;
    width               : 8px;
    height              : 8px;
    cursor              : pointer;
    position            : relative;
    right               : 4px;
    top                 : 4px;
    background-image    : url(images/tab/close.png);
}
.applicationTabbedPage > .tabContainer > .tab:not([selected]) > .close
{
    display             : none;
}