/*** RAILS ERROR MESSAGES ***/

.fieldWithErrors {
    border:             2px solid #c00;
    display:            inline;
}

div.flash_notice, div.flash_warning, div.flash_error, #errorExplanation {
    border:             1px solid #cccccc;
    margin:             1em 0pt 2em 0pt;
    padding:            0pt 0pt 0pt 0pt;
}

div.flash_notice {
    background-color:   #ddffdd;
}

div.flash_warning {
    background-color:   #ffffcc;
}

div.flash_error, #errorExplanation {
    background-color:   #fff4f4;
}

div.flash_notice h3, div.flash_warning h3, div.flash_error h3, #errorExplanation h2 {
    font-family:        verdana, arial, helvetica, sans-serif;
    font-style:         normal;
    font-weight:        bold;
    font-size:          100%;
    margin:             2pt 2pt 4pt 2pt;
    padding:            2pt 2pt 2pt 2pt;
}

div.flash_notice h3 {
    color:              #004400;
    background-color:   #bbeebb;
}

div.flash_warning h3 {
    color:              #884400;
    background-color:   #ffeeaa;
}

div.flash_error h3, #errorExplanation h2 {
    color:              #440000;
    background-color:   #ffcccc;
}

div.flash_notice p, div.flash_warning p, div.flash_error p, #errorExplanation p {
    margin:             4pt 4pt 4pt 4pt;
    padding:            0pt 0pt 0pt 0pt;
}

div.flash_notice h3 + p, div.flash_warning h3 + p, div.flash_error h3 + p, #errorExplanation h2 + p {
    margin-top:         2pt;
}

div.flash_notice p.footer, div.flash_warning p.footer, div.flash_error p.footer {
    border-top:         1px solid #cccccc;
    margin:             2pt 4pt 2pt 4pt;
    padding-top:        1pt;
    font-size:          80%;
}

#errorExplanation ul li {
    list-style-image:   none;
    margin:             0pt;
    list-style:         square;
}