body {
      -webkit-text-size-adjust: 100%;
   }


   .matrixTable {
       width:           1200px;
       height:          400px;
       border:          12px;
       border-style:    solid;
       border-color:    #A9A9A9;
       empty-cells:     show;
       position:        relative;
       margin-top:      10px;
       margin-left:     70px;
   }
   table.matrixTable th {
       height:          auto;
       font-size:       180%;
       border:          12px;
       border-style:    solid;
       border-color:    #A9A9A9;
       padding:         2px;
   }
   table.matrixTable tr {
       border:          12px;
       border-style:    solid;
       border-color:    #A9A9A9;
       padding:         2px;
   }
   table.matrixTable td {
       width:            282px;
       height:           200px;
       border:           12px;
       border-style:     solid;
       border-color:     #A9A9A9;
       padding:          2px;
       background-color: white;
       text-align:       center;
       font-size:        110%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
   }

   table.matrixTable td:hover {
       border:          14px solid;
       border-color:    #2C2CA0;
       text-align:      center;
   }

   p.matrixElementText {
      font-size:        110%;
      font-weight:      bold;
      font-family:      "Arial";
      color:            black;
      margin-top:       3px;
      display:          inline-block;
   }

   p.matrixElementTextHome {
      font-size:        110%;
      font-weight:      bold;
      font-family:      "Arial";
      color:            black;
      margin-top:       3px;
      margin-left:      30px;
      margin-right:     30px;
      display:          inline-block;
   }

   p.matrixGrey {
      font-size:        110%;
      font-weight:      bold;
      font-family:      "Arial";
      color:            #A9A9A9;
      margin-top:       3px;
      display:          inline-block;
   }

   .matrixElementTable {
       width:           282px;
       height:          200px;
       border:          none;
       padding:         0px;
       empty-cells:     show;
       position:        relative;
       margin-top:      5px;
       margin-left:     0px;
       margin-right:    0px;
   }
   table.matrixElementTable th {
       height:          auto;
       font-size:       180%;
       border:          none;
   }
   table.matrixElementTable tr {
       border:          none;
       margin-left:     0px;
       margin-right:    0px;
   }
   table.matrixElementTable td.titleContainer {
       width:            282px;
       height:           50px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        130%;
       vertical-align:   top;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;
    }
   table.matrixElementTable td:hover {
       border:          none;
   }

   table.matrixElementTable td.nationalMapContainer {
       background-image:    url("./logos/matrix/test.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               282px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   table.matrixElementTable td.personalItineraryContainer {
       background-image:    url("./logos/matrix/itinerary2_664x404.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               300px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   table.matrixElementTable td.randomItineraryContainer {
       background-image:    url("./logos/matrix/random_and_experts_only_1.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               300px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   table.matrixElementTable td.expertItineraryContainer {
       background-image:    url("./logos/matrix/rawTAF3.png");
       background-size:     95% 55%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               300px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   table.matrixElementTable td.airportMeteogramContainer {
       background-image:    url("./logos/matrix/meteorogram1_840x316.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               300px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   table.matrixElementTable td.hubMeteogramContainer {
       background-image:    url("./logos/matrix/hubtest1_801x497.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               300px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   table.matrixElementTable td.forecastTrendsContainer {
       background-image:    url("./logos/matrix/trend_graphic_720x360.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               300px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   table.matrixElementTable td.homeContainer {
       background-image:    url("./logos/matrix/frontpage_600x361.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               300px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   #matrixContainer {
       width:         1340px;
       height:        auto;
       min-height:    425px;
       position:      relative;
       margin-left:   auto;
       margin-right:  auto;
       margin-bottom: 10px;
       border:        none;
   }

   #matrixContainerGlobalFront {
       width:         1340px;
       height:        auto;
       min-height:    425px;
       position:      relative;
       margin-left:   auto;
       margin-right:  auto;
       margin-bottom: 50px;
       border:        none;
   }

   #matrixContainerUsFront {
       width:         1340px;
       height:        auto;
       min-height:    425px;
       position:      relative;
       margin-left:   auto;
       margin-right:  auto;
       margin-bottom: 50px;
       border:        none;
   }

   .matrixInsetDiv {
      display:          inline-block;
      position:         relative;
      margin-left:      2px;
      float:            left;
      clear:            left;
   }

   #matrixTablePlaceholder {
      display:          inline-block;
      float:            left;
      position:         relative;
      overflow:         hidden;
   }

   #infoContainer {
       width:         1340px;
       height:        auto;
       min-height:    350px;
       position:      relative;
       margin-left:   auto;
       margin-right:  auto;
       border:        none;
   }

   #usForecastsButtonContainer {
       width:         1340px;
       height:        auto;
       min-height:    auto;
       position:      relative;
       margin-left:   auto;
       margin-right:  auto;
       margin-bottom: 0px;
       border:        none;
   }

   #left_bookstop_usForecastsButton {
       display:             inline-block;
       position:            relative;
       width:               70px;
       height:              80px;
       float:               left;
   }

   #usForecastsButton {
       display:          inline-block;
       width:            1206px;
       height:           80px;
       border:           12px;
       border-style:     solid;
       border-color:     #A9A9A9;
       empty-cells:      show;
       position:         relative;
       margin-top:       10px;
       margin-left:      0px;
       background-color: white;
       font-size:        180%;
       font-weight:      bold;
       font-family:      "Arial";
       color:            black;
   }

   #usForecastsButton:hover {
       border:          14px solid;
       border-color:    #2C2CA0;
       text-align:      center;
   }

   p.usForecastsButtonAccentuate {
      font-size:        100%;
      font-weight:      bold;
      font-family:      "Arial";
      font-style:       italic;
      color:            #DC143C;
      margin-top:       0px;
      display:          inline-block;
   }   

   #globalHubStatusContainer {
       width:         1340px;
       height:        auto;
       min-height:    auto;
       position:      relative;
       margin-left:   auto;
       margin-right:  auto;
       margin-bottom: 0px;
       border:        none;
   }

   #globalHubStatusInnerDiv {
       width:            1183px;
       height:           auto;
       border:           12px;
       border-style:     solid;
       border-color:     #A9A9A9;
       empty-cells:      show;
       position:         relative;
       margin-top:       5px;
       margin-left:      70px;
       background-color: white;
       color:            black;
   }

   #globalHubStatusInnerDiv:hover {
       border:          14px solid;
       border-color:    #2C2CA0;
   }

   #globalHubStatusTicker {
       width:            auto;
       height:           auto;
       empty-cells:      show;
       position:         relative;
       margin-left:      10px;
       margin-right:     10px;
   }

   .globalHubStatusHeaderTable {
    width:           auto;
    height:          auto;
    border:          0px;
    border-style:    solid;
    border-color:    black;
    position:        relative;
    margin-top:      0px;
    margin-bottom:   0px;
    margin-left:     auto;
    margin-right:    auto;
   }

   .globalHubStatusHeaderTable td {
      text-align:     center;
      vertical-align: center;
   }

   p.globalHubStatusHeader {
      font-size:        180%;
      font-weight:      bold;
      font-family:      "Arial";
      font-style:       normal;
      color:            black;
      margin-top:       10px;
      margin-bottom:    10px;
      text-align:       center;
   }

   p.globalHubStatus_red {
      font-size:        130%;
      font-weight:      bold;
      font-family:      "Arial";
      font-style:       normal;
      background-color: #DC143C;
      color:            white;
      margin-top:       5px;
      margin-bottom:    5px;
      display:          inline-block;
   }

   p.globalHubStatus_yellow {
      font-size:        130%;
      font-weight:      bold;
      font-family:      "Arial";
      font-style:       normal;
      background-color: yellow;
      color:            black; 
      margin-top:       5px;
      margin-bottom:    5px;
      display:          inline-block;
   }
   
   p.globalHubStatus_green {
      font-size:        130%;
      font-weight:      bold;
      font-family:      "Arial";
      font-style:       normal;
      background-color: #00FF00;
      color:            black;
      margin-top:       5px;
      margin-bottom:    5px;
      display:          inline-block;
   }

   p.globalHubStatus_black {
      font-size:        130%;
      font-weight:      bold;
      font-family:      "Arial";
      font-style:       normal;
      color:            black;
      margin-top:       5px;
      margin-bottom:    5px;
      display:          inline-block;
   }

   .marquee {
      overflow: hidden;
      border:0px solid #ccc;
   }

   #globalHubStatusFxtInitialization {
      width:               200px;
      height:              42px;
      display:             inline-block;
      position:            absolute; top: 0px; right: 10px;
      background-color:    white;
      border:              3px;
      border-top-style:    none;
      border-right-style:  solid;
      border-bottom-style: solid;
      border-left-style:   solid;
      border-radius:       15px;
      border-color:        #A9A9A9; 
      font-size:           120%;
      font-weight:         bold;
      font-style:          normal;
