/****************************************************
*
* Copyright (c) 2007-2020 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;
}

#headerMenuContainer {
}

#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: 3pt;
}

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

#headerWelcome {
    display: inline-block;
}

#headerProfile .hoverPopMenu {
    background-color: #CCCCCC;
}

#signOutRow:hover {
    background-color: lightgray;
}

/* Menu bar - see http://www.cssportal.com/css3-menu-generator/; customized from there */
#menu-bar {
    margin: 0;
    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;
    background: #fafafa;
}

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

#menu-bar .current a, #menu-bar li:hover > a {
    font-weight: normal;
    background: #cdcdcd;
    color: #263238;
}

#menu-bar ul li:hover a, #menu-bar li:hover li a {
    font-weight: normal;
    background: none;
    filter: none;
    border: none;
    color: black;
}

#menu-bar ul a:hover {
    background: #e7e7e7 !important;
    color: black !important;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

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

#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: #424242 !important;
    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, #tabIDtabHome.featureDescriptorIcon {
    padding-left: 8px;
}

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

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

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

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

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

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