#header_container {
    width:               1340px;
    height:              auto;
    margin-left:         auto;
    margin-right:        auto;
}

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

#header_strip {
    background-image:    url("./logos/A_sfc_full_ocean_color_01Oct2016_crop_1200x283.png");
    background-size:     100% 100%;
    background-repeat:   no-repeat;
    background-color:    "rgb(44,44,160)";
    display:             inline-block;
    position:            relative;
    width:               1200px;
    height:              283px;
    margin-left:         5px;
}

#front_site_name {
    background-color:    white;
    display:             inline-block;
    position:            relative;
    width:               800px;
    height:              90px;
    margin-left:         200px;
    margin-top:          50px;
    border-radius:       15px;
}

#site_name {
    background-color:    white;
    display:             inline-block;
    position:            relative; 
    width:               800px;
    height:              110px;
    margin-left:         200px;
    margin-top:          30px;
    text-align:          center;
    border-radius:       15px;
}

#front_site_slogan {
    background-color:    white;
    position:            absolute; top: 45px; left: 45px; 
    width:               750px;
    height:              30px;
    font-size:           xx-large;
}

.android #front_site_slogan {
    background-color:    white;
    position:            absolute; top: 50px; left: 25px;
    width:               750px;
    height:              30px;
    font-size:           180%;
}

#site_slogan {
    background-color:    white;
    position:            absolute; top: 45px; left: 48px;
    width:               730px;
    height:              30px;
    margin-top:          10px;
    font-size:           250%;
    text-align:          center;
}

.android #site_name {
    background-color:    white;
    display:             inline-block;
    position:            relative;
    width:               830px;
    height:              90px;
    margin-left:         190px;
    margin-top:          50px;
}

.android #site_slogan {
    background-color:    white;
    position:            absolute; top: 45px; left: 20px;
    width:               800px;
    height:              30px;
    font-size:           190%;
    margin-top:          5px;
}

/*.android p.slogan {
       font-size:           175%;
       margin-top:          5px;
       color:               red;
}

  @media all and
  (-webkit-min-device-pixel-ratio:0) and
  (min-resolution: .001dpcm) and
  (max-device-width: 800px) { 
  p.slogan {
    color: red;
  }
}
*/

p.front_h1 {
    font-size:  250%;
    transform:  translateX(+260px) translateY(+3px);
}

h1 {
    font-size:  250%;
    color:      #2C2CA0;
    margin-top: 10px;
/*    transform:  translateX(+260px) translateY(+3px); */
}

.android h1 {
    font-size:  250%;
    color:      #2C2CA0;
    margin-top: 5px;
/*    transform:  translateX(+120px) translateY(+3px); */
}

#quickNavigationContainer {
    width:         1340px;
    height:        80px;
    position:      relative;
    margin-left:   auto;
    margin-right:  auto;
    margin-top:    10px;
    margin-bottom: 10px;
    border:        4px; 
    border-style:  solid;
    border-color:  black;   
}

#quickNavButtonNationwideMap {
    width:            220px;
    height:           70px;
    background-color: #CCFF99;  /* BCC6CC */
    font-size:        130%;
    position:         relative;
    display:          inline-block;
    float:            left;
    margin-top:       5px;
    margin-left:      10px;
    font-weight:      bold;
}
#quickNavButtonNationwideMap:hover {
    border:           8px;
    border-style:     solid;
    border-color:     blue;
}

#quickNavButtonCustomItinerary {
    width:            220px;
    height:           70px;
    background-color: #CCFF99;  /* BCC6CC */
    font-size:        130%;
    position:         relative;
    display:          inline-block;
    float:            left;
    margin-top:       5px;
    font-weight:      bold;
}
#quickNavButtonCustomItinerary:hover {
    border:           8px;
    border-style:     solid;
    border-color:     blue;
}

#quickNavButtonRandomItinerary {
    width:            220px;
    height:           70px;
    background-color: #CCFF99;  /* BCC6CC */
    font-size:        130%;
    position:         relative;
    display:          inline-block;
    float:            left;
    margin-top:       5px;
    font-weight:      bold;
}
#quickNavButtonRandomItinerary:hover {
    border:           8px;
    border-style:     solid;
    border-color:     blue;
}

