/**
 * 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; }



/**
 * Ajout de l'état "warning" à jQuery ui
 */
.ui-state-warning,
.ui-widget-content  .ui-state-warning,
.ui-widget-header   .ui-state-warning { border: 1px solid #ff6600; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #ff6600; }

.ui-state-warning p,
.ui-widget-content  .ui-state-warning p,
.ui-widget-header   .ui-state-warning p{ color: #222222; }

.ui-state-warning       .ui-icon,
.ui-state-warning-text  .ui-icon {background-image: url(images/ui-icons_ff6600_256x240.png); }