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

#fastForecastPreviewInnerDiv {
    width:            1056px;
    height:           auto;
    display:          inline-block;
    border:           12px;
    border-style:     solid;
    border-color:     #A9A9A9;
    empty-cells:      show;
    position:         relative;
    margin-top:       10px;
    margin-left:      5px;
    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:           400px; 
    margin-top:      0px;
    margin-bottom:   20px;
    margin-left:     -20px;
}

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

.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:     5px;
    margin-right:    5px;
    overflow:        hidden;
    empty-cells:     show;
}

table.fastForecastWxTypeIconTable td.rain {
       background-image:    url("./logos/wx_types/rain6.png");
       background-size:     90% 100%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               120px;
       height:              75px;
       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:               120px;
       height:              75px;
       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:               120px;
       height:              75px;
       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:               120px;
       height:              75px;
       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:               120px;
       height:              75px;
       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:     100% 105%;
       background-repeat:   no-repeat;
       background-position: center;
       width:               120px;
       height:              75px;
       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:               120px;
       height:              75px;
       padding:             0px;
       text-align:          center;
       vertical-align:      middle;
       position:            relative;
       background-clip:     padding-box;
}

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

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

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

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

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

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

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

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

#labelFastForecastCityXYZ {
   color:            white;
   margin-left:      30px;
}

.android #labelFastForecastCityXYZ {
   color:            white;
   font-size:        30px;
}

#fastForecastInputFormUseNote {
   position:         relative;
   float:            left;
   clear:            both;
   margin-top:       0px;
   margin-left:      80px;
   margin-bottom:    10px;
   height:           auto;
   width:            auto;
}

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

p.boldFastForecastInputFormUseNote {
   font-weight:      bold;
}

p.normalFastForecastInputFormUseNote {
}

.android p.normalFastForecastInputFormUseNote {
}

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

#fastForecastSubmitButton {
   width:            327px;
   height:           220px;
   background-color: #BCC6CC;
   font-size:        420%;
   color:            black;
   justify-content:  center;
   padding:          0px;
   position:         relative;
   display:          block;
   float:            right;
   margin-top:       10px;
   margin-bottom:    10px;
   margin-right:     10px;
   font-weight:      bold;
   border:           20px;
   border-style:     solid;
   border-color:     #808080;
   border-radius:    15px;
}

#fastForecastStartOverButton {
   width:            327px;
   height:           220px;
   background-color: #BCC6CC;
   font-size:        420%;
   color:            black;
   position:         relative;
   display:          block;
   float:            right;
   margin-top:       10px;
   margin-bottom:    10px;
   margin-right:     10px;
   font-weight:      normal;
   border-radius:    15px;
}

#fastForecastHideButton {
   width:            327px;
   height:           220px;
   background-color: #BCC6CC;
   font-size:        420%;
   color:            black;
   position:         relative;
   display:          block;
   float:            right;
   margin-top:       10px;
   margin-bottom:    10px;
   margin-right:     10px;
   font-weight:      normal;
   border-radius:    15px;
}

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

.fastForecastTimeTable {
       width:           980px;
       height:          880px;
       border:          1px;
       border-style:    solid;
       border-color:    black;
       empty-cells:     show;
       position:        relative;
       margin-top:      10px;
       margin-left:     0px;
       overflow:        hidden;
}
table.fastForecastTimeTable th {
       font-size:       440%;
       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:        300%;
       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:        300%;
       vertical-align:   middle;
       position:         relative;
       background-clip:  padding-box;
}

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