#quickNavButtonBallbusterItinerary {
    background-image:    url("./logos/quickNavButtonExpertOnly_377x120.png");
    background-size:     100% 100%;
    background-repeat:   no-repeat;
    width:               220px;
    height:              70px;
    background-color:    transparent;  /* BCC6CC !CCFF99! */
    font-size:           130%;
    position:            relative;
    display:             inline-block;
    float:               left;
    margin-top:          5px;
    font-weight:         bold;
}

p.indent {
   padding-left: 2.8em;
}

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

#quickNavButtonBallbusterItinerary:hover {
    border:           8px;
    border-style:     solid;
    border-color:     blue;
}

#quickNavButtonAirportMeteograms {
    width:            220px;
    height:           70px;
    background-color: #CCFF99;  /* BCC6CC */
    font-size:        130%;
    position:         relative;
    display:          inline-block;
    float:            left;
    margin-top:       5px;
    font-weight:      bold;
}
#quickNavButtonAirportMeteograms:hover {
    border:           8px;
    border-style:     solid;
    border-color:     blue;
}

#quickNavButtonHubMeteograms {
    width:            220px;
    height:           70px;
    background-color: #CCFF99;  /* BCC6CC */
    font-size:        130%;
    position:         relative;
    display:          inline-block;
    float:            left;
    margin-top:       5px;
    font-weight:      bold;
}
#quickNavButtonHubMeteograms:hover {
    border:           8px;
    border-style:     solid;
    border-color:     blue;
}

#sitePitch {
    width:            1340px;
    height:           150px;
    vertical-align:   top;
    margin-left:      auto;
    margin-right:     auto;
    margin-top:       0px;
    margin-bottom:    10px;
    border:           2px;
    border-style:     solid;
    border-color:     black;
    background-color: white;  /* CCFF99 */
    overflow:         hidden;
}

#sitePitchLeftAccentContainer {
    background-image:    url("./logos/airplane1_crop_red_E.png");
    background-size:     100% 100%;
    background-repeat:   no-repeat;
    display:             inline-block;
    width:               50px;
    height:              40px;
    margin-top:          0px;
    margin-bottom:       3px;
    margin-left:         290px; 
    margin-right:        30px;  
    background-color:    white;  /* CCFF99 */
    float:               left;
}

#sitePitchRightAccentContainer {
    background-image:    url("./logos/airplane1_crop_red_W.png");
    background-size:     100% 100%;
    background-repeat:   no-repeat;
    display:             inline-block;
    width:               50px;
    height:              40px;
    margin-top:          0px;
    margin-bottom:       3px;
    margin-left:         30px;
    margin-right:        0px;
    background-color:    white;  /* CCFF99 */
    float:               right;
}

#forecastDataDescription {
    width:            1340px;
    height:           30px;
    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.sitePitchTitle {
   font-size:        150%;
   font-weight:      bold;
   font-family:      "Arial";
   color:            black;
   margin-top:       12px;
   margin-bottom:    10px;
   margin-left:      0px;
   margin-right:     0px;
   text-align:       center;
   display:          inline-block;
   float:            right;
}

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

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

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

#forecastDataDescriptionButton {
    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:      20px;
}

#dashboardAccent {
    width:            1340px;
    height:           30px;
    background-color: #2C2CA0;
    margin-left:      auto;
    margin-right:     auto;
    margin-bottom:    10px;
    border:           1px;
    border-style:     solid;
    border-color:     black;
    text-align:       center;
}

p.dashboardAccentText {
      font-size:        120%;
      font-weight:      normal;
      font-family:      "Arial";
      font-style:       italic;
      color:            white;  /* 32CD32 5F9EA0 A9A9A9 */
      margin-top:       5px;
}

#airportList {
    width:            1340px;
    height:           auto;
    background-color: #2C2CA0;
    margin-left:      auto;
    margin-right:     auto;
    margin-bottom:    10px;
    border:           1px;
    border-style:     solid;
    border-color:     black;
    text-align:       justify;
}

p.airportListText {
      font-size:        10%;
      font-weight:      normal;
      font-family:      "Arial";
      font-style:       italic;
      color:            #2C2CA0;  /* 32CD32 5F9EA0 A9A9A9 */
      margin-top:       1px;
      margin-bottom:    1px;
      margin-left:      1px;
      margin-right:     1px;
}

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

#mapText {
    width:           1340px;   
    height:          330px;  
    display:         inline-block;
    vertical-align:  top;
    position:        relative;
    float: left;
    clear: left;
    border:          2px;
    border-style:    solid;
    border-color:    black;
}

#NationwideMapSelectors {
   float:            left;
   position:         relative;
   margin-top:       0px;
}

