/* BASIC WEATHER BADGE STYLES -- assumes 300 PIXEL WIDE COLUMN -- CHANGE TO MATCH SITE STYLE AS NEEDED */
.ccmweatherBadge 
{
/*position: relative;
left: 20px;
top: 15px;*/
padding: 10px;
}
.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 auto; 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;}
    .ccmweatherBadge .ccmweatherMoreDetails {/* add text styles as needed */} /* link under icons to go to weather page */
    
    /* TABLE to the right of the ccmweatherImageContainer with location, sponsor and text items */
    .ccmweatherBadge .weatherTable {float:left; border: 0px solid #F9EA1B;}
        .ccmweatherBadge .weatherTable td {padding:0; margin:0;} /* set text color here for main weather info*/
        .ccmweatherBadge .weatherTable .ccmweatherBadgeLocation {font-weight:bold; font-size:1.2em; color:#61116A; /* add text styles as needed */}
        .ccmweatherBadge .weatherTable .ccmweatherBadgeSponsor {font-style: italic; font-size:0.9em; font-color:#666; padding-bottom:6px;}
        .ccmweatherBadge .weatherTable .ccmweatherBadgeText {font-weight:bold; padding-bottom:6px;/* style as needed */}
        .ccmweatherBadge .weatherTable td.ccmweatherBadgeProperties {/*width:70px;*/ /* add text styles as needed */}
        .ccmweatherBadge .weatherTable td.ccmweatherBadgeData {/*width:133px;*/ padding-left: 6px; font-weight: bold; /* 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(../../i/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;}

/* MAIN WEATHER BOX - SET BG AND BORDER HERE */
#multiday-container ol li
{
margin:0 5px 0 0; 
padding:0; 
list-style-type:none; 
/*width:150px; 
height:230px;*/ 
float:left;
border: 1px solid #7AC13D;
-moz-border-radius: 20px;  
-webkit-border-radius: 20px;  
border-radius: 20px;  
background-color: #f1f9ec;
background-image: url(../../i/box_shade_top_wht.png);
background-position: top left;
background-repeat: repeat-x;	
}
    
    .ccmweatherBox 
    {
    margin: 0; 
    padding:0; 
    width:150px;   
    }

      /* LARGE DATE AT TOP - INCLUDES SINGLE BORDER UNDERNEATH IT*/
    	.ccmweatherHeader
    	{
    	/*width:127px !important; 
    	width:150px; */
    	border-bottom:1px solid #7AC13D; 
    	color:#63156B; 
    	font-size: 16px; 
    	font-weight:bold; 
    	line-height:19px; 
    	margin:0 !important; 
    	margin:0 0 10px 0; 
    	padding:7px 12px 8px 11px;
    	text-align: center;
    	}
        
    		.ccmweatherHeader abbr
    		{
    		border:none;
    		}
        
        .ccmweatherForecastContent 
        {
        padding:0 10px 10px 10px;
        font-size: 12px; 
       
        }
        
        div.ccmweatherForecastContent dl {margin:0; padding:0; width:130px; display: block;}
            .ccmweatherForecastContent dl dt {display:block; margin:0 5px 3px -14px !important; margin:0 5px 3px 0; width:50px; float:left; clear:left; line-height:19px;}
                .ccmweatherForecastContent dl dt.ccmweatherConditionsDescription {display:block; font-style: italic; width:130px; float:left; clear:left;}
            .ccmweatherForecastContent dl dd{display:block; float:left; width:80px !important; width:70px; font-weight: bold; color:#fff; line-height:19px;}
        
        img.ccmweatherForecastImg {border:medium none; float:left; height:84px; padding:0 12px 0 0px; width:84px; margin-bottom:6px;}

        
        .ccmweatherForecastContent {padding:0 10px 10px 10px;}
        
        img.ccmweatherForecastImg 
        {
        position: relative;
        left: 13px;
        border: 1px solid #424242; 
        /*float:left;*/         
        padding: 0;         
        margin: 10px;
        
        }        
        
        
        /* TABLE STYLES */
        table.ccmweatherConditions
        {
        float:left; 
        clear:left; 
        margin:0; 
        padding:0;
        margin-bottom: 10px;       
        }
        
        td.ccmweatherLabel {width: 50px; line-height:14px; margin:0; padding:3px 0;}
        
        /* DATA - TEMPERATURES ETC */
        td.ccmweatherData 
        {
        width:70px; 
        line-height:14px; 
        font-weight: bold; 
        color: #63156B;
        margin:0; 
        padding:3px 0;
        }
        
        td.special {padding:8px 0 11px 0; font-style: italic; width:130px;} /* 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;}
/* ----- END THREE COLUMN DESIGN ----- */



/*** weather rss ***/
#weather_feed ul
{
list-style: none;
padding-left: 0px;
}

	#weather_feed ul li
	{
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	}