#chesstop{
    height:40px;
    display:flex;
    justify-content:space-between;
    position:relative;
    z-index:100;
    max-width:1800px;
    margin:0 auto;
    /* margin-left:10px;  Width of the slide rating */
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    --dropdown-top: 20px
}

#chessnav {
    display:flex;
    flex-flow:row wrap;
    align-items:center
}

#chessnav section{
    position:relative;
    height:20px;
}
#chessnav section>a{
    color:#5e5e5e;
    text-shadow:0 1px 0 #fff;
    display:block;
    height:var(--nav-section);
    line-height:20px;
    padding:0 0.7rem;
    text-transform:uppercase;
    border-left:2px solid transparent
}

#chessnav div{
    visibility:hidden;
    max-height:inherit;
    position:absolute;
    left:0;
    background:#fff;
    min-width:10rem;
    box-shadow:2px 5px 6px rgba(0,0,0,0.3);
    border-radius:0 3px 3px 3px;
    border-left:2px solid #1b78d0
}

#chessnav div a.subMenu {
    display:block;
    padding:0.6rem 0.7rem;
    color:#4d4d4d;
    text-align: left;
}

#chessnav div a.subMenu:hover{
    background:#1b78d0;
    color:#fff
}

#chessnav div a.topSubMenu{
    display:block;
    padding:0.6rem 0.7rem;
    background:#1b78d0;
    color:#fff
}

#chessnav div a.subSubMenu{
    display:block;
    padding:0.6rem 0.7rem;
    color:#4d4d4d;
    text-align: left;
}

#chessnav div a.subSubMenu:hover{
    background:#3b98f0;
    color:#fff
}


#topnav div a:hover::after{
    color:#fff
}


#chessnav div a:first-child{
    border-radius:0 3px 0 0
}
#chessnav div a:last-child{
    border-radius:0 0 3px 1px
}
#chessnav.blind div{
    display:block;
    margin-left:-9000px
}
#chessnav.hover section:hover>a,
#chessnav section:active>a{
    height:var(--nav-section-hover);
    background:#fff;
    color:#4d4d4d;
    border-color:#1b78d0
}

#chessnav.hover section:hover div,
#chessnav section:active div{
    visibility:visible;
    max-height:none
}

/**** Skill Level *****/
#chesstop .value {
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    width: 31px;
    height: 30px;
    padding: 5px 0 0 0;
    background-image: url(../img/icons/monitor.svg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    font: bold 13px Arial;
    color: #666666;
    text-decoration: none;
}

.chess-area .board-table .chess-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 15px 0 0 0;
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    z-index:110
}


#chesstop .menuLevelIcon {
    padding: 15px 0px 0px 5px;
    width: 40px;
    height: 40px;
}

.menuCtrlIcon {
    padding: 15px 0px 0px 5px;
    width: 40px;
    height: 40px;
}