/*
 * Copyright 2023, LEIDOS CORPORATION as an unpublished work.
 * All rights reserved. This computer software is a TRADE SECRET of Leidos
 * Corporation and shall not be reproduced, disclosed, or used without
 * prior written permission of Leidos Corporation.
 */
@charset "utf-8";
/* CSS Document */

/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
    {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: sans-serif;
    vertical-align: baseline;
    -ms-text-size-adjust: none;
}

* {
    margin: 0;
}

html,body {
    height: 100%;
}

:focus {
    outline: 0;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: url(../images/content_bac.png) repeat-x left top #d7d7d7;
    font-family: Arial, Verdana, Geneva, sans-serif;
    font-size: 12px;
}

/* ------------ Start of Custom CSS for Bootstrap v5 navbar ------------ */

#navbar-header {
    background-color: #fff;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-nav li ul {
    padding-left: 0px !important;
}

/* Override BS5: remove hamburger boarder */
.navbar-toggler {
    border: transparent !important;
}

#hamburger-icon {
    float: left;
    margin-left: 15px;
    margin-right: 0px;
    margin-top: 14px;
    margin-bottom: 2px;
    line-height: 0;
}

/* The Flight Service logo in the top menu navbar */
.fss-logo {
    float: left;
    margin-left: 0px;
    height: 45px;
    width: 160px;
    background-image: url("../images/FFS_Logo.png?v1");
    background-size: auto 45px;
    background-repeat: no-repeat;
}

/* The gradient bar under top menu navbar */
.splitter-bar {
    height: 2px;
    margin-right: auto !important;
    margin-left: auto !important;
    background: radial-gradient(circle, rgba(32,23,71,1) 0%, rgba(255,255,255,1) 100%);
}

/* Remove dropdowns list styling (bullets) */
#navbar-header ul li {
    list-style-type: none;
}

ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus {
    text-decoration: none !important;
    background-color: #eeeeee !important;
}

/* Override BS5: remove dropdown arrow from dropdown button */
.dropdown-toggle::after {
    content: none !important;
}

ul.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

@media all and (min-width: 992px) {
    /* Make navbar dropdowns drop when hovering */
    li.dropdown:hover ul.dropdown-menu {
        display: block;
    }
    .fss-logo {
        margin-left: 6px;
    }
}

.navbar-custom {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

#myNavbar {
    min-height: 55px;
    padding-left: 20px;
}

/* Override BS5: reduce padding on menu links */
.navbar-nav > li > a {
    padding-right: 9px !important;
    padding-left: 9px !important;
}

/* Override BS5: modify nav-link */
.nav-link {
    color: rgb(32,23,71) !important;
    font-family: Arial !important;
    font-size: 14px !important;
    padding: 3px 25px !important;
    line-height: 23px !important;
}

.dropdown_with_plus {
    padding-right: 10px;
}

/* At less than 992px, do the following */
@media (max-width: 991.5px) {
    .navbar-custom {
        padding-bottom: 10px !important;
    }
    .container {
        max-width: none !important;
    }
    /* center navbar-brand (FS logo) */
    .navbar-brand {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .content_middle_blank {
        width: 100%;
    }
}

/* At 947px or greater, do the following */
@media (min-width: 992px) {
    #top-nav-menu-container, .splitter-bar {
        width: 970px;
    }
    .content_middle_blank {
        width: 930px;
    }
}

/* At 992px or greater, do the following */
@media (min-width: 992px) {
    .navbar .collapse .navbar-nav {
        padding-top: 8px;
    }
    /* center the menu items next to the logo */
    .navbar .navbar-collapse {
        text-align: center;
        white-space: nowrap; /* prevent wrapping */
    }
    .navbar-nav > li > a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-top: 10px !important;
    }
    .dropdown_with_plus {
        display: none;
    }
}

/* At less than 1376px, do the following */
@media (max-width: 1375px) {
    /* Links and Help menu options drop left*/
    #drop-menu-help, #drop-menu-links {
        right: 0;
        left: auto;
    }
}

/* At less than 1200px, do the following */
@media (max-width: 1199px) {
    /* Account, Features and IPW menu options drop left*/
    #drop-menu-account, #drop-menu-features, #drop-menu-ipw {
        right: 0;
        left: auto;
    }
}

/* ------------ End of Custom CSS for Bootstrap v5 navbar ------------ */

/* ------------ Start of Custom CSS for Bootstrap footer ------------ */
#bottom-footer-container {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -5px;
    line-height: 1.428;
}

@media (max-width: 991.5px) {
    #footerHorizontal {
        display: none;
    }
    #footerVertical {
        display: grid;
    }
    div.footer_standard_right {
        display: none;
    }
    #bottom-footer-container {
        height: 175px;
        line-height: 18px;
        
    }
    div#footer {
        height: auto;
    }
}

@media (min-width: 992px) {
    #bottom-footer-container {
        max-width: 1080px;
        min-width: 930px;
    }
    #footerVertical {
        display: none;
    }
}

/* ------------ End of Custom CSS for Bootstrap footer ------------ */

a:link,a:visited,a:active {
    color: #0000ee;
}

a:hover {
    color: #222222;
}

.normalizedLink:link,.normalizedLink:visited,.normalizedLink:active {
    color: #0000ee !important;
    text-decoration: none !important;
}

.normalizedLink:hover {
    color: #0000ee !important;
    text-decoration: underline !important;
}

.disabledLink {
    color: #cccccc !important;
    cursor: default !important;
    background: none !important;
    text-decoration: none !important;
}

.disabledMenu {
    cursor: default !important;
    color: grey !important;
    background: none !important;
}

.defaultPointer {
    cursor: default !important;
}

/*-----------------login----------------*/
.dialog ul li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

fieldset {
    border: none;
}

.rowLabel {
    width: 100%;
}

.spanBold {
    font-weight: bold;
}

.centerSpan a {
    color: #333;
}

/*----------------end login------------ */

/*--------pilot registration page----------*/
#pilotRegistrationForm select {
    vertical-align: inherit;
}

#pilotRegistrationBody {
    margin-left: 45px;
    margin-right: 45px;
}

#pilotRegistrationForm {
    margin-left: 45px;
    margin-right: 45px;
}

#pilotRegistrationHeader {
    width: 100%;
}

#callInProfileWhatIsThisLink, #forgotPasswordRegistrationLink {
    text-decoration: none;
    color: blue !important;
    cursor: pointer;
    cursor: hand;
}

#returnToLoginLink {
    text-decoration: none;
    color: blue !important;
    cursor: pointer;
    cursor: hand;
    margin-left: -45px;
}

#captchaHelpText {
    width: 250px;
    padding-bottom: 0.4em;
}

.pr_cell_c1 {
    width: 55%;
    float: left;
}

.pr_cell_c2 {
    width: 45%;
    float: left;
}

.prFormRow {
    margin-top: 0.5em;
    margin-right: 0.5em;
    margin-left: 0.5em;
    clear: both;
    height: 53px;
}

#pr_row_1{
    padding-top: 0.4em;
}

#pr_row_6 {
    margin-right: 15px;
    height: 25px;
}

#pr_emailAddress input, #pr_confirmEmailAddress input, #pr_lastName input, #pr_acid input, #pr_captchaResponse input {
    width: 300px;
}

#pr_phoneNumber input, #pr_homeBasePhoneNumber input {
    width: 233px;
}

#createAccountButton {
    float: right;
    color: #000000 !important;
}

.pilotRegistrationRowLabel {
    display: block;
    color: black;
    font-weight: normal;
    line-height: 1.4em;
    width: 185px;
    float: left;
    padding-top: 2px;
}

.pilotRegistrationRowContent {
    width: 320px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.accountCreationConfirmationWrapper, .accountCreationConfirmationDialogRow {
    float: left;
    width: 100%;
}

.accountCreationConfirmationDialogLeftColumn {
    float: left;
    width: 40%;
}

.accountCreationConfirmationDialogRightColumn {
    float: right;
    width: 60%;
}

#accountCreatedDifferencesDiv {
    width: 426px;
}

#accountCreatedDifferencesHeader {
    width: 395px;
    float: right;
}

#accountCreatedDifferencesList {
    margin-left: 50px;
}

/*--------end pilot registration page----------*/

/*--------change password page----------*/
#passwordRulesDiv {
    margin-top: 10px;
    border: 1px solid #999999;
    background-color: #f5f5f5;
    width: 440px;
    padding: 2px;
    margin-left: 10px;
    font-size: .85em;
}

.passwordBulletIndent {
    margin-left: 20px;
}

/*--------end change password page------*/

/******************* Begin Change Username Page *******************/
#changeUsernameRulesDiv{
    text-align: left;
    width: 550px;
}

#changeUsernameRulesDiv, #changeUsernameInputDiv, #changeUsernameButtonsDiv{
    padding-top: 10px;
}

ul.changeUsernameRulesList li {
    list-style-type: disc!important;
    list-style-position: inside;
}

.changeUsernameRowLabel {
    display: block;
    color: black;
    font-weight: normal;
    line-height: 1.4em;
    width: 100%;
    float: left;
    padding-top: 2px;
}

.changeUsernameRowContent {
    width: 100%;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

#changeUsernameFormDiv input#currentUsername {
    background-color: rgb(235, 235, 228) !important;
    border-style: ridge !important;
}

/******************* End Change Username Page *********************/

/*--------------navigation--------------*/
.mainMenuBG {
    display: flex;
    width: 850px;
    float: left;
    background: url(../images/grad.gif) repeat-x left top;
}

.mainMenuBGIPW {
    width: 900px;
    float: left;
    background: url(../images/grad.gif) repeat-x left top;
}

.mainMenu {
    padding: 0;
    height: 28px;
    position: relative;
    background: url(../images/grad.gif) repeat-x;
    z-index: 101; /* Affects #AFSSLogoLogout, must be consistent */
    margin: 0px;
}

.mainMenu li {
    display: flex;
    list-style: none;
    margin: 0;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    height: 28px;
    background: url(../images/menu_break.gif) no-repeat top right;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.6px;
    color: #FFF;
}

.mainMenu li a,.mainMenu li a#buttonnohover {
    display: block;
    text-align: center;
    color: #FFF;
    margin: 0;
    text-decoration: none;
    background: none;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    box-sizing: content-box;
}

.mainMenu li a:hover,.mainMenu li a#buttonhover {
    color: #FFF;
    background: url(../images/grad_hover.gif) repeat-x top left #FFF;
    height: 13px;
}

.dropDownMenu {
    display: none;
}

.dropDownMenu table {
    border-spacing: 0;
}

.dropDownMenu table tr td {
    vertical-align: top;
}

.dropDownMenu table tr td ul li {
    padding-top: 3px;
    padding-bottom: 3px;
}

.dropDownMenu table tr td ul li a {
    text-decoration: none;
    color: #000;
    display: block;
}

.dropDownMenuLinks {
    border-spacing: 0;
    width: 100%;
}

.dropDownMenuLinks tr:nth-of-type(1) td {
    margin-top: 10px;
}

.dropDownMenuLinks tr td {
    nowrap: nowrap;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    display: block;
    vertical-align: top;
}

.dropDownMenuLinks tr td a {
    text-decoration: none;
    color: #000;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: block;
    width: 100%;
}

.dropDownMenuLinks tr td b {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: block;
    font-size: 13px;
}

.dropDownMenuLinks tr td:hover,.dropDownMenuLinks tr td a:hover {
    nowrap: nowrap;
    background-color: #F2EFEA;
}

.dropDownMenuLinks tr td b {
    background-color: #FFFFFF;
    display: block;
}

.dropDownMenuLinksAirport tr td a {
    padding-top: 1px;
}

.dropDownMenuLinksAirport tr:nth-of-type(1) td {
    margin-top: 5px;
}

#mainMenu li:hover>ul.grandchild {
    display: block;
}

.dropDownMenuImage {
    nowrap: nowrap;
    text-align: center;
    font-size: 10px;
    background-color: #F2EFEA;
    text-decoration: none;
    border-spacing: 0;
    height: 100%;
}

.dropDownMenuImage tr td {
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
}

.dropDownMenuImage tr td a {
    display: block;
    color: #000;
    text-decoration: none;
}

.dropDownMenuImageAccount {
    background-color: gray;
    border-radius: 15px;
    width: 80px;
    padding: 0px !important;
    box-sizing: content-box !important;
}

.dropDownMenuImageAccount img {
    vertical-align: baseline !important;
}

.mainMenu .arrow-down {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid white;
    vertical-align: -12px;
    margin-left: 5px;
}

/*--------------end navigation----------*/

/*---------------- header --------------*/

.systemAnnouncement {
    color: red;
    border: 3px solid red;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 0.5em;
}

.weatherOutageAnnouncement {
    color: black;
    border: 1px solid gray;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 0.5em;
}

#longTermOutage {
    color: red;
}

#briefingFunctionUnavailable {
    color: red;
    border: 1px solid gray;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 0.5em;
}

/*---------------- end header --------------*/
.wrapContent {
    width: 100%;
    margin: auto 0;
    padding-bottom: 30px;
}

#content {
    width: 930px;
    margin: 0 auto;
}

.welcome {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
    float: left;
    height: 21px;
    padding-left: 1em;
    padding-top: 0.3em;
}

#welcomeUserFullName {
    font-size: 11px;
}

.dateContainer {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
    float: right;
    height: 21px;
    text-align: right;
    padding-right: 1em;
    padding-top: 0.3em;
}

#clock {
    font-family: Verdana, Geneva, sans-serif;
}

.mainContainer {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -33px;
    /* the bottom margin is the negative value of the footer's height */
}

/******************** push (sticky footer)  **********************/
.push {
    height: 33px; /* .push must be the same height as .footerWrap */
}

.timefooterGap {
    color: #AAA;
    margin-right: 1.2em;
}

/******************** footer **********************/
#footer {
    background: linear-gradient(90deg, rgba(32,23,71,1) 0%, rgba(133,15,137,1) 75%);
    height: 33px;
    min-width: 930px;
}

/* footerWrap is for those dedicted pages e.g. unlockAccount, easyActive, etc */
.footerWrap {
    background: linear-gradient(90deg, rgba(32,23,71,1) 0%, rgba(133,15,137,1) 75%);
    height: 33px;
    min-width: 930px;
}

.footer_left {
    font-family: Avenir, Arial, Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #FFF;
    float: left;
    height: 1em;
    padding-top: 0.5em;
    padding-left: 0.5em;
    text-decoration: none;
}

.footer_left A:link {
    color: #FFF !important;
    text-decoration: none;
}

.footer_left A:visited {
    color: #FFF !important;
    text-decoration: none;
}

.footer_left A:active {
    color: #FFF !important;
    text-decoration: none;
}

.footer_left A:hover {
    color: #FFF !important;
    text-decoration: underline;
}

.footer_middle {
    font-family: Avenir, Arial, Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    height: 1em;
    text-align: right;
    padding-top: 0.8em;
    padding-left: 3em;
}

/* footer right for standardLayout pages */
.footer_standard_right {
    font-family: Avenir, Arial, Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    float: right;
    height: 2em;
    margin-top: 2px !important;
    text-align: right;
    padding-right: 0.5em;
}

/* footer right for dedicated function pages, e.g. accountUnlock, etc */
.footer_right {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    float: right;
    height: 21px;
    padding-top: 9px;
    text-align: right;
    padding-right: 20px;
}

.footerGap {
    margin-right: 1em;
}

.footerLinkFocus:focus-visible {
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

.leidosCopyright_footer {
    width: 5em;
    height: 2em;
}

.center_div {
    width: 930px;
    margin: 0 auto;
}

.content_top_art {
    background: url(../images/content_top.png) no-repeat left top;
    width: 930px;
    margin: 0 auto;
    height: 11px;
}

.content_bottom_art {
    background: url(../images/content_bottom.png) no-repeat left bottom;
    width: 930px;
    margin: 0 auto;
    height: 11px;
}

.content_middle {
    background: url(../images/content_middle.png) repeat-y center top;
    width: 930px;
    margin: 0 auto;
}

.content_middle_blank {
    margin: 0 auto;
}

.content_form {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    width: 890px;
    margin: 0 auto;
}

.content_top_art_variable {
    background: url(../images/content_top.png) no-repeat left top;
    min-width: 550px;
    max-width: 930px;
    overflow: auto;
    margin: 0 auto;
    height: 11px;
}

.content_bottom_art_variable {
    background: url(../images/content_bottom.png) no-repeat left bottom;
    min-width: 550px;
    max-width: 930px;
    overflow: auto;
    margin: 0 auto;
    height: 11px;
}

.content_middle_variable {
    background: url(../images/content_middle.png) repeat-y left top;
    min-width: 550px;
    max-width: 930px;
    overflow: auto;
    margin: 0 auto;
}

.content_form_variable {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    min-width: 510px;
    max-width: 890px;
    margin: 0 auto;
}

.content_privacy_variable {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin: 0 auto;
}

.content_fp_form {
    width: 930px;
    margin: 0 auto;
}

.content_form h2 {
    font-size: 1.4em;
    margin-bottom: 0.5em;
    font-weight: normal;
}

.page_title {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: left;
}

.subtitle_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.content_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
}

