/*	COMMON SECTIONS TO ALL EFOS WEB SITES 
	===================================== */

body {
    background-color: #ddd;
    margin: 0px;
    padding: 0px;
    font-family: Roboto, 'Roboto', Segoe UI,"SegoeUIWF",Arial,sans-serif;
    font-size: 70%;
    color: black;
}

.wrapper {
    width: 770px;
    background-color: #FFFFFF;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
    border-radius: 4px;
}

#prop {
    min-height: 600px;
}

.header {
    margin: 0px;
    height: 60px;
    background-color: #fff;
    background-image: url(Images/HeaderBG.png);
    background-repeat: no-repeat;
    background-position: top;
    border-top: 1px solid transparent; /* Admin only */
    border-bottom: 0px solid #555;
}

@media print {
    .header {
        visibility: hidden;
        height: 0px;
        border-collapse: collapse;
        position: absolute;
    }
}

.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
    font-weight: normal;
}

.header p {
    color: White;
}

.footer {
    text-align: center;
    padding: 0px;
    color: White;
    font-size: 80%;
    width: 770px;
    margin: 0px auto;
    padding: 6px;
}

@media print {
    .footer {
        visibility: hidden;
        height: 0px;
        border-collapse: collapse;
        position: absolute;
    }
}

.footer a {
    color: White;
    text-decoration: none;
}

    .footer a:hover, .footer p a:focus {
        color: White;
        background-color: Transparent;
        text-decoration: underline;
    }

.screenonly {
    visibility: visible;
}

@media print {
    .screenonly {
        visibility: hidden;
        height: 0px;
        border-collapse: collapse;
        position: absolute;
    }
}

.printonly {
    visibility: visible;
}

@media screen {
    .printonly {
        visibility: hidden;
        height: 0px;
        border-collapse: collapse;
        position: absolute;
    }
}

.printA4Portrait {
}

@media print {
    .printA4Portrait {
        width: 620px !important;
    }
}

#editarea {
    margin-left: 10px;
    margin-right: 10px;
}

    #editarea p {
        margin-left: 0px;
    }

    #editarea h1, #editarea h2, #editarea h3, #editarea h4, #editarea h5, #editarea h6 {
        margin-left: 0px;
    }

#listarea {
    margin-left: 10px;
    margin-right: 10px;
}

    #listarea p {
        margin-left: 0px;
    }

    #listarea h1, #listarea h2, #listarea h3, #listarea h4, #listarea h5, #listarea h6 {
        margin-left: 0px;
    }

input {
    font-family: Roboto, 'Roboto', Segoe UI,"SegoeUIWF",Arial,sans-serif;
    font-size: 110%;
}

textarea {
    font-family: Roboto, 'Roboto', Segoe UI,"SegoeUIWF",Arial,sans-serif;
    font-size: 110%;
    resize: none; /* needed for Safari 3 */
}
/* Force all text boxes and text areas to font-size small using .text to overcome default larger fonts in Firefox */
.textbox {
    background-color: Window;
}

.textbox-focused {
    background-color: lemonchiffon;
}

table { /*	margin-left: 10px; margin-right: 10px;*/
}

a {
    text-decoration: underline;
    font-family: Roboto, 'Roboto', Verdana !important;
}

    a:hover, a:focus {
        text-decoration: underline;
    }

p {
    margin: 0px 0px 10px 10px;
}

    p a {
        text-decoration: underline;
    }

        p a:hover, p a:focus {
            background-color: Transparent;
            text-decoration: underline;
        }

h1 {
    font-weight: normal;
    margin: 10px 0px 10px 10px;
    background-color: Transparent;
    font-size: 150%;
}

h2 {
    font-weight: normal;
    margin: 10px 0px 10px 10px;
    background-color: transparent;
    font-size: 130%;
}

h3, h4, h5, h6 {
    margin: 10px 0px 10px 10px;
    background-color: transparent;
    font-size: 110%;
}

.listareaclass {
    margin-left: 10px;
    margin-right: 10px;
}

    .listareaclass p {
        margin-left: 0px;
    }

.fieldname {
    color: Gray;
    vertical-align: middle;
}

.fieldname-top {
    color: Gray;
    vertical-align: text-top;
}

.link {
    text-decoration: none;
    text-align: center;
}

    .link:hover, .link:focus {
        background-color: Transparent;
        text-decoration: underline;
    }

.disabledlink {
    color: gray;
    text-decoration: none;
}

    .disabledlink:hover, .disabledlink:focus {
        color: gray;
        text-decoration: none;
    }

.white-link {
    color: white;
    text-decoration: none;
    background-color: Transparent;
}

    .white-link:hover, .white-link:focus {
        color: White;
        text-decoration: underline;
        background-color: Transparent;
    }

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=30);
    opacity: 0.3;
}


/* Login Page V2 - From July 2012 */
.loginlabel {
    color: #777;
    display: block;
    margin-bottom: 4px;
}

.loginbutton {
    text-align: center;
    color: white;
    font-family: Sans-Serif;
    background-color: green;
    border: gray 0px solid;
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

    .loginbutton:hover, .loginbutton :focus {
        color: white;
        background-color: limegreen;
        padding: 8px;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }

    .loginbutton:active {
        color: white;
        padding: 4px;
        background-color: limegreen;
        padding: 8px;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }

.loginv2-mainpanel {
    background-color: white;
    border: 1px solid silver;
    width: 769px;
    margin: 0px auto;
    margin-top: 20px;
}

.loginv2-loginarea {
    margin-top: 30px;
    margin-bottom: 0px;
    background-color: #FFF;
    width: 100%;
}

.loginv2-aircraft {
    margin: 0px auto;
    vertical-align: top;
    margin-top: 10px;
    width: 300px;
}

    .loginv2-aircraft img {
    }

.loginv2-airlinelogo {
    margin: 0px auto;
    vertical-align: top;
    margin-top: 20px;
    width: 300px;
}

    .loginv2-airlinelogo img {
    }

.loginv2-logoarea {
    width: 420px;
    padding-left: 20px;
    vertical-align: top;
}

.loginv2-footer {
    color: #555;
    border-top: 1px solid gray;
    padding: 10px;
    margin: 0px auto;
    margin-top: 40px;
    font-size: 0.9em;
}

    .loginv2-footer a {
        color: #555;
    }

    .loginv2-footer p {
        padding: 0px;
        margin: 0px
    }

/* LOGIN BOX - the login control on the home page */
.loginbox-titletext {
    border: 1px solid white;
    padding: 6px;
    margin: 0px;
    font-size: larger;
    color: white;
    font-weight: bold;
}

.loginbox-button {
    background-color: #777;
    border: 1px solid white;
    color: white;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.loginbox-textbox {
    background-color: #eee;
    border: 1px solid white;
}

.loginbox {
    padding: 0px;
    margin: 0px;
}

    .loginbox table {
        border: 1px solid white;
        padding: 0px;
        margin: 0px;
        border-collapse: collapse;
        background-color: #ccc;
    }

    .loginbox td {
        padding: 0px;
    }

    .loginbox tr {
        padding: 0px;
    }

        .loginbox tr td {
            padding: 6px;
        }

/* LOGINSTATUS - the login status control */
#loginarea {
    font-weight: normal;
    color: #000;
    float: right;
    display: inline;
    margin: 0px;
    margin-right: 10px;
    text-align: right;
}

    #loginarea .link {
        text-decoration: none;
        background-color: Transparent;
    }

        #loginarea .link:hover, #loginarea .link:focus {
            background-color: Transparent;
            text-decoration: underline;
        }

