/*
HTML Sample
-----------

<div id="SystemMessage">
    <div class="MessageContainer">
        <div class="MessageOverview">
            There seems to be some problems with your information below. Troubled fields are marked with the <img alt="Error Icon" title="" src="/media/generic_site_content/images/icon_error.gif" /> icon below.</div>
        <div class="MessageList">
            <ul>
                <li>BLANK_EMAIL</li>
                <li>Blank Firm Name</li>
            </ul>
        </div>
    </div>
</div>
*/

#SystemMessage
{
    font-weight: bold;
    color: #1373B7;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Hide Blue Martini's "helper" code.  (Yes, the quotes around "helper" imply sarcasm.) */
#SystemMessage span.bm_BlankMarker,
#SystemMessage span.bm_InvalidMarker,
#SystemMessage span.bm_RequiredMarker
{
    display: none;
}

#SystemMessage div.MessageContainer
{
    background-color: #F5F5F5;
    border: 5px solid #1373B7;
    padding-top: 17px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

#SystemMessage div.MessageContainer div.MessageOverview img
{
    vertical-align: middle;    
}

#SystemMessage div.MessageContainer div.MessageList
{
    
}

#SystemMessage div.MessageContainer div.MessageList ul
{
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

#SystemMessage div.MessageContainer div.MessageList ul li
{
    background-image: none;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 35px;
    margin-bottom: 4px;
    line-height: 20px;
}

#SystemMessage div.MessageContainer div.Error div.MessageList ul li
{
    background-image: url(/media/generic_site_content/images/icon_error.gif);
    
}

#SystemMessage div.MessageContainer div.Information div.MessageList ul li,
#SystemMessage div.MessageContainer div.Warning div.MessageList ul li
{
    background-image: none;
}