.CenNotificationArea {
    width:100%;
    position: fixed;
    top: 0px;
    height:auto !important;
    z-index:100;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.8);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.8);
    box-shadow: 0 1px 5px rgba(0,0,0,.8);
    border-radius:0px 0px 5px 5px;
}

/*START CSS3 ANIMATION RULES WORKS FOR SAFARI CHROME AND FIREFOX*/
@-webkit-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@-moz-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
/*END CSS3 ANIMATION RULES WORKS FOR SAFARI CHROME AND FIREFOX*/

.CenNotification {
    border: 1px solid #ccc;
    z-index:100;
    padding:0px 10px;    
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-gradient(linear, left top, right bottom,
                    color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
                    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
                    color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
                    to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
}

.CenNotificationIcon img {
    float: left;
    position: relative;
    margin: 0px 10px 0px 10px;
    background-image:none !important;
    display:none;
}

.CenNotificationText p {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.CenNotifySuccess, .CenNotifyWarning, .CenNotifyError, .CenNotifyWorking {
    color: #fff;  
}

.CenNotifySuccess {
    background-color:#61b832;
    border-color: #55a12c;        
}

.CenNotifyWarning {
    background-color: #eaaf51;
    border-color: #d99a36;  
}

.CenNotifyError {
    background-color:#DE4343;
    border-color: #d8000c;
}

.CenNotifyWorking {
    background-color:#06669d;
    border-color:#055380    
}

.CenNotifyErrorSource {
    border:1px solid #d8000c !important;
}

div.CenNotificationIcon {
    float:left;
}

.CenNotificationHidden {
    background-color:#ccc;
    border-top:none;
    border-radius:0px 0px 5px 5px;
    border-color:#ccc;
    cursor:pointer;
    background-image:none !important;
}

.CenNotificationHidden .CenNotificationText {
    text-shadow: 0 0px 0 rgba(0,0,0,.0);
    color:#666;    
}

.CenNotification.CenNotificationHidden {
        
}

.CenNotifyTrace {
    background-color: #999;
    border-color: #000;        
}