﻿#DistortionNotifications {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 2px;
}

#DistortionNotifications .notification {
    position: relative;    
    cursor: pointer;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    -wekbit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bababa;
    z-index: 9999;    
    text-align: center;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 32px 8px 8px;
    margin: 0;
}

#DistortionNotifications .notification.left {
    float: left;
    clear: left;
}

#DistortionNotifications .notification.center {
    margin: 0 auto;
}

#DistortionNotifications .notification.right {
    float: right;
    clear: right;
}

#DistortionNotifications .notification:hover{ opacity: 1 !important; }

#DistortionNotifications .notification.warn{ background-color: rgb(233,234,212) !important; }
#DistortionNotifications .notification.error{ background-color: rgb(234,212,216) !important; }
#DistortionNotifications .notification.success{ background-color: rgb(215,231,222) !important; }
#DistortionNotifications .notification.info{ background-color: rgb(215,231,222) !important; }
#DistortionNotifications .notification.default{ background-color: #EEE; color: #444; }

#DistortionNotifications .notification .notificationCloseIcon { position: absolute; top: 7px; right: 7px; opacity: 1.0; }
#DistortionNotifications .notification .notificationCloseIcon:hover { opacity: 0.5; }