/* ------------------------ End MS ---------------------------- */
.formWrapper { /*border:5px dashed #663366;*/

}

.content_form_account_preferences {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    width: 890px;
    margin: 0 auto;
}

.content_form_account_preferences h2 {
    font-size: 1.4em;
    margin-bottom: 0.5em;
}

.content_form_weather {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    width: 870px;
    margin: 0 auto;
}

.content_form_weather h2 {
    font-size: 1.4em;
    margin-bottom: 0.5em;
    font-weight: normal;
}

.ui-tabs .ui-tabs-nav {
    font-size: 13px;
}

.content_form_airport {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    width: 890px;
    margin: 0 auto;
}

.content_form_airport h2 {
    font-size: 1.4em;
    margin-bottom: 0.5em;
    font-weight: normal;
}

div#airportInfoContainer h2 {
    font-size: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    margin-bottom: 0px;
    font-weight: normal;
}

.content_form_airport h1 {
    font-size: 1.4em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: normal;
}

#dialogSpecialDeviceSelectedContent p {
    margin-bottom: 0.5em;
}

.positionLeft {
    float: left;
    width: 48%;
    padding: 5px 0px 0px 5px; /* top  right  bottom  left */
    /*border: 5px dashed #663366;*/
}

.positionRight {
    float: left;
    width: 48%;
    padding: 5px 5px 0px 0px; /* top  right  bottom  left */
    /*border: 5px solid #663366;*/
}

.clear {
    clear: both;
    height: 1px;
}

.fltLeft {
    float: left;
}

/* End Full-Width CSS */

/* COMMON FORMATTING CLASSES */
.formRow {
    margin: 0.5em;
    padding-top: 0.4em;
    clear: both;
}

.inner-pre {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.z-index-force {
    z-index: 1050 !important;
}

.no-close {
    z-index: 1010;
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

.helperIcon {
    display: inline-block;
    float: left;
    margin-left: 3px;
}

/* required for IE to match FF display */
.helperInputField {
    float: left;
}

.bulletedList li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

.bulletedList .bulletedList li {
    margin-left: 50px;
    list-style-type: circle;
}

.numberList .bulletedList li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

.numberList li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: decimal;
    list-style-position: outside;
}

.lowerLetterList li{
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: lower-alpha;
    list-style-position: inside;
}

/* END COMMON FORMATTING CLASSES */

.error_message_highlight {
    color: red;
    display: block;
}

.errorblock {
    margin-top: 10px;
    padding: 1px;
    color: red;
    width: 100%;
    text-align: center;
}

.errorblockLogin {
    margin-top: 2px;
    margin-bottom: -2px;
}

.errorMessage {
    color: red;
}

.activationDialogMessage {
    padding-top: 5px;
    color: black;
}

.errorAircraftPerfRow {
    display: block;
}

.errorAircraftHourlyFuelBurn {
    display: block;
    margin-left: 9.5em;
}

.errorHighlightTextbox {
    background-color: #ffeaea;
}

.errorHighlightSelect {
    background-color: #ffeaea;
}

.errorHighlightCheckbox {
    background-color: #ffeaea;
}

.error_page {
    margin-top: 10px;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.errorHighlightPilotProfileTextbox, .errorHighlightPilotProfileSelect, 
.errorHighlightFlightPlanFieldbox, .errorHighlightFieldbox  {
    background-color: #F0F3B4;
}

.pilot_profile_result_success {
    color: green;
}

.password_success {
    color: green;
}

.password_error {
    color: red;
}

#dialogDeleteItemConfirmation p span.alert-icon {
    float: left;
    margin: 0 7px 20px 0;
}

#dialogNoticeMessageContent {
    margin-left: 20px;
}

.dialogConfirmation p span.alert-icon {
    float: left;
    margin: 0 7px 20px 0;
}

.left-space30 {
    margin-left: 30px;
}

.primaryAircraftAfter {
    color: #888888;
    font-size: .9em;
}

/* Change Password Dialog */
#dialogChangePasswordAndTermsContainer{
    margin: 0 auto;
    height: 100%;
    width: 100%;
    position: relative;
}

#dialogChangePasswordAndTermsContainer h2{
    font-weight: bold;
    margin-bottom: 2px;
    text-align: left;
}

.passwordAndTermsError {
    text-align: left;
    float: left;
    font-size: 11px;
    width: 220px;
    margin-bottom: 7px;
}

.passwordAndTermsPassword {
    width: 175px;
}

#dialogChangePasswordWrapper{
    padding-top: 6px;
    width: 100%;
    position: relative;
    height: 145px;
}

#scrollable-content1-container {
    width: 100%;
    position: relative;
}

#scrollable-content2-container {
    width: 100%;
    bottom: 0px;
    position: absolute;
}

#changePasswordFormWrapper{
    float: left;
    width: 300px;
    margin-top: 18px;
}

#cpf_newPassword, #cpf_confirmPassword {
    height: 40px;
    width: 100%;
}

#newPasswordLabelDiv{
    text-align: right;
    float: left;
    width: 120px;
}

#newPasswordInputDiv{
    float: left;
    margin-left: 5px;
    width: 100px;
}

#confirmPasswordLabelDiv{
    text-align: right;
    float: left;
    width: 120px;
}

#confirmPasswordInputDiv{
    float: left;
    margin-left: 5px;
    width: 100px;
}

#changePasswordRulesWrapper{
    text-align: left;
    font-size: x-small;
    float: right;
    width: 325px;
    margin-right: 10px;
}

#changePasswordRulesDiv{
    margin-left: 20px;
    text-align: left;
}

ul.changePasswordRulesBulletsInside li {
    list-style-type: disc!important;
    list-style-position: inside;
}

ul.changePasswordRulesBulletsOutside li {
    list-style-type: disc!important;
    list-style-position: outside;
    padding-left: 0;
}

ul.changePasswordRulesWithoutBullets li {    
    margin-left: 20px;
    list-style-type: none;
}

#scrollable-content1 {
    text-align: left;
    height: 135px;
    overflow: auto;
    border: 1.5px solid #AAAAAA;
    width: 100%;
    margin-bottom: 20px;
}

#scrollable-content1 p{
    margin: 2px 5px;
}

#scrollable-content2 {
    text-align: left;
    height: 160px;
    overflow: auto;
    border: 1.5px solid #AAAAAA;
    width: 100%;
}

#scrollable-content2 h3{
    font-weight: bold;
    margin-top: 2px;
    margin-left: 5px;
}

#scrollable-content2 p{
    margin: 2px 5px 12px 5px;
}

#dialogTermsWrapper {
    height: 300px;
    margin-top: 145px;
}

#dialogPrivacyStatement h3 {
    font-weight: bold;
}

.dialogPrivacyStatement h3 {
    font-weight: bold;
}

#dialogPrivacyStatement p {
    padding: 0 5px 5px 0;
}

.dialogHelperText {
    max-height: 530px !important;
}

.hoverHelper {
    display: inline-block;
    text-decoration: none;
}

.hoverHelper A:link {
    color: black;
    text-decoration: underline;
}

.hoverHelper A:visited {
    color: black;
    text-decoration: none;
}

.hoverHelper A:active {
    color: black;
    text-decoration: none;
}

.hoverHelper A:hover {
    color: black;
    text-decoration: underline;
}

.c_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    width: 150px;
    float: left;
    padding-top: 2px;
}

.c1_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
    font-weight: bold;
}

.c2_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    width: 230px;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
    font-weight: bold;
}

.c3_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    width: 90px;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
}

.c4_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    width: 227px;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
}

.c5_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    width: 285px;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
}

.c6_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    width: 280px;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
}

.c7_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
    font-weight: bold;
}

.activation_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    width: 260px;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
}

.startupTaxi_rowLabel {
    display: block;
    line-height: 1.4em;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
}

.c_rowContent {
    width: 500px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.c2_rowContent {
    width: 175px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.c3_rowContent {
    width: 105px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.c4_rowContent {
    width: 240px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.c5_rowContent {
    width: 205px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.c6_rowContent {
    width: 640px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.c7_rowContent {
    display: inline;
    padding-left: 10px;
    color: #000000 !important;
    font-size: 11px;
    float: left;
}

.domesticNotice {
    display: inline;
    padding-left: 5px;
    float: right;
    padding-right: 15px;
}

.c8_rowContent {
    display: inline;
    padding-right: 40px;
    color: #444444;
    font-size: 11px;
    float: right;
}

.c9_rowContent {
    display: inline;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.activation_rowContent {
    width: 180px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.checkboxMargin {
    margin-left: -6px;
}

.checkboxRow {
    width: 500px;
    height: 18px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.formRowSubheadingText {
    color: #345678;
    font-size: 1.4em;
    text-align: left;
    background: #FFF;
    margin-left: 1em;
    padding: 3px;
    margin-top: -0.9em;
}

#supplementalInfo {
    width: 228px;
}

#dinghiesInfo {
    width: 78px;
}

.formRowSubheading {
    width: 870px;
    border-bottom: 1px solid #aaaaaa;
}

h1#airportInfoTitle {
    color: #345678;
    font-size: 1.4em;
    text-align: left;
    background: #FFF;
    margin-left: 1em;
    margin-bottom: 1em;
    padding: 3px;
    background: #FFF;
    display: inline;
    font-weight: normal;
}

.airportInfoTitleSubheading {
    width: 890px;
    border-top: 1px solid #aaaaaa;
    margin-top: 1.8em;
    margin-bottom: -2.1em;
}

#airportInfoResults p {
    background: #FFF;
}

#chartButtonArea {
    border: 1px solid #d3d3d3;
    border-bottom: 0px;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 5px;
}

#chartButtonArea h2.airportInfoHeader {
    margin-left: -25px;
}

#satelliteMapLink {
    display: block;
    margin-bottom: 10px;
}

.formRowCheckbox {
    margin-left: 9px;
    margin-right: 2px;
}

.c_rowError {
    padding: 6px;
}

.as_helpButton {
    margin-left: .25em;
}

#ACMExplanationText {
    margin-bottom: 10px;
    padding: 0px;
}

#dialogAcmExplanation {
    overflow-x: hidden;
    overflow-y: scroll;
}

#dialogAcmExplanation p {
    margin: 10px;
}

#dialogAcmExplanation ul {
    margin-bottom: 10px;
}

#dialogAcmExplanation ul li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

#ACMPreferences {
    border-collapse: collapse;
    border: 1px solid #666666;
}

#ACMPreferences td,#ACMPreferences th {
    border: 1px solid #aaaaaa;
    text-align: center;
}

#ACMPreferences th {
    background-color: #dfdfdf;
    padding: 2px;
    vertical-align: top;
}

#ACMPreferences th:first-child {
    min-width: 18px;
}

#ACMPreferences td {
    padding: 2px;
    margin: 0;
    background-color: #f3f3f3;
}

.AcmDeviceProvider { /*display: none;*/

}

#FTDExplanationText {
    margin-bottom: 10px;
    padding: 10px;
}

#dialogFtdExplanation p {
    margin: 10px;
}

#dialogFtdExplanation ul {
    margin-bottom: 10px;
}

#dialogFtdExplanation ul li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

#FTDPreferences {
    border-collapse: collapse;
    border: 1px solid #666666;
}

#FTDPreferences td,#FTDPreferences th {
    border: 1px solid #aaaaaa;
    text-align: center;
}

#FTDPreferences th {
    background-color: #dfdfdf;
    padding: 2px;
    vertical-align: top;
}

#FTDPreferences td {
    padding: 2px;
    margin: 0;
    background-color: #f3f3f3;
}

.submitRow {
    margin-top: 10px;
}

.requiredText {
    color: red;
}

button {
    background: #eeeeee;
    border: 1px solid #aaaaaa;
    color: #666666;
    font-size: 8pt;
}

/* used to override ui-widget size */
.aircraft_information h3, .aircraft_performance h3 {
    margin-top: 10px;
    font-size: 9pt;
    background-color: #dedede;
    font-weight: bold;
    width: 99%;
}

#weatherAirportRow .rowLabel,#weatherAirportRow .rowContent,#weatherGraphicAirportRow .rowLabel,#weatherGraphicAirportRow .rowContent
    { /*display: inline;*/

}

#weatherAirportRow input,#weatherGraphicAirportRow input,#weatherGraphicRangeRow input,#middleInitialRow input,#nameSuffixRow input,#loggedHoursRow input
    {
    width: 50px;
}



.phoneNumberRow .rowContent input {
    width: 105px;
}

.emergencyContactRow .rowContent .phoneNumber {
    width: 105px;
}

/* buttons */
button.delete {
    color: #353535;
    background: #ff9999;
    border: 1px solid #aaaaaa;
}

button:hover.delete {
    color: #353535;
    background: #ff7777;
    border: 1px solid #666666;
}

button:active.delete {
    color: #353535;
    background: #ff4444;
    border: 1px solid #666666;
}

.buttonIcons {
    height: 16px;
    width: 16px;
    border: 1px solid #ffffff;
    display: inline-block;
}

.legendButtonIcons {
    height: 14px;
    width: 14px;
    border: 1px solid black;
    display: inline-block;
    vertical-align: text-bottom;
}

.homepagelabel {
    color: #797979;
    font-weight: 700;
}

.flightPlanningLabelHeader {
    margin-bottom: 0.2em;
}

.flightPlanningLabel {
    color: black;
    padding-top: 10px;
}

.ppAircraftLabel {
    color: black;
    padding-top: 6px;
}

.dashboardFlights {
    border: solid #ccc;
    border-width: 1px 0px 1px 0px;
    width: 100%;
    border-spacing: 0px;
}

.dashboardFlights td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    padding-top: .75em;
    padding-bottom: .75em;
}

.dashboardFlights td:nth-child(2) button {
    padding-top: 0.2em;
    height: 2em;
    width: 2.5em;
}

.dashboardFlights td:nth-child(2) img {
    height: 1.6em;
}

.dashboardFlights td:nth-child(3) button {
    height: 2em;
    width: 3em;
}

.dashboardFlights td:nth-child(3) img {
    height: 1.75em;
}

.dashboardFlights td:nth-child(4) {
    width: 9em;
}

.dashboardFlights td:nth-child(5) {
    width: 10em;
}

.dashboardFlights td:nth-child(6) {
    width: 3em;
    text-align: center;
}

.dashboardFlights td:nth-child(7) {
    padding-right: 0;
}

.dashboardFlights td:nth-child(8) {
    width: 9.5em;
    padding-left: 0;
}

.dashboardFlights td:nth-child(9) .dashboardFlightsButton {
    width: 5.5em;
    height: 2em;
}

.dashboardFlights td:nth-child(10) {
    width: 12em;
}

.dashboardFlights td:nth-child(11) {
    padding-left: .5em;
}

.dashboardFlights td:nth-child(11) .dashboardFlightsButton {
    width: 3em;
    height: 2em;
}

.dashboardFlightsButton:hover {
    border: 1px solid #000000;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
        repeat-x;
    color: #212121;
}

.gtm-pw-dashboard-viewScheduledEmail-button {
    padding: .25%;
}

.dashboardFlightsAction {
    width: 17em;
    height: 2em;
    overflow: hidden;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50%
        repeat-x;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    position: relative;
}

.dashboardFlightsAction select {
    background: transparent;
    width: 19em;
    padding: .3em;
    border: 0;
    -webkit-appearance: none;
    color: #555;
}

.dashboardFlightsAction select:hover {
    color: #212121;
}

.dashboardFlightsAction div {
    right: 0;
    position: absolute;
    top: 0.25em;
    pointer-events: none;
}

.selectScheduledEmailDialog select {
    width: 21em;
    height: 50px;
    overflow-y: scroll;
    margin-top: 5px;
}

.flightplan {
    width: 100%;
}

.hyperlink {
    font-size: 12px;
    text-decoration: none;
    color: blue !important;
}

#plainTextWhatIsThis {
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
}

.requiredForBriefLabel:before,.requiredForBriefLabelBefore {
    content: "*";
    color: #ff0000;
}

