css styles (success, notice, and error div styles)

here are some nice looking css div styles for messages

this is success

this is notice

this is error

<div class="success">this is success </div>
<div class="notice">this is notice </div>
<div class="error">this is error</div>

.label { font-weight: bold; }

.error, .notice, .success, .help { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }

.notice { background: #FFF6BF; color: #817134; border-color: #FFD324; }

.success, .help { background: #E6EFC2; color: #529214; border-color: #C6D880; }

.error a { color: #D12F19; }

.notice a { color: #817134; }

.success a, .help a { color: #529214; }

.error ul { margin:10px; padding:10px;}

.notice ul { margin:10px; padding:10px;}

.success ul  { margin:10px; padding:10px;}

.help ul { margin:10px; padding:10px;}

http://drycodepages.googlepages.com/cssdivstylespart2