/*    font-family:         "Arial" */
   }

   .globalHubStatusInitializationTable {
      width:            200px;
      height:           42px;
      border:           none;
      position:         absolute;
      color:            blue;
   }

   table.globalHubStatusInitializationTable td {
      text-align:       center;
   }

   #frontDashboardAccent {
      display:          inline-block;
      position:         relative;
      width:            1340px;
      height:           30px;
      margin-top:       10px;
      margin-left:      auto;
      margin-right:     auto;
      margin-bottom:    10px;
      background-color: #2C2CA0;
      border:           1px;
      border-style:     solid;
      border-color:     black;
      text-align:       center;
   }

   #frontAboutUsButton {
      width:            80px;
      height:           28px;
      background-color: #BCC6CC;
      font-size:        140%;
      position:         relative;
      display:          inline-block;
      font-weight:      bold;
      vertical-align:   top;
      text-align:       center;
      line-height:      18px;
      margin-left:      15px;
   }

#howToInterpret {
    width:            1340px;
    height:           auto;
    margin-left:      auto;
    margin-right:     auto;
    margin-bottom:    10px;
    border:           2px;
    border-style:     solid;
    border-color:     black;
    background-color: #2C2CA0;  /* FCF5BA FFFFCC FFE5CC !CCFF99 */
    overflow:         hidden;
}

