/**
 * 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; font-size: 13px; margin-top:5px; padding:10px; 
    border:1px solid #999999; border-bottom-color: #333333; border-right-color: #333333;
    /* coins arrondis */
           border-radius:5px;
       moz-border-radius:5px;
     khtml-border-radius:5px;
    webkit-border-radius:5px;
    /* ombre */
           box-shadow:3px 3px 7px #333333;
       moz-box-shadow:3px 3px 7px #333333;
     khtml-box-shadow:3px 3px 7px #333333;
    webkit-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; padding:0; width: 228px;
    font-family:Arial; padding:2px 10px; 
    background:#e3e3f1;    
    border:1px solid #999999; border-bottom-color: #333333; border-right-color: #333333;
    /* coins arrondis */
           border-radius:5px;
       moz-border-radius:5px;
     khtml-border-radius:5px;
    webkit-border-radius:5px;
    /* ombre */
           box-shadow:3px 3px 7px #333333;
       moz-box-shadow:3px 3px 7px #333333;
     khtml-box-shadow:3px 3px 7px #333333;
    webkit-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; }