.loginstatus {
    margin: 0px;
    color: #000;
    text-decoration: none;
    text-align: center;
}

    .loginstatus:hover, loginstatus:focus {
        text-decoration: underline;
        background-color: Transparent;
    }

/* SITEMAP Styles for the SiteMap class which displays the navigation map at the top of the screen */
#sitemaparea {
    font-weight: normal;
    float: left;
    display: inline;
    margin: 0px;
    margin-left: 10px;
}

.sitemap {
    color: #000;
}

.sitemapnode {
    font-weight: normal;
    color: #000;
}

.sitemap a {
    text-decoration: none;
    background-color: Transparent;
}

    .sitemap a:hover, .sitemap a:focus {
        background-color: Transparent;
        text-decoration: underline;
    }

.sitemapcurrentnode {
    color: #000;
}

/* Error/Info Panels - used to show validate and server side errors on edit pages */
.error {
    color: Red;
    margin-top: 10px;
    margin-bottom: 10px;
}

.errorpanel {
    width: 735px;
    color: Red;
    border: 1px solid red;
    background-color: #fffafa;
    padding: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.infopanel {
    color: Black;
    border: 1px solid Silver;
    background-color: whitesmoke;
    padding: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.confpanel {
    color: Black;
    border: 1px dotted #529214;
    background-color: #E7FFE7;
    padding: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.warnpanel {
    color: Black;
    border: 1px dotted #FF6A00;
    background-color: #FFF6BF;
    padding: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.errpanel {
    color: Black;
    border: 1px dotted red;
    background-color: #FFD8D8;
    padding: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
}


/* AJAX masked edit fields */
.maskededit-focus {
    background-color: LemonChiffon;
}

.maskededit-invalid {
    color: Red;
    background-color: #ffeeee;
}

/* RESOURCEGROUPPANEL - displays which group can view a resource in their My sections */
.resourcegrouppanel {
    width: 650px;
    border: 1px solid silver;
    background-color: LemonChiffon;
    padding: 8px;
}

/* ROLEMEMBERSHIPPANEL - displays which asp.net roles a user belongs to */
.rolemembershippanel {
    width: 650px;
    border: 1px solid silver;
    background-color: AliceBlue;
    padding: 8px;
}

/* GRID VIEW - DEFAULT */
.gridview {
    border: none;
    border-collapse: unset !important;
}

.emptydata {
}

    .emptydata td {
        padding: 6px;
    }

.listrow td {
    color: black;
    padding: 4px;
    border: none;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

    .listrow td:first-child {
        border-left: 1px solid #DFDFDF;
    }

.listrow a {
    text-decoration: underline;
    text-align: center;
}

    .listrow a:hover, .listrow a:focus {
        text-decoration: underline;
        background-color: Transparent;
    }

.listaltrow {
    color: black;
    padding: 4px;
}

    .listaltrow td {
        padding: 4px;
        border: none;
        border-right: 1px solid #DFDFDF;
        border-bottom: 1px solid #DFDFDF;
    }

        .listaltrow td:first-child {
            border-left: 1px solid #DFDFDF;
        }

    .listaltrow a {
        text-decoration: underline;
        text-align: center;
    }

        .listaltrow a:hover, .listaltrow a:focus {
            text-decoration: underline;
            background-color: Transparent;
        }

.listheader {
    color: #181d1f;
    font-weight: 500;
}

    .listheader th {
        padding: 8px 3px 8px 3px;
        background-repeat: repeat-x;
        background-position: top;
        background-color: #F5F5F5;
        border: none;
        border-right: 1px solid #DFDFDF;
        border-bottom: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
    }

        .listheader th:first-child {
            border-radius: 4px 0 0 0;
            border-left: 1px solid #DFDFDF;
        }

        .listheader th:last-child {
            border-radius: 0 4px 0 0;
            border-right: 1px solid #DFDFDF;
        }

    .listheader a {
        color: #181d1f;
        text-decoration: none;
        text-align: center;
    }

        .listheader a:hover, .listheader a:focus {
            background-color: Transparent;
            color: Black;
            text-decoration: underline;
        }

.listfooter {
    color: White;
}

    .listfooter td {
        padding: 4px;
        background-repeat: repeat-x;
        background-position: top;
    }

    .listfooter a {
        color: white;
        text-decoration: none;
        text-align: center;
    }

        .listfooter a:hover, .listfooter a:focus {
            background-color: Transparent;
            color: Black;
            text-decoration: underline;
        }

.listpager {
    font-size: 125%;
    font-weight: bold;
    background-color: white;
    border: white;
}

    .listpager td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .listpager a {
        text-align: center;
        padding: 4px;
    }

    .listpager span {
        border: 1px solid black;
        padding: 4px;
    }

.listrow-plain {
}

    .listrow-plain td {
        border: White 0px solid;
        padding: 4px;
        background-color: Transparent;
    }

    .listrow-plain a {
        color: #1B346C;
        text-decoration: underline;
        text-align: center;
    }

        .listrow-plain a:hover, .listrow a:focus {
            color: #1B346C;
            text-decoration: underline;
            background-color: Transparent;
        }

.listheader-plain {
    color: White;
}

    .listheader-plain th {
        padding: 3px;
        background-color: #ddd;
        background-repeat: repeat-x;
        background-position: top;
    }

    .listheader-plain a {
        color: #555;
        text-decoration: none
    }

        .listheader-plain a:hover, .listheader-plain a:focus {
            text-decoration: underline;
        }

.listrowred td {
    padding: 4px;
    background-color: #fffafa;
    color: Red;
}

.listrowgrey td {
    padding: 4px;
    color: Gray;
    border: 0px;
}

.listrowgrey a {
    color: Gray;
}

/*	TableListItem */
.tablelistsection {
    clear: both;
}

    .tablelistsection h1 {
        margin: 0px 0px 0px 10px;
        padding: 0px;
        padding-top: 10px;
        font-size: 150%;
        color: Black;
        text-decoration: none;
        font-weight: normal;
    }

    .tablelistsection h2 {
        margin: 0px 0px 0px 10px;
        padding: 0px;
        padding-top: 10px;
        font-size: 130%;
        color: Black;
        text-decoration: none;
        font-weight: normal;
    }

    .tablelistsection h3 {
        margin: 0px 0px 4px 0px;
        font-size: 130%;
        color: Black;
        text-decoration: none;
        display: inline;
        font-weight: normal;
    }

        .tablelistsection h3 a {
            color: Black;
            text-decoration: none;
        }

            .tablelistsection h3 a:hover, .tablelistitem h3 a:focus {
                color: Black;
                text-decoration: underline;
            }

.tablelistitem {
    float: left;
    border: 1px solid #DFDFDF;
    margin: 10px 0px 0px 10px;
    padding: 2px;
    background-color: #fafafa;
    border-radius: 4px;
}

.tablelistitem-body {
    padding-left: 10px;
}

.tablelistitem p {
    margin: 0px 0px 4px 0px;
    padding: 0px;
}

.tablelistitem h3 {
    font-weight: normal;
    font-size: 100%;
}

.tablelisticon img a {
    text-decoration: none;
}

.tablelisticon {
    vertical-align: top;
}

/* Used in the toolbar icons to pad away from the hyperlink to the right and not included a space in the link*/
.toolbar {
    margin-bottom: 16px;
    background-color: Transparent;
}

@media print {
    .toolbar {
        visibility: hidden;
        height: 0px;
        border-collapse: collapse;
        position: absolute;
    }
}

.toolbar img {
    vertical-align: middle;
    padding-right: 4px;
}

.toolbar input {
    vertical-align: middle;
    padding-right: 4px;
}

.toolbar p {
    vertical-align: middle;
}

.toolbar a {
    vertical-align: middle;
}

    .toolbar a:hover {
        vertical-align: middle;
    }

    .toolbar a:focus {
        vertical-align: middle;
    }

    .toolbar a:hover img {
        vertical-align: middle;
        background-color: White;
    }

    .toolbar a:focus img {
        vertical-align: middle;
        background-color: White;
    }

.toolbar span {
    vertical-align: middle;
}

/* Form buttons */
a.formbutton {
    text-align: center;
    color: white;
    font-family: Roboto, 'Roboto', Sans-Serif;
    background-color: green;
    border: gray 1px solid;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

@media print {
    .formbutton {
        visibility: hidden;
        height: 0px;
        border-collapse: collapse;
        position: absolute;
    }
}

a.formbutton:hover, a.formbutton:focus {
    color: white;
    background-color: DarkSeaGreen;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

a.formbutton:active {
    color: white;
    padding: 4px;
    background-color: DarkSeaGreen;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

a.formbutton-green {
    text-align: center;
    color: #555;
    font-family: Roboto, 'Roboto', Sans-Serif;
    background-color: #ccffcc;
    border: gray 1px solid;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

    a.formbutton-green:hover, a.formbutton-green:focus {
        color: white;
        background-color: limegreen;
        padding: 4px;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }

    a.formbutton-green:active {
        color: white;
        padding: 4px;
        background-color: limegreen;
        padding: 2px;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }

/* IndexPager */
.indexpager {
    padding: 3px;
    margin-right: 4px;
    border: 1px solid silver;
    background-color: whitesmoke;
    text-decoration: none;
    border-radius: 4px;
}

    .indexpager:hover {
        padding: 3px;
        margin-right: 4px;
        border: 1px solid silver;
        background-color: whitesmoke;
        text-decoration: underline;
    }

.indexpager-selected {
    padding: 3px;
    margin-right: 4px;
    border: 1px solid silver;
    background-color: #1c254c;
    color: White;
    text-decoration: none;
    border-radius: 4px;
}

    .indexpager-selected:hover {
        padding: 3px;
        margin-right: 4px;
        border: 1px solid silver;
        background-color: #1c254c;
        color: White;
        text-decoration: underline;
    }

/* GRID VIEW - ALERTS AND UPDATES - UPDATED FEB 2011 */
.alert-wrapper {
    width: 970px;
    border: 0px solid pink;
    margin: 0 auto;
}

.alert-statuscol {
    width: 200px;
    border: 0px solid green;
    float: left;
}

.alert-status-section-title {
    color: Black;
    padding: 4px;
    margin-bottom: 10px;
    width: 192px;
    border: 1px solid silver;
    background-color: #eee;
}

.alert-status-section-body {
    color: Black;
    padding: 4px;
    margin-bottom: 10px;
    width: 192px;
    border: 1px solid silver;
    background-color: white;
}

.alert-main {
    width: 756px;
    border: 0px solid orange;
    float: left;
    margin-left: 12px;
}

.alert-footer {
    clear: both;
    border: 0px solid blue;
}

.alert {
    width: 702px;
    color: white;
    padding: 4px;
    background-repeat: repeat-y;
    border: 2px solid pink;
}

.alert-body {
    width: 748px;
    font-size: 110%;
    background-color: white;
    border: 1px solid #aaa;
    padding: 4px;
}

.alert-body-wide {
    width: 960px;
    font-size: 110%;
    background-color: white;
    border: 1px solid #aaa;
    padding: 4px;
}

.alert-section {
    color: Black;
    padding: 4px;
    margin-bottom: 10px;
    width: 748px;
    border: 1px solid silver;
    background-color: #eee;
}

.alert-section-wide {
    color: Black;
    padding: 4px;
    margin-bottom: 10px;
    width: 960px;
    border: 1px solid silver;
    background-color: #eee;
}

.alert-title {
    width: 746px;
    color: white;
    padding: 4px;
    padding-bottom: 6px;
    padding-left: 6px;
    background-repeat: repeat-x;
    font-size: 200%;
    font-weight: normal;
    margin-bottom: 8px;
    border: 1px solid silver;
}

.alert-title-wide {
    width: 960px;
    color: white;
    padding: 4px;
    padding-bottom: 6px;
    padding-left: 6px;
    background-repeat: repeat-x;
    font-size: 200%;
    font-weight: normal;
    margin-bottom: 8px;
    border: 1px solid silver;
}

.alert-title-author {
    font-size: 70%;
}

    .alert-title-author a {
        color: White;
    }

        .alert-title-author a:hover, .alert-title-author a:focus {
            color: White;
        }

.alert-description {
    width: 740px;
    border: 1px solid silver;
    border-top: 0px solid #aaa;
    margin: 0px;
    margin-top: 0px;
    padding: 8px;
}

.alert-seperator {
    width: 680px;
    border-top: 2px solid lightsteelblue;
    margin: 8px;
    padding-top: 8px;
}

.alertupdates-row {
    border: 0px solid silver;
    vertical-align: top;
}

.alertupdates-title {
    margin: 0px;
    width: auto;
    background-color: #ddd;
    background-repeat: repeat-y;
    color: #555;
    padding: 4px;
    vertical-align: top;
    font-weight: bold;
}

.alertupdates-title-reply {
    margin: 0px;
    width: auto;
    background-repeat: repeat-y;
    color: #fff;
    padding: 4px;
    vertical-align: top;
    font-weight: bold;
}

.alertupdates-authorpanel {
    border: 1px solid #aaa;
    padding: 6px;
    background-color: #fafafa;
    vertical-align: top;
}

.alertupdates-updatepanel {
    vertical-align: top;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.alertupdates-body {
    background-color: White;
    vertical-align: top;
    font-size: 110%;
    padding: 10px;
}

.alertupdates-title-reply {
    background-color: #666;
}

/*AutoComplete flyout */
.autocomplete_completionList {
    visibility: hidden;
    margin: 0px !important;
    padding: 0px !important;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    list-style-type: none;
    z-index: 2000;
    cursor: pointer;
    font-size: 110%;
    font-family: Roboto, 'Roboto', monospace;
    width: 100px;
}

.autocomplete_completionHighlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
    font-family: Roboto, 'Roboto', monospace;
}

.autocomplete_completionListItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
    font-family: Roboto, 'Roboto', monospace;
}

.autocompletelist {
    border: solid 1px #BED6E2;
    min-width: 400px;
    width: 400px;
    cursor: pointer;
    margin-left: 0px;
    padding-left: 0px;
}

.watermarked {
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    font-style: italic;
}

/* Tabs */

ul#tabnav {
    margin: 0px;
    border-bottom: 1px solid #12679A;
    list-style-type: none;
    margin-right: -2px;
    padding: 10px 10px 10px 20px;
}

    ul#tabnav li {
        display: inline;
    }

        ul#tabnav li a {
            /* settings for all tab links */
            padding: 9px 20px 10px 20px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
            border: 1px solid #12679A; /* set border COLOR as desired; usually matches border color specified in #tabnav */
            margin-right: 0px; /* set additional spacing between tabs as desired */
            top: 1px; /* firefox/opera/safari fix */
            background-color: #F7F7F7; /* background colour for non-selected tabs */
            text-decoration: none;
            border-bottom: none;
            font-weight: bold;
        }

li.SelectedTab {
    border-bottom: 1px solid #fff !important;
    background-color: #fff;
}

    li.SelectedTab a {
        background-color: #fff !important;
        position: relative;
        padding-top: 10px;
    }

ul#tabnav a:hover {
    background: #EDF7FF;
}
/* hover highlight colour of tabs. non-hover colour is light grey. could use airline-style colour here */

/* Tooltips */
a.tooltip span {
    display: none;
    padding: 4px 5px;
    margin-left: -80px;
    margin-top: 20px;
    width: 290px;
}

a.tooltip:hover span {
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
    text-decoration: none;
}

span.tooltip span {
    display: none;
    padding: 4px 5px;
    margin-left: -80px;
    margin-top: 20px;
    width: 290px;
}

span.tooltip:hover span {
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
    text-decoration: none;
}

/* TITLE BLOCK */
.titleblock {
    padding: 10px;
    width: 100%;
}

.titleblock-inner {
    width: auto;
    padding: 0px;
    padding-bottom: 0px;
    width: 100%;
}

.titleblock-module {
    vertical-align: middle;
}

.titleblock-module-start {
    border-radius: 4px 0 0 4px;
}

.titleblock-module-end {
    border-radius: 0 4px 4px 0;
}

.titleblock-title {
    width: auto;
    padding: 8px;
    background-color: #ddd;
}

.titleblock-module h1 {
    padding: 0px;
    margin: 0px;
    color: white;
    padding: 8px;
    font-size: 12pt;
    font-weight: normal;
}

.titleblock-module h2 {
    padding: 0px;
    margin: 0px;
    font-size: 8pt;
    color: Black;
    font-weight: normal;
}

.titleblock-title h1 {
    padding: 0px;
    margin: 0px;
    color: black;
    font-size: 12pt;
    font-weight: normal;
}

.titleblock-title h2 {
    padding: 0px;
    margin: 0px;
    font-size: 8pt;
    color: Black;
    font-weight: normal;
}

.NoHover {
    text-decoration: none;
}

    .NoHover:hover {
        text-decoration: none;
    }

/* CSS Tooltips */
.tool {
    position: relative
}

    .tool .tip {
        display: none;
    }
    /* tooltip will display on :hover event */
    .tool:hover .tip {
        display: block;
        z-index: 100;
        position: absolute;
        top: 0.7em;
        left: 0.5em;
        width: auto;
        padding: 3px 7px 4px 6px;
        border: 1px solid black;
        background-color: #808080;
        font: normal 0.9em/1.2em arial, helvetica, sans-serif;
        text-align: left;
        color: #ffffff;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

/* == HUB STYLE MENU == */
/* ====================================================== */

.hub-status-title {
    font-family: Roboto, 'Roboto', Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif;
    font-size: 17pt;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.hub-maintitle {
    font-family: Roboto, 'Roboto', Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif;
    font-size: 17pt;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    .hub-maintitle a:link, .hub-maintitle a:visited {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-size: 17pt;
        color: darkgray;
        text-decoration: none;
    }

    .hub-maintitle a:hover {
        color: darkgray;
        text-decoration: none;
    }

    .hub-maintitle a:active {
        color: darkgray;
        text-decoration: none;
    }

.hublink-title {
    font-family: Roboto, 'Roboto', Segoe UI Light, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif;
    font-size: 24pt;
    margin-top: 0px;
    padding-top: 0px;
}

.hub-sectiontitle {
    font-family: Roboto, 'Roboto', Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif;
    font-size: 17pt;
    color: #737373;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    .hub-sectiontitle a:link, .hub-sectiontitle a:visited {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-size: 17pt;
        color: #737373;
        text-decoration: none;
    }

    .hub-sectiontitle a:hover {
        color: #737373;
        text-decoration: none;
    }

    .hub-sectiontitle a:active {
        color: #737373;
        text-decoration: none;
    }

.hub-sectiontitle-selected {
    font-family: Roboto, 'Roboto', Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif;
    font-size: 17pt;
    color: darkgray;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    .hub-sectiontitle-selected a:link, .hub-sectiontitle-selected a:visited {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-size: 17pt;
        color: darkgray;
        text-decoration: none;
    }

    .hub-sectiontitle-selected a:hover {
        color: darkgray;
        text-decoration: none;
    }

    .hub-sectiontitle-selected a:active {
        color: darkgray;
        text-decoration: none;
    }

.hub-listitem {
    font-family: Roboto, 'Roboto', Segoe UI Light, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif;
    font-size: 18pt;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    border: 1px solid silver;
    padding: 6px;
}

    .hub-listitem a {
        font-family: Roboto, 'Roboto', Segoe UI Light, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif;
        font-size: 18pt;
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        text-decoration: none;
        color: darkgray;
    }

        .hub-listitem a:link, .hub-listitem a:visited {
            color: darkgray;
            text-decoration: none;
        }

        .hub-listitem a:hover {
            color: darkgray;
            text-decoration: none;
        }

        .hub-listitem a:active {
            color: darkgray;
            text-decoration: none;
        }

.hub-listsubitem {
    font-family: Roboto, 'Roboto', Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif;
    font-size: 10pt;
    color: #444;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

    .hub-listsubitem a:link, .hub-listsubitem a:visited {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-size: 10pt;
        color: #444;
        text-decoration: none;
    }

    .hub-listsubitem a:hover {
        color: #737373;
        text-decoration: none;
    }

    .hub-listsubitem a:active {
        color: #737373;
        text-decoration: none;
    }

/*	EFOS WEB USER SITE SPECIFIC STYLES 
	================================== */

/* TOPMENU */
#topmenuarea {
    color: White;
    border-bottom: 0px solid #014982;
}

    #topmenuarea a {
        color: White;
    }

        #topmenuarea a:hover, #topmenuarea a:focus {
            color: White;
        }

@media print {
    #topmenuarea {
        visibility: hidden;
        height: 0px;
        border-collapse: collapse;
        position: absolute;
    }
}

.topmenu-normal {
    color: White;
    text-decoration: none;
    padding: 4px;
}

    .topmenu-normal a {
        color: White;
    }

        .topmenu-normal a:hover, .topmenu-normal a:focus {
            color: White;
            background-color: Transparent;
        }

.topmenu-selected {
    font-weight: bold;
}

.topmenu-dynamic {
    z-index: 1;
}
/* Reqd for IE8 */
.topmenu-dyn-normal {
    text-decoration: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 14px;
    padding-right: 14px;
    border-top: 1px solid white;
    color: White;
}

.topmenu-dyn-hover a {
    color: White;
}

    .topmenu-dyn-hover a:hover, .topmenu-dyn-hover a:focus {
        color: White;
        background-color: Transparent;
    }

/* CREW NOTICES */
@media screen {
    #crewnoticearea {
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid gray;
        width: 950px;
    }

    #crewnotice-description {
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid gray;
        width: 950px;
    }

    #crewnoticeheader {
        margin-left: 10px;
        margin-right: 10px;
        background-color: #eeeeee;
        border: 1px solid gray;
        border-bottom: 0px;
        padding: 4px 0px 4px 6px;
        width: 944px;
    }

    #crewnoticetitle {
        padding: 6px;
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid gray;
        border-bottom: 0px;
        width: 938px;
    }

    #crewnoticefooter {
        margin-left: 10px;
        margin-right: 10px;
        background-color: #eeeeee;
        border: 1px solid gray;
        border-top: 0px;
        padding: 4px 0px 4px 0px;
        width: 950px;
    }
}