/* The following is to simulate :before in IE7 */
.requiredForBriefLabel {
    background-image: expression(this.runtimeStyle.backgroundImage =     "none",
        this.innerHTML =
            "<span class='requiredForBriefLabelBefore'>*</span>" +
          this.innerHTML);
}

.requiredForBriefExplanationDiv {
    color: #777777;
    font-size: .9em;
}

#cancelledDiv {
    width: 600px;
    text-align: center;
}

.centeredDialog {
    text-align: center;
}

.weather {
    border: 1px solid black;
    width: 100%;
}

.images {
    border: 1px black;
    width: 100%;
    float: bottom;
    margin-top: 2px;
    padding-top: 10px;
    overflow: auto;
    clear: both;
}

.ui-icon {
    float: left;
    margin-right: .3em;
}

.ui-state-hover {
    border: 1px solid black !important;
}

#tabs .ui-state-hover {
    border-top: 1px solid black !important;
    border-left: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: none !important;
}

.actionButton:focus {
    border: 1px solid black !important;
}

.ui-state-error {
    padding: 0 .7em;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

/* Weather Graphics *********************************** */
.weatherGraphicType {
    font-family: Verdana;
    font-weight: bold;
    margin-top: 15px;
    margin-left: 12px;
    margin-bottom: 0px;
}

.weatherGraphicTypeList {
    font-family: Verdana;
    margin-bottom: 7px;
    margin-left: 45px;
}

.weatherGraphicDropDown {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 15px;
}

.weatherGraphicDropDownGoButton {
    background: #cdcdcd;
    color: #444444;
    font-size: 8pt;
    margin-left: 15px;
}

.weatherGraphicCol1CM {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.weatherGraphicCol2CM {
    display: inline-block;
    width: 38%;
    vertical-align: top;
}


.weatherGraphicCol1 {
    display: inline-block;
    width: 28%;
    min-height: 60px;
    vertical-align: top;
    margin-bottom: 20px;
}

.weatherGraphicCol2 {
    display: inline-block;
    width: 28%;
    vertical-align: top;
    margin-bottom: 20px;
}

.weatherGraphicCol3 {
    display: inline-block;
    width: 43%;
    vertical-align: top;
    margin-bottom: 20px;
}


h3{
    display:inline-block;
}

/* End Weather Graphics ******************************* */

/************** Home/Flightplan *********************/
.flightTables {
    margin-bottom: 2em;
}

.flightPlanHeight {
    height: 150px;
    overflow: auto;
}

.subjectBreak {
    border-bottom: 2px solid #e5e5e5;
    margin-right: 1.4em;
    margin-bottom: 1em;
    font-size: 0.6em;
}

.clickWeatherGraphicsText {
    font-size: 0.9em;
    margin-top: 8px;
}

#pager1 {
    width: 860px;
    margin-right: 1.2em;
}

.alertColor {
    color: black;
    margin-left: 25px;
}

/********************* BEGIN Advanced Services Dashboard *********************/

#asdMainDiv {
    display:table;
    height: 100px;
    width: 922px;
    background-color: #ECEDE7;
    margin-top: -21px;
    margin-left: -20px;
    margin-bottom: 10px;
    border: 4px solid #A8ADB5;
}

#asdMainDiv button {
    border: 3px double #909090;
    border-radius: 10px;
    margin-top: 5px;
    padding: 3px 3px 1px;
    cursor: pointer;
}

#asdMainDiv a {
    cursor: pointer;
}

#asdSideTextLeft {
    padding-left: 10px;
    padding-right: 15px;
}

#asdSideTextLeft img {
    height: 13px;
    vertical-align: middle;
}

#asdSideTextLeftBottomSpan {
    width: 120px;
}

#asdSideTextLeft .asd_sideTextSpan {
    font-style: italic;
}

#asdSideTextRight {
    padding-left: 1px;
}

#asdSideTextLeftBottomSpan, #asdSideTextRightTopSpan {
    font-size: 95%
}

.asd_buttonLayout {
    display: table-cell;
    width: 80px;
    text-align: center;
    vertical-align: bottom;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 12px;
}

.asd_buttonLayout a {
    color: black !important;
}

.asd_buttonLayout img {
    width: 30px;
    height: 30px;
}

.asd_sideTextLayout {
    display:table-cell;
    width: 180px;
    text-align: center;
    vertical-align:middle;
}

.asd_sideTextSpan {
    display: inline-block;
    width: 180px;
    vertical-align: middle;
}

.asd_sideTextArrow {
    color: #65686D;
    font-size: 200%;
    font-weight: lighter;
    line-height: 1px;
    vertical-align: middle;
}

.asd_buttonRegistered {
    border: 3px solid green !important;
}

.asd_buttonNotConfirmed {
    border: 3px solid yellow !important;
}

/********************* END Advanced Services Dashboard *********************/

/********************* BEGIN Quick Search Dashboard *********************/
.quickSearchWrapper {
    border: 1px solid lightgray;
    background-color: white;
    background-image: linear-gradient(white 50%, lightgray);
    padding: 5px;
}

.quickSearchInputText {
    width: 395px;
}

.quickSearchSpacing {
    margin-left: 1em;
}

.quickSearchCentering {
    vertical-align: middle;
}

.qsButtonDisabled {
    cursor: default !important;
    pointer-events: none;
    opacity: .5;
}
/********************* END Quick Search Dashboard *********************/

/********************* Start Airport Condition Dashboard *********************/
.favoritesDashboardWrapper {
    font-size: 13px;
    width: 100%;
    border-spacing:15px 0px;
    padding: 1.5em 1.5em 0em 1.5em;
    margin-bottom: -1px;
}

.favoritesDashboardWrapper td {
    color: #333;
    border: 1px solid #333;
    text-align: center;
    height: 2.5em;
}

#favoritesDashboardWrapper {
    border-bottom: 1px solid;
    margin: 0 -20px;
}

.favoritesDashboardSpacing{
    margin-left: 5em;
    margin-top: .75em;
    margin-bottom: .75em;
}

#airportConditionsData {
    margin-top: 10px;
}

.qdrLocationInfo {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.qdrBoldText, .qdrLocationHeader strong {
    font-weight: bold;
}

.qdrLocationHeader {
    font-size: 1.3em;
}

.qdrLocationMetar, .qdrLocationTaf, .qdrLocationNotam {
    padding: 8px 0;
}

.qdrLocationNotam span {
    margin-bottom: 10px;
}

.qdrPlainText {
    display: block;
}

.qdrEncodedText {
    display: block;
}

.qdrLocationDataDividerGrey {
    margin: unset;
    background-color: #bbbbbb;
}

.qdrLocationDataDividerBlack {
    margin: 0 -20px 10px -20px;
    background-color: #000000;
    width: auto;
}

td span.textVFR {
    color: #008A00;
}
td span.textMVFR {
    color: #0000ff;
}
td span.textIFR {
    color: #ff0000;
}
td span.textLIFR {
    color: #f529d1;
}
td span.textUNKN {
    color: #80807d;
}

.qdrWeatherForm {
    width: 100%;
}

.qdrColumn_5 {
    width: 5%;
}

.qdrTafIndent {
    padding-left: 2em;
}

.qdrPadBottom {
    padding-bottom: 3px;
}
/********************* End Airport Condition Dashboard *********************/

.column_1a {
    width: 75%;
    vertical-align: middle;
    
}

.column_1a label {
    margin: 0px 90px 0px 3px;
}

.column_1b {
    width: 100%;
    display:grid;
    justify-content: center;
    align-content: center;
}
/* NAV LOG STYLING */

#navlogHeader {
    position: relative;
    color: #666666;
    padding: 0px;
    height: 28px;
    margin-right:55px;
}

#navlogWindowIconsDiv {
    float: right;
}

.navlogWindowIcons {
    min-width: 22px;
    height: 22px;
    padding: 0 20px;
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50%
        repeat-x;
    font-weight: normal;
    color: #555555;
}

.navlogWindowIcons:hover {
    border: 1px solid #999999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
        repeat-x;
    font-weight: normal;
    color: #212121;
}

.navlogWindowIcons:active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50%
        repeat-x;
    font-weight: normal;
    color: #212121;
}

.navLogCustomization{
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: sub;
}

.navlogEmailIcons {
    min-width: 65px;
    background-image: url(../images/emailIcon.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 35px 25px !important;
    vertical-align: bottom;
    padding: 5px !important;
}

.navlogEmailIcons:hover {
    border: 1px solid #999999;
    min-width: 65px;
    background-image: url(../images/emailIcon.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 35px 25px !important;
    vertical-align: bottom;
    padding: 5px !important;
    color: #212121;
}

.navlogEmailIcons:active {
    border: 1px solid #aaaaaa;
    min-width: 65px;
    background-image: url(../images/emailIcon.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 35px 25px !important;
    vertical-align: bottom;
    padding: 5px !important;
    color: #212121;
}

.navLogEmailListUL {
    list-style: none;
}

.navLogTable {
    border-style: solid;
    border-width: 1px;
    border-color: #005284;
}

.navTableCells {
    border-collapse: collapse;
    border-spacing: 0px;
    cellpadding: 0px;
    cellspacing: 0px;
}

.navTableAlign {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#printableBlock {
    background: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.navLogRowHeader {
    background-color: #CCCCFF;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 15px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
    width: 22%;
}

.navLogRowBottomHeader {
    background-color: #CCCCFF;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 15px;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
}

.navLogRowData {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 15px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
    width: 28%;
}

.navLogLastRowData {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 15px;
    border: 0px;
    width: 28%;
}

.navLogBottomRowData {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 15px;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
}

.navLogLastBottomRowData {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 15px;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-color: #005284;
}

.navLogItemFCol {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 25px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
}

.navLogItemLCol {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 25px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-color: #005284;
}

.navLogItemColWidth {
    width: 50%;
}

.navLogItemColStyle {
    border-bottom-width: 1px;
}

.navLogNotes {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 100px;
}

#navLogCustomizationContents {
    border: 1px solid #6A6A6A;
    border-collapse: collapse;
    background-color: #dbf0fb;
}

#navLogCustomizationTable {
    width: 100%;
    font-size: 11px;
    border-collapse: collapse;
    height: 120px;
}

.navLogCustomizationTopCellSettings {
    width: 100%;
    border-bottom: 1px solid #6A6A6A;
    height: 60px;
}

.navLogCustomizationBottomCellSettings {
    width: 100%;
    height: 60px;
}

.navLogCustomizationDialogTopSettingsCellPadding {
    padding: 10px;
}

.navLogCustomizationDialogCellPadding {
    padding-left: 15px;
}

.navLogCustomizationDialogFormatCellPadding {
    padding-left: 15px;
}

#continueNavLogButton {
    width: 39%;
}

#emailNavLogButton {
    width: 33%;
}

#cancelNavLogButton {
    width: 23%;
}

.navlogOptionsButton {
    margin-bottom: 5px;
    padding-bottom: 3px !important;
    padding-top: 1px !important;
    border: 1px solid #a4a4a4;
    vertical-align: middle;
    text-align: left;
    color: #000000 !important;
}

.nagLogRadioButtons {
    vertical-align: sub;
}

.historyNavlogHeaderText {
    float: left;
    margin-left: 55px
}

.topFixColHeader {
    background-color: #CCCCFF;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 0px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: #005284;
    min-width: 175px;
}

.botFixColHeader {
    background-color: #CCCCFF;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 0px;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
    min-width: 175px;
}

.topFixDataColHeader {
    background-color: #CCCCFF;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 0px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: #005284;
    min-width: 40px;
}

.midFixDataColHeader {
    background-color: #CCCCFF;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 0px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: #005284;
    min-width: 40px;
}

.botFixDataColHeader {
    background-color: #CCCCFF;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 0px;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
    min-width: 40px;
}

.fixRowHeader {
    background-color: #CCCCFF;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
}

.topFixRowData {
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 0px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: #005284;
}

.botFixRowData {
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 0px;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: #005284;
}

.fixMorseCodeFormat {
    font-family: monospace;
}

.fixRowDataBackgroundColor {
    background-color: #dedede;
}

.fixRowDataBackgroundNoColor {
    background-color: #FFFFFF;
}

.dashedRow {
    border-bottom-style: dashed;
}

.fixRowDataBackgroundFirstColor {
    background-color: #FFFFFF;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
}

.fixRowDataBackgroundSecondLastColor {
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
}

.fixRowDataBackgroundLastColor {
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
    border-bottom-style: hidden;
}

.fixRowLastData {
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-family: sans-serif;
    padding-left: 5px;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-color: #005284;
}

.navLogRowFootNote {
    background-color: #CCCCFF;
    text-align: left;
    vertical-align: middle;
    font-weight: none;
    font-size: 7pt;
    font-family: sans-serif;
    padding-left: 5px;
    height: 15px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #005284;
    width: 22%;
}

/* END NAV LOG STUFF */

.rollupBoxes {
    color: blue;
}

.ui-hide {
    display: none;
}

.ui-dialog {
    border-width: 3px
}

.divFixLeft {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.divFixRight {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}

.fieldsetClass fieldset {
    border: 1px solid #aaaaaa;
    padding: 2px 2px;
}

.fieldsetClass legend {
    color: blue;
}

.fieldsetClass label {
    line-height: 1.4em;
}

/* End Print Brief Selection Dialog */
.DCMessageWarn {
    width: 90%;
}

/* These tab colors are not needed by the User group, its commented
#tabs-1 li a {
    background-color: #CCCCFF;
}

#tabs-2 li a {
    background-color: #CCFFCC;
}

#tabs-3 li a {
    background-color: #FFCCCC;
}

#tabs-1 li a:hover {
    background-color: #AAAAFF;
}

#tabs-2 li a:hover {
    background-color: #AAFFAA;
}

#tabs-3 li a:hover {
    background-color: #FFAAAA;
}
*/

/* This will make the selected jQuery tab title bold */
.ui-tabs-selected a {
    font-weight: bold;
}

/* utility dialogs */

/* The following style adds to what is in the jquery-ui.css */
.ui-progressbar .ui-progressbar-value {
    background: url(images/ui-bg_gloss-wave_85_9fda58_500x100.png) repeat-x
        50% 50%;
}

/* Airport Lookup dialog */
#ui-dialog-title-dialogAirportLookup {
    font-size: 12px;
}

.airportLookupContainerDiv {
    box-sizing: content-box;
    z-index: 1150 !important; /* This must be at least 100 larger than .z-index-force style */
}

#resultTableIdAirportLookup {
    box-sizing: border-box;
}

.dialogAirportLookupDiv {
    font-size: 12px;
}

.dialogAirportLookupDiv label {
    font-weight: normal;
}

.dialogAirportLookupDiv table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 10px 0;
}

.dialogAirportLookupDiv table tr {
    border: 1px solid black;
}

.dialogAirportLookupDiv table th {
    border: 1px solid black;
    padding: 3px;
    background-color: #aaaaaa;
}

.dialogAirportLookupDiv table td {
    border: 1px solid black;
    padding: 3px;
    box-sizing: content-box
}

#encodeDecodeAirportHeader {
    padding: 3px;
    background-color: #ffffff;
    border-bottom: 1px solid #aaaaaa;
}

#encodeDecodeAirportState {
    vertical-align: baseline;
}

#encodeDecodeAirportAirport {
    text-transform: uppercase;
}

#encodeDecodeContractionsClearDiv {
    clear: both;
    height: 10px;
}

#encodeDecodeAirportMessageDiv {
    padding: 5px 0 0 0px;
}

#encodeDecodeAirportProgressBar {
    margin-top: 10px;
}

#encodeDecodeAirportResultDiv {
    max-height: 69%;
    overflow-y: scroll;
    padding: 10px 5px 3px 3px;
    cursor: pointer;
}

#encodeDecodeAirportResultDiv table th,#encodeDecodeAircraftTypeResultDiv table th
    {
    padding-right: 20px;
    text-align: center;
    box-sizing: content-box;
}

#encodeDecodeAirportSelectButtonDiv {
    bottom: 10px;
    margin-top: 5px;
    position: absolute;
    right: 12px;
    text-align: right;
}

.dialogSelectedRowHighlight {
    background-color: #dbf0fb;
}
/* end Airport Lookup dialog */

/* AircraftType dialog lookup */
.dialogAircraftTypeLookupDiv table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 10px 0;
}

.dialogAircraftTypeLookupDiv table tr {
    border: 1px solid black;
}

.dialogAircraftTypeLookupDiv table th {
    border: 1px solid black;
    padding: 3px;
    background-color: #aaaaaa;
}

#resultTableIdAircraftLookupAcTypeColumn {
    min-width: 75px;
}

