/* ----- WEATHER STYLING FOR BADGE, ALERT, INSIDE PAGES ... AUGUST 14, 2009 ----- */
/* ----- updated September 17 to fix IE issues with DL-DT-DD in ccmweatherBadge in column ----- */

#weatherClear {clear:left; height:0; overflow: hidden; /*overflow needed for sucky IE :) */ margin:0; padding:0;}

/* BASIC WEATHER BADGE STYLES -- assumes 180 PIXEL WIDE COLUMN -- CHANGE TO MATCH SITE STYLE AS NEEDED */
.ccmweatherBadge {}
.ccmweatherBadge a.ccmweatherLink {text-decoration:none;}

    /* left side w/ current weather image and five day forecast */
    .ccmweatherBadge .ccmweatherImageContainer {/*float: left;*/ width:90px;}
        .ccmweatherBadge .ccmweatherImageContainer .ccmweatherBadgeCurrentImage {}
            /*NEVER CHANGE*/.ccmweatherBadge .ccmweatherImageContainer .ccmweatherBadgeCurrentImage img {width:84px; height:84px;}
        .ccmweatherBadge .ccmweatherImageContainer .ccmweatherBadgeForecast {margin-top:0 !important; margin-top:3px;}
            /*NEVER CHANGE*/.ccmweatherBadge .ccmweatherImageContainer .ccmweatherBadgeForecast ol {margin:0; padding:0; width:85px; overflow: hidden;}
            /*NEVER CHANGE*/.ccmweatherBadge .ccmweatherImageContainer .ccmweatherBadgeForecast ol li {list-style-type: none; float: left; margin-right:1px;}
            /*NEVER CHANGE*/.ccmweatherBadge .ccmweatherImageContainer .ccmweatherBadgeForecast img {width:16px; height:16px;}
    
    /* TABLE that is UNDER the ccmweatherImageContainer with location, sponsor and text items */
    .ccmweatherBadge .weatherTable {/*clear:left;*/ width:160px; margin-bottom:6px;}
        .ccmweatherBadge .weatherTable td {padding:0; margin:0;}
        .ccmweatherBadge .weatherTable .ccmweatherBadgeLocation {font-weight:bold; margin-top:6px; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#FFF; /* add text styles as needed */}
        .ccmweatherBadge .weatherTable .ccmweatherBadgeSponsor {font-style: italic; font:12px/12px Georgia, "Times New Roman", Times, serif; color:#dedede; padding-bottom:6px;}
        .ccmweatherBadge .weatherTable .ccmweatherBadgeText {color:#4e73af; font-weight:bold; padding-bottom:6px; font:13px/13px Georgia, "Times New Roman", Times, serif; color:#FFF;/* style as needed */}
        .ccmweatherBadge .weatherTable td.ccmweatherBadgeProperties {width:50px; color:#333; /* add text styles as needed */}
        .ccmweatherBadge .weatherTable td.ccmweatherBadgeData {width:100px; padding-left: 6px; font:12px/12px Georgia, "Times New Roman", Times, serif; font-weight: bold; color:#FFF; /* add text styles as needed */}
        /* required to clear floats, IE needs overflow and height to not add default 3px padding to an empty div */
    /*NEVER CHANGE*/.ccmweatherClear {clear:left; margin:0; padding:0; height:0; overflow:hidden;}
    
    
/* weather alert banner in content column */
.ccmweatherAlertBanner {width:95%; margin:0 0 10px 0; padding:10px 10px 10px 10px; background: url(/theme/kysm/i/weather/bkgnd-severe-weather-warning.jpg) top left no-repeat;}
.ccmweatherAlertBanner .ccmweatherAlertBannerLabel {margin-left:260px; font-size:120%; font-weight: bold; color:#FFF;}
.ccmweatherAlertBanner .ccmweatherAlertBannerDescription {margin-left:260px; color:#FFF;}

/* 3 day weather outlook in content area with weather alert text underneath */
#multiday-container {float:left; margin:0 0 10px 0;}
#multiday-container ol {margin:0 0 10px 0; padding:0;}
#multiday-container ol li {
    margin:0 5px 0 0; padding:0; list-style-type:none; width:150px; /*height:230px;*/ float:left;
    border-top:1px solid #c9041c; border-left:1px dotted #c9041c; border-bottom:1px solid #c9041c; border-right:1px dotted #c9041c; background: #FFF; 
}
    
    .ccmweatherBox {margin: 0; padding:0 0 20px 0; width:150px;}
        .ccmweatherHeader { width:127px !important; width:150px; height: 30px; border-bottom:1px solid #c9041c; color:#c9041c; font:12px/12px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:0 !important; margin:0 0 10px 0; padding:12px 12px 0px 11px;}
        .ccmweatherHeader abbr{border:none;}
        
        .ccmweatherForecastContent {padding:0 10px 10px 10px;}
        img.ccmweatherForecastImg {border:medium none; float:left; height:84px; padding:0 12px 0 0px; margin-top:10px !important; margin-top:0; width:84px; margin-bottom:6px;}
        /* table styles */
        table.ccmweatherConditions {float:left; clear:left; margin:0; padding:0;}
        td.ccmweatherLabel {width: 50px; line-height:14px; margin:0; padding:3px 0;}
        td.ccmweatherData {width:70px; line-height:14px; font-weight: bold; color:#c9041c; margin:0; padding:3px 0;}
        td.special {padding:8px 0 11px 0; font-style: italic; width:130px; color:#c9041c;} /* for forecast or current conditions */


/* weather map */
#map-container {width:95%; height:350px; float: left; margin:0 0 10px 0; padding:0; clear: left;}

/* weather alert text area */
#alert-text-container {clear:left;}