@media print {
    #crewnoticearea {
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid gray;
        width: 700px;
    }

    #crewnotice-description {
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid gray;
        width: 700px;
    }

    #crewnoticeheader {
        margin-left: 10px;
        margin-right: 10px;
        background-color: #eeeeee;
        border: 1px solid gray;
        border-bottom: 0px;
        padding: 4px 0px 4px 6px;
        width: 694px;
    }

    #crewnoticetitle {
        padding: 6px;
        margin-left: 10px;
        margin-right: 10px;
        background-color: #f8fcfc;
        border: 1px solid gray;
        border-bottom: 0px;
        width: 688px;
    }

    #crewnoticefooter {
        margin-left: 10px;
        margin-right: 10px;
        background-color: #eeeeee;
        border: 1px solid gray;
        border-top: 0px;
        padding: 4px 0px 4px 0px;
        width: 700px;
    }
}

#crewnoticeheader p {
    margin-bottom: 4px;
}

    #crewnoticeheader p a {
        color: darkblue;
        text-decoration: underline;
        text-align: center;
    }

        #crewnoticeheader p a:hover, p a:focus {
            color: white;
            background-color: darkblue;
        }

#crewnoticetitle p {
}

    #crewnoticetitle p a {
        color: darkblue;
        text-decoration: underline;
        text-align: center;
    }

        #crewnoticetitle p a:hover, p a:focus {
            color: white; /* COL */
            background-color: #1B346C;
        }