.dialogAircraftTypeLookupDiv table td {
    border: 1px solid black;
    padding: 3px;
}

#encodeDecodeAircraftTypeHeader {
    padding: 3px;
    background-color: #ffffff;
    border-bottom: 1px solid #aaaaaa;
}

#encodeDecodeAircraftTypeAircraftType {
    text-transform: uppercase;
    width: 215px;
}

#encodeDecodeAircraftTypeResultDiv {
    max-height: 69%;
    overflow-y: scroll;
    padding: 10px 5px 3px 3px;
    cursor: pointer;
}

#encodeDecodeAircraftTypeSelectButtonDiv {
    bottom: 10px;
    margin-top: 5px;
    position: absolute;
    right: 12px;
    text-align: right;
}
/* end AircraftType dialog lookup */

/* UAS Address search dialog */
.searchAddressLookupDiv table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 10px 0;
}

.searchAddressLookupDiv table tr {
    border: 1px solid black;
}

.searchAddressLookupDiv table th {
    border: 1px solid black;
    padding: 3px;
    background-color: #aaaaaa;
}

.searchAddressLookupDiv table td {
    border: 1px solid black;
    padding: 3px;
}

#searchAddressText {
    text-transform: uppercase;
    width: 480px;
}

#searchAddressLookupHeader {
    padding: 3px;
    background-color: #ffffff;
    border-bottom: 1px solid #aaaaaa;  
}

#searchAddressResultDiv {
    max-height: 69%;
    overflow-y: scroll;
    padding: 10px 5px 3px 3px;
    cursor: pointer;
}

#resultTableAddressSearch {
    margin: 12px 0;
}

#searchAddressLookupSelectButtonDiv {
    bottom: 10px;
    margin-top: 5px;
    position: absolute;
    right: 12px;
    text-align: right;
}
/* end UAS Address search dialog */

/* Flight Plan search results dialog */
.dialogFlightPlanSearchResultsDiv table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 10px 0;
}

.dialogFlightPlanSearchResultsDiv table tr {
    border: 1px solid black;
}

.dialogFlightPlanSearchResultsDiv table th {
    border: 1px solid black;
    padding: 3px;
    background-color: #aaaaaa;
}

#resultTableIdFlightPlanSearchResultsRouteColumn {
    min-width: 75px;
}

.dialogFlightPlanSearchResultsDiv table td {
    border: 1px solid black;
    padding: 3px;
}
#flightPlanSearchResultsDiv {
    max-height: 270px;
    min-height: 0px;
    overflow-y: auto;
    padding: 3px 5px 3px 3px;
}

#flightPlanSearchResultsButtonsDiv {
    margin-top: 5px;
    text-align: right;
    vertical-align: text-bottom;
}
/* end flight plan search results dialog */

.leftButton {
    position: absolute !important;
    left: 10px;
}

/* Route Search dialog */
.ui-dialog-buttonset>.ui-button {
    color: #000000 !important;
    padding: 5px 12px;
}

.ui-dialog-buttonset>.ui-button:disabled {
    cursor: default;
    pointer-events: none;
    opacity: .5;
}

.dialogRoutesSearchDiv table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
}

.dialogRoutesSearchDiv table tr {
    border: 1px solid black;
}

.dialogRoutesSearchDiv table th {
    border: 1px solid black;
    padding: 3px;
    background-color: #aaaaaa;
}

.dialogRoutesSearchDiv table td {
    border: 1px solid black;
    padding: 3px;
    cursor: pointer;
}

#routeSearchForm label {
    cursor: pointer;
}

#routeSearchResultContent {
    max-height: 180px;
    overflow-y: auto;
    padding: 0px 5px 3px 0px;
}

#routeSearchResultContent table th {
    padding-right: 18px;
}

.routeSearchOverview {
    float: right;
    width: 40%;
    text-align: right;
}

#routeSearchOverview ul {
    margin-left: 1em;
}

#routeSearchOverview ul li {
    padding-top: .5em;
    padding-bottom: .5em;
}

.routeSearchResultInstructions {
    float: right;
    width: 40%;
    text-align: right;
}

.routeSearchEquipmentCodeDefs {
    float: right;
    text-align: right;
    color: blue;
    cursor: pointer;
    display: none;
}

.routeSearchEquipmentCodeDefs:hover {
    text-decoration: underline;
}

.routeSearchResultContentRoute {
    position: absolute;
    left: 10%;
    text-align:left;
    width: 85%
}

#dialogNoRecordsErrorSpan {
    font-weight: bold;
    color: #ff6666;
}

#routeSearchForm .V_form {
    margin-top: .5em;
    margin-left: 1.5em;
}

#routeSearchForm .V_form label {
    display: inline-block;
    width: 9em;
    margin-top: .5em;
}

#routeSearchForm .V_form select {
    width: 10.5em;
}

/* end PreferredRoute dialog lookup */
#encodeDecodeContractionsInstructionDiv {
    border: 1px solid #999999;
    background-color: #f5f5f5;
    width: 380px;
    height: 240px;
    padding: 2px;
    float: left;
    margin-left: 10px;
    font-size: .85em;
}

.encodeDecodeContractionsRadioButtonDiv {
    display: block;
}

.encodeDecodeContractionsShowFullListButton {
    margin-top: 3px;
}

#encodeDecodeContractionsInstructionDiv ol {
    margin-left: 20px;
}

#encodeDecodeContractionsInstructionDiv ol li {
    margin-left: 20px;
}

#encodeDecodeContractionsInstructionDiv h3 {
    font-weight: bold;
    margin: 3px 0;
}

#encodeDecodeContractionsSearchOuterFieldset {
    border: 1px solid #999999;
    width: 470px;
    height: 240px;
    padding: 0px 10px 4px 10px;
    background-color: #f5f5f5;
}

#encodeDecodeContractionsSearchTypeFieldset {
    border: 1px solid #888888;
    width: 150px;
    padding: 7px;
    margin-bottom: 20px;
    margin-top: 5px;
}

#encodeDecodeContractionsDiv table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #cccccc;
    margin: 0;
}

#encodeDecodeContractionsDiv table tr,#encodeDecodeContractionsDiv table th,#encodeDecodeContractionsDiv table td
    {
    border: 1px solid #aaaaaa;
}

#encodeDecodeContractionsDiv table th {
    border: 1px solid #666666;
    padding: 3px;
    background-color: #aaaaaa;
}

#encodeDecodeContractionsDiv table td {
    padding: 3px;
    border: 1px solid #aaaaaa;
}

.encodeDecodeContractionsTableHeaders {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 1.2em;
    font-weight: bold;
}

table#encodeDecodeContractionsMiscAircraftTypesTable,table#encodeDecodeContractionsHomebuiltExperimentalAircraftTable,table#encodeDecodeContractionsWeightClassesTable
    {
    width: 55%;
}

table#encodeDecodeContractionsMilitaryTypeDesignatorsTable {
    width: 27%;
}

#encodeDecodeContractionsResultDiv table {
    width: 90%;
}

#encodeDecodeContractionsResultDiv table th {
    padding-right: 18px;
}

#encodeDecodeContractionsNoRecordsErrorSpan,#encodeDecodeAirportNoRecordsErrorSpan
    {
    font-weight: bold;
    color: #ff6666;
}

#icaoAircraftEquipmentDialog label {
    display: block;
    font-size: .8em;
}

#dialogAircraftColorLookup label {
    display: block;
    font-size: .8em;
}

#icaoSurveillanceEquipmentDialog label {
    display: block;
    font-size: .8em;
}

.dialogIcaoSurveillanceEquipmentDiv fieldset {
    border: 1px solid #aaaaaa;
    margin-bottom: 5px;
}

#icaoOtherInfoDialog label {
    display: block;
    font-size: .8em;
    margin-top: 3px; /* give extra room for STS, PBN, and PER buttons */
}

#icaoOtherInfoSTSDialog label,#icaoOtherInfoPBNDialog label,#icaoOtherInfoPERDialog label
    {
    display: block;
    font-size: .8em;
}

.dialogIcaoOtherInfoPBNDiv fieldset {
    border: 1px solid #aaaaaa;
    padding: 5px;
}

#icaoOtherInfoPBNDialogRNAVSpecsLeftFieldset {
    width: 37%;
    float: left;
}

#icaoOtherInfoPBNDialogRNAVSpecsRightFieldset {
    width: 55%;
    float: right;
}

.icaoOtherInfoDialogPBNFieldsetSpacer {
    height: 10px;
}

#icaoOtherInfoWarningDialogWarningIcon {
    float: left;
    margin: 0 7px 100px 0;
}

#icaoOtherInfoDuplicateWarningDialogWarningIcon {
    float: left;
    margin: 0 7px 30px 0;
}

.metarBriefingTableClass {
    border-spacing: 10px;
}

table.metarBriefingTableClass tr#cursorHand {
    cursor: pointer;
}

table.metarBriefingTableClass tr#cursorText {
    cursor: text;
}

#saveFavoriteDialogNewItemLabel,#saveFavoriteDialogFavoritesListLabel {
    display: block;
    font-weight: bold;
}

#saveFavoriteDialogNewItem {
    width: 265px;
    margin-bottom: 5px;
}

#saveFavoriteDialogFavoritesList {
    border: 1px solid #aaaaaa;
    padding: 2px;
    width: 265px;
    height: 50px;
    overflow-y: auto;
}

.saveFavoriteDialogItem {
    display: block;
}

#saveFavoriteDialogButtonDiv {
    clear: both;
    margin-top: 1em;
    text-align: right;
}

#manageFavoritesDialogList {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 99%;
    height: 100px;
    border: 1px solid #aaaaaa;
}

#manageFavoritesDialogButtonDiv {
    margin-top: 1em;
    width: 99%;
}

.manageFavoritesDialogItem {
    width: 100%;
    font-size: .8em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-width: 0 0 1px 0;
    border-color: #666666;
}

.manageFavoritesDialogItemSelected {
    background-color: #cccccc;
}

/* Used to position the warning icon for the
   Flight Rules/Altitude conflict dialog
*/

#dialogACPerformanceCharacteristicsIgnored span {
    float: left;
    margin: 0 7px 15px 0;
}

#dialogFlightRulesAltitudeConflict span {
    float: left;
    margin: 0 7px 15px 0;
}

#dialogDataCommMissing {
    padding: 10px 10px 10px 10px;
}

.TFRBody {
    margin-left: 4em;
}

.readonlyField {
    background-color: #dcdcdc;
}

.readonlyFPText {
    font-size: 10pt;
    color: #000000;
}

.readonlyNoOutline {
    border: none;
    outline: none;
    margin-top: 1px;
    background-color: #e5e5e5;
}

.centerSpan {
    text-align: center;
    horizontal-align: middle;
    vertical-align: middle;
}

@media screen {
    .printIcon {
        text-align: right;
        horizontal-align: middle;
        vertical-align: middle;
    }
}

@media print {
    .printIcon {
        display: none;
    }
}

.tableColumnCentered {
    text-align: center;
}


.alertContentPanes {
    overflow: hidden;
    top: 20px;
}

.messageNav {
    height: 70px;
    display: flex;
    align-items: center;
    border-bottom:thin solid gray;
}

#alertViewerSummary {
    width: 25%;
    float: left;
    font-size: 1.25em;
}

#alertCount {
    font-size: 0.9em;
}

.alertNavButtons {
    width: 25%;
    display: flex;
    align-items: center;
    float: left;
    font-size: 1.5em;
}

.alertNavButtons button {
    padding: 0px 14px 0px 12px;
    vertical-align: middle;
}

.alertNavButtons button span {
    padding: 9px 10px 10px 12px !important;
    margin: -13px;
    font-size: 1.5em;
}

.alertNavButtons button .ui-button-text {
    line-height: 1.2;
}

.alertTextBlock {
    border: 2px dashed #ffffff;
    border-radius: 3px;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.alertHighlightedTextBlock {
    border: 2px dashed #000000;
}

.alertDivisionLine {
    height: 1px;
    width: 90%;
    margin: 5px auto;
    background: rgb(221, 221, 221); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(221, 221, 221, 1) 0%,
        rgba(153, 153, 153, 1) 50%, rgba(221, 221, 221, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(221,
        221, 221, 1)), color-stop(50%, rgba(153, 153, 153, 1)),
        color-stop(100%, rgba(221, 221, 221, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(221, 221, 221, 1) 0%,
        rgba(153, 153, 153, 1) 50%, rgba(221, 221, 221, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(221, 221, 221, 1) 0%,
        rgba(153, 153, 153, 1) 50%, rgba(221, 221, 221, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(221, 221, 221, 1) 0%,
        rgba(153, 153, 153, 1) 50%, rgba(221, 221, 221, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(221, 221, 221, 1) 0%,
        rgba(153, 153, 153, 1) 50%, rgba(221, 221, 221, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#dddddd',
        endColorstr='#dddddd', GradientType=1); /* IE6-9 */
}

.alertAck {
    height: 50px;
    display: flex;
    align-items: center;
}

.alertAckButton {
    width: 45%;
    float: left;
    text-align: right;
}

.alertInfo {
    width: 55%;
    float: left;
    text-align: right;
}

.alertTextPane {
    float: left;
    width: 43.4%;
    height: 367px;
    overflow-y: auto;
    border: thin solid black;
    padding: 4px 4px 4px 4px;"
}

.alertGraphicPane {
    float: left;
    width: 55.2%;
    height: 375px;
    border: thin solid black;
    text-align: right;    
}

#mapContainer, #alertMap {
   height: 100%;
}

.dialogAlertsTableNoPriorBriefWarning {
    display: block;
    color: #ff0000;
    line-height: 2;
}

.dialogAlertViewerTitle{
    word-spacing: 3px;
    font-size: 10.5pt;
    line-height: 2;
}

.yesAlertsButton {
    background-image: url() !important;
    color: white c_rowContent !important;
    background-color: red !important;
}

/* Used for the ACID Combobox */
.ui-combobox {
    position: relative;
    display: inline-block;
}

.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
}

.ui-combobox-input {
    margin: 0;
    padding: 0.3em;
}

.ui-autocomplete-input {
    margin: 0;
    padding: 0.40em 0 0.40em 0.40em;
}

.ui-autocomplete .ui-menu-item a {
    min-height: 15px;
}

/* RecentFlightPlans dialog lookup */
#recentFlights,#favoriteFlights {
    cursor: default;
}

.customSelectTable table {
    width: 100%;
    border-collapse: collapse;
}

.customSelectTable {
    margin-left: 4px !important;
    margin-right: 4px !important;
    padding: 0px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    cursor: default;
}

.customSelectTable table tr,.customSelectTable table tr {
    padding: 1em;
}

.customSelectTable table td,.customSelectTable table td {
    padding: 2px;
}

#aircraftIdDownArrowButton,#aircraftEquipDownArrowButton,#recentFlightPlansDownArrowButton,#favoriteFlightPlansDownArrowButton
    {
    border-radius: 0 0 0 0;
    height: 22px;
    width: 16px;
}

.scrollable {
    max-height: 28.5em; /* (Number of lines) x 1.5 */
    overflow: auto;
}

/********************** Help Menu - FAQs/Announcements *****************************/

/** Style faqs title, headers, and sections **/
#faqsTitle {
    padding-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

.faqsCollapsibleHeader {
    margin: -1px 0px;
    padding: 10px;
    border: 1px solid #999999 !important;
    width: 850px;
    background-color: white;
    color: black;
    text-align: left;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
}

.faqsCollapsibleHeader:first-of-type {
    border-radius: 10px 10px 0px 0px;
}

.faqsCollapsibleHeader:last-of-type {
    border-radius: 0px 0px 10px 10px;
}

.faqsActive, .collapsible:hover {
    background-color: #d3d3d3;
}

.faqsTriangleDown:before {
    float: right;
    content: "\25BC";
}

.faqsTriangleUp:before {
    float: right;
    content: "\25B2";
}

.faqsSection {
    padding: 0px 10px 5px 30px;
    border: 1px solid #999999;
    background-color: #f5f5f5;
    width: 830px;
    display: none;
    overflow: hidden;
}

.faqsSection li {
    padding: 5px 0px 5px 10px;
}

.faqsSection li h3 {
    display: inline-table;
    font-weight: bold;
    margin-bottom: 0;
}

.faqsSection li p {
    margin-left: 25px;
    padding-top: 5px;
}

.faqsDisabledLink:link, .faqsDisabledLink:visited, .faqsDisabledLink:active, .faqsDisabledLink:hover {
    color: inherit !important;
    cursor: default !important;
    background: none !important;
    text-decoration: none !important;
}

.faqsDivIndent {
    margin-left: 39px;
}

.faqsDivDoubleIndent {
    margin-left: 23px;
}

.faqsTable {
    border-collapse: collapse;
    margin-left: 25px;
}

.faqsTable td {
    border: 1px solid #aaaaaa;
    padding: 3px 3px;
}

#dialogAnnouncement .listMajor li {
    list-style-type: none;
}
#dialogAnnouncement .listMinor li {
    list-style-type: circle;
}

/** Give our primary column a width and float it to the left width a right margin **/
.primary {
    width: 100px;
    margin: 20px 30px 0 0;
    float: left;
    display: inline;
}

.release {
    padding-top: 2px;
    padding-bottom: 2px;
}

.helpTableHeaders {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 1.2em;
    font-weight: bold;
}

.helpSectionHeaders {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 1.1em;
    font-weight: bold;
}

.helpSectionHeaders_1 {
    margin-top: -5px;
    margin-bottom: -5px;
    font-size: 1.1em;
    position: relative;
}

.helpSectionHeaders_2 {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 1.1em;
    font-weight: bold;
    color: purple;
}
/** Add a hover effect to links **/
a:hover {
    text-decoration: underline;
}

/** Style the section menu by adding a subtle background, and padding **/
ol.section_menu {
    margin-top: 5px;
    border: 1px solid #999999;
    background-color: #f5f5f5;
    width: 850px;
    padding: 2px;
}

/** Style announcements sections **/
dl.section {
    margin-bottom: 0px;
}

/** Add proper indentation to the section lists **/
.section_menu ul,.section_menu li{
    margin-left: 20px;
}

/** Make the section announcement itself stand out **/
dl.section dt,dl.sectionNoLine dt {
    font-weight: bold;
    color: #000000;
    padding: 10px 0 5px 0;
    width: 870px;
    display: block;
}

/** Add a divisor below the release announcement **/
dl.section dd {
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    width: 860px;
    display: block;
}

/** Remove divisor between announcement/content of releases **/
dl.sectionNoLine dd {
    padding-bottom: 2px;
    width: 860px;
    display: block;
}

/** Styling for table dropdown header sections **/
.tableColumnTitle {
    background-color: #cce6ff;
}

/** Used for the Flight plan page Hover and Helper text **/
ul.hoverMenu li {
    padding: 0px;
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

ol.hoverMenu li {
    padding-left: 7px;
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: decimal;
    list-style-position: outside;
}

.helperBox ul li {
    padding: 0px;
    margin-bottom: 4px;
    margin-left: 20px;
    list-style-type: disc;
    list-style-position: outside;
}

.helperBox span ul li {
    padding: 0px;
    margin-bottom: 4px;
    margin-left: 20px;
    list-style-type: none;
    list-style-position: outside;
}

.helperBox ol {
    margin: 0px;
    padding-left: 25px;
}

.helperBox ol li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: decimal;
    list-style-position: outside;
}

.helperBox ul.discBulletGutter li {
    padding-left: 0.6em;
}

.helperBox ol.bulletDecimal li{
   margin-left: -0.1em;
   list-style-type: decimal;
   padding-left: 0.6em;
}

.helperBox ol.bulletLowerAlpha li{
   margin-left: 0.7em;
   list-style-type: lower-alpha;
   padding-left: 0.6em;
}

.helperBox ol.bulletDisc li{
   margin-left: 0.7em;
   list-style-type: disc;
   padding-left: 0.6em;
}

.helperBox ol.bulletNone li{
   margin-left: 0.7em;
   list-style-type: none;
   padding-left: 0.6em;
}

.helperBox ol.bulletLowerRoman li{
   margin-left: 0.7em;
   list-style-type: lower-roman;
   padding-left: 0.6em;
}

.helperBox .icaoRouteFlightRulesIndent {
    margin-left: 1.0em;
}

.helperBox .icaoRouteFlightRulesUnIndentExample {
    margin-left: -2.0em;
}

.helperBox .icaoRouteRestrictionsIndent {
    margin-left: 0.5em;
}

.close_rowLabel {
    display: block;
    color: #797979;
    font-weight: bold;
    line-height: 1.4em;
    float: left;
    padding-right: 5px;
    width: 65px;
    text-align: right
}

.close_rowContent {
    font-size: 11px;
    float: left;
}

.close_rowContent textarea {
    text-transform: uppercase;
    color: #444444;
    position: relative;
    overflow-y: auto;
    width: 300px;
    height: 45px;
    resize: none
}

sup,sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size: 6px;
}

