.box, .alert, .info, .notice, .error, .success    { padding: 8px; border: 2px solid #ddd;}
.box { background: #eee;  border-color: #ccc; }
.alert { background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
.notice  { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.info { background-color: #E5ECF9; color: #514721; border-color: #C3D9FF; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error { background: #ffcccc; color: #000; border-color: #cc3300; }
.alert a { color: #514721; }
.success a  { color: #264409; }
.info a { color: #000099;  }
.error a, .notice a { color: #8a1f11; }
/* box title */
.box-title { margin:-7px -7px 10px -7px; font-weight:bold; padding: 2px 5px; border-bottom: 1px solid #777; display:block }
.box .box-title { background:#C1C1C1;}
.success .box-title { background:#B8D152; border-color:#91A92E}
.alert .box-title { background:#FFD900; border-color:#CEAF00}
.info .box-title { background:#98B4E7; border-color:#5381D7}
.notice .box-title, .error .box-title { background:#EF8F95; border-color:#BA1B23}

 /*bg colors */
.white { background:#fff; }
.silver { background:#c0c0c0; }
.lightgray { background:#e0e0e0; }