/* success */
span.success-box span {
    background: url("../images/icons/message/check.png") no-repeat scroll 15px center #EBFAB6;
    border: 1px solid #BBCC5B;
    color: #599847;
}
/* arrow */
span.arrow-box span {
    background: url("../images/icons/message/arrow.png") no-repeat scroll 15px center #EBFAB6;
    border: 1px solid #BBCC5B;
    color: #599847;
}
/* alert */
span.alert-box span {
    background: #FBDD96;
    border: 1px solid #E5AF51;
    color: #CA6B1C;
}
span.box span::before {
    background: url("/images/Spans/Boxes/alert-box.svg") no-repeat scroll left center;
    content: " ";
    padding: 0 1em;
}
/* error */
span.error-box span {
    background: url("../images/icons/message/error.png") no-repeat scroll 15px center #FDD2D1;
    border: 1px solid #F6988F;
    color: #883333;
}
/* notice */
span.notice-box span {
    background: url("../images/icons/message/note.png") no-repeat scroll 15px center #F9EBCA;
    border: 1px solid #E5B2AC;
    color: #9F6722;
}
/* info */
span.info-box span {
    background: url("../images/icons/message/info.png") no-repeat scroll 15px center #E6EBF0;
    border: 1px solid #89BECD;
    color: #277DCE;
}
/* box */
span.box span {
    border-radius: 6px 6px 6px 6px;
    margin: .5em 0;
    padding: .5em 1em;
    display: block;
    background-origin: content-box;
}