sup {
    bottom: 2ex;
}

sub {
    top: .5ex;
}

/* Home Page */
.homePagePlainTextMetarCheckboxWrapper {
    display: inline-block;
    float: left;
}

.homePagePlainTextMetarCheckboxWrapper label {
    vertical-align: top;
}

.areaBriefDashboardWrapper {
    display: inline-block;
    padding: 4px;
    vertical-align: text-bottom;
    float: left;
    padding: 0em 0em 0em 7em;
}

div.secondaryLine {
    padding-left: 2em;
    padding-top: 0.5em;
}

.disabledColor {
    color: #848484;
}

/* Altitude Optimization dialog */
.altitudeOptimizationDialogDiv table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 10px 0;
    text-align: center;
}

.altitudeOptimizationDialogDiv table tr {
    border: 1px solid black;
}

.altitudeOptimizationDialogDiv table th {
    border: 1px solid black;
    background-color: #aaaaaa;
}

.altitudeOptimizationDialogDiv table td {
    border: 1px solid black;
    vertical-align: middle;
    height: 30px;
    width: 200px;
    cursor: pointer;
}

.altitudeOptimizationAltCol {
    width: 100px !important;
}

.altitudeOptimizationUnits {
    font-size: 7pt;
}

.altitudeOptimizationLabels {
    font-size: 10pt;
    min-width: 50px;
}

.altitudeOptimizationPerformancWarning {
    font-size: 7pt;
}

.altitudeOptimizationDialogFailure {
    color: #FF0000;
    font-size: 8pt;
}

/* Altitude Optimization dialog End*/

/* Pre-Stored Flight Plan page */
#summaryArea {
    width: 100%;
}

.summaryTableContainer {
    width: 332px;
    float: left;
    margin-right: 30px;
}

.sectionTitle {
    font-size: 16px;
    width: inherit;
    text-align: center;
}

.summaryHeaderTable {
    width: inherit;
    height: 45px;
    border: 1px solid grey;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 10px;
    cursor: default;
}

.summaryHeaderTable th {
    border: 1px solid #5c5c5c;
    border-style: none none solid none;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

.summaryHeaderTable th:first-child {
    width: 100px;
}

.colWidth {
    width: 110px;
}

.colWidthScroll {
    width: 105px;
}

.emptyHeader {
    width: 2px;
}

.emptyHeaderScroll {
    width: 17px;
}

.scrollingSummaryDiv {
    width: inherit;
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

.summaryTable {
    width: inherit;
    height: 150px;
    border: 1px solid grey;
    border-collapse: collapse;
    border-spacing: 0px;
    cursor: default;
}

.tableWidthScroll {
    width: 315px;
}

.summaryTable td {
    height: 36px;
    border: 1px solid grey;
    border-style: solid none;
    text-align: center;
    vertical-align: middle;
}

.summaryTable td:first-child {
    width: 100px;
}

.summaryTable .empty {
    border: none;
}

#instructions {
    width: 160px;
    height: 225px;
    float: left;
}

.flightPlanTitle {
    padding-top: 20px;
    font-size: 16px;
}

.selectableRow {
    cursor: pointer;
}

.selectableGraphics {
    cursor: pointer;
}

.selectableRow:hover {
    background: #f7f7f7;
}

.scheduleRow {
    cursor: pointer;
}

.scheduleRow:hover {
    background: #f7f7f7;
}

.psfpInstructionsContainer {
    text-align: center;
}

.psfpInstructionsLinkContainer{
    margin-top: 10px;
}

.psfpInstructionsLinkText {
    font-size: 0.9em;
    text-decoration: none;
    color: blue !important;
    cursor: pointer;
    cursor: hand;
}
.psfpInstructionsText {
    font-size: 0.9em;
    text-align: center;
}

.psfpForm textarea {
    resize: none;
    font-family: inherit;
    font-size: 12px;
}

.psfpForm input[type=text] {
    float: left;
}

.psfpFormIcaoSectionHeader {
    font-size: 14px;
}

.psfpButtonRow {
    padding: 10px 0px;
}

.psfp_rowLabel {
    display: block;
    line-height: 1.4em;
    width: 230px;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
}

.psfp_formRow {
    margin: 0.5em;
    clear: both;
}

.psfp_checkboxMargin {
    margin-left: -9px;
}

.psfp_checkboxRow {
    width: 500px;
    height: 18px;
    padding: 0px;
    padding-top: 2px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.psfp_formRowCheckbox {
    margin-left: 9px;
    margin-right: 2px;
}

.psfpSchedule_rowLabel {
    display: block;
    line-height: 1.4em;
    width: 155px;
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    text-align: right;
}

.psfpSchedule_rowContent {
    width: 240px;
    padding: 0px;
    color: #444444;
    font-size: 11px;
    float: left;
}

.psfpScheduleAdjustDSTCheckbox {
    padding-top: 10px;
    padding-left: 15px;
    float: left;
}

.psfpScheduleAdjustDSTLabel {
    display: block;
    line-height: 1.4em;
    padding-top: 9px;
    padding-left: 35px;
}

.psfpScheduleRecurrenceRadioInput {
    padding-top: 10px;
    padding-left: 15px;
    float: left;
}

.psfpScheduleDateRadioInput {
    padding-top: 2px;
    padding-left: 63px;
    float: left;
}

.psfpScheduleStopDateRadioLabel {
    display: block;
    line-height: 1.4em;
    width: 71px;
    float: left;
    padding-top: 2px;
    text-align: left;
    padding-left: 3px;
    padding-right: 8px;
    margin-left: 5px;
}

.psfpScheduleNoStopDateRadioLabel {
    display: block;
    line-height: 1.4em;
    width: 93px;
    float: left;
    padding-top: 2px;
    text-align: left;
    padding-right: 8px;
    margin-left: 8px;
}

.psfpScheduleRecurrenceRadioLabel {
    display: block;
    color: black;
    line-height: 1.4em;
    padding-top: 9px;
    float: left;
    margin-left: 5px;
}

.dayOfWeekCheckbox {
    margin-left: 60px;
    padding-top: 10px;
    float: left;
}

.dayOfWeekLabel {
    display: block;
    line-height: 1.4em;
    padding-top: 9px;
    margin-left: 80px;
}

#dialogPSFPScheduleContainer h2 {
    font-size: 15px;
}

.psfpScheduleSelect {
    margin-top: 9px;
    margin-left: 10px;
    float: left;
}

#domestic\.aircraftIdDownArrowButton,#icao\.aircraftIdDownArrowButton
    {
    border-radius: 0 0 0 0;
    height: 22px;
    width: 16px;
}

#errorInRecurrencePattern {
    margin-left: 20px;
}

.inactive {
    color: #909090;
}

.active {
    color: black;
}
/*To hide placeholder values on focus event for different browsers */

/* WebKit browsers */
#domesticFPFormFields input:focus::-webkit-input-placeholder,#icaoFPFormFields input:focus::-webkit-input-placeholder
    {
    color: transparent;
}

/* Mozilla Firefox 4 to 18 */
#domesticFPFormFields input:focus:-moz-placeholder,#icaoFPFormFields input:focus:-moz-placeholder
    {
    color: transparent;
}

/* Mozilla Firefox 19+ */
#domesticFPFormFields input:focus::-moz-placeholder,#icaoFPFormFields input:focus::-moz-placeholder
    {
    color: transparent;
}

/* Internet Explorer 10+ */
#domesticFPFormFields input:focus:-ms-input-placeholder,#icaoFPFormFields input:focus:-ms-input-placeholder
    {
    color: transparent;
}

/* Pre-Stored Flight Plan page End*/

/* Domestic Flight Plan Form Begin */
#domesticFPFormFields,#icaoFPFormFields {
    border-collapse: collapse;
    display: table;
}

#domesticFPFormFields textarea,#icaoFPFormFields textarea {
    resize: none;
    border-style: inset;
    border-width: 2px;
    text-transform: uppercase;
    border-color: rgb(227, 227, 227);
}

#domesticFPFormFields input[type="checkbox"]:focus,#icaoFPFormFields input[type="checkbox"]:focus
    {
    outline: grey dotted thin;
}

#domesticFPFormFields input[type="text"],#icaoFPFormFields input[type="text"]
    {
    text-transform: uppercase;
}

.flightPlanRow {
    background-color: #dbf0fb;
    border-top: 1px solid #6A6A6A;
    border-right: 1px solid #6A6A6A;
    overflow-x: visible;
    overflow-y: visible;
}

.flightPlanBottomRow {
    border-top: 1px solid #6A6A6A;
    border-bottom: 1px solid #6A6A6A;
    background-color: #dbf0fb;
    overflow-x: visible;
    overflow-y: visible;
}

.t_fp_cell {
    display: table-cell;
    width: 110px;
    height: 100%;
    float: left;
    border-left: 1px solid #6A6A6A;
    padding-left: 5px;
}

.t_fp_i_eta_label{
    padding-left: 67.5%;
}

.t_fp_right_cell {
    display: table-cell;
    height: 100%;
    float: left;
    border-left: 1px solid #6A6A6A;
    padding-left: 5px;
}

.t_fp_cell_values {
    padding-top: 0.5em;
    color: #444444;
    font-size: 11px;
}

.t_fp_cell_values > input[type="text"], #minutesFromNowInput {
    font: inherit;
    border-width: 1px;
    border-style: inset;
    border-color: rgb(227, 227, 227);
}

.t_fp_cell_values > select {
    font: inherit;
}

.t_fp_minFromNow_cell_values {
    padding-top: 0.5em;
    color: #444444;
    font-size: 11px;
    padding-bottom: 5px;
    float: left;
}

.t_fp_cell_eta_value {
    padding-left: 50%;
}

.fp_button_class {
    color: #000000 !important;
}

#cruisingAltitude_cell {
    width: 100%;
    height: 40px;
    margin-top: -0.6em;
}

#cruisingAltitude {
    margin-top: 0.5em;
}

#domesticFPFormFields .errorMessage,#icaoFPFormFields .errorMessage, #uoaFormDiv .errorMessage {
    color: red;
    font-size: 11px;
}

#domesticFPFormFields input,select,#icaoFPFormFields input,select {
    vertical-align: top;
}

textarea {
    resize: none;
    border-style: inset;
    border-width: 2px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;;
}

#t_fp_d_row_1 {
    height: 65px;
    width: 929px;
}

#t_fp_d_row_2 {
    height: 95px;
    width: 929px;
}

#t_fp_d_row_3 {
    height: 76px;
    width: 929px;
}

#t_fp_d_row_4 {
    height: 76px;
    width: 929px;
}

.flightPlanButtonRow {
    height: 36px;
    float: left;
    margin-top: 0.5em;
    margin-bottom: -0.5em;
}

.doubleRowActionButton {
    height: 100%;
    width: 88px;
    vertical-align: middle;
    padding-bottom: 3px !important;
    padding-top: 0px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    white-space: normal !important;
    text-align: center;
    color: #000000 !important;
}

.singleRowActionButton {
    width: 70px;
    height: 65%;
    padding-bottom: 3px !important;
    padding-top: 1px !important;
    vertical-align: middle;
    text-align: center;
    color: #000000 !important;
}

.singleRowAutoSizeActionButton {
    width: auto;
    height: auto;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    vertical-align: middle;
    text-align: center;
    white-space: normal !important;
    color: #000000 !important;
}

.briefingCorridorUnitText {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.advncdSvcsPadding {
    margin-left: 15px;
}

.advSvcsTitleImg {
    display: inline-block;
    vertical-align: middle;
    align: absmiddle;
}

.advSvcsImg {
    height: 45px;
    width: 45px;
    vertical-align: middle;
    align: absmiddle;
    padding-right: 40px;
}

.advSvcsTitleText {
    display: inline-block;
    vertical-align: middle;
    align: absmiddle;
    text-align: center;
}

.fpAreaInfo {
    padding-left: 4px;
    padding-right: 4px;
}

.fpAirportInfoButton, .fpAreaBriefButton {
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-bottom: 0.5em;
    float: left;
    width: 89px;
}

#fpRightButtonRow {
    height:36px;
    float: right;

}

/* Domestic Flight Plan Form Fields Begin */
#t_fp_d_flightRule {
    width: 118px;
}