#forecastTimePlaceholder {
   display:          inline-block;
   float:            left;
   position:         relative;
}

#wxTypePlaceholder {
   display:          inline-block;
   float:            right;
   position:         relative;
   margin-left:      10px;
}

#mapFxtInitialization {
    width:            200px;
    height:           50px;
    display:          inline-block;
    position:         absolute; bottom: 10px; left: 3%;
    z-index:          10000;
    background-color: white;
    border:           1px;
    border-style:     solid;
    border-color:     blue;
    border-radius:    15px;
    font-size:        140%;
    font-weight:      bold;    
}

.initializationTable {
    width:            200px;
    height:           50px;
    border:           none;
    position:         absolute;
    color:            blue;
}

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

#mapFxtLead {
    width:            120px;
    height:           80px;
    display:          inline-block;
    vertical-align:   middle;
    text-align:       center;
    position:         absolute; top: 10px; left: 45%;
    z-index:          10000;
    background-color: white;
    border:           1px;
    border-style:     solid;
    border-color:     black;
    border-radius:    15px;
    font-size:        140%;
    font-weight:      bold;
}

#mapWxTypeText {
    width:            220px;
    height:           auto;
    display:          inline-block;
    vertical-align:   middle;
    text-align:       center;
    position:         absolute; bottom: 30px; right: 30px;
    z-index:          10001;
    background-color: white;
    border:           1px;
    border-style:     solid;
    border-color:     black;
    font-size:        140%;
    font-weight:      bold;
}

#wxTypeTextTable {
       width:           220px;
       border:          none;
       position:        relative;
       margin-top:      5px;
}

p.wxTypeTextSmall {
      font-size:        180%;
      font-weight:      bold;
      font-family:      "Arial";
      color:            black;
}

p.wxTypeTextLarge {
      font-size:        230%;
      font-weight:      bold;
      font-family:      "Arial";
      font-style:       italic;
      color:            #A31E39; 
}

#mapAvailableForecasts {
    width:            250px;
    height:           auto;
    display:          inline-block;
    vertical-align:   middle;
    position:         absolute; top: 10px; left: 20%;
    z-index:          10001;
    background-color: white;
    border:           1px;
    border-style:     solid;
    border-color:     black;
    border-radius:    15px;
    font-size:        140%;
    font-weight:      bold;
}

#availableForecastsTable {
   width:            250px;
   border:           none;
   position:         relative;
   margin-top:       0px;
   margin-left:      0px;
}

table.availableForecastsTable td {
}

p.availableForecastsTextNormal {
   font-size:        140%;
   font-weight:      bold;
   font-family:      "Arial";
   color:            black;
   margin-left:      10px;
}

p.availableForecastsTextColored {
   font-size:        140%;
   font-weight:      bold;
   font-family:      "Arial";
   font-style:       italic;
   color:            #A31E39;
   margin-right:     5px;
}

#map {
    width:           1340px;    /* 760 660 */
    height:          600px;  /* 500 420 */
    display:         inline-block;
    vertical-align:  top;
    position:        relative;
    z-index:         1;
    border:          2px;
    border-style:    solid;
    border-color:    black;
    float:           left;
    clear:           right;
    margin-top:      10px;
}

#map2 {
    width:           760px;    /* 740 660 */
    height:          550px;  /* 500 420 */
    display:         inline-block;
    vertical-align:  top;
    position:        relative;
    border:          2px;
    border-style:    solid;
    border-color:    black;
    float:           right;
    clear:           right;
    margin-top:      10px;
    margin-bottom:   12px;
}

#customItinerary {
    width:           540px; 
    height:          auto;
    display:         block;
    position:        relative;
    float:           left; 
    clear:           both;
    border:          2px;
    border-style:    solid;
    border-color:    black;
    margin-top:      10px;
}

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

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

#meteogramContainer {
    width:         1340px;
    height:        auto;
    min-height:    410px;
    position:      relative;
    margin-left:   auto;
    margin-right:  auto;
}

#forecastCityInputForm_Placeholder {
    width:           540px;
    height:          auto;
    display:         inline-block;
    position:        relative; 
    border:          2px;
    border-style:    solid;
    border-color:    black;
    float:           left;
    clear:           left;
    margin-top:      10px;
}

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

#connectionDiv {
    display: block;
    position:  relative;
    float: left;
    clear: left;
}

