/* content paragraphs take priority over footer paragraphs */
#homepageWeatherTabsContent .widgetBody {
    padding: 10px;
}

#homepageWeatherTabsContent .widgetBody > .widgetError {margin-bottom: 0;}
#homepageWeatherTabsContent .widgetContent {
    float: left;
    width: 78%;
}

#homepageWeatherTabsContent .widgetRelated {
    float: right;
    width: 22%;
}
#homepageWeatherTabsContent .widgetRelated span {display: block;}

#homepageWeatherTabsContent .widgetContent p {
    margin: 0 10px 10px;
}

.widgetContent .widgetSeparator {
    float: left;
    width: 178px;
}

.forecastDays {
    float: right;
    width: 540px;
}

.widgetFooter p {margin: 0;}

.widgetForecastLink {
    text-align: right;
    display: inline-block;
    width: 69%;
}

/* Widget table */
.widgetTable {border: 0; height: 90px; margin: 0; max-width: 540px; width: 100%;}
.widgetTable td,
.widgetTable th {border-right: 1px solid #ccc; color:#000; padding:5px; text-align: center; vertical-align: middle;}

.widgetTable td:last-child,
.widgetTable th:last-child {border-right: 0;}

.widgetTable td {font-weight:bold;}
.widgetTable th {font-weight:normal; padding-top: 10px; width: 20%;}

@media print {
    .widgetTable {border:3px solid #ddd; border-collapse:collapse; margin:0 0 10px;}
    .widgetTable th,
    .widgetTable td {border-bottom: 3px solid #ddd; font-size:1em; height:auto; padding:5px !important;}
    .widgetTable th {font-weight:bold;}
    .widgetTable td {font-weight:normal;}
}

/* =flood warning widget
-------------------------------------------------------*/
#floodTable td { padding:2px; font-size: 0.95em; width: 33%;}
#floodTable a {color:#459; text-decoration:none;}
#floodTable a:hover {color:#459; text-decoration:underline;}
#floodWarningsWidget .dataBy {font-size:1em; margin:0 10px; text-align:right;}
#floodWarningsWidget .dataBy a {color:#459;}
#floodWarningsWidget .floodError {padding:3px 10px;}
#floodWarningsWidget .floodAgency {font-size: 0.8750em; margin:10px; text-align:right;}
#floodWarningsWidget .floodAgency img {vertical-align: middle;}

@media print {
    /* =flood warning widget
    -------------------------------------------------------*/
    #floodWarningsWidget {width:30em;}
    #floodWarningsWidget {border-top:none;}
    #floodWarningsWidget  header {padding:0;}
    #floodTable a {color:#000; font-weight:normal;}
    #floodWarningsWidget .dataBy {margin:0; text-align:left;}
    #floodWarningsWidget .floodAgency {font-size: 0.8750em; margin:10px 0; text-align:left;}
}