#crewnoticetitle h1 {
    color: black;
    margin: 0px;
    margin-bottom: 4px;
}

#crewnoticetitle h2 {
    margin: 0px;
    margin-bottom: 4px;
}

#crewnoticetitle h3 {
    margin: 0px;
    margin-bottom: 4px;
    margin-top: 10px;
}

#crewnoticecategorytitle {
    font-family: Roboto, 'Roboto',Verdana;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    color: white;
    border: 1px solid #777;
    padding: 5px;
    margin-left: 10px;
    float: right;
    padding: 5px;
    margin-left: 10px;
    float: right; /* COL */
    background-color: #777;
}

#crewnotice-description p {
    margin: 10px;
}

#crewnotice-attachment {
    background-color: whitesmoke;
    border: 1px solid #aaa;
    margin: 10px;
    padding: 6px;
}

#crewnoticefooter p {
    margin-bottom: 4px;
}

    #crewnoticefooter p a {
        color: #777;
        text-decoration: underline;
        text-align: center;
    }

        #crewnoticefooter p a:hover, p a:focus {
            color: white;
            background-color: darkblue;
        }

.crewnoticepager td {
    width: auto;
    padding-left: 5px;
    height: 20px;
}

.crewnoticepager a {
    padding: 5px;
    background-color: white;
}

    .crewnoticepager a:hover, .crewnoticepager a:focus {
        background-color: white;
    }

