ERROR message == Displays very good design for Error Message

Copy this code to your CSS.... and use as individual as defined....
.success {
  color: #4F8A10;
  background-color: #DFF2BF;  border: 1px solid;
 
  /*------ for error  -------*/
  color: #D8000C;
  background-color: #FFBABA;  border: 1px solid;
 
  /*------ for warning  -------*/
  color: #9F6000;
  background-color: #FEEFB3;  border: 1px solid;
 
  margin: 10px 0px;
  padding:15px 10px 15px 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

this is for span which is used for  image set in HTML

.error span { margin: 0px 0px 0px 10px; font-family:calibari, arial; font-size: 14px; padding: 0px; vertical-align:top; line-height: 35px;}

Copy This CODE to your HTML  also use with individual classes as defined in CSS.

<div class="error"><img src="image/error.png" alt="error" border="0" align="top" /> <span>Enter correct Username or Password</span></div>