#reset1 {
    width:            540px;
    height:           65px;
    background-color: #BCC6CC;
    border-style:     solid 2px;
    border-color:     black;
    font-size:        140%;
    position:         relative;
    float:            left;
    clear:            left;
    margin-top:       20px;
}

#randomButtonDiv {
    margin-bottom:    10px;
    margin-left:      30px;
    float:            left;
}

#ballbusterButtonDiv {
    margin-bottom:    10px;
    margin-left:      0px;
    float:            right;
}

#random1 {
    width:            220px;
    height:           70px;
    background-color: #BCC6CC;
    border-style:     solid;
    border-color:     #32CD32;
    font-size:        130%;
}

#ballbuster1 {
    background-image:  url("./logos/submitButtonExpertOnly_377x120.png");
    background-size:   100% 100%;
    background-repeat: no-repeat;
    width:             220px;
    height:            70px;
    background-color:  #BCC6CC;
    border-style:      solid;
    border-color:      #32CD32;
    border-left-style: none;
    font-size:         130%;
    margin-left:       25px;
}

#airlineButtonsPlaceholder {
    display:         inline-block;
    width:           760px;
    height:          auto;
    display:         block;
    position:        relative;
    border:          2px;
    border-style:    solid;
    border-color:    black;
    float:           right;
    clear:           right;
    margin-top:      0px;
}

.airlineButtonsTable {
    width:           480px;
    height:          auto; 
    border:          none;
    empty-cells:     show;
    text-align:      center;
    margin-bottom:   20px;
    float:           left;
}

table.airlineButtonsTable td:hover {
    border:          3px solid;
}


/* City label classes (maps of custom itinerary and random itinerary) */

.cityLabelGreen {
    background-color: green;
/*    border:           none;  */
    border-color:     white;
    color:            white;
    font-size:        140%; 
}

.cityLabelYellow {
    background-color: yellow;
/*    border:           none;  */
    border-color:     black;
    color:            black;
    font-size:        140%;
}

.cityLabelRed {
    background-color: red;
/*    border:           none;  */
    border-color:     white;
    color:            white;
    font-size:        140%;
}

.cityLabelGray {
    background-color: gray;
/*    border:           none;  */
    border-color:     white;
    color:            white;
    font-size:        140%;
}

/* City label classes (map of all cities) */

.allCityLabelGreen {
    background-color: green;
/*    border:           none;  */
    border-color:     white;
    color:            white;
    font-size:        120%;
    font-weight:      bold;
}

.allCityLabelYellow {
    background-color: yellow;
/*    border:           none;  */
    border-color:     black;
    color:            black;
    font-size:        120%;
    font-weight:      bold;
}

.allCityLabelRed {
    background-color: red;
/*    border:           none;  */
    border-color:     white;
    color:            white;
    font-size:        120%;
    font-weight:      bold;
}

.allCityLabelGray {
    background-color: gray;
/*    border:           none;  */
    border-color:     white;
    color:            white;
    font-size:        120%;
    font-weight:      bold;
}

   #chooseSouthwest {
    width:            260px;
    height:           65px;
    font-size:        150%;
    background-image: url("./logos/southwest_tail_1480x370.png");
    background-size:  100% 100%;
    border:           1px solid;
   }
   #chooseAlaska {
    width:            260px;
    height:           65px;
    font-size:        150%;
    background-image: url("./logos/alaska_tail_1399x349.png");
    background-size:  100% 100%;
    border:           1px solid;
   }
   #chooseJetBlue {
    width:            260px;
    height:           65px;
    font-size:        150%;
    background-image: url("./logos/jetblue_tail_944x245.png");
    background-size:  100% 100%;
    border:           1px solid;
   }
   #chooseAmerican {
    width:            260px;
    height:           65px;
    font-size:        150%;
    background-image: url("./logos/american_tail_1200x305.png");
    background-size:  100% 100%;
    border:           1px solid;
   }
   #chooseDelta {
    width:            260px;
    height:           65px;
    font-size:        150%;
    background-image: url("./logos/delta_tail_1116x296.png");
    background-size:  100% 100%;
    border:           1px solid;
   }
   #chooseUnited {
    width:            260px;
    height:           65px;
    font-size:        150%;
    background-image: url("./logos/united_tail_1128x275.png");
    background-size:  100% 100%;
    border:           1px solid;
   }
   #chooseFedEx {
    width:            260px;
    height:           65px;
    font-size:        150%;
    background-image: url("./logos/fedex_tail_1192x280.png");
    background-size:  100% 100%;
    border:           1px solid;
   }
   #chooseUPS {
    width:            260px;
    height:           65px;
    font-size:        150%;
    background-image: url("./logos/ups_tail_1299x325.png");
    background-size:  100% 100%;
    border:           1px solid;
   }