#t_fp_d_acId {
    width: 118px;
}

#t_fp_d_acType {
    width: 122px;
}

#t_fp_d_aircraftEquipment {
    width: 122px;
}

#t_fp_d_numberOfAircraft {
    width: 92px;
}

#t_fp_d_heavyWakeTurbulence {
    width: 52px;
}

#t_fp_d_heavyWakeTurbulence_input {
    padding-right: 4px;
}

#t_fp_d_airspeed {
    width: 68px;
}

#t_fp_d_altitude {
    width: 180px;
}

#t_fp_d_altitudeOptimization {
    width: 87px;
    float: right;
    padding-top: 5px;
}

.longDepDest {
    width: 75%;
}

#t_fp_d_departure,#t_fp_d_destination,#t_fp_i_departure {
    width: 242px;
}

#t_fp_d_departureInput,#t_fp_d_destinationInput {
    width: 140px;
    float: left;
}
#t_fp_d_departureInput_input {
    margin-top:0.2em;
}

#t_fp_d_departureInput_input #t_fp_d_departure_error {
    width: 16em;
    margin-top: .4em;
}

#t_fp_d_departureButtons,#t_fp_d_destinationButtons,#t_fp_d_altDestination1Buttons,#t_fp_d_altDestination2Buttons
    {
    width: 94px;
    height: 100%;
    float: right;
    padding-right: 0%;
}

#altitudeOptimizationButton {
    margin-top: 0px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    width: 75px;
    float:right;
}

#t_fp_d_depTime, #t_fp_d_arrivalTime {
    width: 250px;
}

#t_fp_d_departureDate,#t_fp_i_departureDate {
    width: 83px;
    float: left;
}

#t_fp_d_departureTime,#t_fp_i_departureTime {
    width: 128px;
    margin-left: 33px;
    float: left;
}

#departureDateAndTime, #arrivalDateAndTime {
    width: 100%;
    float: left;
}
#t_fp_d_departureDateError,#t_fp_i_departureDateError {
    float: left;
    width: 59%;
    display: inline-block;
}

#t_fp_d_arrivalDateError {
    float: left;
    width: 83px;
    height: 1px;
}

#t_fp_d_departureDateTimeErrors, #t_fp_i_departureDateTimeErrors {
    float: left;
    width: 180px;
    display: inline-block;
}

#t_fp_d_altitudeError,#t_fp_i_altitudeError {
    width: 160px;
    float: left;
}

#t_fp_d_departureTimeError,#t_fp_i_departureTimeError {
    float: right;
    width: 41%;
    display: inline-block;
}

#t_fp_d_arrivalTimeError {
    float: left;
    margin-left: 22px;
}

#t_fp_d_departureFieldsError {
    clear: both;
}

#t_fp_d_routeOfFlight {
    width: 410px;
}

#t_fp_d_routeOfFlight textarea {
    width: 402px;
}

#t_fp_d_time_enroute,#t_fp_d_fuelOnBoard {
    width: 122px;
}

#t_fp_d_remarks {
    width: 308px;
}

#t_fp_d_pilotContactInfo {
    width: 205px;
}

#t_fp_d_personsOnBoard {
    width: 97px;
}

#t_fp_d_beaconCode {
    height: 40%;
    padding-left: 5px;
    margin-top: -0.5em;
}

#t_fp_d_altDestination1 {
    width: 242px;
}

#t_fp_d_altDestination2 {
    width: 250px;
}

#t_fp_d_altDestination1Input,#t_fp_d_altDestination2Input {
    width: 143px;
    float: left;
}

#t_fp_d_aircraftColor {
    height: 60%;
    padding-left: 5px;
    padding-bottom: 8px;
}

#t_fp_d_aircraftColorBeaconCode {
    width: 208px;
    padding-left: 0px;
}

.t_fp_d_separator {
    margin-top: -0.5em;
    border-top: 1px solid #6A6A6A;
    display: none;
}

#t_fp_d_separator_1 {
    margin-left: -0.5em;
    margin-top: 0px;
    width: 102.5%;
}

#t_fp_d_separator_2 {
    width: 103%;
}

.areaBriefRadiusSelect {
    margin-top: 7px;
    margin-left: 42px;
}
.areaWindRadiusSelect {
    margin-top: 12px;
    margin-left: 0px;
}

/* Domestic Flight Plan Form Fields End */

/* Domestic Flight Plan Form End */



/* ICAO Flight Plan Form Fields Begin */
#t_fp_i_row_1 {
    height: 64px;
    width: 929px;
}

#t_fp_i_row_2 {
    height: 95px;
    width: 929px;
}

#t_fp_i_row_3 {
    height: 94px;
    width: 929px;
}

#t_fp_i_row_4 {
    height: 70px;
    width: 929px;
}

#t_fp_i_row_5 {
    height: 80px;
    width: 929px;
}

#t_fp_i_row_6 {
    height: 100px;
    width: 929px;
}

#t_fp_i_acid {
    width: 109px;
}

#t_fp_i_acid_2016 {
    width: 135px;
}

#t_fp_i_flightRule {
    width: 75px;
}

#t_fp_i_flightRule_2016 {
    width: 102.5px;
}

#t_fp_i_flightType {
    width: 144px;
}

#t_fp_i_flightType_2016 {
    width: 136px;
}

#t_fp_i_numberOfAircraft {
    width: 98px;
}

#t_fp_i_numberOfAircraft_2016 {
    width: 102px;
}

#t_fp_i_aircraftType {
    width: 105px;
}

#t_fp_i_aircraftType_2016 {
    width: 98px;
}

#t_fp_i_wakeTurbulence {
    width: 118px;
}

#t_fp_i_wakeTurbulence_2016 {
    width: 110px;
}

#t_fp_i_aircraftEquipment {
    width: 231px;
}

#t_fp_i_aircraftEquipment_2016 {
    width: 203px;
}

#t_fp_i_aircraftEquipment input[type="text"], #t_fp_i_aircraftEquipment_2016 input[type="text"] {
    width: 170px;
}

#t_fp_i_crusingSpeed {
    width: 105px;
}

#t_fp_i_cruisingSpeed_2016 {
    width: 98px;
}

#t_fp_i_level {
    width: 163px;
}

#t_fp_i_level_2016 {
    width: 160px;
}

#t_fp_i_departureDateTime {
    width: 248px;
}

#t_fp_i_departureDateTime_2016 {
    width: 244px;
}

#t_fp_i_depTime_header {
    height: 34px;
}

#t_fp_i_altitudeOptimization {
    float: right;
    padding-top: 5px;
    padding-right: 5px;
}

#t_fp_i_surveillanceEquipment {
    width: 150px;
    height: 50%;
    margin-bottom: 1.1em;
}

#t_fp_i_SurveillanceEquipmentPortableDevices {
    width: 150px;
}

#surveillanceEquipment {
    width: 120px;
}

#t_fp_i_route {
    width: 444px;
}

#t_fp_i_route_2016 {
    width: 449px;
}

#t_fp_i_route textarea, #t_fp_i_route_2016 textarea {
    width: 431px
}

#t_fp_i_otherInformation {
    width: 463px;
}

#t_fp_i_otherInformation_2016 {
    width: 458px;
}

#t_fp_i_otherInformationLabel {
    padding-bottom: 0.3em;
}

#t_fp_i_otherInformation .buttonIcons {
    vertical-align: top;
}

#t_fp_i_otherInformation textarea {
    width: 431px;
}

#t_fp_i_departure,#t_fp_i_destination {
    width: 190px;
}

#t_fp_i_departure_2016,#t_fp_i_destination_2016 {
    width: 244px;
}

#t_fp_i_departureInput,#t_fp_i_destinationInput {
    width: 93px;
    float: left;
}

#t_fp_i_departureInput_2016,#t_fp_i_destinationInput_2016 {
    width: 148px;
    float: left;
}

#t_fp_i_departureInput_input #departure_error {
    width: 16em;
}

#t_fp_i_departureButtons,#t_fp_i_destinationButtons,#t_fp_i_altDestination1Buttons,#t_fp_i_altDestination2Buttons
    {
    width: 83px;
    height: 100%;
    float: right;
    padding-right: 3%;
}

#timezone {
    width: 60px;
    height: 1.6em;
    margin-top: -0.1em;
}

#proposedDepartureTime, #arrivalTime {
    margin-top: -0.1em;
}

#proposedDepartureDate, #arrivalDate {
    margin-top: -0.1em;
}

#t_fp_i_time_enroute {
    width: 248px;
}

#t_fp_i_time_enroute_2016 {
    width: 110px;
}

#t_fp_i_estimated_time_arrival {
    display: none;
}

#t_fp_i_estimated_time_arrival_2016 {
    width: 83px;
    visibility:hidden;
}

#t_fp_i_altDestination1 {
    width: 231px;
}

#t_fp_i_altDestination2 {
    width: 231px;
}

#t_fp_i_altDestination1Input,#t_fp_i_altDestination2Input {
    width: 137px;
    float: left;
}

#t_fp_i_fuelEndurance {
    width: 136px;
}

#t_fp_i_fuelEndurance_2016 {
    width: 118px;
}

#t_fp_i_personsOnBoard {
    width: 136px;
}

#t_fp_i_personsOnBoard_2016 {
    width: 156px;
}

#t_fp_i_aircraftColorAndMarkings {
    width: 160px;
}

#t_fp_i_aircraftColorAndMarkings_2016 {
    width: 163px;
}

.t_fp_i_separator {
    border-top: 1px solid #6A6A6A;
    display: none;
    margin-left: -0.45em;
}

#t_fp_i_separator_1 {
    margin-top: 0.5em;
    width: 106%;
}

#t_fp_i_separator_2 {
    margin-top: 1em;
    width: 215%;
}

#t_fp_i_supplementalRemarks {
    width: 231px;
}

#supplementalRemarks,#pilotInCommand {
    width: 95%;
}

#t_fp_i_pilotInCommand {
    width: 230px;
}

#t_fp_i_pilotContactInfoDiv {
    width: 278px;
}

#t_fp_i_pilotContactInfoDiv_2016 {
    width: 287px;
    height: 50%;
    margin-bottom: 1.9em;
}

.t_fp_i_pilotContactInfo {
    width: 76.135%;
}

#t_fp_i_emergencyRadios {
    width: 136px;
}

#t_fp_i_emergencyRadios_2016 {
    width: 118px;
}

.row6IcaoCheckboxColumn {
    padding-top: 2px;
    padding-left: 15px;
    color: #000000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.checkboxSpacing {
    margin-right: 5px;
}

#t_fp_i_survivalEquipment {
    width: 136px;
}

#t_fp_i_survivalEquipment_2016 {
    width: 126px;
}

#t_fp_i_jackets {
    width: 160px;
}

#t_fp_i_jackets_2016 {
    width: 100px;
}

#t_fp_i_dinghies {
    width: 351px;
}

#t_fp_i_dinghies_2016 {
    width: 324px;
}

.dinghieTextFont {
    font-size: 11px;
}

#dinghieLabel {
    float: left;
}

#dinghiesCovered {
    float: left;
}

#dinghieNumber {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

#dinghieCapacity {
    float: left;
    padding-right: 15px;
}

#dinghieColor {
    float: left;
    padding-right: 9px;
}

#t_fp_i_beaconCode {
    width: 103px;
    height: 50%;
    margin-top: -0.7em;
}

/* ICAO Flight Plan Form Fields End

/* Switch between Domestic and ICAO Flight Plan Form Begin */
.flightPlanSwitchRow {
    height: 85px;
    width: 928px;
}

#fpStatus {
    float: left;
    margin-left: 16px;
    width: 100px;
    line-height: 26px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.fpStatusOverdue {
    color: red !important;
}

#formRowSwitchFP {
    float: right;
    padding-right: 60px;
}

#formRowSwitchICAO {
    float: right;
    padding-right: 10px;
}

#formRowSwitchICAO img {
    height: 25px;
    vertical-align: top;
    cursor: pointer;
}

#switchToDomestic:hover {
    border: 1px solid black;
}

#switchToDomestic {
    padding: 3px;
    border: 1px solid #FFFFFF;
    background: none;
    color: #000000;
    font-size: 16px;
    background-color: #E6E6E6;
}

#switchToDomesticDisabled {
    padding: 3px;
    border: 1px solid #FFFFFF !important;
    background: none;
    color: #000000;
    font-size: 16px;
    background-color: #dbf0fb;
    font-weight: bold;
    cursor: text;
}

#switchToICAO:hover {
    border: 1px solid black;
}

#switchToICAO {
    padding: 3px;
    border: 1px solid #FFFFFF;;
    background: none;
    color: #000000;
    font-size: 16px;
    background-color: #E6E6E6;
}

#switchToICAODisabled {
    padding: 3px;
    border: 1px solid #FFFFFF !important;
    background: none;
    color: #000000;
    font-size: 16px;
    background-color: #dbf0fb;
    font-weight: bold;
    cursor: text;
}

.unselectedFPSwitch {
    padding: 3px !important;
    border: 1px solid #FFFFFF !important;
    background: none !important;
    color: #000000 !important;
    font-size: 16px !important;
    background-color: #E6E6E6 !important;
}

.selectedFPSwitch {
    padding: 3px !important;
    border: 1px solid #FFFFFF !important;
    background: none !important;
    color: #000000 !important;
    font-size: 16px !important;
    background-color: #dbf0fb !important;
    font-weight: bold !important;
    cursor: text !important;
}

.disabledFPSwitch {
    opacity: .75 !important;
    cursor: text !important;
}

.psfpFlightPlanSwitchRow {
    height: 30px;
    width: 890px;
}

#switchToICAO:focus,#switchToDomestic:focus,#newButton:focus
    {
    border: 1px solid #000000 !important;
}

.switchDomesticIcaoSeparator {
    font-size: 16px;
}

.formRowTextArea textarea {
    height: 34px;
}

.formRow3TextArea textarea {
    height: 44px;
}

.formRowTextArea #remarks {
    width: 298px;
}

.formRow3TextArea #remarks {
    width: 298px;
}

.t_fp_d_pilotContactInfo {
    width: 195px;
}

/* Switch between Domestic and ICAO Flight Plan Form End */

/* Home Page refresh Icon Begin */
#refreshImageDiv {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: green;
    cursor: wait;
    width: 170px;
    height: 30px;
}

.homeRefreshIconImg {
    height: 25px;
    width: 25px;
    cursor: hand;
    cursor: pointer;
    vertical-align: middle;
}

#dashboardRefreshDiv {
    height: 30px;
}

.verticalAlignMiddle {
    vertical-align: middle;
}

#lastUpdatedStatement {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
}

#lastUpdateRefreshDiv {
    height: 30px;
    vertical-align: middle;
    float: right;
    width: 215px;
    text-align: right;
}

/* Home Page refresh Icon End */
.disabledCheckboxLabel {
    color: grey;
}

.hover-blue {
    background-color: #1E90FF;
    color: #FFFFFF;
}

input.ui-button:hover, button.ui-button:hover, img.buttonIcons:hover {
    border: 1px solid black;
}

input.ui-button {
    border: 1px solid #a4a4a4;
    padding: 5px 12px;
}

.wordWrap_breakWord {
    word-wrap: break-word;
}

.leftButton {
    margin-right: 200px !important;
}

#resetPasswordFormRegistration {
    float: left;
    margin-left: 6px;
}

#routeSearchButtonDomestic {
    float: right;
    margin-bottom: 4px;
}

#mapRouteButtonDomestic, #mapRouteButtonIcao {
    float: right;
    margin-bottom: 4px;
    margin-right: 4px;
}

#routeSearchButtonIcao {
    float: right;
    margin-bottom: 4px;
    margin-right: 9px;
}

#departureAdvisorButton {
    float: right;
    margin-right: 4px;
}

#IFRRecentATCAssignedRoutes {
    table-layout: fixed;
}

#IFRRecentATCAssignedRoutes thead th {
    white-space: nowrap;
}

#IFRRecentATCAssignedRoutes th#IFR_Time{
    width: 110px;
}

#IFRRecentATCAssignedRoutes th#IFR_Flights{
    width: 40px;
}

#IFRRecentATCAssignedRoutes th#IFR_Altitude{
    width: 110px;
}


#IFRRecentATCAssignedRoutes td {
    cursor: pointer;
}

#IFRRecentATCAssignedRoutes td.lastDepartureTime,
#IFRRecentATCAssignedRoutes td.flights,
#IFRRecentATCAssignedRoutes td.altitude  {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

#IFRRecentATCAssignedRoutes td.ifrRoute {
    text-align: left;
}

.briefButton{
    width : 75px;
    text-align : center;
    height: 2.1em;
}

