html, body {
  border: 0em;
  margin: 0em;
  padding: 0em;
  font-family: Arial, Helvetica, sans-serif;
}






#report-title {
    height: 1.5em;
    line-height:1.5em;
    font-size: 1.2em;
    font-weight: bold;
    padding-left:1.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
}

#miscicon {
    height: 1.2em;
    width: 1.2em;
    float:left;
    vertical-align: middle;
}

#vertaligndetails {
    height: 1.2em;
    float: left;
}

#vertaligndetailsmisc {
    height: 1.2em;
    float: left;
}

#details-misc {
    height: 1.2em;
    width: 3em;
    font-weight: bold;
    text-align: left;
    display: table-cell;
    vertical-align:middle;
    padding-right: 1em;
    line-height: 1.2em;
    float: left;
}

#details-misc-hgap {
    height: 1.2em;
    width: 4em;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    display: table-cell;
    vertical-align:middle;
    padding-right: 1em;
    padding-left: 0.3em;
    line-height: 1.2em;
    float: left;
}

.nowday {
    height: 1.2em;
    width: 5.5em;
    display: table-cell;
    vertical-align:middle;
    text-align: left;
    float: left;
    line-height: 1.2em;
    font-weight:bold;
}

.futureday {
    height: 1.2em;
    minimum-width: 5.0em;
    display: table-cell;
    vertical-align:middle;
    text-align: left;
    float: left;
    line-height: 1.2em;
    font-weight:bold;
}

.futureicon {
    height: 1.2em;
    width: 1.2em;
    text-align: center;
    float: left;
    line-height: 1.2em;
}

.futuretempicon {
    height: 1.2em;
    width: 1.2em;
    padding-left: 1.2em;
    text-align: center;
    float: left;
    line-height: 1.2em;
}

.futurewindicon {
    height: 1.2em;
    width: 1.2em;
    padding-left: 1.2em;
    padding-right: 0.3em;
    text-align: center;
    float: left;
    line-height: 1.2em;
}

.futureweatherarea {
    padding-left: 1em;
    height: 1.2em;
    width: 14em;
    float: left;
    position: relative;
}

.futureweatherbubble {
    position: absolute;
    height: 1.2em;
    width: 14em;
    display: table;
    line-height: 1em;
}

.futureweatherbubble p {
    padding-left: 0.2em;
    display: table-cell;
    vertical-align:middle;
    text-align: left;
}

.futureweather {
    min-height: 1.2em;
    padding-left: 0em;
    display: table-cell;
    vertical-align:middle;
    text-align: left;
    float: left;
    line-height: 1.2em;
}

.futuretempmin {
    height: 1.2em;
    padding-left: 0em;
    display: table-cell;
    vertical-align:middle;
    text-align: left;
    float: left;
    line-height: 1.2em;
    color: #0000FF;
}

.futuretempmax {
    height: 1.2em;
    padding-left: 0em;
    display: table-cell;
    vertical-align:middle;
    text-align: left;
    float: left;
    line-height: 1.2em;
    color: #FF0000;
}


.todayweather {
    height: 1.2em;
    padding-left: 1.2em;
    display: table-cell;
    vertical-align:middle;
    text-align: left;
    float: left;
    line-height: 1.2em;
}








#embed-report {
    width: 20em;
    font-family: Arial, Helvetica, sans-serif;
}

#embed-report-title {
    height: 1.5em;
    line-height:1.5em;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

#embed-currenticon {
    height: 2.5em;
    width: 2.5em;
    float:left;
}

#embed-vertaligndetails {
    height: 2.5em;
    width: 17.5em;
    float: right;
}

#embed-details {
    height: 2.5em;
    width: 17.5em;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align:middle;
    padding-left: 1em;
    padding-right: 1em;
}


#embed-vertalignfuture {
    height: 1em;
}

#embed-futurelabel {
    height: 1em;
    width: 1em;
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    float: left;
    line-height: 1em;
    font-size: 1em;
}

.embed-futureday {
    height: 1em;
    width: 2.7em;
    font-size: 1em;
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    float: left;
    line-height: 1em;
}

.embed-futureicon {
    height: 1em;
    width: 1em;
    text-align: center;
    float: left;
    line-height: 1em;
}
