.alert {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    margin-bottom: 9px;
    margin-top: 10px;
    padding: 10px 10px 10px 35px;
}
.alert.no-margin {
    border-radius: 0 0 0 0;
    border-width: 1px 0;
    margin-left: -10px;
    margin-right: -10px;
}
.alert.no-margin.top {
    border-width: 0 0 1px;
    margin-top: 0;
}
.alert.no-margin.bottom {
    border-width: 1px 0 0;
    margin-bottom: 0;
}
.alert span.hide {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 0;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.alert.success {
    background-color: #D1E8D2;
    background-image: url("icons/tick-circle.png");
    border-color: #339933;
    color: #00632E;
}
.alert.error {
    background-color: #FACFCF;
    background-image: url("icons/cross-circle.png");
    border-color: #DC1C1C;
    color: #820101;
}
.alert.warning {
    background-color: #FDEFBD;
    background-image: url("icons/exclamation.png");
    border-color: #D4B64B;
    color: #675100;
}
.alert.info {
    background-color: #D8E7FA;
    background-image: url("icons/information.png");
    border-color: #9DBFEA;
    color: #00357B;
}
.alert.note {
    background-color: #F4F4F4;
    background-image: url("icons/notebook.png");
    border-color: #BDBDBD;
    color: #4D4D4D;
}