/* AlertSite StyleSheet for Index Page - Alberta
   Last Modified: Jun 19, 2014 */

.criticalheadershort {
    width:569px;
    min-height:40px;
    background:url(criticalheadershort.jpg) #db3c29 top no-repeat;
    padding:10px 5px 0 5px;
    margin-left:10px;
    color:#FFF;
    font:14px Arial bold;
}

.criticalheadershort a { color:#FFF; }

.criticalalert {
    width:549px;
    min-height:35px;
    /* border-bottom:#A03033 thick solid;
    border-left:#A03033 thick solid;
    border-right:#A03033 thick solid; */
    border-bottom:#D83B28 thick solid;
    border-left:#D83B28 thick solid;
    border-right:#D83B28 thick solid;
    color:#000;
    font:12px Arial;
    margin:0 0 10px 10px;
    padding:10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
}

.infoheadershort {
    width:569px;
    min-height:40px;
    background:url(infoheadershort.jpg) #f99a0c top no-repeat;
    padding:10px 5px 0 5px;
    margin-left:10px;
    color:#FFF;
    font:14px Arial bold;
}

.infoheadershort a { color:#FFF; }

.infoalert {
    width:549px;
    min-height:35px;
    /* border-bottom:#af7505 thick solid;
    border-left:#af7505 thick solid;
    border-right:#af7505 thick solid; */
    border-bottom:#F6990D thick solid;
    border-left:#F6990D thick solid;
    border-right:#F6990D thick solid;
    color:#000;
    font:12px Arial;
    margin:0 0 10px 10px;
    padding:10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
}

.testheadershort {
    width:569px;
    min-height:40px;
    background:url(testheadershort.jpg) #88d201 top no-repeat;
    padding:10px 5px 0 5px;
    margin-left:10px;
    color:#FFF;
    font:14px Arial bold;
}

.testheadershort a { color:#FFF; }

.testalert {
    width:549px;
    min-height:35px;
    /* border-bottom:#56aa1c thick solid;
    border-left:#56aa1c thick solid;
    border-right:#56aa1c thick solid; */
    border-bottom:#86D104 thick solid;
    border-left:#86D104 thick solid;
    border-right:#86D104 thick solid;
    color:#000;
    font:12px Arial;
    margin:0 0 10px 10px;
    padding:10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
}

.expiredheadershort {
    width:569px;
    min-height:40px;
    background:url(expiredheadershort.jpg) #e3e3e5 top no-repeat;
    padding:10px 5px 0 5px;
    margin-left:10px;
    color:#FFF;
    font:14px Arial bold;
}

.expiredheadershort a { color:#000; }

.expiredalert {
    width:549px;
    min-height:35px;
    /* border-bottom:#bbc0c4 thick solid;
    border-left:#bbc0c4 thick solid;
    border-right:#bbc0c4 thick solid; */
    border-bottom:#CFD3D6 thick solid;
    border-left:#CFD3D6 thick solid;
    border-right:#CFD3D6 thick solid;
    color:#000;
    font:12px Arial;
    margin:0 0 10px 10px;
    padding:10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
}

.eventLink a:link {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    /*color: black;*/
    padding-left: 20px;
    background: url("new.png") no-repeat;
}

.eventLink a:visited, .eventLinkExpired a:link, .eventLinkExpired a:visited {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    /*color: black;*/
}

.eventLink a:hover, .eventLinkExpired a:hover { text-decoration: underline; color: blue; }

.noAlerts {
    font-size: 24px;
    padding-left: 25px;
    margin-bottom: 40px;
    font-weight: bold;
    color: #00CC00;
    background-color: white;
}

.testlegend {
    background:url(testlegend.jpg) no-repeat;
    width:170px;
    height:30px;
    color:#fff;
    font:12px Arial;
    text-align:center;
    padding-top:7px;
}

.criticallegend {
    background:url(criticallegend.jpg) no-repeat;
    width:170px;
    height:30px;
    color:#fff;
    font:12px Arial;
    text-align:center;
    padding-top:7px;
}

.infolegend {
    background:url(infolegend.jpg) no-repeat;
    width:170px;
    height:30px;
    color:#fff;
    font:12px Arial;
    text-align:center;
    padding-top:7px;
}

.map_box {
    margin: 0;
    padding: 0;
    height: 500px;
    width: 100%;
    /* width: 45px; */
    /* float: left; */
    border: 1px solid black;
}

#floodHighlightBox {
    width: 100%;
    padding: 5px 0px;
    text-align: center;
    border: 3px solid #F99A0C;
    border-radius: 10px;
}