p.howToInterpretTitle {
   font-size:        130%;
   font-weight:      bold;
   font-family:      "Arial";
   color:            white;
   margin-top:       5px;
   margin-left:      10px;
   display:          inline-block;
}

p.howToInterpretNormal {
   font-size:        120%;
   font-weight:      normal;
   font-family:      "Arial";
   color:            white;
   margin-top:       0px;
   margin-left:      10px;
   margin-right:     10px;
   display:          inline-block;
}



.howToHeaderTable {
       width:               992px;
       height:              auto;
       border:              3px;
       border-top-style:    solid;
       border-bottom-style: none;
       border-left-style:   solid;
       border-right-style:  solid;
       border-color:        #A9A9A9;
       empty-cells:         show;
       position:            relative;
       margin-top:          15px;
       margin-left:         228px; 
       margin-bottom:       0px;
       overflow:            hidden;
       background-color:    #E0E0E0;
}

table.howToHeaderTable tr {
       height:              74px;
       border:              3px;
       border-top-style:    solid;
       border-bottom-style: none;
       border-left-style:   solid;
       border-right-style:  solid;
       border-color:        #A9A9A9;
       padding:             0px;
       display:             block;
}

table.howToHeaderTable td.riskLevel {
       width:               205px;
       height:              74px;
       padding:             0px;
       text-align:          center;
       font-size:           140%;
       vertical-align:      middle;
       position:            relative;
       border:              6px;
       border-color:        #A9A9A9;
       border-top-style:    none;
       border-bottom-style: none;
       border-left-style:   none;
       border-right-style:  solid;
       background-clip:     padding-box;
}

table.howToHeaderTable td.weatherType {
       width:               798px;
       height:              74px;
       padding:             0px;
       text-align:          center;
       font-size:           140%;
       vertical-align:      middle;
       position:            relative;
       border:              6px;
       border-color:        #A9A9A9;
       border-top-style:    none;
       border-bottom-style: none;
       border-left-style:   none;
       border-right-style:  none; 
       background-clip:     padding-box;
}

p.howToHeader {
   font-size:        130%;
   font-weight:      bold;
   font-family:      "Arial";
   color:            black;
   margin-top:       5px;
   margin-left:      0px;
   display:          inline-block;
}

.howToTable {
       width:            1100px;
       height:           auto;
       border:           3px;
       border-style:     solid;
       border-color:     #A9A9A9;
       empty-cells:      show;
       position:         relative;
       margin-top:       0px;
       margin-left:      auto;
       margin-right:     auto;
       margin-bottom:    15px;
       overflow:         hidden;
       background-color: white;
}

table.howToTable tr {
       height:          94px;
       border:          3px;
       border-style:    solid;
       border-color:    #A9A9A9;
       padding:         0px;
       display:         block;
}

