/* --------------------------------------------------------------------------
 * WEATHER CSS FILE:
 * -------------------------
 * VERS: v0.1
 * -------------------------
 * This file will assist design.css at the same level and specify
 * styling for right hand column modules and particular inpage 
 * fragments/widgets. It sets up common design elements for module styles
 * which can be overridden at the design_*variation*.css level for colours. 
 * 
 * INHERITANCE LEVELS:---------------
 * [Browser]
 *  +(YUI Reset)
 *  +(YUI Fonts)
 *  +(YUI Grids)
 *      +(global_elements.css)
 *          +(modules.css)
 *          +(design.css)
 *              +(design_<appname>.css) - << YOU ARE HERE - Separate application in the site. 
 *              +(design_*site-variation*.css) - future regional branding?
 * 
 -------------------------------------------------------------------------- */

/* =============================================================================
    SMART SPRITES - SPRITE IMAGE DIRECTIVES
                    [Any new smartsprites definitions should be made here]
                    [Sprite image directives inherit from design.css]
   ===========================================================================*/
    /*Sprite names in use: finda_globals-vert, finda_globals-horiz*/
    

/* =============================================================================
    COLOR GLOSSARY
        - LIGHTGREY > BG, KEYLINES, IMG-BORDER: #F3B600
        - CHARCOAL  > BASE TEXT:                #333333
        - MIDGREY   > PAGINATION-OFF, TXTFIELD: #999999
        - BLUE      > STANDARD LINKS:           #0374B1
        - LIGHTBLUE > HIGHLIGHTED LINKS:        #49ACE1
        - PINKYRED  > WEATHER-MAXTEMP:          #FF6666
    ==========================================================================*/
    

/* =============================================================================
    WEATHER PAGE
   ============================================================================*/

#jump {
    font-size: 11px;
}

#weatherForecast {
    
}	

#weatherForecast ul {
    overflow: hidden;
}

    #weatherForecast ul li {
        padding: 6px 10px 0 10px;
        border-right: 2px solid #E9E9E9;
        height: 100px;
        margin: 0;
        width: 141px;
        display: block;
        float: left;
    }

    #weatherForecast ul li.first {
        padding-left: 0;
    }

    #weatherForecast ul li.last {
        padding-right: 0;
        border: 0 none;
    }

        #weatherForecast ul li h3 {
            margin: 0;
            font-size: 12px;
            font-weight: bold;
        }        

        #weatherForecast ul li img {
            float: right;
            top: 12px;
            right: 8px;
            border: 0 none;
        }

        #weatherForecast ul li p {
            margin: 0;
            font-size: 11px;
            padding: 0;
        }

        #weatherForecast ul li p.forecastDate {
            margin-bottom: 8px;
        }

        #weatherForecast ul li p.forecastProb {
            margin-bottom: 8px;
        }

        #weatherForecast ul li span.temp {
            font-weight: bold;
            font-size: 12px;
        }

        #weatherForecast ul li span.forecastMin {
            color: #617b03;
            font-weight: bold;
        }

        #weatherForecast ul li span.forecastMax {
            color: #FF6666;		
            font-weight: bold;
        }

#map {
    margin-top: 10px;
}

#weatherSatHeader,
#weatherObservationsHeader,
#weatherWarningsHeader {
    background-color: #E9E9E9;
    padding: 10px;
}

#weatherSatHeader h3,
#weatherObservationsHeader h3,
#weatherWarningsHeader h3 {
    font-size: 12px;
    font-weight: bold;
}

#weatherSatHeader {
    margin-bottom: 6px;
}

#weatherMap,
#weatherSat,
#weatherObservations {
    margin: 0 0 24px 0;
}

#weatherSat img {
    border: 0 none;
}

span.playLink {
    padding: 0 0 0 10px;
}

#weatherWarnings {
    background-color: #DBEEF9;
    padding: 10px 10px 30px 10px;
}

#weatherWarnings p {
    font-size: 12px;
    margin: 0 0 2px 0;
}
/*
table#mapConditions {
    font-family: Verdana, Arial, sans-serif;
    font-size: 85%;
    width: 190px;
}
    table#mapConditions th {
        font-size: 77%;
    }

    table#mapConditions tr {
        height: 20px;
    }
    table#mapConditions td.desc {
        width: 155px;
    }

    table#mapConditions td.now {
        width: 35px;
    }

    table#mapConditions td span {
        font-weight: bold;
    }
*/