@charset "UTF-8";

/**
 * Notifications, errors, etc.
 *
 * @author Yorick Peterse
 * @since  0.1
 */
#success
{
    background: #B3D760 url("../images/icons/success.png") no-repeat 5px center;
    border:     1px solid #599929;
}

#error
{
    background: #F57E62 url("../images/icons/error.png") no-repeat 5px center;
    border:     1px solid #FF3100;
}

#notice
{
    background: #FFF58C url("../images/icons/info.png") no-repeat 5px center;
    border:     1px solid #FFDA05;
}

#notification_container
{
    position: absolute;
    right:    10px;
    top:      35px;
}

    #login #notification_container
    {
        top: 10px;
    }

.notification
{
    background:    #000;
    border-radius: 10px;
    cursor:        pointer;
    color:         #fff;
    margin-bottom: 10px;
    min-height:    55px;
    padding:       10px;
    width:         230px;
    
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    -o-border-radius:      10px;
    -khtml-border-radius:  10px;
}

    .notification .close
    {
        background: url("../images/icons/close.png") no-repeat center left;
        display:    none;
        height:     33px;
        left:       0px;
        margin-top: -13px;
        position:   absolute;
        width:      33px;
    }

    .notification:hover .close
    {
        display: block;
    }

    .notification .image
    {
        float:        left;
        margin-top:   3px;
        margin-right: 10px;
    }

    .notification .title
    {
        font-size:     14px;
        font-weight:   bold;
        margin-bottom: 10px;
    }