.response {
    /*position: relative; bug: pops above side menus */
    margin: 5px 0 15px 0;
    padding: 0;
    border: 1px solid;
    border-radius: 4px;
    background-position: 10px 10px !important;
    background-repeat: no-repeat !important;
    font-size: 15px;
    width: 99.8%;
}

.response-title {
    display: block;
    font-weight: bold;
}


.warning-response {
    background: #fffbcc url('../images/response/warning.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information-response {
    background: #dbe3ff url('../images/response/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.success-response {
    background: #d5ffce url('../images/response/success.png');
    border-color: #9adf8f;
    color: #556652;
}

/* Darker: background: #ffcece, border: #df8f8f*/
.error-response {
    background: #ffdddd url('../images/response/error.png');
    border-color: #df9d9d;
    color: #665252;
}

.response div {
    display:block;
    font-style:normal;
    padding: 8px 10px 8px 36px;
    line-height: 1.5em;
}

.response .close {
    background: url('../images/response/close.png') center center no-repeat;
    margin: 1px;
    height: 25px;
    width: 25px;
    float: right;
    border-bottom-left-radius: 4px;
}
.response .close:hover, .response a:hover  {
    background-color: rgba(255,255,255,0.5);
}

.response ul { margin: 0 0 0 15px; }
.response ul li {
    padding: 0 0 0 20px !important;
}

.response a { color: #111111; text-decoration: underline; padding: 2px; }
.response a:hover { color: #000; text-decoration: none; background-color: rgba(255,255,255,0.5); }