.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

.error, .alert, .notice, .success, .info{}
.error p, .alert p, .notice p, .success p, .info p{ margin: 0;}
.error ul li{}


.error ul, .alert ul, .notice ul, .success ul, .info ul{ list-style: none; margin: 0 10px; padding: 0; }
.error ul li, .alert ul li, .notice ul li, .success ul li, .info ul li{ line-height: 27px;}
.error .square, .alert .square, .notice .square, .success .square, .info .square { height:7px; width:7px; float:left; margin: 10px 10px 10px 0}
.error .square, .alert .square{ background-color: #CC595D; }
.notice .square{ background-color: #CCA416; }
.success .square{ background-color: #98AD47; }
.info .square{ background-color: #488DAD; }

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}
.clear {clear:both;}