/**
 * CSS du composant jQuery "sdnotify"
 */


/* --- conteneur --- */
        .notice-container { position: fixed; bottom: 10px; left: 10px; width: 250px; z-index: 9999; }
* html  .notice-container { position: absolute; }


/* --- Element de notice --- */
.notice-item {
    position:relative; font-family:Arial, sans-serif; font-size: 13px; margin-top:5px; padding:10px;
    border:1px solid #999999; border-bottom-color: #333333; border-right-color: #333333;
    border-radius:5px;
    box-shadow:3px 3px 7px #333333;
}


/* --- titre --- */
.notice-item .notice-title { position: absolute; top: 10px; left: 30px; font-weight: bold; font-size:15px; }


/* --- texte --- */
.notice-item p { padding-top:5px; }


/* --- bouton close --- */
.notice-item-close { position: absolute; right: 6px; top: 6px; cursor: pointer; }


/* --- bouton remove all --- */
.notice-removeall       {
    position:fixed; bottom: 10px; left: 10px; font-size: 11px; width: 228px;
    font-family: Arial, sans-serif; padding:2px 10px;
    background:#e3e3f1;    
    border:1px solid #999999; border-bottom-color: #333333; border-right-color: #333333;
    border-radius:5px;
    box-shadow:3px 3px 7px #333333;
}

.notice-removeall               { cursor: pointer; z-index: 9999; }
.notice-removeall span          { display:block; float:left; }
.notice-removeall span.ui-icon  { position: absolute; right: 6px; top: 1px; }

.notice-removeall:hover span    { color:#0066CC; }