table.howToTable td.normal {
       width:               200px;
       height:              94px;
       padding:             0px;
       background-color:    white;
       text-align:          center;
       font-size:           140%;
       vertical-align:      middle;
       position:            relative;
       border:              6px;
       border-style:        solid;
       border-color:        #A9A9A9;
       border-top-style:    none;
       border-bottom-style: none;
       background-clip:     padding-box;
}

table.howToTable td.weatherTypeColumn {
       width:               auto;
       height:              94px;
       padding:             0px;
       background-color:    white;
       text-align:          center;
       font-size:           100%;
       vertical-align:      middle;
       position:            relative;
       border-style:        none;
       background-clip:     padding-box;
}

table.howToTable td.redStoplight {
       background-image:    url("./logos/stoplight/red_light.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               103px;
       height:              90px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.howToTable td.yellowStoplight {
       background-image:    url("./logos/stoplight/yellow_light.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               103px;
       height:              90px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.howToTable td.greenStoplight {
       background-image:    url("./logos/stoplight/green_light.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               103px;
       height:              90px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

p.howToTableRiskLevel {
   font-size:        130%;
   font-weight:      bold;
   font-family:      "Arial";
   color:            black;
   margin-top:       5px;
   margin-left:      0px;
   display:          inline-block;
}

.weatherTypeForGivenRiskLevel {
       width:            774px;
       height:           auto;
       border:           3px;
       border-style:     none;
       border-color:     #A9A9A9;
       empty-cells:      show;
       position:         relative;
       margin-top:       0px;
       margin-left:      auto;
       margin-right:     auto;
       margin-bottom:    0px;
       overflow:         hidden;
       background-color: white;
}

table.weatherTypeForGivenRiskLevel tr {
       height:          23px;
       border:          3px;
       border-style:    none;
       border-color:    #A9A9A9;
       padding:         0px;
       display:         block;
}

table.weatherTypeForGivenRiskLevel td.leftColumn {
       width:               410px;
       height:              auto;
       padding:             0px;
       background-color:    white;
       text-align:          left;
       font-size:           150%;
       font-style:          "Arial";
       vertical-align:      middle;
       position:            relative;
       border-style:        none;
       background-clip:     padding-box;
}

.android table.weatherTypeForGivenRiskLevel td.leftColumn {
       width:               410px;
       height:              auto;
       padding:             0px;
       background-color:    white;
       text-align:          left;
       font-size:           130%;
       font-style:          "Arial";
       vertical-align:      middle;
       position:            relative;
       border-style:        none;
       background-clip:     padding-box;
}

table.weatherTypeForGivenRiskLevel td.rightColumn {
       width:               340px;
       height:              auto;
       padding:             0px;
       background-color:    white;
       text-align:          left;
       font-size:           150%;
       font-style:          "Arial";
       vertical-align:      middle;
       position:            relative;
       border-style:        none;
       background-clip:     padding-box;
}

.android table.weatherTypeForGivenRiskLevel td.rightColumn {
       width:               340px;
       height:              auto;
       padding:             0px;
       background-color:    white;
       text-align:          left;
       font-size:           130%;
       font-style:          "Arial";
       vertical-align:      middle;
       position:            relative;
       border-style:        none;
       background-clip:     padding-box;
}

table.weatherTypeForGivenRiskLevel td.weatherTypeFreezingRain {
       width:               697px;
       height:              auto;
       padding:             0px;
       background-color:    white;
       text-align:          left;
       font-size:           150%;
       font-style:          "Arial";
       vertical-align:      middle;
       position:            relative;
       border-style:        none;
       background-clip:     padding-box;
}

.android table.weatherTypeForGivenRiskLevel td.weatherTypeFreezingRain {
       width:               697px;
       height:              auto;
       padding:             0px;
       background-color:    white;
       text-align:          left;
       font-size:           130%;
       font-style:          "Arial";
       vertical-align:      middle;
       position:            relative;
       border-style:        none;
       background-clip:     padding-box;
}

p.weatherTypeIndent {
   padding-left: 0.0em;
}


#forecastOfTheDayContainer {
   width:         1340px;
   height:        auto;
   min-height:    auto;
   position:      relative;
   margin-left:   auto;
   margin-right:  auto;
   margin-top:    0px;
   margin-bottom: 0px;
   border:        none;
}

#forecastOfTheDayInnerDiv {
   width:            1183px;
   height:           auto;
   min-height:       80px;
   border:           12px;
   border-style:     solid;
   border-color:     #A9A9A9;
   empty-cells:      show;
   position:         relative;
   margin-top:       5px;
   margin-left:      70px;
   background-color: white;
   color:            black;
}

#forecastOfTheDayHeaderDiv {
   border:          none;
   margin-top:      10px;
   margin-bottom:   0px;
   width:           auto;
   height:          auto;
   float:           left;
   clear:           right;
}

p.fotdHeader {
   font-size:        180%;
   font-family:      "Arial";
   color:            black;
   border:           none;
   padding-left:     10px;
   font-weight:      bold;
}

#forecastOfTheDaySigWxTableDiv {
   width:            90%;
   height:           100%;
   display:          inline-block;
   position:         relative;
   margin-left:      0px;
   margin-top:       0px;
   margin-bottom:    10px;
}

.forecastOfTheDayOuterTable {
   border:          none;
   empty-cells:     show;
   margin-top:      10px;
   margin-left:     0px;
   margin-right;    0px;
}

table.forecastOfTheDayOuterTable td.airportText{
   width:           300px;
   vertical-align:  middle;
}

table.forecastOfTheDayOuterTable td.sigwxTable{
   margin-left:     0px;
   width:           800px;
}

table.forecastOfTheDayOuterTable td.spacerEntry{
   width:           100px;
}

.airportDetails {
   height:          100%;
   width:           100%;
   border:          none;
   empty-cells:     show;
   font-size:       180%;
   text-align:      center;
   margin-top:      0px;
   margin-left:     50px;
   margin-right;    0px;
}

p.airportDetailsLarge {
   font-size:       130%;
   font-weight:     normal;
}

#fxtInitializationBannerContainer {
    width:         1340px;
    height:        auto;
    min-height:    auto;
    position:      relative;
    margin-left:   auto;
    margin-right:  auto;
    margin-bottom: 0px;
    border:        none;
}

#fxtInitializationBanner {
    display:          inline-block;
    position:         relative;
    width:            1206px;
    height:           30px;    /* with rounded white background  32px   squared white background  30px */
    margin-left:      70px;
    margin-right:     auto;
    margin-top:       10px;
    margin-bottom:    5px;
    border:           0px;
    border-style:     solid;
    border-color:     blue;
    text-align:       center;
    vertical-align:   middle;
    background-color: #2C2CA0;
    font-size:        120%;
}