/* LIBRARY */
.library-area {
    width: 970px;
    margin: 10px;
    background-color: white;
    border: 0px solid black;
}

.library-tab-area {
    width: 128px;
    height: 100%;
    float: left;
    border: 0px solid blue;
}

.library-tab {
    width: 120px;
    text-align: left;
    vertical-align: middle;
    padding: 4px;
    height: 40px;
    margin-bottom: 8px;
    border-right: 0px;
    /* COL */ background-color: whitesmoke;
}

    .library-tab a {
        text-decoration: underline;
        text-align: center;
        font-weight: normal;
    }

        .library-tab a:hover, .library-tab a:focus {
            background-color: Transparent;
        }

.library-tab-selected {
    width: 120px;
    text-align: left;
    vertical-align: middle;
    padding: 4px;
    height: 40px;
    margin-bottom: 8px;
    border-right: 0px;
}

    .library-tab-selected a {
        text-decoration: underline;
        text-align: center;
        color: white;
        font-weight: normal;
    }

        .library-tab-selected a:hover, .library-tab a:focus {
            color: white;
        }

.library-book-area {
    min-height: 800px;
    float: left;
    width: 824px; /* COL */
    background-color: whitesmoke;
}

.library-book {
    color: #ccc;
    padding-left: 0px;
    margin-left: 0px;
}

.library-book-title {
    color: black;
    margin: 4px;
    padding: 4px;
    padding-bottom: 4px;
    border: 0px solid black;
    background-color: #ccc;
    background-repeat: repeat-x;
    font-size: 120%;
}

    .library-book-title a {
        font-size: 100%;
        font-weight: normal;
        color: Black;
        text-decoration: none;
    }

        .library-book-title a:hover, .library-book-title a:focus {
            color: Black;
            text-decoration: underline;
        }

.library-book-subtitle {
    color: black;
    font-weight: normal;
    font-style: italic;
}

    .library-book-subtitle a {
        color: black;
        font-weight: normal;
    }

        .library-book-subtitle a:hover, .library-book-subtitle a:focus {
            font-weight: normal;
            color: black;
            text-decoration: underline;
        }

.library-book-list {
    margin-left: 4px;
    margin-right: 4px;
    background-color: white;
}

.library-book-list-hidden {
    visibility: hidden;
}

    .library-book-list-hidden table {
        visibility: hidden;
        border: 5px solid steelblue;
    }

/* Style for the book revision list screen */
.bookrevision-title {
    font-size: 130%;
    width: auto;
    background-repeat: repeat-x;
    color: white;
    padding: 4px;
    margin: 0px
}

.bookrevision-title-archived {
    font-size: 130%;
    width: auto;
    background-color: #aaa;
    background-repeat: repeat-x;
    color: white;
    padding: 4px;
    margin: 0px
}

.bookrevision-title a {
    color: white
}

    .bookrevision-title a:hover, .bookrevision-title a:focus {
        color: white
    }

.bookrevision-body {
    vertical-align: top;
    width: auto;
    font-size: 110%;
    padding: 6px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    border: 1px solid silver;
    border-bottom: 0px solid white;
    border-top: 0px solid white;
}

.bookrevision-footer {
    width: auto;
    padding: 4px;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 10px;
    border: 1px solid silver;
    border-top: 2px solid silver;
    border-bottom: 1px solid silver;
    background-color: whitesmoke;
}

/* Styles for the RSS Feed Reader Control */
.rss {
    padding: 4px;
    margin: 0px;
    font-family: Roboto, 'Roboto', verdana, arial, sans-serif;
    font-size: small;
    border: 1px solid silver;
}

    .rss h1 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 0px;
        font-size: x-small;
        font-weight: normal;
    }

        .rss h1 a {
            text-decoration: none;
            color: Navy;
            font-size: x-small;
        }

            .rss h1 a:hover, .rss h1 a:focus {
                text-decoration: underline;
                color: Silver;
            }

    .rss table {
    }

    .rss tr {
        padding-top: 0px;
    }

    .rss td {
    }

    .rss h2 {
        margin: 0px;
        padding: 0px;
        font-size: x-small;
        font-weight: normal;
    }

        .rss h2 a {
            color: #999999;
            text-decoration: none;
        }

            .rss h2 a:hover, .rss h2 a:focus {
                text-decoration: underline;
            }

    .rss p {
        margin: 0px;
        padding: 0px;
    }

        .rss p a {
        }

            .rss p a:hover, .rss p a:focus {
            }

/* Styles for the charts which appear on the home page */
.chart {
    font-size: xx-small;
    border: 1px solid silver;
}

    .chart h1 {
        margin: 0px;
        margin-bottom: 0px;
        padding: 2px 0px 4px 4px;
        width: auto;
        font-size: 120%;
        background-color: #ccc;
        background-repeat: repeat-y;
    }

    .chart h2 {
        margin: 0px;
        margin-bottom: 0px;
        padding: 2px 0px 4px 4px;
        width: auto;
        font-size: 120%;
        font-weight: normal;
        background-color: #eee;
        background-repeat: repeat-y;
    }

