/* header tabs */
@media only screen and (min-width: 769px) {

    .Tab-Menu {
        position: absolute;
        top: 60px;
        left: 20px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .Tab-Menu li {
            float: left;
            margin: 0 3px 0 0;
            height: 34px;
            background: url(/images/menu/tab.gif) repeat-x top;
        }

            .Tab-Menu li a {
                float: left;
                display: block;
                height: 20px;
                line-height: 19px;
                color: #606060;
                padding: 4px 0 0 0;
                
            }

            .Tab-Menu li span {
                float: left;
                background: url(/images/menu/tab-left.gif) no-repeat left top;
            }

                .Tab-Menu li span span {
                    background: url(/images/menu/tab-right.gif) no-repeat right top;
                    padding: 7px 10px 0 10px;
                }

            .Tab-Menu li.Active {
                padding: 0;
                height: 34px;
                background: url(/images/menu/tab-active.gif) repeat-x top;
                margin-right: 2px;
            }

                .Tab-Menu li.Active span {
                    background: url(/images/menu/tab-active-left.gif) no-repeat left top;
                    height: 34px;
                }

                    .Tab-Menu li.Active span span {
                        background: url(/images/menu/tab-active-right.gif) no-repeat right top;
                        height: 23px;
                        padding: 11px 10px 0 10px;
                        line-height: 19px;
                        color: #606060;
                    }

    .Logoff {
        float: left;
        display: block;
        height: 23px;
        line-height: 19px;
        background: #BBD9EE;
        font-weight: bold;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 0
    }
}



@media only screen and (max-width: 768px) {

    .Tab-Menu {
        position: absolute;
        top: 75px;
        left: 20px;
        margin: 3px;
        padding-left: 3px;
        padding-bottom:0px;
        list-style:none 
        
    }

        .Tab-Menu li {
            float: left;
            margin: 0 0 0;
            height: 23px;
            background-color: White;
            border-TOP-left-radius: 5PX;
            border-top-right-radius: 5PX;
            border-color: lightgray ;
            border-style: solid;
            border-bottom: none;
            border-width: 1px
        }

            .Tab-Menu li a {
                float: left;
                display: block;
                height: 15px;
                line-height: 19px;
                color: #606060;
                
                font-size: 2.5vw;
                font-family: 'Arial narrow' ;
            
                
            }

            .Tab-Menu li span {
                float: left;
                border-TOP-left-radius: 5PX;
                border-top-right-radius: 5PX;
                background-color: white;
           
            }

                .Tab-Menu li span span {
                    color: white;
                    height: 23px;
                  
                }

            .Tab-Menu li.active {
                padding: 0;
                height: 23px;
               

                font-weight: bold;
                color:ORANGE;
                    
            }

                .Tab-Menu li.active span {
                    height: 23px;
                    border-TOP-left-radius:5PX;
                   
                    border-top-right-radius :5PX;
                  
                    background-color:orange  ;
                    padding-left:5px;
                    padding-right:5px;                    
                }

                    .Tab-Menu li.active span span {
                        
                        height: 23px;
                        padding: 0px 2px 0 2px;
                        line-height: 19px;
                        color: black;
                        border: thick;
                        border-color: orange
                    }
            .Tab-Menu li.active a {
                float: left;
                display: block;
                height: 15px;
                line-height: 19px;
                color: white;
                padding: 0px 0 0 0;
                font-size: 2.5vw;
                font-family: 'Arial narrow'
            }

    .Logoff {
        float: right;
        display: block;
        height: 10px;
        line-height: 19px;
        font-size: 2.5vw;
        font-family: 'Arial narrow'
    }
}