body{
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}


.idea, .info, .success, .warning, .error, .validation {
    border: 0;
    margin: 10px 0px;
    padding:15px 10px 15px 70px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    border-left: 5px solid blue;
    border-right: 5px solid blue;
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.success {
    border-left: 5px solid green;
    border-right: 5px solid green;
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    border-left: 5px solid darkgoldenrod; 
    border-right: 5px solid darkgoldenrod; 
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error {
    border-left: 5px solid red;
    border-right: 5px solid red;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
    <p><b>This text is bold.</b></p>
}

.idea {
    border-left: 5px solid yellow;
    border-right: 5px solid yellow;
    color: #031103;
    background-color: #feffe0;
    background-image: url('idea.png');
}