#fxtInitializationBackground {
    display:          inline-block;
    position:         absolute; top: 0px; right: 330px;   /* with rounded white background  top: 4px right: 330px */
                                                          /* with squared white background  top: 0px right: 330px */
    width:            530px;  /* with rounded white background  550px   squared white background  530px */
    height:           30px;   /* with rounded white background  auto    squared white background  30px */
    border:           0px;    /* with rounded white background  1px     squared white background  0px */
    border-radius:    0px;    /* with rounded white background  10px    squared white background  0px */
    border-color:     white;
    text-align:       center;
    vertical-align:   middle;
    background-color: white;
}

p.fxtInitializationText {
      font-size:        120%;
      font-weight:      bold;
      font-family:      "Arial";
      color:            white;   /* with rounded/squared white background   black */
      margin-top:       3px;     /* with rounded white background   1px   squared white background 3px */
}

#fastForecastPreviewContainer {
    display:       block;
    width:         1340px;
    height:        auto;
    min-height:    auto;
    position:      relative;
    margin-left:   auto;
    margin-right:  auto;
    margin-bottom: 0px;
    border:        none;
}

#fastForecastPreviewInnerDiv {
    width:            1183px;
    height:           auto;
    display:          inline-block;
    border:           12px;
    border-style:     solid;
    border-color:     #A9A9A9;
    empty-cells:      show;
    position:         relative;
    margin-top:       5px;
    margin-left:      70px;
    background-color: white;
    color:            black;
}

#fastForecastPreviewInnerDiv:hover {
    border:          14px solid;
    border-color:    #2C2CA0;
}

#fastForecastPreviewHeaderDiv {
    border:          none;
    margin-top:      5px;
    margin-bottom:   -10px;
    width:           auto;
    height:          auto;
    float:           left;
}

.fastForecastPreviewTable td.normal {
    padding-left:    0px;
    vertical-align:  middle;
}

.fastForecastPreviewTable td.left-padding1 {
    padding-left:    20px;
    vertical-align:  middle;
}

.fastForecastPreviewTable td.left-padding2 {
    padding-left:    10px;
    text-align:      center;
    vertical-align:  middle;
}

