/* Styles for error and success messages */

div.message,
form.message {
    margin: 1em 0;
    padding: 0.25em 1em;
    background: #DEF 100% 50% no-repeat;
    border-bottom: 2px solid #BCD;
}
.message h3 {
    margin: 0 !important;
    border: 0 !important;
    font-size: 150%;
}
.message p {
    margin: 0.5em 0;
}
.message ul {
    margin: 0.5em 0;
    padding-left: 2em;
}

div.error {
    border-color: #300;
    background-color: #A20;
    background-image: url("images/bkg_error.gif");
    color: white;
}
div.error h3,
div.error label,
div.error a {
    color: white !important;
}
div.error p.important {
    background-color: #FC6;
}
div.warning {
    color: #900;
    background-color: #FD7;
    background-image: url("images/bkg_warning.gif");
    border-color: #F90;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 25px;
}
div.warning h3 {
    color: #E63;
}
div.warning label {
    border-bottom: 1px dotted #E63;
    font-size: 115%;
}
div.warning p.tip {
    background-color: #FFD;
    color: #900;
    padding: 0.1em 0.25em;
    font-size: 90%;
}
div.warning ul {
    color: #300;
    list-style-image: url("images/bullet_warning.gif");
}
div.warning p.important {
    background-color: white;
}
div.success,
div.save {
    border-color: #9C9;
    background-color: #BEB;
    background-image: url("images/bkg_success.gif");
}
div.success h3,
div.save h3 {
    color: #036;
}
form.delete {
    background-image: url("images/bkg_delete.gif");
    background-position: 100% 0;
}
ul.checklist {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}
form.message fieldset.controls {
    border-top: 2px dotted #BCD;
    padding-top: 4px;
}