﻿.k-notification {
    border: 0;
}


/* Info template */
.k-notification-info.k-group {
    margin: 0 0 6px;
    padding: 3px 3px 3px 5px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    background: rgba(0%,0%,0%,.7);
    color: #fff;
}

.info {
    width: 300px;
    height: 100px;
}

    .info h3 {
        color: #ffffff;
        font-size: 1em;
        padding: 32px 10px 5px;
    }

    .info img {
        float: left;
        margin: 30px 15px 30px 30px;
    }

/* Error template */
.k-notification-error.k-group {
    margin: 0 0 6px;
    padding: 3px 3px 3px 5px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    background: rgba(100%,0%,0%,.7);
    color: #ffffff;
}

.error {
    width: 300px;
    height: 100px;
}

    .error h3 {
        color: #ffffff;
        font-size: 1em;
        padding: 32px 10px 5px;
    }

    .error img {
        float: left;
        margin: 30px 15px 30px 30px;
    }

/* Success template */
.k-notification-success.k-group {
    margin: 0 0 6px;
    padding: 3px 3px 3px 5px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    background-color: #51a351;
    color: #ffffff;
}

.success {
    width: 240px;
    height: 100px;
    padding: 0 30px;
    line-height: 100px;
}

    .success h3 {
        color: #ffffff;
        font-size: 1.7em;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
    }

    .success img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }
