/*
    CSS Stylesheet
    For the styling of the notifications
    All browsers, all media types
*/

#notifications-overlay { background: transparent url(../Images/CSS/?progressIndicator-background.png) repeat scroll 0 0; display: none; float: left; height: 100%; left: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: 99100; }
#notifications-container { background-color: #fff; border: 1px solid #e1e1e1; display: none; float: left; left: 0; margin: 0; padding: 8px; position: fixed; top: 0; width: auto; z-index: 99101; }
#notifications-container.autoOk { border: 2px solid #bababa; box-shadow: rgba(0, 0, 0, 0.075) 0 2px 16px 4px, rgba(0, 0, 0, 0.12) 0 2px 8px 0; max-width: 500px; cursor: pointer; }
    #notifications-container .button { margin: 8px 0 0; }
    #notifications-container .left { margin-right: 8px; }
    #notifications-container .right { margin-left: 8px; }

#notifications-container .notification-type-tick { background: transparent url(../Images/CSS/?notification-tick.png) no-repeat scroll 0 0; padding: 6px 8px 8px 40px; }
#notifications-container .notification-type-cross { background: transparent url(../Images/CSS/?notification-cross.png) no-repeat scroll 0 0; padding: 6px 8px 8px 40px; }
#notifications-container .notification-type-info { background: transparent url(../Images/CSS/?notification-info.png) no-repeat scroll 0 0; padding: 6px 8px 8px 40px; }
#notifications-container .notification-type-warning { background: transparent url(../Images/CSS/?notification-warning.png) no-repeat scroll 0 0; padding: 6px 8px 8px 40px; }
#notifications-container .notification-type-error { background: transparent url(../Images/CSS/?notification-cross.png) no-repeat scroll 0 0; padding: 6px 8px 8px 40px; }