.fastForecastTextTable {
    width:           auto
    margin-top:      0px;
    margin-bottom:   20px;
    margin-left:     70px;
}

.android .fastForecastTextTable {
    width:           auto
    margin-top:      0px;
    margin-bottom:   20px;
    margin-left:     90px;
}

.fastForecastTextTable td {
    text-align:      center;
    vertical-align:  middle;
}

.fastForecastWxTypeIconTable {
    width:           auto;
    height:          auto;
    border:          0px;
    border-style:    solid;
    border-color:    black;
    position:        relative;
    margin-top:      0px;
    margin-bottom:   15px;
    margin-left:     10px;
    margin-right:    15px;
    overflow:        hidden;
    empty-cells:     show;
}

table.fastForecastWxTypeIconTable td.rain {
       background-image:    url("./logos/wx_types/rain6.png");
       background-size:     80% 90%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               88px;
       height:              59px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.fastForecastWxTypeIconTable td.snow {
       background-image:    url("./logos/wx_types/snow14.png");
       background-size:     80% 90%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               88px;
       height:              59px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.fastForecastWxTypeIconTable td.freezing {
       background-image:    url("./logos/wx_types/icicle3.png");
       background-size:     90% 90%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               88px;
       height:              59px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.fastForecastWxTypeIconTable td.windspeed {
       background-image:    url("./logos/wx_types/wind_v1.png");
       background-size:     95% 95%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               88px;
       height:              59px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.fastForecastWxTypeIconTable td.clouds {
       background-image:    url("./logos/wx_types/low_clouds_mod3.png");
       background-size:     100% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               88px;
       height:              59px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.fastForecastWxTypeIconTable td.visibility {
       background-image:    url("./logos/wx_types/visibility2.png");
       background-size:     95% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               88px;
       height:              59px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.fastForecastWxTypeIconTable td.tstorm {
       background-image:    url("./logos/wx_types/lightning5.png");
       background-size:     90% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               87px;
       height:              58px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.fastForecastWxTypeIconTable td.spacer {
       width:               10px;
       height:              59px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

table.fastForecastWxTypeIconTable td.spacer2 {
       width:               90px;
       height:              65px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

#fastForecastContainer {
    display:       none;
    width:         1340px;
    height:        auto;
    min-height:    auto;
    position:      relative;
    margin-left:   auto;
    margin-right:  auto;
    margin-bottom: 0px;
    border:        none;
}

#fastForecastInnerDiv {
    width:            1183px;
    height:           auto;
    display:          inline-block;
    border:           12px;
    border-style:     solid;
    border-color:     #A9A9A9;
    empty-cells:      show;
    position:         relative;
    margin-top:       5px;
    margin-left:      70px;
    background-color: white;
    color:            black;
}

#fastForecastHeaderDiv {
    border:          none;
    margin-top:      10px;
    margin-bottom:   -10px;
    width:           auto;
    height:          auto;
    float:           left;
    clear:           right;
}

p.fastForecastHeader {
   font-size:        180%;
   color:            black;
   border:           none;
   padding-left:     10px;
   font-weight:      bold;
   font-family:      "Arial";
}

.android p.fastForecastHeader {
   font-size:        170%;
   color:            black;
   border:           none;
   padding-left:     10px;
   font-weight:      bold;
   font-family:      "Arial";
}

#fastForecastInputForm {
   float:          left;
   clear:          bottom;
   margin-bottom:  20px;
   margin-top:     20px;
}

#labelFastForecastCityXYZ {
   color:            white;
}

.android #labelFastForecastCityXYZ {
   color:            white;
   font-size:        90%;
}

#fastForecastInputFormUseNote {
   position:         relative;
   float:            right;
   clear:            right;
   margin-top:       20px;
   margin-right:     0px;
   margin-left:      20px;
   height:           auto;
   width:            auto;
}

#fastForecastInputFormUseNoteTable {
   text-align:       center;
   font-size:        130%;
}

p.boldFastForecastInputFormUseNote {
   font-weight:      bold;
}

p.normalFastForecastInputFormUseNote {
   font-weight:      normal;
}

.android p.normalFastForecastInputFormUseNote {
   font-weight:      normal;
   font-size:        90%;
}

#warningPlaceholderForecastTime {
   float:          right;
   margin-right:   240px;
   margin-bottom:  10px;
}