.briefDropDownButton{
    width : 14px !important;
    border: 1px solid #a4a4a4 !important;
    height: 2.1em;
    margin-left: -0.1em !important;
}

#t_fp_d_departureButtons ul li{
    margin-left: 0px !important;
    padding-left: 0px !important;
}

#legDetails ul li {
    list-style-type: none;
    margin-left: 10px;
    padding-left : 15px;
}

.ui-menu {
    padding: 0px 0px 1px 0px !important;
    position: absolute;
    top: auto !important;
    left: auto !important;
    width: 110px;
    z-index:99;
}

#navlog_printButtonContainer, #navlog_emailButtonContainer {
    float: right;
    margin-right: 10px;
}

.departureAdvisoryTableWrapper {
    border : .1em solid #6A6A6A;
    width: 64.4em;
}

.decisionToolWhatsThisDialogDiv {
    width: 685px !important;
}

.departureAdvisorWrapperTextWrapper  {
    width: 28.4em;
}

.departureAdvisorDialogDiv table{
    border-collapse: collapse;
    border: .1em solid #6A6A6A;
    margin: 10px 0;
}

.departureAdvisorDialogDiv tr {
    border: .1em solid #6A6A6A;
}

.departureAdvisorDialogDiv th {
    border: 0.1em solid #6A6A6A;
    padding: 0.2em 0.4em 0.2em 0.5em;
}


.departureAdvisorDialogDiv td:first-child  {
    border-right: 0.1em solid #6A6A6A;
}

.departureAdvisoryHeadcolText {
    text-align: center;
    valign:middle;
    /*margin-top: 0.4em;*/
}

.departureAdvisoryTimeBox {
    font-size: 150% !important;
}

.departureAdvisorHeadcol{
    padding-bottom: .75em !important;
    cursor: pointer;
}

.departureAdvisorLegend img {
    margin-bottom: -0.25em !important;
    margin-left: 0.75em;
}

.departureAdvisorDialogButton {
    float: right;
}

#departureAdvisoryLocationsRow {
    margin-top: .6em;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

#departureAdvisoryLocationTxt {
    text-align: left;
    padding-left: 0.1em;
    width: 55.3em;
}

#departureAdvisoryDeparture {
    float: left;
}

.acPerfCharIgnoredWarningDialog {
    float: left;
}

.gribDataWarningDialog {
    float: left;
}

.departureAdvisoryRowEmpty {
    width: 100%;
    border: .1em solid #6A6A6A;
}

.departureAdvisoryRow {
    cursor: pointer;
    border-bottom: .1em solid #6A6A6A;
    min-width: 7em;
}

.departureAdvisoryRowError {
    vertical-align: top;
}

.departureAdvisoryRowError div {
    position: absolute;
    margin-top: 0.4em;
}

#departureAdvisoryDeparture {
    padding-left: .6em;
}

#departureAdvisoryDestination {
    float: right;
    padding-right: .6em;
}

.decisionToolLegendDiv {
    width: 100%; 
    height: 25px;"
}

.decisionToolActiveLegendAdverseConditions {
   display: inline-block; 
   vertical-align: middle; 
   height: inherit;
}

.decisionToolActiveLegendIconDiv {
    display: inline-block;
}

.decisionToolActiveLegendIcons {
    height: 23px;
}

.decisionToolTableWrapper {
    border : .1em solid #6A6A6A;
    width: 64.4em;
}

.decisionToolWrapperTextWrapper {
    width: 28.4em;
}

.decisionToolDialogDiv table {
    border-collapse: collapse;
    border: .1em solid #6A6A6A;
    margin: 10px 0;
}

.decisionToolDialogDiv tr {
    border: .1em solid #6A6A6A;
}

.decisionToolDialogDiv th {
    border: 0.1em solid #6A6A6A;
    padding: 0.2em 0.4em 0.2em 0.5em;
}


.decisionToolDialogDiv td:first-child  {
    border-right: 0.1em solid #6A6A6A;
}

.decisionToolHeadcolText {
    text-align: center;
    valign:middle;
    /*margin-top: 0.4em;*/
}

.decisionToolHeadcol {
    padding-bottom: .75em !important;
    cursor: pointer;
}

.decisionToolLegend img {
    margin-bottom: -0.25em !important;
    margin-left: 0.75em;
}

.decisionToolDialogButton {
    float: right;
}

#decisionToolLocationsRow {
    margin-top: .6em;
    font-weight: bold;
    width: 100%;
}

#decisionToolLocationTxt {
    text-align: left;
    padding-left: 0.1em;
    width: 59.4em;
}

#decisionToolDeparture {
    float: left;
    padding-left: .6em;
}

.acPerfCharIgnoredWarningDialog {
    float: left;
}

.gribDataWarningDialog {
    float: left;
}

.decisionToolRowEmpty {
    width: 100%;
    border: .1em solid #6A6A6A;
}

.decisionToolRow {
    cursor: pointer;
    border-bottom: .1em solid #6A6A6A;
    min-width: 7em;
}

.decisionToolRowError {
    vertical-align: top;
}

.decisionToolRowError div {
    position: absolute;
    margin-top: 0.4em;
}

#decisionToolDestination {
    float: right;
    padding-right: .6em;
}

.decisionToolProduct {
    vertical-align: middle;
}

.decisionToolProduct span {
    min-height: 30px;
    min-width: 120px;
    display: flex;
    align-items: center;
    padding-left: .25em;
    padding-right: .25em;
    color: rgb(0, 112, 192);
}

.decisionToolCondition {
    height: 1.75em;
    line-height: 1.75em;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
}

.decisionToolCondition::before {
    content: '';
    display: inline-block;
}

.decisionToolConditionLabel {
    display: inline-block;
    white-space: nowrap;
}

.decisionToolConditionTimeFrame3 {
    background: rgb(255, 0, 0);
}

.decisionToolConditionTimeFrame2 {
    background: rgb(255, 217, 102);
}

.decisionToolConditionTimeFrame1 {
    background: rgb(169, 209, 142);
}

#decisionToolControls {
    align: center;
    border: none;
    font-weight: bold;
    width: 820px;
}

#decisionToolControls tr {
    border: none;
}

#decisionToolControls td {
    border: none;
    vertical-align: middle;
    text-align: center;
}

#decisionToolControls td:first-child {
    width: 250px;
    text-align: right;
}

#decisionToolControls td:last-child {
    width: 250px;
    text-align: right;
}

.decisionToolDepartureTimeControl {
    width: 100px;
}

.decisionToolDepartureTimeControl img {
    height: 35px;
    width: 35px;
    display: inline;
    opacity: 0.8;
}

.decisionToolDepartureTimeControl img:hover {
    cursor: pointer;
    opacity: 1;
}

.decisionToolRedBox {
    position:relative;
    width:205px;
    height:20px;
   line-height:20px;
    text-align:center;
    font-size:11.5px;
    color:#000000;
    background-color:red;
}

.decisionToolGreenBox {
    position:relative;
    width:205px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:11.5px;
    color:#000000;
    background-color:#A0C368;
}

.decisionToolYellowBox {
    position:relative;
    width:205px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:11.5px;
    color:#000000;
    background-color:#FFD133;
}

.decisionToolLegendTable td {
    border: hidden;
    vertical-align: middle;
    text-align: center;
    padding-right: 0.5em;
}

.tafImage {
    margin: 0.2em;
}

.tafImageBoolean {
    display: inline-block;
    width: 2.5em;
    height: 2em;
    padding: 0px;
    margin: 0px;
    background-image: url(../images/flight_condition_icons/stripe.png);
}

.tafImage span {
    display: inline-block;
    width: 2.5em;
    height: 2em;
    padding-left: 0.5em;
}

.tafImage span img {
    margin-bottom: -0.6em !important;
}

.adverseConditionHelpIcon {
    background-image: url(../images/flight_condition_icons/stripe.png);
    width: 30px;
    height: 17px;
}

.daHelp{
    border: none;
}

.daHelp tr {
    border: none;
}

.daHelp td {
    border: none;
    vertical-align: middle;
    padding-right: 1em
}

.daHelpIcon {
    background-image: url(../images/flight_condition_icons/stripe.png);
}

.cruisePerformanceAddFuelHourButton {
    margin-top: 1em;
}

.cruisePerformanceAddFuelHourButton:disabled {
    color: #555555 !important;
    cursor: default;
    border: 1px solid #999999 !important;
}

.cruisePerformanceWhatsThis {
    margin: 1em;
    vertical-align:sub;
}

.cruisePerformanceLabelsHtml{
    padding-right: 5px;
    margin-left: 85px;
}

.cruisePerformanceLabelsHtmlLast{
    padding-right: 5px;
    margin-left: 30px
}

.deleteCruisePerformanceFuelRow {
    margin-left: .25em;
}

.profileHoverHelp div ul li  {
    padding: 0px;
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

/* UOA form */
.content_uoa_form {
    width: 930px;
    margin: 0 auto;
}

.uoaFormTopRow {
    height: 70px;
    width: 928px;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.uoaFormTitle {
    float: left;
    width: 70%;
    font-size: 16px;
    font-weight: bold;
}

.uoaFormDropdowns {
    float: left;
    width: 88%;
    margin-top: 10px;
}

.uoaFormHelpLink {
    float: right;
    width: 12%;
    text-align: right;
    margin-top: 10px;
}

.uoaFormRow {
    background-color: #dbf0fb;
    border-top: 1px solid #6A6A6A;
    border-right: 1px solid #6A6A6A;
    overflow-x: visible;
    overflow-y: visible;
}

.uoaFormLabel {
    color: black;
    padding-top: 10px;
}

#t_uoa_row_1 {
    height: 65px;
    width: 929px;
}

#t_uoa_row_2 {
    height: 310px;
    width: 929px;
}

#t_uoa_row_3 {
    height: 200px;
    width: 929px;
}

.uoaFormBottomRow {
    border-top: 1px solid #6A6A6A;
    border-bottom: 1px solid #6A6A6A;
    background-color: #dbf0fb;
    overflow-x: visible;
    overflow-y: visible;
}

.uoaIndent {
    padding-left: 10px;
}

.uoaInlineBlock {
    display: inline-block;
}

#t_uoa_state {
    width: 85px;
    text-align: center;
    font-size: 16px;
    padding-left: 0;
    line-height: 65px;
    text-transform: lowercase;
}

#t_uoa_state:first-letter {
    text-transform: uppercase;
}

#t_uoa_acId {
    width: 138px;
}

#uasId {
    width: 128px;
}


#t_uoa_alts {
    width: 259px;
}

#t_uoa_frequency {
    width: 250px;
}

#t_uoa_effectiveTimes {
    width: 250px;
}

#t_uoa_startTimeDate_error, #t_uoa_endTimeDate_error {
    position: relative;
    display: inline-block;
    width: 82px;
}

#t_uoa_startTimeTime_error, #t_uoa_endTimeTime_error {
    position: relative;
    display: inline-block;
    padding-left: 1px;
}

#t_uoa_endTime {
    width: 250px;
}

#t_uoa_recurrence {
    width: 250px;
}

#t_uoa_recurrenceSchedule_label {
    display: block;
}

#t_uoa_startDay_error, #t_uoa_lastDay_error, #recurrenceTimeOfDayRangeStart_error, #recurrenceTimeOfDayRangeEnd_error {
    position: relative;
    display: inline-block;
    width: 82px;
}

#t_uoa_dayofWeekSelection_error {
    position: relative;
    display: inline-block;
    width: 100%;
}

#t_uoa_operatingArea {
    width: 489px;
    line-height: 2.0em;
}

#t_uoa_operatingArea_buttons {
    float: left;
    margin-top: 5px;
}

#t_uoa_operatingAreaCorridorPoints_error, #t_uoa_operatingAreaCorridorWidth_error, #t_uoa_operatingAreaPolygon_error {
    height: 20px; 
    line-height: 1.0em;
}

#t_uoa_operatingArea .hoverHelper {
    line-height: 1.4em;
}

#operatingAreaCircularDiv, #operatingAreaPolygonDiv, #operatingAreaCorridorDiv {
    padding-left: 17px;
}

#operatingAreaCircularPointDiv {
    display: inline-block;
    width: 58%;
    float: left;
}

#operatingAreaCircularRadiusDiv {
    display: inline-block;
    width: 30%;
}

#t_uoa_operatingArea_centerpoint {
    width: 165px;
    margin-right: 5px;
}

#t_uoa_operatingArea_centerpoint_address {
    color: rgb(84, 84, 84);
    background-color: rgb(235, 235, 228);
}

#t_uoa_operatingAreaCenterPoint_error {
    padding-left: 84px;
    line-height: 1em;
}

#t_uoa_operatingArea_radius{
    width: 50px;
}

#t_uoa_operatingAreaRadius_error {
    padding-left: 48px;
    line-height: 1em;
}

.t_uoa_operatingAreaDisabled {
    background-color: #f0f0f0;
}

.t_uoa_operatingArea_input_textarea {
    width: 420px;
    height: 48px;
}

#t_uoa_operatingArea_corridorWidth{
    width: 50px;
}

#operatingAreaCorridorPoints_label {
    vertical-align: top;
}

#t_uoa_lastDay_label {
    padding-left: 15px;
}

#t_uoa_dayOfWeekSelection_checkboxes_note {
    padding-left:25px;
}
#t_uoa_dayOfWeekSelection_label {
    padding-bottom: 3px;
}

#t_uoa_dayOfWeekSelection_checkboxes {
    padding-bottom: 3px;
}

#t_uoa_timeOfDaySpecificationDiv {
    vertical-align: top;
    padding-top: 3px;
}

#t_uoa_timeOfDaySelection_SRSS_div {
    padding-bottom: 18px;
}

#t_uoa_dayOfWeekSelection_checkboxes input {
    padding-right: 0;
}

.recurrenceDowSelection {
    padding-right: 5px;
}

#t_uoa_contactAndDescription {
    height: 100%;
    width: 494px;
}

#t_uoa_contactInfo_input_textarea {
    width: 226px;
    height: 48px;
}

#t_uoa_description_input_textarea {
    width: 227px;
    height: 48px;
}

#t_uoa_contactInfo {
    width: 240px;
    height: 50%;
}

#t_uoa_description {
    width: 218px;
    height: 50%;
}

#t_uoa_programmedRoute {
    width: 489px;
    height: 49%;
    clear: both;
    border-top: 1px solid #6A6A6A;
}

#t_uoa_programmedRoute_input_textarea {
    width: 473px;
    height: 48px;
}

#t_uoa_notamActionDiv {
    width: 423px;
}

#t_uoaNotamRegistrationInfo p  {
    margin-bottom: 10px;
}

#t_uoa_notamSubmissionCheckbox {
        padding-top: 10px;
}

#coaIdDiv {
    margin: 5px 0 0 25px;
}

#t_uoa_notamSubmissionNotice {
    display: inline-block;
    padding-top: 5px;
}

#t_uoa_goToRegistrationPage {
    clear: both;
    padding-top: 10px;
}

#t_uoa_notamPreviewDiv {
    padding-top: 10px;
}

#notamPreviewButton {
    float: left;
    margin-top: 2.5px;
}

#t_uoa_notamPreviewNotice {
    float: right;
    width: 290px;
}

#t_uoa_notamInfoDiv {
    padding-top: 10px;
}

.t_uoa_cell {
    display: table-cell;
    width: 110px;
    height: 100%;
    float: left;
    border-left: 1px solid #6A6A6A;
    padding-left: 5px;
}

.t_uoa_padded_cell {
    padding-left: 5px;
}

.t_uoa_cell_no_padding {
    display: table-cell;
    width: 110px;
    height: 100%;
    float: left;
    border-left: 1px solid #6A6A6A;
}

.t_uoa_cell_no_left_border {
    display: table-cell;
    float: left;
}

.t_uoa_cell_register_cell {
    background-color: white;
    width: 525px;
    height: 150px;
    padding: 5px;
    border: 1px solid #6A6A6A;
    margin: 5px;
    margin-left: 18px;
    overflow: scroll;
    overflow-x: hidden;
}

.t_uoa_cell_register_cell ul li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

.t_uoa_right_cell {
    display: table-cell;
    height: 100%;
    float: left;
    border-left: 1px solid #6A6A6A;
    padding-left: 5px;
}

.t_uoa_cell_values {
    padding-top: 0.5em;
}

#t_uoa_status {
    width: 118px;
}

.UoaFormButtonRow {
    height: 36px;
    float: left;
    margin-left: 10px;
}

.UoaFormFooterNotice {
    float: right;
    width: 55%;
    text-align: center;
}

