/* Success, notice and error boxes
-------------------------------------------------------------- */

.error, .notice, .success, .info    { padding: 0.8em 0.8em 0.5em 0.8em; margin-bottom: 1em; border: 1px solid #ddd; } 
.error      { background: #F99; color: #633; border-color: #C99; }
.notice     { background: #CCF; color:#003; border-color: #336; }
.success    { background: #CFC ; color: #030; border-color: #363; }
.info    { background: #CCF ; color: #003; border-color: #336; }

.error:before, .notice:before, .success:before, .info:before { display: block; padding: 0; }
.notice:before { padding-left: 1.5em; content: 'Notice:'; background: url(img/exclamation.png) no-repeat; }
.error:before { padding-left: 1.5em; content: 'Warning:'; background: url(img/cross_circle.png) no-repeat; }
.success:before { padding-left: 1.5em; content: 'Success:'; background: url(img/tick_circle.png) no-repeat; }
.info:before { padding-left: 1.5em; content: 'Note:'; background: url(img/information_frame.png) no-repeat; }

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a  { color: #00C; }