/* 
    Document   : kl-alerts
    Created on : 07-02-2015, 8:38:24 PM
    Author     : karenlaansoo
    Description:
        For the front end promo slider.
*/
#alertcontainer{
    height: 40px;
    background-color: #F47B20;
    border-bottom: 1px solid #808285;
    box-shadow: 1px 1px #cccccc;
}
.alert-container{
    width: 90%;
    margin: 0 auto;
    max-width: 1080px;
}
ul.alert-message{
    margin-bottom: 0;
    line-height: 2.6;
    padding-left: 0;
}
div.hide-alert{
    position:absolute;
    right: 10%;
    margin-top: 5px;
}
div.hide-alert a{
    display: block;
    height: 28px;
    width: 28px;
    border: 2px solid #F56C05;
    border-radius: 20px;
    text-align: center;
    background: #F79D59;
    background: -webkit-linear-gradient(#F79D59, #F77F25); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F79D59, #F77F25); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F79D59, #F77F25); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F79D59, #F77F25); /* Standard syntax */
    color: #ffffff;
}
div.hide-alert a:hover{
    background: #F77F25;
    background: -webkit-linear-gradient(#F77F25, #F79D59); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F77F25, #F79D59); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F77F25, #F79D59); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F77F25, #F79D59); /* Standard syntax */
    color: #000000;
}
a.alert-read-more{
    color: #000000;
    text-decoration:none;
    margin-left: 10px;
}
a.alert-read-more:hover{
    color: #000000;
    text-decoration: underline;
}