/* IE can't handle this nicely w/ AJAX validation */

html>body .message {
    background: url(/static/images/silk/information.png) no-repeat center left;
    padding-left: 20px;
}

html>body .error {
    background: url(/static/images/silk/error.png) no-repeat center left;
    padding-left: 20px;
}

.error {
    color: #a00000;
}

div#messages,  div#errors {
     background-color: rgb(240,234,183);
     border: 1px solid rgb(230,224,173);
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 5px 20px 5px 5px;
     font-size: 1.2em;
     position: relative;
}

#dismiss_messages,
#dismiss_errors
{
    padding-left: 16px;
    background: url(/static/images/silk/cancel_grey.png) no-repeat;
    position: absolute;
    top: 0.4em;
    right: 2px;
    width: 0;
    display: block;
    text-indent: -9999em;
}

#jifty-result-popup {
    bottom: 0.6em;
    position: fixed;
    right: 0;
    width: 180px;
    z-index: 43;
}

#jifty-result-popup .popup_notification {
     background: #A9B7FF url(/static/images/silk/information.png) no-repeat scroll 5px center;
     border: 1px solid #004E75;
     overflow: hidden;
     padding: 0.5em 0.5em 0.5em 27px;
}

#jifty-result-popup .result-error {
    background: #FFA8A8 url(/static/images/silk/error.png) no-repeat scroll 5px center;
    border: 1px solid #B71111;
    color: #B71111;
}