.header {
    background-image: url(demo-bg.gif);
    background-repeat: repeat-x; 
    height: 27;
    margin: 0;
    padding: 0 0 0 24px;
}
.header-comp {
    font: normal 15px Verdana,Tahoma,Arial,Helvetica,sans-serif;
    color: #e6e2af;
    color: #56521f;
    margin: 0;
    padding: 1px 0 0 0;
    float: left;
}
.header-app {
    font: bold 14px Arial,Helvetica,sans-serif;
    color: #e6e2af;
    color: #56521f;
    margin: 0;
    padding: 6px 20px 0 0;
    float: right;
}
.headerB {
    font-size: 8px;
    height: 7px;
/*
    background: #e6e2af;
    background: #b6aa7f;
    background: #d6ca9f;
    background: #56521f;
*/
    background: #b3a471;
    margin: 0;
    padding: 0;
}
#container {
    margin: 0 15px 0 0;
    padding: 0;
}
.name12 {
    margin: 0;
    padding: 5px 0 0 25px;
    float: left;
}
.name1 {
    font: bold 22px Tahoma,Arial,Helvetica,sans-serif;
    color: #56521f;
    margin: 0 0 2px 0;
}
.name2 {
    font: bold italic 12px Arial,Helvetica,sans-serif;
    color: #56521f;
    margin: 0 0 2px 0;
}
.login-err {
    font-size: 12px;
    font-weight: bold;
    color: #d01212;
}
.login-text {
    font: bold 13px Verdana,Tahoma,Arial,Helvetica,sans-serif;
    color: #56521f;
}
.login-input {
    font: normal 12px Arial,Helvetica,sans-serif;
    color: #2d2e32;
    width: 160px;
    border: 1px solid #56521f;
    padding-left: 2px;
}
.login-button { 
    font: bold 12px Verdana,Tahoma,Arial,Helvetica,sans-serif;
    color: #fff;
    background: url('../img/butt-off.gif');
    width: 80px;
    height: 24px; 
    border: none;
    cursor: pointer;
}
.login-cookies {
    font: normal 10px Tahoma,Arial,Helvetica,sans-serif;
    color: #f70;
}
.sys-container {
    margin: 8px 0 5px 0;
    padding: 0;
    float: right;
}
.sysenv {
    width: 245px;
    margin: 2px 0 0 0;
    padding: 0;
    float: left;
}
.sysenv-txt {
    font: bold 12px Verdana,Tahoma,Arial,Helvetica,sans-serif;
    color: #56521f;
    width: 85px;
    text-align: right;
    margin: 0;
    padding: 1px 5px 0 0;
    float: left;
}
.sysenv-sel {
    font: normal 12px Arial,Helvetica,sans-serif;
    color: #56521f;
    background: #fff;
    width: 150px;
    margin: 0 0 2px 0;
    border: 1px solid #c6c28f;
    float: left;
}
.sysenv-inp {
    font: normal 12px Arial,Helvetica,sans-serif;
    color: #56521f;
    background: #fff;
    width: 150px;
    margin: 0 0 2px 0;
    padding: 0 0 0 2px;
    border: 1px solid #c6c28f;
    float: left;
}
.tabs {
    height: 28px;
    margin: 0;
    padding: 0;
    float: left;
}
.tab0, .tab1, .tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8, .tab9, .tab10, .tab11, .tab12, .tab13, .tab14 {
    font: bold 12px Verdana,Tahoma,Arial,Helvetica,sans-serif;
    text-align: center;
    color: #fff;
    text-shadow: -1px 0 #777, 0 1px #777, 1px 0 #777, 0 -1px #777;
    filter:DropShadow(Color=#777, OffX=1, OffY=1);
    width: 132px;
    height: 15px;
    padding: 7px 0 7px 0;
    cursor: default;
    float: left;
}
.tabB0, .tabB1, .tabB2, .tabB3, .tabB4, .tabB5, .tabB6, .tabB7, .tabB8, .tabB9, .tabB10, .tabB11, .tabB12, .tabB13, .tabB14 {
    font-size: 5px;
    height: 7px;
    margin: 0;
    padding: 0;
}
.tab0 {
    border-right: 1px solid #f6eabf;
}
.tab1 {
    border-right: 1px solid #e6daaf;
}
.tab2 {
    border-right: 1px solid #d6ca9f;
}
.tab3 {
    border-right: 1px solid #c6ba8f;
}
.tab4 {
    border-right: 1px solid #b6aa7f;
}
.tab5 {
    border-right: 1px solid #a69a6f;
}
.tab6 {
    border-right: 1px solid #968a5f;
}
.tab7 {
    border-right: 1px solid #867a4f;
}
.tab8 {
    border-right: 1px solid #766a3f;
}
.tab9 {
    border-right: 1px solid #665a2f;
}
.tab10 {
    border-right: 1px solid #564a1f;
}
.tab11 {
    border-right: 1px solid #463a0f;
}
.tab12 {
    border-right: 1px solid #362a00;
}
.tab13 {
    border-right: 1px solid #261a00;
}
.tab14 {
    border-right: 1px solid #160a00;
}
.tab0, .tabB0 {
    background: #e6daaf;
}
.tab1, .tabB1 {
    background: #d6ca9f;
}
.tab2, .tabB2 {
    background: #c6ba8f;
}
.tab3, .tabB3 {
    background: #b6aa7f;
}
.tab4, .tabB4 {
    background: #a69a6f;
}
.tab5, .tabB5 {
    background: #968a5f;
}
.tab6, .tabB6 {
    background: #867a4f;
}
.tab7, .tabB7 {
    background: #766a3f;
}
.tab8, .tabB8 {
    background: #665a2f;
}
.tab9, .tabB9 {
    background: #564a1f;
}
.tab10, .tabB10 {
    background: #463a0f;
}
.tab11, .tabB11 {
    background: #362a00;
}
.tab12, .tabB12 {
    background: #261a00;
}
.tab13, .tabB13 {
    background: #160a00;
}
.tab14, .tabB14 {
    background: #060000;
}
#timer {
    font: normal 10px Verdana,Tahoma,Arial,Helvetica,sans-serif;
    color: #999;
    margin: 9px 0 0 0;
    padding: 0 5px 0 0;
    float: right;
}
.tab-plus {
    font: bold 20px Arial;
    color: #fff;
    background: #d01212;
    background: #f70;
    width: 18px;
    height: 29px;
    text-align: center;
    margin: 0;
    padding: 4px 0 0 0;
    padding: 0;
    cursor: pointer;
    float: left;
}
#tabs_more {
    display: none;
}
.logout {
    margin: 0;
    padding: 0;
    cursor: pointer;
    float: right;
}
.footer {
    font: normal 12px Verdana,Tahoma,Arial,Helvetica,sans-serif;
    color: #e6e2af;
    background: #3a3725;
    height: 17px;
    margin: 0;
    padding: 1px 0 0 0;
}
.footer a {
    color: #e6e2af;
    text-decoration: none;
}
.footer a:hover {
    color: #b6b27f;
    text-decoration: none;
}