#southwestPlaceholder {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#alaskaPlaceholder {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#jetbluePlaceholder {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#americanPlaceholder {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#deltaPlaceholder {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#unitedPlaceholder {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#fedexPlaceholder {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#upsPlaceholder {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#forecastCityXYZ_Placeholder1 {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#forecastCityXYZ_Placeholder2 {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#forecastCityXYZ_Placeholder3 {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#forecastCityXYZ_Placeholder4 {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#forecastCityXYZ_Placeholder5 {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#forecastCityXYZ_Placeholder6 {
    display:       none;
    margin-top:    10px;
    margin-left:   auto;
    margin-right:  auto;
    position:      relative;
    clear:         right;
    width:         1340px;
    height:        auto;
}

#warningPlaceholderCityXYZ {
    display:           none;
    width:             auto;
    height:            auto;
    margin-left:       0px;
    margin-top:        0px;
    margin-bottom:     10px;
    position:          relative;
    clear:             right;
}

#warningPlaceholder {
    display:           none;
    width:             auto;
    height:            auto;
    margin-left:       0px;
    margin-top:        0px;
    margin-bottom:     10px;
    position:          relative;
    clear:             right;
}

   .inputform {
      width:            420px;
      height:           70px;
      background-color: #000080;
      font-size:        130%;
      position:         relative; top: 5px; left: 0px;
      padding:          10px;
      float: left;
   }

   input.inputform[type="text"]
   {
      font-size:   16px;
      font:        Arial;
      padding:     0;
      width:       60px;
   }

   #departureCity {
      font-size:        140%;
      font:             Arial;
      color:            #A0A0A0;
      background-color: white;
      width:            60px;
      margin-top:       2px;
      margin-right:     50px;
   }

   #finalDestinationCity {
      font-size:        140%;
      font:             Arial;
      color:            #A0A0A0;
      background-color: white;
      width:            60px;
      margin-top:       2px;
      margin-right:     50px;
   }

   #departureDatetimepicker {
      font-size:   140%;
      font:        Arial;
      width:       240px;
      margin-top:  2px;
   }

   #finalDestinationDatetimepicker {
      font-size:   140%;
      font:        Arial;
      width:       240px;
      margin-top:  2px;
   }

   .forecastform {
      width:            250px;
      height:           120px;
      background-color: #A31E39;
      font-size:        140%;
      padding:          10px;
     
   }

   #forecastCityXYZ {
      width:            120px;
      height:           60px;
      font-size:        180%;
      margin-left:      20px;
      margin-top:       10px;
   }

   .airlineTable {
       width:           120%;
       height:          40px;
       border:          1px solid;
       empty-cells:     show;
   }
   table.airlineTable th {
       font-size:       x-large;
       border:          3px solid;
   }
   table.airlineTable td {
       border:          3px solid;
       text-align:      center;
       vertical-align:  middle;
       height:          30px;
       font-size:       large;
   }

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

   .green {
      background:#00FF00;
   }

   .yellow {
      background:#FFFF00;
   }

   .red {
      background:#FF3333;
      color:#FFFFFF;
   }
   .gray {
      background:#C0C0C0;
   }

   .forecastTable {
       width:           440px;
       height:          220px;
       border:          1px;
       border-style:    solid;
       border-color:    black;
       empty-cells:     show;
       position:        relative;
       margin-top:      15px;
       margin-left:     10px;
       overflow:        hidden;
   }

   .android .forecastTable {
       width:           440px;
       height:          270px;
       border:          1px;
       border-style:    solid;
       border-color:    black;
       empty-cells:     show;
       position:        relative;
       margin-top:      15px;
       margin-left:     10px;
       overflow:        hidden;
   } 

   table.forecastTable th {
       font-size:       180%;
       border:          3px;
       border-style:    solid;
       border-color:    black;
       padding:         2px;
   }
   table.forecastTable tr {
       border:          3px;
       border-style:    solid;
       border-color:    black;
       padding:         2px;
   }
   table.forecastTable 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.forecastTable 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.forecastTable td:hover {
       border:          6px solid;
       border-color:    white;
       text-align:      center;
   }

   .wxTypeSelectorTable {
       width:           450px;
       height:          220px;
       border:          2px;
       border-style:    solid;
       border-color:    black;
       empty-cells:     show;
       position:        relative;
       margin-top:      15px;
       margin-left:     15px;
       overflow:        hidden;
   }
   table.wxTypeSelectorTable th {
       width:           450px;
       height:          30px;
       font-size:       180%;
       border-style:    none; 
       padding:         2px;
       text-align:      center;
   }
   table.wxTypeSelectorTable tr {
       height:          53px;
       border:          2px;
       border-style:    solid;
       border-color:    black;
       padding:         2px;
       display:         block;
   }
   table.wxTypeSelectorTable tr.toprow {
       height:          30px;
       border:          2px;
       border-style:    solid;
       border-color:    black;
       padding:         2px;
   }
   table.wxTypeSelectorTable td.normal {
       width:               140px;
       height:              40px;
       padding:             2px;
       background-color:    #BCC6CC;
       text-align:          center;
       font-size:           140%;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
   }

   table.wxTypeSelectorTable td.long {
       width:               180px;
       height:              40px;
       padding:             2px;
       background-color:    #BCC6CC;
       text-align:          center;
       font-size:           140%;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
   }

   table.wxTypeSelectorTable td.normal:hover {
       border:          6px solid blue;
   }
   table.wxTypeSelectorTable td.long:hover {
       border:          4px solid blue;
   }

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

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

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

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

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

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

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

   table.wxTypeSelectorTable td.short {
       width:            80px;
       height:           50px;
       padding:          0px;
       background-color: white;
       text-align:       center;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
   }

   .sigwx {
       height:          100%;
       width:           100%;
       border:          1px solid;
       empty-cells:     show;
       font-size:       x-large;
   }
   table.sigwx .green {
      background:       #00FF00;
      color:            black; 
   }
   table.sigwx .yellow {
      background:       #FFFF00;
      color:            black;
   }
   table.sigwx .red {
      background:       #FF3333;
      color:            white;
   }
   table.sigwx .moderate_events {
      font-weight:      900;
   }
   table.sigwx .strong_events {
      font-weight:      900;
   }

   table.sigwx .globalWxDetailsGreen {
      background:       #00FF00;
      color:            black;
   }

   table.sigwx .globalWxDetailsYellow {
      background:       #FFFF00;
      color:            black;
   }

   table.sigwx .globalWxDetailsRed {
      background:       #FF3333;
      color:            white;
   }

   table.sigwx .globalWxDetailsLightGray {
      background:       #E6E6FA;
      color:            black;
   }

   table.sigwx .globalWxDetailsDarkGray {
      background:       #D8BFD8;
      color:            black;
   }

   .cityWarningTable {
      background:       white;
      color:            #FF3333; 
      font-size:        xx-large;
   }
   table.cityWarningTable td {
      height:           30px;
   }

   .datetimeValidation {
      background:       #FF3333;
      color:            white;
      font-size:        large;
   }

   .insetDivNationwideMap {
      width:            360px;
      display:          inline-block;
      position:         relative;
      margin-left:      35px;
      float:            left;
      clear:            left;
   }

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

   #airportMeteogramUseNote {
      position:         relative;
      float:            right;
      clear:            right;
      margin-top:       5px;
      margin-right:     15px;
      height:           auto;
      width:            auto;
   }

   #airportMeteogramUseNoteTable {
      text-align:       center; 
   }

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

   p.sectionRegular {
      font-size:        180%;
      color:            black;
      border:           none;
   }

   .android p.sectionRegular {
      font-size:        150%;
      color:            black;
      border:           none;
   }

   p.sectionJustForKicks {
      font-size:        150%;
      font-weight:      bold;
      font-family:      "Arial";
      font-style:       italic;
      color:            #32CD32;
      margin-top:       25px;
   }

   p.boldUseNote {
      font-weight:      bold;
   }

   .left-padding1 {
      padding-left: 10px;
   }

   #hubMeteogramUseNote {
      position:         relative;
      float:            right;
      clear:            right;
      margin-top:       5px;
      margin-left:      5px;
      height:           auto;
      width:            auto;
   }

   #wx_details {
      width:           760px;
      height:          auto;
      float:           right;
      clear:           right;
      display:         inline-block;
      vertical-align:  top;
      position:        relative;
      border:          none;
      margin-top:      10px;
   }

   #spacingDiv1 {
      width:           1340px;
      height:          500px;
   }