/* Style for other charts */
.graph {
    position: relative; /* IE is dumb */
    outline: 1px solid silver;
    margin-bottom: .0em;
    height: 1.5em;
    display: flex;
    border-radius: 4px;
}

    .graph .bar {
        display: block;
        background: silver;
        text-align: center;
        color: #333;
    }

        .graph .bar span {
            position: absolute;
            left: 1em;
        }
/* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

/* Style for the summary panels which contains lists used on the HOME PAGE PANELS */
.summarypanel {
    margin-left: 10px;
    margin-bottom: 15px;
    border: 0px solid #CCC;
}

    .summarypanel h1 {
        color: White;
        margin: 0px;
        padding: 3px 0px 3px 4px;
        font-size: 10pt; /* COL */
        background-color: #777;
    }

        .summarypanel h1 a {
            color: White;
            text-decoration: none;
        }

            .summarypanel h1 a:hover, .summarypanel h1 a:selected {
                color: white;
                text-decoration: underline;
            }

.summarypanel-footer {
    width: auto;
    background-color: #eee;
    padding: 3px;
    color: black;
    border-bottom: 0px solid silver;
    border-left: 0px solid silver;
    border-right: 0px solid silver;
}

/* StatusPanel - currently used for Training form status on home page */
.statuspanel-section {
    width: 738px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 0px;
    border: 1px solid white;
}

.statuspanel-secondcolumn {
    border-left: 1px solid white;
    margin: 0px;
}

.statuspanel-green {
    background-color: whitesmoke;
    border-bottom: 1px solid #eee; /*#EEFFEE;*/
}

    .statuspanel-green a {
    }

        .statuspanel-green a:hover, .statuspanel-green a:focus {
        }

.statuspanel-yellow {
    background-color: whitesmoke;
    border-bottom: 1px solid #eee; /*#FFFFEE;*/
}

    .statuspanel-yellow a {
    }

        .statuspanel-yellow a:hover, .statuspanel-yellow a:focus {
        }

.statuspanel-red {
    background-color: whitesmoke;
    border-bottom: 1px solid #eee; /*#FFEEEE;*/
}

    .statuspanel-red a {
    }

        .statuspanel-red a:hover, .statuspanel-red a:focus {
        }

/* MISC */
div.container {
}

div.spacer {
    clear: both;
}

div.float {
    float: left;
}

    div.float p {
        text-align: left;
    }

div.row {
    clear: both;
    padding-top: 4px;
}

    div.row span.label {
        float: left;
        width: 80px;
        text-align: right;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    div.row span.form {
        float: right;
        width: 150px;
        text-align: left;
        padding: 0px;
        margin: 0px;
    }

    div.row span.left {
        float: left;
        text-align: left;
    }

    div.row span.right {
        float: right;
        text-align: right;
    }


/* Quotations */
.quotepanelheader {
    background: #5E8CC6 url(Images/quotepanelbg.gif) repeat-x;
    color: White;
    height: 22px;
    line-height: 22px;
    padding: 0px 4px;
    text-shadow: #245282 0 1px 1px;
}

.quotepanelheadergrey {
    background: #efefef url(Images/quotepanelbggrey.gif) repeat-x;
    color: white;
    height: 22px;
    line-height: 22px;
    padding: 0px 4px;
    text-shadow: #245282 0 1px 1px;
}

.quotepanelactive {
    background-color: #BED6E2;
    border: solid 1px #999;
    margin-top: 15px;
    margin-bottom: 15px;
}

.quotepanelactivegreen {
    background-color: #EEFFEE;
    border: solid 1px #999;
    margin-top: 15px;
    margin-bottom: 15px;
}

.quotepanelactiveamber {
    background-color: #FFFFEE;
    border: solid 1px #999;
    margin-top: 15px;
    margin-bottom: 15px;
}

.quotepanelactivered {
    background-color: #FFEEEE;
    border: solid 1px #999;
    margin-top: 15px;
    margin-bottom: 15px;
}

.quotepanelinactive {
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

.quotetitle {
    padding: 4px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #F4F9FB;
    border: 1px solid #12679A;
}

.quoteref {
    border: 1px solid #999;
    background-color: #EFEFEF;
    color: #777777;
    padding: 2px;
    width: 120px;
}

    .quoteref h1 {
        color: #777777;
        font-size: medium;
        font-weight: bold;
        margin: 2px;
        border-bottom: solid 1px #999;
    }

    .quoteref p {
        font-size: small;
        font-weight: normal;
        margin: 2px;
    }

/* Home Page Version 2 - Jun 2010 */
.homepage2-col1 {
    width: 485px;
    float: left;
    margin-left: 10px;
}

.homepage2-col2 {
    width: 485px;
    float: left;
    margin-left: 4px;
}

.homepage2-summary-table {
    width: 475px;
    float: left;
    margin: 0px;
    margin-bottom: 2px;
    margin-right: 5px;
    padding: 0px;
    margin-bottom: 8px;
}

.homepage2-airline-intro {
    padding-bottom: 8px;
}

.homepage2-summary-titlecell {
    width: 445px;
    padding-left: 10px;
    padding-top: 6px;
    vertical-align: top;
    border: 0px solid red;
}

.homepage2-summary-title1 {
    font-size: 16pt;
    color: #777;
}

.homepage2-summary-title2 {
    font-size: 14pt;
    color: #777;
}

.homepage2-summary-buttoncell {
    width: 445px;
    margin-top: 2px;
    margin-bottom: 6px;
    vertical-align: top;
}

.homepage2-summary-statuscell-green {
    width: 20px;
    padding: 5px;
    background-image: url('../../Images/GreenGradBG.jpg')
}

.homepage2-summary-statuscell-yellow {
    width: 20px;
    padding: 5px;
    background-image: url('../../Images/YellowGradBG.jpg')
}

.homepage2-summary-statuscell-red {
    width: 20px;
    padding: 5px;
    background-image: url('../../Images/RedGradBG.jpg')
}

.homepage2-summary-grid {
    width: 475px;
    margin-top: 0px;
    margin-left: 0px;
    border: silver 1px solid;
    border-color: silver;
    margin-bottom: 4px;
}

.homepage2-summary-gridsection {
    width: 465px;
    padding: 4px;
    background-color: Silver;
    border-left: 1px silver solid;
    border-right: 1px silver solid;
    color: white;
    margin-left: 0px;
    margin-right: 5px;
}

.SSO-module-itempanel {
    color: #555;
    font-size: 12pt;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* GRID VIEW - OPS LOG LIST */
.opsloglistrow {
    padding: 4px;
}

    .opsloglistrow td {
        padding: 4px;
        background-color: #FCFCFC;
        background-repeat: repeat-x;
        background-position: bottom;
    }

.opsloglistaltrow {
    padding: 4px;
}

    .opsloglistaltrow td {
        padding: 4px;
        background-color: #F2F2F2;
        background-repeat: repeat-x;
        background-position: bottom;
    }

.opsloglistaltrowatt {
    padding: 4px;
}

    .opsloglistaltrowatt td {
        padding: 4px;
        background-color: #FFFACD;
        background-repeat: repeat-x;
        background-position: bottom;
    }

.opsloglistaltrowcur {
    padding: 4px;
}

    .opsloglistaltrowcur td {
        padding: 4px;
        background-color: #E7FFE7;
        background-repeat: repeat-x;
        background-position: bottom;
    }

.opslogentrycomments:hover {
    background-color: #F2F2F2;
}

.opslogSearchLink {
    padding-left: 100px !important;
}

.opslogAircraftCbo {
    margin: 0px !important;
}

.Ops_OfficerList {
    border-color: Gray;
    border-width: 1pt;
    border-style: Solid;
    font-family: Roboto, 'Roboto',Verdana;
    font-size: 110%;
    width: 350px;
}

.OPS_HighlightPin {
    padding: 3px;
    width: 16px;
    float: right;
    margin: 5px;
}

.Ops_EditStaffOnDuty_Legend {
    border: 1px solid silver;
    padding: 4px;
    width: 120px;
    font-size: 1.3em;
    background-color: whitesmoke;
    margin-left: 10px;
}


/* EFF List */
.div-eff-folder {
    width: 140px;
    height: 100px;
    float: left;
    margin: 5px 10px 15px 10px;
    padding: 2px;
}
/* For EFF div */
table#effempty {
    width: 100%;
    height: 100%;
    margin: 0px;
}
    /* For sector without flight folder */
    table#effempty td {
        border: solid 1px #1c254c;
        background-color: #F6F7FA;
    }

table#effcreated {
    width: 100%;
    height: 100%;
    margin: 0px
}
    /* For sector flight folder already */
    table#effcreated td {
        border: solid 1px #1c254c;
        background-color: #FFFACD;
    }


