﻿/****************************************************
*
* Copyright (c) 2007-2025 MyFlightbook LLC
* Contact myflightbook-at-gmail.com for more information
*
*******************************************************/ 

/* Header */
#headerBar {
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
}

.noprint #headerBar {
    border-top: 7px solid #00bcd4;
}

#headerLogo {
    display: inline-block;
    vertical-align: top;
    padding: 3px;
    float: left;
}

#headerMiddleContainer {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
}

#headerMobileCrossSell {
    text-align: center;
    padding: 3px;
    line-height: 40px;
}

#headerProfile {
    float: right;
    width: auto;
    vertical-align: top;
    line-height: 10pt;
}

#headerSearchAndSign {
    display: inline-block;
    text-align: left;
}

#headerSearchBox, #headerLoginStatus {
    font-size: 9pt;
    margin-top: 5pt;
}

.headerHeadSht, img.headerHeadSht:hover, img.headerHeadSht {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: text-bottom;
    border-radius: 50%;
}

#headerLoginPop {
    padding: 4px;
    text-align: center;
    line-height: 16pt;
    min-width: 180px;
}

#headerWelcome {
    display: inline-block;
}

#signOutRow:hover {
    background-color: var(--menu-background-selected);
}

/* Menu bar - see http://www.cssportal.com/css3-menu-generator/; customized from there */
#menu-bar {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    margin-bottom: 5px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    height: 34px;
    position: relative;
    float: left;
    line-height: 100%;
}

#menu-bar li {
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    height: 34px;
    position: relative;
    list-style: none;
}

#menu-bar a {
    font-weight: normal;
    font-family: roboto_bold;
    font-style: normal;
    font-size: 10pt;
    color: var(--text-default);
    text-decoration: none;
    display: block;
    padding: 8px;
    margin: 0;
}

#menu-bar li.current > a, #menu-bar li:hover > a, #menu-bar li ul li:hover, #menu-bar li ul li:hover a {
    font-weight: normal;
    color: var(--menu-color-selected);
    background-color: var(--menu-background-selected);
}

#menu-bar ul {
    background-color: var(--menu-background);
    display: none;
    margin: 3px, 0, 0, 0;
    padding: 0;
    width: 185px;
    position: absolute;
    top: 34px;
    left: 0;
    border: none;
    font-weight: normal;
    box-shadow: 2px 2px 3px 0px var(--box-shadow-color);
}

#menu-bar li:hover > ul {
    display: block;
    z-index: 100;
}

#menu-bar ul li {
    float: none;
    background: none;
    filter: none;
    right: auto;
    left: 0;
    margin: 0;
    padding: 0;
}

#menu-bar ul a {
    padding: 10px 0px 10px 15px;
    color: var(--menu-color);
    font-size: 10pt;
    font-style: normal;
    font-family: roboto_bold;
    font-weight: normal;
}

#menu-bar ul li:first-child > a {
}

#menu-bar ul li:last-child > a {
}

#menu-bar:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#menu-bar {
    display: inline-block;
}

html[xmlns] #menu-bar {
    display: block;
}

* html #menu-bar {
    height: 1%;
}

/* Icons on menu bar */
#menu-bar .topTab, #menu-bar .current a, #menu-bar a.topTab:hover, #menu-bar li:hover > a {
    background-size: 12pt 12pt;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 4pt;
    padding-left: 20pt;
}

#menu-bar #tabIDtabHome, #areatabHome.featureDescriptorIcon {
    padding-left: 8px;
}

#menu-bar #tabIDtabLogbook, #areatabLogbook.featureAreaDescriptorIcon {
    background-image: url('../tabimages/LogbookTab.png');
}

#menu-bar #tabIDtabAircraft, #areatabAircraft.featureAreaDescriptorIcon {
    background-image: url('../tabimages/AircraftTab.png');
}

#menu-bar #tabIDtabMaps, #areatabMaps.featureAreaDescriptorIcon {
    background-image: url('../tabimages/AirportTab.png');
}

#menu-bar #tabIDtabTraining, #areatabTraining.featureAreaDescriptorIcon {
    background-image: url('../tabimages/TrainingTab.png');
}

#menu-bar #tabIDtabProfile, #areatabProfile.featureAreaDescriptorIcon {
    background-image: url('../tabimages/ProfileTab.png');
}

#menu-bar #tabIDtabAdmin, #areatabAdmin.featureAreaDescriptorIcon {
    background-image: url('../tabimages/AdminTab.png');
}
