Customize Drupal Messages with CSS

.messages, .help, .error, .warning{}

div.error, tr.error {
background:url('img/48/error-d-icon-kiuz.png') left top no-repeat;
padding-left:48px;
padding-top:30px;
font-size:16px;
color:#c20000;}
div.error {border:0px;}

div.help, tr.help, div.status, tr.status{
background:url('img/48/help-d-icon-kiuz.png') left top no-repeat;
padding-left:48px;
padding-top:30px;
font-size:16px;
color:#004400}
div.error {border:0px;}
.messages ul {list-style:none;}
.messages li {list-style:none;}

div.warning, tr.warning {
background:url('img/48/warning-d-icon-kiuz.png') left top no-repeat;
padding-left:48px;
padding-top:30px;
font-size:16px;
color:#cc6633}
div.warning {border:0px;}