/* Safety Module Dashboard - added 18/10/2012 by SJW */
.safety-dashboard-panel {
    width: 400px;
    min-height: 120px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 8px;
    background-color: #EEEEFF;
    border: 1px solid silver;
    float: left;
    list-style-type: none
}

.safety-dashboard-table {
    border-collapse: collapse
}

.safety-dashboard-cell {
    padding-left: 4px;
    padding-top: 4px;
    vertical-align: middle;
    border: 0px;
    list-style-type: none
}

.safety-dashboard-title {
    font-family: Roboto, 'Roboto', Verdana;
    font-size: 16pt;
    color: #555
}

.safety-dashboard-item {
    font-family: Roboto, 'Roboto', Verdana;
    font-size: 12pt;
    color: #777
}

.safety-dashboard-listitem {
    float: left;
    list-style-type: none;
    width: 400px;
    margin-right: 20px;
    margin-bottom: 20px
}

.safety-dashboard-table-new {
    margin: 0px;
    padding: 0px;
    border: 1px solid silver
}

.safety-dashboard-titlecell-new {
    width: 370px;
    padding-left: 10px;
    padding-top: 6px;
    vertical-align: top;
    border: 0px solid red
}

.safety-dashboard-title2-new {
    font-size: 14pt;
    color: #777
}

.safety-dashboard-statuscell-green {
    width: 20px;
    padding: 5px;
    background-image: url('../../Images/GreenGradBG.jpg')
}

.safety-dashboard-statuscell-yellow {
    width: 20px;
    padding: 5px;
    background-image: url('../../Images/YellowGradBG.jpg')
}

.safety-dashboard-statuscell-red {
    width: 20px;
    padding: 5px;
    background-image: url('../../Images/RedGradBG.jpg')
}

.safety-dashboard-statuscell {
    width: 20px;
    padding: 5px;
    background-color: #EEEEFF;
    border: 1px solid silver
}


/* Leave bidding */
/* ============= */
.leavecalday-plainnohover {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid silver;
    background: white;
    display: block;
}

    .leavecalday-plainnohover a {
        width: 100%;
        display: block;
        color: Black;
    }

.leavecalday-plain {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid silver;
    background: white;
    display: block;
}

    .leavecalday-plain:hover {
        display: block;
        border: 1px solid black;
        background: silver;
    }

    .leavecalday-plain a {
        width: 100%;
        display: block;
        color: Black;
    }

.leavecalday-wrap {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #FFE8C1;
    display: block;
    cursor: default;
}

    .leavecalday-wrap:hover {
        background: #FFE8C1;
    }

    .leavecalday-wrap a {
        width: 100%;
        display: block;
        color: White;
    }
/*amber - new request*/
.leavecalday-leaverequest {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #CC9900;
    display: block;
}

    .leavecalday-leaverequest:hover {
        background: #CC9900;
    }

    .leavecalday-leaverequest a {
        width: 100%;
        display: block;
        color: black;
    }
/* Red */
.leavecalday-existingdeclined {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: red;
    display: block;
    cursor: default;
}

    .leavecalday-existingdeclined:hover {
        background: red;
    }

    .leavecalday-existingdeclined a {
        width: 100%;
        display: block;
        color: black;
    }
/*amber*/
.leavecalday-existingpending {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #CC9900;
    display: block;
    cursor: default;
}

    .leavecalday-existingpending:hover {
        background: #CC9900;
    }

    .leavecalday-existingpending a {
        width: 100%;
        display: block;
        color: black;
    }
/*green*/
.leavecalday-leave {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: green;
    display: block;
    color: White;
    cursor: default;
}

    .leavecalday-leave:hover {
        background: green;
    }

    .leavecalday-leave a {
        width: 100%;
        display: block;
        color: White;
    }

.leavecalday-disabled {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #E0E0E0;
    display: block;
}

    .leavecalday-disabled a {
        width: 100%;
        display: block;
        color: #404040;
    }

        .leavecalday-disabled a:hover {
            text-decoration: none;
            cursor: default;
        }

.leavecalday-linkdisabled a:hover {
    text-decoration: none;
    cursor: default;
}
/* Leave: Slot Usage */
.leaveslot-empty {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #E7FFE7;
    display: block;
    cursor: default;
    color: Black;
}
    /*confpanel green*/
    .leaveslot-empty a {
        color: Black;
    }

        .leaveslot-empty a:hover {
            color: Black;
            text-decoration: underline;
        }

    .leaveslot-empty span, .leaveslot-5 span, .leaveslot-10 span, .leaveslot-15 span, .leaveslot-20 span, .leaveslot-30 span {
        display: inline-block;
    }

.leaveslot-5 {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #A5FFA5;
    display: block;
    cursor: default;
    color: Black;
}

    .leaveslot-5 a {
        color: Black;
        height: 30px;
    }

        .leaveslot-5 a:hover {
            color: Black;
            text-decoration: underline;
        }

    .leaveslot-5 div {
        display: none !important;
        height: 30px !important;
    }

    .leaveslot-5 strong {
        display: inline-block;
        padding-bottom: 1px;
    }

.leaveslot-10 {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #00AA00;
    display: block;
    cursor: default;
    color: White;
}

    .leaveslot-10 a {
        color: white;
        height: 30px;
    }

        .leaveslot-10 a:hover {
            color: white;
            text-decoration: underline;
        }

    .leaveslot-10 div {
        display: none !important;
        height: 30px !important;
    }

    .leaveslot-10 strong {
        display: inline-block;
        padding-bottom: 1px;
    }

.leaveslot-15 {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #006400;
    display: block;
    cursor: default;
    color: White;
}

    .leaveslot-15 a {
        color: white;
        height: 30px;
    }

        .leaveslot-15 a:hover {
            color: white;
            text-decoration: underline;
        }

    .leaveslot-15 div {
        display: none !important;
        height: 30px !important;
    }

    .leaveslot-15 strong {
        display: inline-block;
        padding-bottom: 1px;
    }

.leaveslot-20 {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: #CC9900;
    display: block;
    cursor: default;
    color: White;
}

    .leaveslot-20 a {
        color: white;
        height: 30px !important;
    }

        .leaveslot-20 a:hover {
            color: white;
            text-decoration: underline;
        }

    .leaveslot-20 div {
        display: none !important;
    }

    .leaveslot-20 strong {
        display: inline-block;
        padding-bottom: 1px;
    }

