/* =5 day forecast widget
-------------------------------------------------------*/
#forecastTable th {padding:0; font-size:0.95em}
#forecastTable td {padding:0;}
#forecastTable a {text-decoration: none;color: inherit;}
#forecastTable tbody tr:nth-child(even){background: #f3f3f3;}
#forecastTable tbody tr:hover {background:#e8e8e8; cursor:pointer;}
#forecastTable .fcLink {background:url(../../images/graphics/spritesArrows.png) -2px -230px no-repeat; display:block; height:14px; text-indent:-9999px; width:8px; float:right;}
#forecastTable .fcTxt {text-indent:-9999px; display:none;}
#forecastTable .fcDay {width: 30px}
#forecastTable .fcWc {width: 80px}
#forecastLocation, #uvLocation, #daylightLocation  {position:relative; padding:3px 0 0 0px;}
#warningText {font-size: 0.8em; color:#333;}
#forecastContainer .widgetDate {font-size: 11.5px; text-align: left; padding: 0.8em 0 0.1em;}

#forecastContainer #warningPanel a {
    color: inherit;
    text-decoration: none;
}

#forecastContainer #warningPanel a:hover, #forecastContainer #warningPanel a:focus {
    text-decoration: underline;
}

#forecastContainer #warningPanel {
    border:1px solid black;
    background-color: #e5e5e5;
    margin: 0.5em;
    padding: 0.5em;
    min-height:3em;
    display:block;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000;
}
#forecastContainer #warningPanel.amber{
    background-color: #FF9933;
}
#forecastContainer #warningPanel.yellow{
    background-color: #FFFF66;
}
#forecastContainer #warningPanel.red {
    background-color: #cc0033;
    color:#fff;
}

#forecastContainer #warningPanel > .iconWrapper, #forecastContainer #warningPanel > p {
    display: inline-block;
}

#forecastContainer #warningPanel > .iconWrapper i {
    margin:0;
}
#forecastContainer #warningPanel > p {
    width:70%;
    margin:0;
    padding:0;
}

#forecastContainer #warningPanel .arrow {
    background:  url("../../images/graphics/spritesArrows.png") no-repeat scroll 7px -218px;
    display: block;
    float: right;
    height: 2.5em;
    width: 2em;
    margin: 0 0 0 0.5em;
}
#forecastContainer #warningPanel.red .arrow {
    background-position:7px -158px;
}
#forecastContainer #warningPanel span {
    float: left;
    margin: 0 0.5em 0 0;
}


@media print {

    /* =5day (print)
    ----------------------------*/
    #forecastContainer {border:0; *padding:0 0 25px 0; /*ie7 quick fix to margin bug*/}
    #forecastContainer header {background:none; border:0;	margin:0 0 10px 0; padding:0;}
    #forecastLocation {float:none; width:auto;}
    #forecastTable {width:30em;}
    #forecastTable .fcDay {text-align:left;}
    #forecastTable th {padding:.5em .25em !important;}
    #forecastTable td {padding:0 .25em !important;}
    #forecastTable .fcLink  {display:none;}

}