.info-card {
    margin: 10px;
    margin-top: 10px;
    margin-bottom:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:0px 5px 3px #888;
    -moz-box-shadow:0px 5px 3px #888;
    -webkit-box-shadow:0px 5px 3px #888;

}
.info-card.green-back{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #DFE), color-stop(1.00, #CDFFCB));
    background: -webkit-linear-gradient(#DFE, #CDFFCB);
    background: -moz-linear-gradient(#DFE, #CDFFCB);
    background: -o-linear-gradient(#DFE, #CDFFCB);
    background: -ms-linear-gradient(#DFE, #CDFFCB);
    background: linear-gradient(#DFE, #CDFFCB);
}

.info-card.red-back {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fee), color-stop(1.00, #dbb));
    background: -webkit-linear-gradient(#fee, #dbb);
    background: -moz-linear-gradient(#fee, #dbb);
    background: -o-linear-gradient(#fee, #dbb);
    background: -ms-linear-gradient(#fee, #dbb);
    background: linear-gradient(#fee, #dbb);
}

.info-card .info-title {
    border: 1px;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center;
}

.info-card .info-title span {
    font-weight: bold;
    font-size: 140%;
    color: #444;
}

.info-card .info-message {
    word-break: normal;
    padding-bottom: 20px;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

.info-card .info-message p+p {
    margin-top: 1em;
}