.leaveslot-30 {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background: red;
    display: block;
    cursor: default;
    color: White;
}

    .leaveslot-30 a {
        color: white;
    }

        .leaveslot-30 a:hover {
            color: white;
            text-decoration: underline;
        }

    .leaveslot-30 div {
        display: none !important;
    }

    .leaveslot-30 strong {
        display: inline-block;
        padding-bottom: 1px;
    }
/* Blacklist */
.leavecalday-blacklist {
    float: left;
    width: 34px;
    margin: 2px;
    padding: 2px;
    border: 1px solid black;
    background-color: #A3A3A3;
    background-image: url('../../Images/hatch_grey.png');
    background-repeat: repeat;
    color: Black;
    display: block;
    cursor: default;
}

    .leavecalday-blacklist:hover {
        color: Black;
    }

/* Regulatory Documents */
/* Red */
/*.CountryDocumentCell_NA { margin:0px; padding:0px; border: 1px solid silver; background-color:#e9e9e9; cursor: default; text-align:center; color:Gray; font-size:70%;  }
.CountryDocumentCell_Missing { width:20px; margin:2px; padding:2px; border: 1px solid silver; background-color:red; cursor: default; text-align:center;  }
.CountryDocumentCell_Unsigned { width:20px; margin:2px; padding:2px; border: 1px solid silver; background-color:goldenrod; cursor: default; text-align:center;  }
.CountryDocumentCell_Signed { width:20px; margin:2px; padding:2px; border: 1px solid silver; background-color:green; cursor: default; text-align:center;  }

.CountryDocumentCell_Expiring {background-image:url('../../Images/exclamation.png'); background-repeat:no-repeat; background-position:center;}
.hidden {display:none;}*/

.DocumentAuditGrid {
    table-layout: fixed;
    border-spacing: 0px;
}

    .DocumentAuditGrid td {
        margin: 0px;
        padding: 1px;
        table-layout: fixed;
        width: 20px;
        height: 16px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: white;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: white;
    }

        .DocumentAuditGrid td div.Country {
            background-color: white;
            height: 8px;
            margin-top: 1px;
            margin-left: 3px;
            margin-right: 3px;
        }

        .DocumentAuditGrid td div.Approval {
            background-color: red;
        }

        .DocumentAuditGrid td.RowDivider {
            height: 2px;
            padding: 0px;
        }

        .DocumentAuditGrid td.RowDividerBorder {
            height: 0px;
            padding: 0px;
            border-right-style: none;
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: silver;
            padding-top: 3px;
        }

        .DocumentAuditGrid td.CountryPadding {
            padding-bottom: 18px;
        }

        .DocumentAuditGrid td.RowHeader {
            width: 150px;
            vertical-align: top;
        }

        .DocumentAuditGrid td.RowHeaderWide {
            width: 350px;
        }

div.tooltip td.RowHeader {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

.CountryDocumentCell_NA {
    background-color: #e9e9e9;
    cursor: default;
    text-align: center;
    color: Gray;
    font-size: 75%;
}

.CountryDocumentCell_Missing {
    background-color: red;
    cursor: default;
    text-align: center;
}

.CountryDocumentCell_Unsigned {
    background-color: goldenrod;
    cursor: default;
    text-align: center;
}

.CountryDocumentCell_Signed {
    background-color: green;
    cursor: default;
    text-align: center;
}

.CountryDocumentCell_Expiring {
    background-image: url('../../Images/exclamation.png');
    background-repeat: no-repeat;
    background-position: center;
}

.hidden {
    display: none;
}

/* CSS Tooltips */
.tool {
    position: relative;
}

    .tool .tip {
        display: none;
    }

    /* tooltip will display on :hover event */
    .tool:hover .tip {
        display: block;
        z-index: 100;
        position: absolute;
        top: 0.7em;
        left: 0.5em;
        width: auto;
        padding: 3px 7px 4px 6px;
        border: 1px solid black;
        background-color: #808080;
        font: normal 0.9em/1.2em arial, helvetica, sans-serif;
        text-align: left;
        color: #ffffff;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

/*Include/Exclude Button */
.evokeContainer a {
    border: 1px solid #CCC;
    display: inline-block;
    margin-top: 0px;
    padding: 2px 5px 2px 5px;
    min-width: 35px;
    text-align: center;
    text-decoration: none;
    font-family: Roboto, 'Roboto', "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: 130%;
    font-weight: normal;
}

    .evokeContainer a:first-child {
        border-right: none;
    }

.dState {
    background: whitesmoke;
    color: SteelBlue;
}

    .dState:hover {
        background: #DCDCDC;
        text-decoration: underline;
        color: SteelBlue;
    }

.disabledState, .disabledState:hover {
    background: whitesmoke;
    color: #CCC;
}

.yState, .yState:hover, .yState:focus, .yState:active {
    background: #66C285;
    color: White;
}

.nState, .nState:hover, .nState:focus, .nState:active {
    background: #E37575;
    color: White;
}

/* Region LogEntry History Modal*/
.logEntryModalHeader {
    background-color: whitesmoke;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    border-right: 6px solid #ef2d24;
}

    .logEntryModalHeader .module {
        background-color: #ef2d24;
        color: white;
        font-size: 12pt;
        font-weight: normal;
        width: 110px;
    }

    .logEntryModalHeader .title {
        font-size: 12pt;
    }

    .logEntryModalHeader div {
        float: left;
        margin-right: 5px;
        padding: 0px 5px;
    }

        .logEntryModalHeader div a {
            text-decoration: none;
            color: black;
            width: 100%;
        }

        .logEntryModalHeader div.icon {
            padding: 0px 5px 0px 20px;
        }

    .logEntryModalHeader .headerMenu {
        float: right;
    }

        .logEntryModalHeader .headerMenu div {
            border-left: 1px solid silver;
        }
/*#endregion */

.pageStyle td {
    width: 100px !important;
}

.profileLabel {
    color: #fff;
    background-color: #66CCFF;
    font-size: 10px;
    padding: 5px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold
}

/*********************
    ** RTL - Alerts
*********************/
.alert-description-rtl {
    direction: rtl;
    text-align: right;
}

.alert-title-rtl {
    text-align: right;
}

.alertupdates-body-rtl {
    direction: rtl;
    text-align: right;
}

.alertupdates-title-rtl {
    text-align: right;
}

.alertupdates-title-re-text-rtl {
    float: right;
    padding-left: 10px;
}

.alert-editrecipients-title-rtl {
    float: right;
}

/* Blue text */
#loginarea .link, #loginarea .link:hover, #loginarea .link:focus, .loginstatus:hover, loginstatus:focus,
.sitemap a, .sitemap a:hover, .sitemap a:focus {
    color: black;
}

/* Blue text / link hovers - GENERAL */
a:hover, a.focus, p a:hover, p a:focus, .link:hover, .link:focus,
.listrow a:hover, .listrow a:focus, .listaltrow a:hover, .listaltrow a:focus {
    color: black;
}

/* Blue text / link hovers - ADMIN ONLY */
.admin-header-link, .admin-header-link:hover {
    color: black;
}

/* Gray text/links */
a, a:hover, a.focus, p a, p a:hover, p a:focus, .link, .link:hover, .link:focus,
.listrow a, .listrow a:hover, .listrow a:focus, .listaltrow a, .listaltrow a:hover, .listaltrow a:focus,
.listpager {
    color: dimgray;
}

/* Blue borders - USER SITE ONLY */
.library-book-area {
    border: 4px solid black;
}

.library-tab, .library-tab-selected {
    border: 1px solid black;
}

.modalPopup {
    border-radius: 4px;
}