tpl/css/messages.css

   1 .messages { width: 400px; -moz-border-radius: 4px; border-radius: 4px; display: block; padding: 10px 0; margin: 10px auto 10px; clear: both; }
   2 .messages a.closeMessage { margin: -14px -8px 0 0; display:none; width: 16px; height: 16px; float: right; background: url(../img/messages/close.png) no-repeat; }
   3 /*.messages:hover a.closeMessage { visibility:visible; }*/
   4 .messages p { margin: 3px 0 3px 10px !important; padding: 0 10px 0 23px !important; font-size: 14px; line-height: 16px; }
   5 .messages.error { border: 1px solid #C42608; color: #c00 !important; background: #FFF0EF; }
   6 .messages.error p { background: url(../img/messages/cross.png ) no-repeat 0px 50%; color:#c00 !important; }
   7 .messages.success {background: #E0FBCC; border: 1px solid #6DC70C; }
   8 .messages.success p { background: url(../img/messages/tick.png) no-repeat 0px 50%; color: #2B6301 !important; }
   9 .messages.warning { background: #FFFCD3; border: 1px solid #EBCD41; color: #000; }
  10 .messages.warning p { background: url(../img/messages/warning.png ) no-repeat 0px 50%; color: #5F4E01; }
  11 .messages.information, .messages.info { background: #DFEBFB; border: 1px solid #82AEE7; }
  12 .messages.information p, .messages.info p { background: url(../img/messages/help.png ) no-repeat 0px 50%; color: #064393; }
  13 .messages.information a { text-decoration: underline; }