body {
    background-color: #000000;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}

p {
    margin-top: 0em;
    margin-bottom: 1em;
}

table {
    border-color: #888888;
}

table.weatherProduct {
    border-width:           1px;
    border-style:           outset;
    border-color:           #888888;
    border-spacing:         0px;
    border-collapse:        collapse;
}

table.weatherProduct td {
    border-width:           1px;
    padding:                1px;
    border-style:           outset;
    border-color:           #888888;
    font-family:            Arial,Helvetica;
    font-size:              8pt;
}

table.weatherProduct th {
    border-width:           1px;
    padding:                1px;
    border-style:           outset;
    border-color:           #888888;
    font-family:            Arial,Helvetica;
    font-size:              8pt;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

table.weatherProduct.metar td {
    white-space: nowrap;
    text-align: center;
}

table.weatherProduct.pirep td {
    white-space: nowrap;
    text-align: center;
}

table.weatherProduct.taf th {
    vertical-align: top;
}

table.weatherProduct.taf td {
    text-align: left;
}

table.weatherProduct td.text-left {
    text-align: left;
}

table.weatherProduct2 {
    border-width:           1px;
    border-style:           outset;
    border-color:           #888888;
    border-spacing:         0px;
    border-collapse:        collapse;
}

table.weatherProduct2 td {
    border-width:           1px;
    padding:                2px;
    border-style:           outset;
    border-color:           #888888;
    font-family:            Arial,Helvetica;
    font-size:              8pt;
}

table.weatherProduct2 th {
    border-width:           1px;
    padding:                2px;
    border-style:           outset;
    border-color:           #888888;
    font-family:            Arial,Helvetica;
    font-size:              8pt;
}

td {
    border-color: #888888;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}

td.imageTabUnselectedOver {
    font-size: 9pt;
    background: #000000;
    padding: 3px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

td.imageTabUnselectedUnder {
    font-size: 9pt;
    background: #000000;
    padding: 3px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

td.imageTabSelectedUnder {
    font-size: 9pt;
    background: #222222;
    padding: 3px;
    border-top: 0px;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
}

td.imageTabSelectedOver {
    font-size: 9pt;
    background: #222222;
    padding: 3px;
    border-top: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-bottom: 0px;
}

td.tabSelected {
    font-size:      10pt;
    font-weight:    bold;
    background: #000000;
    border-top:     1px solid #FFFFFF;
    border-left:    1px solid #FFFFFF;
    border-right:   1px solid #FFFFFF;
    border-bottom:  0px;
    white-space:     nowrap;
    padding: 6px 6px 6px 6px;
}

td.tabDeselected {
    font-size:      10pt;
    font-weight:    bold;
    background:     #444444;
    border-top:     1px solid #FFFFFF;
    border-left:    1px solid #FFFFFF;
    border-right:   1px solid #FFFFFF;
    border-bottom:  1px solid #FFFFFF;
    white-space:     nowrap;
    padding: 6px 6px 6px 6px;
}

td.tabSpace {
    background: #000000;
    border-top:     0px;
    border-left:    0px;
    border-right:   0px;
    border-bottom:  1px solid #FFFFFF;
}

td.tabPaneContent {
    background: #000000;
    border-top:     0px;
    border-left:    1px solid #FFFFFF;
    border-right:    1px solid #FFFFFF;
    border-bottom:  1px solid #FFFFFF;
    padding: 10px 4px 18px 8px;
}

td.hidden {
    border-width: 0px;
    padding: 0px;
    border-style: none;
    border-color: #000000;
}

th {
    border-color: #888888;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}

a {
    font-weight: bold;
}

a.nonBold {
    font-weight: normal;
}

a.deemphasized {
    font-weight: normal;
    font-size: 8pt;
    text-decoration: none;
}

a.hidden {
    text-decoration: none;
    color: #FFFFFF;
}

a.tab {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
}
a.tab:hover {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
}

a.flightProfileAltitude {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}

a.hidden:hover {
    text-decoration: none;
    color: #FFFFFF;
}

a.hidden:active {
    text-decoration: none;
    color: #FFFFFF;
}

:link {
    color: #FFEE44;
}

:link:hover {
    color: #BBFF44;
}

:visited {
    color: #FFEE44;
}

:visited:hover {
    color: #BBFF44;
}

img {
    border-color: #FFFFFF;
}

select {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}

input[type="text"] {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}
input[type="button"] {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}
input[type="submit"] {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}

textarea {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}

.regular {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}

.pageTitle {
    font-size: 14pt;
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

.textBelowTitle {
    font-size: 7pt;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

.routeEndpoint {
    font-size: 10pt;
    font-weight: bold;
}

.routeWaypoint {
    font-size: 8pt;
    font-weight: bold;
}

.subHeading {
    font-size: 11pt;
    font-weight: bold;
}

.briefingElementHeading {
    font-size: 12pt;
    font-weight: bold;
}

.flightOptimizerHeading {
    font-size: 10pt;
    font-weight: bold;
}

.loggedInCorner {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 8pt;
}

.subscriptionPlan {
    font-size: 14pt;
    font-weight: bold;
}

.forgottenLink {
    font-size: 7pt;
}

.finePrint {
    font-size: 8pt;
}

.boldFinePrint {
    font-size: 8pt;
    font-weight: bold;
}

.italicFinePrint {
    font-size: 8pt;
    font-style: italic;
}

.attention {
    font-style: italic;
    color: #FFAA55;
}

.smallSelection {
    font-size: 8pt;
    font-weight: bold;
}

.message {
    font-size: 12pt;
    font-weight: bold;
    color: yellow;
}

.errorMessage {
    font-size: 13pt;
    font-weight: bold;
    color: #FF5544;
}

.wxNavLink {
    font-size: 8pt;
}

.weatherType {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: underline;
}

.tiny {
    font-size: 7pt;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

.fa {
    font-size: 8pt;
    font-family: Courier New, Courier;
}

.airmet {
    font-size: 8pt;
    font-family: Courier New, Courier;
}

.sampleWarning {
    font-size: 16pt;
    font-weight: bold;
    color: #FF5544;
}

.fakeLink {
    color: #FFEE44;
    font-weight: bold;
    text-decoration: underline;
}

.legalHeading {
    font-size: 14pt;
    font-weight: bold;
}

.fars {
    color: #000000;
    font-size: 9pt;
    font-family: Courier New, Courier;
}

table.admin {
    border-width:           1px;
    border-style:           outset;
    border-color:           #AAAAAA;
    border-spacing:         0px;
    border-collapse:        collapse;
}

table.admin caption {
    text-align:             left;
    font-size:              10pt;
    font-weight:            bold;
}

table.admin td {
    border-width:           1px;
    padding:                2px;
    border-style:           outset;
    border-color:           #AAAAAA;
    font-size:              8pt;
}

table.admin th {
    border-width:           1px;
    padding:                2px;
    border-style:           outset;
    border-color:           #AAAAAA;
    font-size:              8pt;
}

table.airmet {
    border-width:           0px;
    border-style:           outset;
    border-color:           #888888;
    border-spacing:         0px;
    border-collapse:        collapse;
}

table.airmet td {
    border-width:           0px;
    padding:                0px 5px 0px 0px;
    border-style:           outset;
    border-color:           #888888;
    font-family:            Arial,Helvetica;
    font-size:              8pt;
}
table.airmet a {
    text-decoration: none;
}

ul.bulletPoints {
    margin: 0;
    padding: 0;
}

ul.bulletPoints li {
    font-size: 14pt;
    font-weight: bold;
    padding: 0 0 10px 0;
}

#wmMapWrapperDiv {
    display: none;
    visibility: hidden;
    position: relative;
    width: 965px;
    height: 498px;
    background-color: #000000;
}

#wmMapPlaceholderDiv {
    #position: relative;
    background-color: #444444;
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    width: 640px;
    height: 100px;
    display: table;
    overflow: hidden;
}

#wmMapPlaceholderDiv2 {
    #position: absolute;
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
}

#wmMapPlaceholderDiv3 {
    #position: relative;
    #top: -50%;
    text-align: center;
}

#wmMapHeaderDiv {
    position: absolute;
    display: none;
    visibility: hidden;
    top: 0;
    left: 0;
    background-color: #000000;
    border-width: 0px;
    width: 640px;
    height: 18px;
    font-family: Arial,Helvetica;
    font-size: 10pt;
}

#wmMapDiv {
    position: absolute;
    top: 20px !important;
    left: 0;
    background-color: #444444;
    border-color: #FFFFFF;
    border-width: 1px;
    width: 640px;
    height: 480px;
}

#wmMapLoadingImage {
    margin: 190px 0px 0px 270px;
    border-width: 0px;
}

#wmMapInfoDiv {
    position: absolute;
    display: none;
    visibility: hidden;
    top: 20px !important;
    left: 645px;
    width: 320px;
    margin: 0px 0px 0px 0px;
    background-color: #000000;
    border: 0;
}

#wmMapInfoDiv ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

#wmMapInfoDiv ul li {
    margin: 0;
    padding: 0;
}