#fastForecastTimePlaceholder {
   display:          inline-block;
   float:            left;
   position:         relative;
   margin-left:      40px;
   margin-top:       0px;
   margin-bottom:    5px;
}

#fastForecastSubmitButton {
   width:            140px;
   height:           80px;
   background-color: #BCC6CC;
   font-size:        130%;
   position:         relative;
   display:          block;
   float:            right;
   margin-top:       10px;
   margin-bottom:    5px;
   margin-right:     10px;
   font-weight:      bold;
   border:           10px;
   border-style:     solid;
   border-color:     #00FF00;
}

#startOverButton {
   width:            140px;
   height:           80px;
   background-color: #BCC6CC;
   font-size:        130%;
   position:         relative;
   display:          block;
   float:            right;
   margin-top:       0px;
   margin-bottom:    5px;
   margin-right:     10px;
   font-weight:      normal;
}

#fastForecastHideButton {
   width:            140px;
   height:           80px;
   background-color: #BCC6CC;
   font-size:        130%;
   position:         relative;
   display:          block;
   float:            right;
   margin-top:       30px;
   margin-bottom:    5px;
   margin-right:     10px;
   font-weight:      normal;
}

#sigwxContainerFastForecast {
    width:               800px;
    height:              auto;
    margin-left:         auto;
    margin-right:        auto;
    margin-top:          0px;
    margin-bottom:       10px;
    display:             relative;
}

#sigwxClearButton {
   width:            80px;
   height:           40px;
   background-color: #BCC6CC;
   font-size:        130%;
   position:         relative;
   display:          block;
   float:            left;
   margin-top:       10px;
   margin-bottom:    5px;
   font-weight:      normal;
}

.fastForecastTimeTable {
       width:           440px;
       height:          220px;
       border:          1px;
       border-style:    solid;
       border-color:    black;
       empty-cells:     show;
       position:        relative;
       margin-top:      10px;
       margin-left:     10px;
       overflow:        hidden;
}
table.fastForecastTimeTable th {
       font-size:       180%;
       border:          3px;
       border-style:    solid;
       border-color:    black;
       padding:         2px;
}
table.fastForecastTimeTable tr {
       border:          3px;
       border-style:    solid;
       border-color:    black;
       padding:         2px;
}
table.fastForecastTimeTable td {
       border:           3px;
       border-style:     solid;
       border-color:     black;
       padding:          2px;
       background-color: #BCC6CC;
       text-align:       center;
       font-size:        110%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
}

.android table.fastForecastTimeTable td {
       border:           3px;
       border-style:     solid;
       border-color:     black;
       padding:          2px;
       background-color: #BCC6CC;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
}

table.fastForecastTimeTable td:hover {
       border:          6px solid;
       border-color:    white;
       text-align:      center;
}

#sigwxSeparatorContainer {
    width:               1000px;
    height:              auto;
    margin-left:         auto;
    margin-right:        auto;
    margin-top:          0px;
    margin-bottom:       0px;
    display:             relative;
}

hr.sigwxSeparator {
    display:       inline-block;
    position:      relative;
    margin-top:    0px;
    margin-bottom: 0px;
    margin-left:   auto;
    margin-right:  auto;
    overflow:      hidden;
    border-style:  inset;
    border-width:  1px;
    width:         100%;
}

p.globalHubStatusGoButton {
   width:            60px;
   height:           auto;
   background-color: #2C2CA0;
   font-size:        170%;
   position:         relative;
   display:          inline-block;
   margin-top:       0px;
   margin-bottom:    0px;
   margin-left:      20px;
   font-weight:      bold;
   font-family:      "Arial";
   color:            white;
}

p.fastForecastGoButton {
   width:            60px;
   height:           auto;
   background-color: #2C2CA0;
   font-size:        180%;
   position:         relative;
   display:          inline-block;
   margin-top:       0px;
   margin-bottom:    15px;
   margin-left:      15px;
   font-weight:      bold;
   font-family:      "Arial";
   color:            white;
}