.uoaFormButton {
    text-align: center;
    color: #000000 !important;
}

.uoaDialogCentered {
    text-align: center;
}

.uoaDialogLeftJustified {
    text-align: left;
}

.uoaDialogContentWithIcon {
    display: inline-block;
    width: 320px;
}

.uoaDialogContentWithTopAlignIcon {
    display: inline-block;
    vertical-align: top;
}

.uoaDialogList ul li {
    margin-bottom: 4px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}

.uoaRegistrationDialogParagraph {
    margin-bottom: 5px;
}

#submitResultFileDiv {
    text-align : left;
}

#icaoHighAltitudeCheckbox input,select {
    vertical-align: bottom;
}

.dialogLatitudeLongitudeLocationName {
    display: none;
}

.dialogLatitudeLongitudeLocationName textarea {
    text-transform: uppercase;
}

.latitudeLongitudeLocationNameExample {
    padding-left: 2em
}

.latitudeLongitudeLocationNameRemarksError {
    display: none;
    color: red;
}

.changeUsernamePadding {
    padding-left: 30px;
}

.yellowBackground, .formErrorCondition{
    background-color: #F0F3B4;
}

#flightPlanErrorList, #profileErrorList {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 35px;
    overflow-y: auto;
    overflow-x: hidden;
    width: auto;
    max-height: 80px;
    line-height: 16px;
}

.flightPlanErrorDialog {
    width: 350px !important;
    line-height: 16px;
}

.redText {
    color: #ff0000;
}

.videoIconButton {
    padding: 0;
    border-radius: 4px;
}

.videoIconButton img {
    height: 15px;
    padding: 3px 3px;
    vertical-align: top;
}

.uoaVideoIconButton {
    float: right;
}

.uoaRegisterVideoIconButton {
    float: left;
    margin-left: 18px;
}

#uoaMapContainer {
    display: none;    
}

#uoaMapContainer, #mapContainerPreview, #mapContainerSubmission {
   height: 100%;
}

#uoaLeafletMap {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 0px;
    left: 1px;
    margin-top: 1px;
}

.zoomIn {
    border-radius: 2px 2px 0 0;
}

.zoomOut {
    border-radius: 0 0 2px 2px;
}

#uoaSubmissionConfirmationMap {
   height: 100%;
}

#mapContainerSubmission {
    height: 284px;
}

#videoButton {
    cursor: pointer;
    height: 24px;
    vertical-align: top;
    float: right;
    margin-top: -5px;
}

#depAdvisorVideoButton {
    cursor: pointer;
    height: 24px;
    vertical-align: top;
    float: right;
    margin-top: -5px;
}

.wordWrap {
    word-wrap:break-word;
    word-break:break-all;
}

.hiddenSubmit {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* Pilot Profile Section */

.pilotProfileForm {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.explanationText {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.pilot_profile_content_form {
    width: 100%;
}

.pilotProfileForm li {
    margin-left: 15px !important;
}

.pilotProfileForm h1 {
    font-size: 16px;
    font-weight: bold;
}

.pilotProfileForm input[readonly] {
    border: none !important;
}

.pilotProfileForm .formHeader {
    margin-top: 16px;
    padding-left: 4px;
    background-color: #dfdfdf;
    font-size: 16px;
    color: #6993B8;
}

.pilotProfileForm .sectionHeader {
    margin-top: 16px;
    padding-left: 4px;
    background-color: #dfdfdf;
    font-weight: bold;
    font-size: 1.2em;
}

.pilotProfileForm .formRow {
    padding-top: 4px;
}

.pilotProfileForm .inputComment {
    color: #797979;
    font-weight: bold;
    font-size: .8em;
}

.pilotProfileForm .rowLabel {
    display: block;
    line-height: 1.4em;
    width: 150px;
    float: left;
    margin-top: 5px;
}

.pilotProfileForm .rowContent input {
    width: 220px;
    padding: 7px !important;
    color: #444444;
    font-size: 11px;
    border: 1px solid #cecece;
}

.pilotProfileForm .rowContent .shortTextbox {
    width: 40px;
}

.pilotProfileForm .rowContent .shortTextbox1 {
    width: 25px;
}

.pilotProfileForm .rowContent .mediumTextbox {
    width: 93px;
}

.pilotProfileForm .rowContent .mediumTextbox1 {
    width: 80px;
}

.pilotProfileForm .rowContent .longTextbox {
    width: 170px;
}

.pilotProfileForm .wordWrap span {
    padding: 7px !important;
    border: none;
}

.pilotProfileForm .cruisePerformaceTable .rowContent input {
    margin-bottom: 7px;
}

.pilotProfileForm .rowContent input[type=checkbox] {
    width: auto;
    margin-top: 6px !important;
}

.pilotProfileForm .rowContent input[type=checkbox][disabled] {
    margin-left: 7px;
    border: none;
    padding: 0px !important;
}

.pilotProfileForm .rowContent select {
    display: inline-block;
    width: 100px;
    height: 28px !important;
    vertical-align: top;
    padding: 5px;
    font-size: 11px;
    border: 1px solid #cecece;
}

.pilotProfileForm .rowContent .weatherGraphicTypeSelect {
    display: inline-block;
    width: 270px;
    height: 28px !important;
    vertical-align: top;
    padding: 5px;
    font-size: 11px;
    border: 1px solid #cecece;
}

.pilotProfileForm .rowContent .weatherGraphicsAirportRangeInput {
    width: 50px;
}

.pilotProfileForm .weatherGraphicRow{
    width: 35%;
    display: inline-block;
}

.pilotProfileForm .weatherGraphicError{
    display:inline-block;
}

.pilotProfileForm select[disabled] {
    background: transparent !important;
    padding: 3px;
    width: 165px !important;
    font-size: 11px;
    color: #444444;
    border: 0px !important;
    -moz-appearance: none; /* Removes default chrome and safari style */
    -webkit-appearance: none; /* Removes default Firefox style */
    -o-appearance:none; /* Removes default Opera style */
    -ms-appearance:none; /* Removes default IE style */
}

/* Remove default IE style for IE10 */
.pilotProfileForm select[disabled]::-ms-expand {
    visibility: hidden;
}

.pilotProfileForm .addItemRow {
    margin-top: 10px;
}

.pilotProfileForm .addNewRowButton {
    margin-top: 10px;
}

.passwordChangeRow {
    margin-top: 10px;
}

.pilotProfileForm {
    margin-top: 9px;
}

.pilotProfileForm .shortLabel {
    color: #797979;
    font-weight: 700;
}

.pilotProfileForm .rowContent > .errorMessage {
    color: red;
    padding-left: 155px;
}

.pilotProfileForm .errorIndent {
    padding-left: 5px !important;
}

.pilotProfileForm .errorAircraftHourlyFuelBurn {
    padding-left: 25px !important;
}

.pilotProfileForm .deleteButton {
    display: inline-block;
    vertical-align: top;
}

.pilotProfileForm .phoneNumberRow .errorMessage {
    color: red;
    padding-left: 95px;
}

.pilotProfileForm .emergencyContactRow .nameErrorMessage {
    color: red;
    padding-left: 45px;
}

.pilotProfileForm .emergencyContactRow .phoneErrorMessage {
    color: red;
    padding-left: 95px;
}

.pilotProfileForm .textboxWithErrors {
    vertical-align: top;
    display: inline-block;
}

.pilotProfileForm .emailAddressRow .errorMessage {
    color: red;
    padding-left: 45px;
}

.pilotProfileForm .clearWeatherProductButton {
    margin-top: 7px;
    border: 1px solid #a4a4a4;
}

.editsWarningSpan {
    margin: 5px;
}

.editsWarning {
    height: 1.5em;
    width: 1.5em;
    margin: 3px;
    vertical-align: middle;
}

#authorizedVendorsTable tr td:first-child, #authorizedVendorsTable th:first-child {
    min-width: 87px;
}

#authorizedVendorsTable td {
    border: 1px solid #aaaaaa;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    margin: 0;
    background-color: #f3f3f3;
}

#authorizedVendorsTable {
    border-collapse: collapse;
}

#authorizedVendorsTable a {
    color: #333;
}

#authorizedVendorsTable th {
    text-align: left;
    background-color: "transparent";
    border: "none";
    padding-left: 10px;
    padding-bottom: 2px;
    vertical-align: top;
}

#vendorAuthRadioButton {
    text-align: center;
    width: 10%
}

.fieldsetBorder {
    border: 1px solid #AAA;
    padding: 10px;
    margin-top: 15px;
}

.fieldsetBorder legend {
    background-color: #DEDEDE;
    font-size: 1.2em;
    width: 99%;
    padding: 5px;
    font-weight:bold;
}

.cruisePerformaceTable {
    padding-top: 2px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
}

.deviceType {
    width: 175px !important;
}

.aircraft_performance .rowContent input {
    width: 50px;
}

.aircraft_information .domesticFP select {
    width: auto !important;
}

.explanationText .instructions { 
    line-height: 150%;
}

.t_icao_cell {
    display: table-cell;
    width: 50px;
    height: 90%;
    float: left;
    padding-left: 5px;
}

.t_icao_emergency_cell {
    display: table-cell;
    width: 50px;
    height: 100%;
    float: left;
    padding-left: 5px;
}

#t_icao_emergencyRadios {
    width: 120px;
}

#t_icao_survivalEquipment {
    width: 128px;
    height: 128px;
}

#t_icao_dinghies {
    width: 330px;
    height: 128px;
}

#t_icao_jackets {
    width: 100px;
    height: 128px;
}

#pilotProfileIcaoOtherInfoDialog label {
    display: block;
    font-size: .8em;
    margin-top: 3px;
}

#pilotProfileIcaoOtherInfoPBNDialog label,#icaoOtherInfoPERDialog label
    {
    display: block;
    font-size: .8em;
}

#pilotFeedbackForm {
    color: black;
    width: 95%;
    padding-left: 30px;
    padding-right: 30px;
}

#pilotFeedbackForm * p {
    min-height: 2em;
    padding-top: .75em;
    padding-bottom: .75em;
}

#pilotFeedbackForm>h2 {
    font-weight: bolder;
}

#pilotFeedbackForm>.pilotFeedbackBanner {
    background: #d7d7d7;
    padding: 8px 0px 2px 10px;
}

#pilotFeedbackForm>.pilotFeedbackBanner>h2 {
    font-weight: bolder;
}

#pilotFeedbackForm * .fieldRow {
    min-height: 2.5em;
}

#pilotFeedbackForm * .fieldRow>div {
    display: inline-block;
}

#pilotFeedbackForm * .leftLabel {
    width: 12.5em;
    vertical-align: top;
}

#pilotFeedbackForm * .errorMessage {
    display: block;
}

#pilotFeedbackForm * .allowErrorSpace {
    min-height: 3.5em;
}

#pilotFeedbackForm * #dateTimeProblem {
    display: block;
}

#pilotFeedbackForm * #dateTimeProblem>div:first-of-type {
    float: left;
    width: 34%;
}

#pilotFeedbackForm * #dateTimeProblem>div:last-of-type {
    float: left;
    width: 30%;
}

#pilotFeedbackForm * textarea {
    height: 10em;
    width: 100%;
}

#pilotFeedbackForm * .submitButton {
    color: black;
}

.twoColumnDiv {
    display: block;
}

.twoColumnDiv>div:first-of-type {
    float: left;
    width: 50%;
}

.twoColumnDiv>div:last-of-type {
    float: right;
    width: 50%;
}

#routeBriefingCustomizationButton {
    width: 95px;
}

#areaBriefingCustomizationButton {
    height: 31%;
    width: 88px;
    padding-top: 0px !important;
    margin-top: 4px;
    white-space: normal !important;
    text-align: center;
    color: #000000 !important;
}

#ftdDeviceTypeDiv {
    width: 110px;
    margin-top: -1.5em;
    height: 50%;
}

.t_fp_i_ftdDevice {
    width: 146px;
}

#t_fp_portableDevice {
    margin-top: -0.2em;
}

#t_fp_d_altDest1 {
    height: 64.1px;
    padding-bottom: 5px;
}

.requiredStatementOptOutCheckboxRow {
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px
}

.requiredStatementsOptOutSubmitRow {
    text-align: center;
}

.requiredStatementsOptOutButtonDisabled {
    pointer-events: none;
    opacity: 50%;
}

.section-label {
    height: 22px;
}
.section-label h3 {
    font-weight: bold;
}
.section-label span {
    padding-left: 0.1em;
}
.section-label a {
    padding-left: 20px;
}
#dashboardRefreshDiv .section-label {
    display: inline-block;
}

.weather-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.weather-col-left {
    display: flex;
    flex-direction: column;
    flex: 0 0 47.5%;
    overflow-x: hidden;
}
.weather-col-right {
    display: flex;
    flex-direction: column;
    flex: 0 0 52%;
    overflow-x: hidden;
}
.weather-content {
    position: relative; 
    box-sizing: border-box;
    width: 100%;
    height: 260px;
    border: 2px solid #4169E1;
}
.map-snapshot {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:100;
}
.map-snapshot-overlay {
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101; /* Set to 1 more than the .map-snapshot z-index */
    cursor: pointer;
    background-color: unset;
}
.weather-chart-carousel {
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
}
.weather-chart-carousel .carousel-navigation {
    flex: 0 0 34px;
    align-self: center;
}
.weather-chart-carousel .carousel-navigation .carousel-nav-control {
    height: 53px;
    width: 24px;
    padding: 5px;
    cursor: pointer;
}
.weather-chart-carousel .carousel-navigation #prevChartControl {
    background: url(../images/carousel-prev.png?1) no-repeat center;
}
.weather-chart-carousel .carousel-navigation #nextChartControl {
    background: url(../images/carousel-next.png?1) no-repeat center;
}
.weather-chart-carousel-scroller {
    padding: 5px;
    overflow: hidden;
}
.weather-chart-carousel-scroller table {
    border-spacing: 0px;
}
.weather-chart-expired {
    height: 25px;
    vertical-align: bottom;
    padding-bottom: 5px;
}
.weather-chart {
    vertical-align: top;
}
.weather-chart-thumbnail {
    border: 3px solid #c4c7c8;
    width: 182px;
    margin-right: 5px;
    vertical-align: top;
}
.weather-chart-desc {
    padding-top: 5px;
}

.airport-conditions-section {
    margin-top: 10px;
}

.pirep-icon i {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid red;
}

.alert-text, .alert-route-text {
    background-color: transparent !important;
    font-weight: bold;
    color: black;
    border-radius: 20px !important;
    height: 15px;
    font-family: Verdana;
    font-size: 11px;
}

/* The checkbox switch - the box around the slider */
label.toggleSwitch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 18px;
    border: 3px solid #B9B9B9;
    border-radius: 34px;
}

/* Hide default HTML checkbox */
label.toggleSwitch input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.toggleSwitchSlider {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #DBF0FB;
    -webkit-transition: .25s;
    transition: .25s;
}

.toggleSwitchSlider:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    left: 3px;
    bottom: 2px;
    background-color: #5B5B5B;
    -webkit-transition: .25s;
    transition: .25s;
    border: 3px solid #B9B9B9;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

input[type="checkbox"]:checked+.toggleSwitchSlider {
    background-color: #DBF0FB;
}

input[type="checkbox"]:focus+.toggleSwitchSlider {
    box-shadow: 0 0 10px rgb(62, 69, 75);
}

input[type="checkbox"]:checked+.toggleSwitchSlider:before {
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(25px);
}

/* Checkbox color */
input[type="checkbox"] {
    accent-color: rgb(0, 117, 255);
}

/* Rounded sliders */
.toggleSwitchSlider.round {
    border-radius: 34px;
}

.toggleSwitchSlider.round:before {
    border-radius: 50%;
}
.underline {
    text-decoration: underline;
}

/* EasyActivateConfirmation Styling*/
.eaColumn {
    float: left;
    width: 150px;
    text-align: center;
}
.eaBlankSpacing {
    padding-top: 8px;
}
#eaTimeOptions {
    font-size: 14px;
}
.eaConfirmButton {
    border-radius: 12px;
    padding: 7px !important;
    width: 100px;
}

/* Account pages button styles */
.addItem,
.editButton,
.submitButton,
.cancelButton,
.saveButton,
.deleteButton,
.buttonWithAddIcon,
.buttonWithCancelIcon,
.buttonWithCopyIcon,
.buttonWithHelpIcon,
.buttonWithPencilIcon,
.buttonWithSaveIcon,
.buttonWithTrashIcon {
    padding: 5px 10px !important;
}

.event-archive-title {
    color: #322371;
}
