.notification
{
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    width: 99.8%;
}


.instruction
{
    padding: 10px 0;
    background: #f4f4f4;
    border: none;
    color: #333;
}

.instruction h3
{
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
}

.attention
{
    background: #fffbcc url('Images/BU/structure/forms/icons/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information
{
    background: #dbe3ff url('Images/BU/structure/forms/icons/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.success
{
    background: #d5ffce url('Images/BU/structure/forms/icons/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}

.error
{
    background: #ffcece url('Images/BU/structure/forms/icons/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.notification div, .notification span
{
    display: block;
    font-style: normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
    font-size;1.2em;
    font-weight:bold;
}

.notification .close
{
    color: #990000;
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.notification ul
{
    margin-left:10px;
}
/* Notification for form inputs */

.input-notification
{
    background-position: left 2px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 22px;
    background-color: transparent;
    margin: 0 0 0 5px;
}

/* Notification for login page */

.login-notification
{
    margin-top: 10px;
    width: 200px;
    color: Red;
}


.field-validation-valid 
{     
    display: none; } 

.validation-summary-valid 
{     
    display: none; }