body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}
#aqhiWidget {
    max-width: 640px;
    min-width: 260px;
    margin-left: auto;
    margin-right: auto;
}
#aqhiWidget > div {
    margin: 2px;
}
#aqhiWidget div {
    padding: 5px;
}

#aqhi_community {
    background: url("../images/clouds_bkrd.png") no-repeat right top;
    height: 66px;
}
#communityName {
    width: 100%;
    display: block;
    font-size: 20pt;
    margin: 10px;
}
#aesrd_link {
    margin-left: 10px;
}
#aqhi_current_conditions, #aqhi_current_conditions a{
    color: #FFFFFF;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#aqhi_current_conditions a:hover{
    color: lightgray;
}
#current_value {
    font-size: 22pt;
    font-weight: bold;
    width: 25%;
    text-align: center;
    float: left;
    padding: 5px;
}
#current_rightSide {
    text-align: center;
    float: right;
    width: 65%;
}
#aqhi_link {
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: bold;
}
#current_description {
    font-size: 10pt;
    font-weight: bold;
}
a {
    text-decoration: underline;
    font-size: 9pt;
}
a:hover {
    color: lightgray;
    /*font-weight: bold;*/
}
.clearBoth{
    clear: both;
    padding: 0px!important;
}
#aqhi_forecast {
    width: 100%;
    color: #FFFFFF;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#aqhi_forecast span {
    display: block;
}
#aqhi_forecast span.forecast_label {
    font-size: 10pt;
}
#aqhi_forecast span.forecast_value {
    font-size: 15pt;
}
#aqhi_forecast td{
    text-align: center;
    padding: 0px;
    width: 31%
}
#forecast_today {
    margin-right: 1px;
}
#forecast_tonight {
    margin-left: 1px;
    margin-right: 1px;
}
#forecast_tomorrow {
    margin-left: 1px;
}
.risk1 {
    background-color: #00CCFF;
}
.risk2 {
    background-color: #0099CC;
}
.risk3 {
    background-color: #006699;
}
.risk4 {
    background-color: #FFFF00;
}
.risk5 {
    background-color: #FFCC00;
}
.risk6 {
    background-color: #FF9933;
}
.risk7 {
    background-color: #FF6666;
}
.risk8 {
    background-color: #FF0000;
}
.risk9 {
    background-color: #CC0000;
}
.risk10 {
    background-color: #990000;
}
.risk10plus {
    background-color: #660000;
}
.riskNA {
    background-color: #A9A9A9;
}
/* AQHI risk level colours
    1-  8fcaf0 
    2-  42c0f2  
    3-  05b4e8  
    4-  87cdcd  
    5-  9a9a9a  
    6-  999c63  
    7-  a1682e
    8-  a26631
    9-  a8322c
    10- 71151c
    +-  e42538
    */

@media screen and (max-width: 288px) {
    #aqhi_link {
        font-size: 8pt;
    }
}
@media screen and (min-width: 289px) and (max-width: 308px) {
    #aqhi_link {
        font-size: 9pt;
    }
}

@media screen and (min-width: 309px) and (max-width: 340px) {
    #aqhi_link {
        font-size: 10pt;
    }
}
@media screen and (min-width: 341px) {
    #aqhi_link {
        font-size: 11pt;
    }
}