/* message and content boxes
---------------------------------*/
.msg {margin: 20px 0; padding: 11px 10px 11px 45px; border: 1px solid #dfdfdf; background-repeat: no-repeat; background-position: 13px 10px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04);}
.msg a.hide {float: right; overflow: hidden; width: 18px; height: 18px; margin-left: 10px; background: url("images/x.png") 50% 50% no-repeat; text-indent: -50em; opacity: 0.2;}
.msg.info {border-color: #c5dce7; background-color: #e7f7ff; background-image: url("images/msg-info.png"); color: #4f9ec2;}
.msg.success {border-color: #cbe3b4; background-color: #eeffda; background-image: url("images/msg-success.png"); color: #8ab04f;}
.msg.notice {border-color: #e9dab1; background-color: #fff9d8; background-image: url("images/msg-notice.png"); color: #caa533;}
.msg.error {border-color: #ebbcb5; background-color: #ffe6dc; background-image: url("images/msg-error.png"); color: #ef4437;}
.msg ul, .msg p {margin: 1em 0 0;}
.msg ul {list-style: none;}
.msg ul:first-child, .msg p:first-child {margin: 0;}
.msg ul li {margin-left: 0;}
.msg ul li:before {float: left; clear: left; overflow: hidden; width: 8px; height: 20px; margin-right: 5px; content: "—";}

.box h4 {margin: 20px 0 0.5em; color: #3f3f3f; font: 300 1.538em "Signika",sans-serif;}
.box p {margin-top: 0; margin-bottom: 20px; padding: 20px 30px 25px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; background-repeat: no-repeat; background-position: 20px 30px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04);}
.box.info p {padding-left: 70px; border-color: #c5dce7; border-top: 2px solid #747474; background-color: #e7f7ff; background-image: url("images/box-info.png");}
.box.confirm p {padding-left: 70px; border-color: #cbe3b4; border-top: 2px solid #747474; background-color: #eeffda; background-image: url("images/box-confirm.png");}
.box.alert p {padding-left: 70px; border-color: #e9dab1; border-top: 2px solid #747474; background-color: #fff9d8; background-image: url("images/box-alert.png");}
.box.warning p {padding-left: 70px; border-color: #ebbcb5; border-top: 2px solid #747474; background-color: #ffe6dc; background-image: url("images/box-warning.png");}