p.usForecastsGoButton {
   width:            60px;
   height:           auto;
   background-color: #2C2CA0;
   font-size:        95%;
   position:         relative;
   display:          inline-block;
   margin-top:       5px;
   margin-bottom:    5px;
   margin-left:      15px;
   font-weight:      bold;
   font-family:      "Arial";
   color:            white;
}

   .bifurcationTable {
       width:           1200px;
       height:          380px;
       border:          12px;
       border-style:    solid;
       border-color:    #A9A9A9;
       empty-cells:     show;
       position:        relative;
       margin-top:      10px;
       margin-left:     70px;
   }
   table.bifurcationTable th {
       height:          auto;
       font-size:       180%;
       border:          12px;
       border-style:    solid;
       border-color:    #A9A9A9;
       padding:         2px;
   }
   table.bifurcationTable tr {
       border:          12px;
       border-style:    solid;
       border-color:    #A9A9A9;
       padding:         2px;
   }
   table.bifurcationTable td {
       width:            564px;
       height:           380px;
       border:           12px;
       border-style:     solid;
       border-color:     #A9A9A9;
       padding:          2px;
       background-color: white;
       text-align:       center;
       font-size:        110%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
   }

   table.bifurcationTable td:hover {
       border:          14px solid;
       border-color:    #2C2CA0;
       text-align:      center;
   }

   p.bifurcationElementText {
      font-size:        130%;
      font-weight:      bold;
      font-family:      "Arial";
      color:            black;
      margin-top:       3px;
      display:          inline-block;
   }

   p.bifurcationElementSmallText {
      font-size:        100%;
      font-weight:      bold;
      font-family:      "Arial";
      color:            #2F4F4F;
      margin-top:       25px;
      display:          inline-block;
   }

   p.bifurcationElementGoButton {
      width:            60px;
      height:           auto;
      background-color: #2C2CA0;
      font-size:        140%;
      position:         relative;
      display:          inline-block;
      margin-top:       0px;
      margin-bottom:    0px;
      margin-left:      0px;
      margin-right:     0px;
      font-weight:      bold;
      font-family:      "Arial";
      color:            white;
   }

   .bifurcationElementTable {
       width:           564px;
       height:          380px;
       border:          none;
       padding:         0px;
       empty-cells:     show;
       position:        relative;
       margin-top:      5px;
       margin-left:     0px;
       margin-right:    0px;
   }

   table.bifurcationElementTable table.globalTitleTable {
       width:           564px;
       height:          50px;
       border:          none;
       padding:         0px;
       empty-cells:     show;
       position:        relative;
       margin-top:      0px;
       margin-left:     0px;
       margin-right:    0px;
   }
   table.globalTitleTable td.globalSpacer {
       width:            100px;
       height:           50px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;
   }
   table.globalTitleTable td.left {
       width:            380px;
       height:           50px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;  
   }
   table.globalTitleTable td.right {
       width:            84px;
       height:           50px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;
   }

   table.bifurcationElementTable table.usTitleTable {
       width:           564px;
       height:          50px;
       border:          none;
       padding:         0px;
       empty-cells:     show;
       position:        relative;
       margin-top:      0px;
       margin-left:     0px;
       margin-right:    0px;
   }
   table.usTitleTable td.usSpacer {
       width:            100px;
       height:           50px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;
   }
   table.usTitleTable td.left {
       width:            380px;
       height:           50px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;  
   }
   table.usTitleTable td.right {
       width:            84px;
       height:           50px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;
   }

   table.bifurcationElementTable th {
       height:          auto;
       font-size:       180%;
       border:          none;
   }
   table.bifurcationElementTable tr {
       border:          none;
       margin-left:     0px;
       margin-right:    0px;
   }
   table.bifurcationElementTable td.titleContainer {
       width:            282px;
       height:           50px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        130%;
       vertical-align:   top;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;
    }
   table.bifurcationElementTable td:hover {
       border:          none;
   }

   table.bifurcationElementTable td.goButton {
       width:            auto;
       height:           auto;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;
    }

   table.bifurcationElementTable td.forecastSource {
       width:            282px;
       height:           20px;
       border:           none;
       padding:          0px;
       background-color: white;
       text-align:       center;
       font-size:        100%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
       margin-left:      0px;
       margin-right:     0px;
    }

   table.bifurcationElementTable td.globalMapContainer {
       background-image:    url("./front_graphics_11Jan2019/global3_crop1.png");
       background-size:     88% 88%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               282px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }

   table.bifurcationElementTable td.usMapContainer {
       background-image:    url("./front_graphics_11Jan2019/us3_crop1.png");
       background-size:     78% 85%;
       background-repeat:   no-repeat;
       background-position: center;
       border:              none;
       width:               300px;
       height:              auto;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
       margin-left:         0px;
       margin-right:        0px;
   }