.notify
{
    background: #5bc0de;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #46b8da 0%, #5bc0de 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #46b8da 0%, #5bc0de 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #46b8da 0%, #5bc0de 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #46b8da), color-stop(1, #5bc0de));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #46b8da 0%, #5bc0de 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #46b8da 0%, #5bc0de 100%);
    border-radius: 3px;
    border: 1px solid #46b8da;
    padding: 5px 20px;
    margin-top: 5px;
    left:0;
    right:0;
    color:#FFFFFF;
    min-height:20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    &.success
    {
        border-color: #4cae4c;
        background:#5cb85c;
        /* IE10 Consumer Preview */ 
        background-image: -ms-linear-gradient(top, #4cae4c 0%, #5cb85c 100%);

        /* Mozilla Firefox */ 
        background-image: -moz-linear-gradient(top, #5cb85c 0%, #4cae4c 100%);

        /* Opera */ 
        background-image: -o-linear-gradient(top, #5cb85c 0%, #4cae4c 100%);

        /* Webkit (Safari/Chrome 10) */ 
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4cae4c), color-stop(1, #5cb85c));

        /* Webkit (Chrome 11+) */ 
        background-image: -webkit-linear-gradient(top, #5cb85c 0%, #4cae4c 100%);

        /* W3C Markup, IE10 Release Preview */ 
        background-image: linear-gradient(to bottom, #5cb85c 0%, #4cae4c 100%);
    }

    &.error 
    {
        border-color: #d43f3a;
        background:#d9534f;
        /* IE10 Consumer Preview */ 
        background-image: -ms-linear-gradient(top, #d43f3a 0%, #d9534f 100%);

        /* Mozilla Firefox */ 
        background-image: -moz-linear-gradient(top, #d43f3a 0%, #d9534f 100%);

        /* Opera */ 
        background-image: -o-linear-gradient(top, #d43f3a 0%, #d9534f 100%);

        /* Webkit (Safari/Chrome 10) */ 
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d43f3a), color-stop(1, #d9534f));

        /* Webkit (Chrome 11+) */ 
        background-image: -webkit-linear-gradient(top, #d43f3a 0%, #d9534f 100%);

        /* W3C Markup, IE10 Release Preview */ 
        background-image: linear-gradient(to bottom, #d43f3a 0%, #d9534f 100%);
    }

    &.warning
    {
        border-color: #eea236;
        background:#f0ad4e;
        /* IE10 Consumer Preview */ 
        background-image: -ms-linear-gradient(top, #eea236 0%, #f0ad4e 100%);

        /* Mozilla Firefox */ 
        background-image: -moz-linear-gradient(top, #eea236 0%, #f0ad4e 100%);

        /* Opera */ 
        background-image: -o-linear-gradient(top, #eea236 0%, #f0ad4e 100%);

        /* Webkit (Safari/Chrome 10) */ 
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eea236), color-stop(1, #f0ad4e));

        /* Webkit (Chrome 11+) */ 
        background-image: -webkit-linear-gradient(top, #eea236 0%, #f0ad4e 100%);

        /* W3C Markup, IE10 Release Preview */ 
        background-image: linear-gradient(to bottom, #eea236 0%, #f0ad4e 100%);
    }

    &.box
    {
        right:0;
        width:300px;
        left:auto;
        padding:20px;
    }

    .close
    {
        font-weight:bold;
        font-size: 11px;
        padding: 5px 4px 4px;
        line-height: 0;
        position: absolute;
        top: 3px;
        right: 3px;
        color: #FFFFFF;
        cursor:pointer;
        opacity: 0.8;
        filter:alpha(opacity=80);
        text-shadow: 0 1px 0 #ffffff;

        &:hover {
            opacity:1;
            filter:alpha(opacity=100);
        }
    }
}