#wmMapInfoDiv table {
    border-spacing: 0px;
    border-collapse: collapse;
}

#wmMapInfoDiv table td {
    font-family: Arial,Helvetica;
    font-size: 8pt;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #888888;
    border-spacing: 0px;
}

table.corporatePricing {
    border-width:           1px;
    border-style:           outset;
    border-color:           #888888;
    border-spacing:         0px;
    border-collapse:        collapse;
}

table.corporatePricing td {
    border-width:           1px;
    padding:                2px;
    border-style:           outset;
    border-color:           #888888;
    font-size:              9pt;
}

table.corporatePricing th {
    border-width:           1px;
    padding:                2px;
    border-style:           outset;
    border-color:           #888888;
    font-size:              9pt;
}

#wmMapPopup {
    background-color: #FF0000;
    background-color2: #000000;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
}

.olControlAttribution {
    position: absolute;
    text-align: right;
    bottom: 0px !important;
    right: 0;
    padding: 0;
    margin: 0;
    color: #000000;
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0.7;
    filter:alpha(opacity=30);
    font-family: Arial,Helvetica;
    font-size: 8pt;
}
.olControlAttribution a {
    color: #000000 !important;
    font-weight: normal;
    text-decoration: none;
}

#wmMapPopup div {
    background-color: #000000;
    color: #FFFFFF;
    font-family: Arial,Helvetica;
    font-size: 8pt;
}