div#notifications 
{
    position: fixed;
    background: url('Images/bgr_notifications.png') repeat-x bottom;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

div#notifications div.notificationswrapper 
{
    padding: 8px 0 2px 0;
    width: 754px;
    margin: 0 auto;    
}


div.notificationswrapper ul
{
    margin: 0;
    padding: 0;
    overflow: auto;
}

div.notificationswrapper ul li 
{
    list-style-type: none;
    float: left;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-weight: bold;
    color: #fff;
}

div.notificationswrapper ul li.successnote { background: #00aa00 url('Images/bgr_shortfade.png') repeat-x; }
div.notificationswrapper ul li.errornote { background: #990000 url('Images/bgr_shortfade.png') repeat-x; }

div.notificationswrapper ul li.normalnote
{
    background: #ffffb1 url('Images/bgr_shortfade.png') repeat-x;
    color: #000;
}

div.notificationswrapper a, div.notificationswrapper ul li a { cursor: pointer; }

div.notificationswrapper ul li a img
{
    margin-left: 10px;
    vertical-align: middle;
}

div.notificationswrapper ul li.successnote a { color: #fff; }
div.notificationswrapper ul li.errornote a { color: #fff; }
div.notificationswrapper ul li.normalnote a { color: #000; }