/**  Порядок служебных элементов страницы */

    .z-header       { z-index: 899 }
    .z-taskbar      { z-index: 899 }	
    .z-sidebar      { z-index: 898 }
    .z-workspace    { z-index: 897 }    
    .z-inactive     { z-index: 900 }
    .z-active       { z-index: 901 }
    .z-stayontop    { z-index: 902 }	
    .z-context      { z-index: 903 }
    .z-popup        { z-index: 998 }            
    .z-system       { z-index: 999 }
    
/** Стандартные текстовые блоки */

    .output-block           { display: block; padding: 5px; font-size: 14px;}
    .output-block.error     { background-color: #F00; color: #FFF; font-size: 14px;}
    .output-block .title    { font-weight: bold; font-size: 14px;}
    .pre                    { white-space: pre; }

    .cl-error               { background-color: #F00; color: #FFF; }
    .cl-info                { background-color: #EED; color: #555; }

/** Уведомления */

    #notifications { 
        position: fixed; 
        right: 5px; bottom: 40px;
        max-width: 400px;        
        text-align: right;
    }

    #notifications .item-wrapper { 
        margin: 5px;        
    }

    #notifications #item_hide_all {        
        border: 1px solid #BBB;
        background-color: #E5E5F0; color: #55F;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 
                    0 1px 2px rgba(0, 0, 0, 0.24);
        height: 30px; cursor: pointer;
        line-height: 30px;        
        text-align: center;
    }

    #notifications .item { 
        display: inline-block;
        text-align: left;  vertical-align: middle;         
        min-height: 40px; min-width: 280px;
        cursor: pointer;        
        padding: 5px;   
        border: 1px solid #BBB;
        background-color: #FFF; color: #555;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 
                    0 1px 2px rgba(0, 0, 0, 0.24);
        opacity: 0.9;
        max-width: 380px;
    }
  
    #notifications .item .message-icon {
        float: left;  
        display: inline-block; 
        margin-right: 10px; 
    }

    #notifications .item .message-text {   
        display: block; word-break: break-all;       
        overflow: hidden;
        line-height: 20px;
    }

    #notifications .item .button-close {
        float: right; 
        opacity: 0.5;        
        border: 1px solid #555; background-color: #555;
        border-radius: 30px; 
        width: 10px; height: 10px;
    }

    #notifications .item .button-close:hover {
        opacity: 1;
    }

    #notifications .item span.debug {    
        margin-top: 20px;
        border: 1px outset #555; background-color: #EEE;        
        font-style: italic; display: block; overflow: scroll;
    }

    .notice-title { font-weight: bold; font-style: italic; }
	
/** Индикатор загрузки */
    
    #ajaxbox  { 
        position: absolute; 
        left: 50%; top: 3px;    
        width: 200px; margin-left: -100px; 
        height: 30px; line-height: 30px;         
        background-color: #FFF; 
        background-image: url("../media/progress.gif"); 
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 
                    0 1px 2px rgba(0, 0, 0, 0.24);
        background-repeat: no-repeat;
        background-position: 25px 5px;
    }  

    #ajaxbox_counter { 
        float: left; 
        width: 30px; text-align: center; 
        background-color: #EEE; color: #555; 
        font-weight: bold;
        cursor: pointer;
    }

    #ajaxbox .ajaxbox-button-close { float: right; width: 30px; height:30px; }
    #ajaxbox .ajaxbox-button-close:hover { background-color: #EEE; }
   
    
/** Разное */

    #popup { 
        display: none;
        position: absolute;
        left: 0px; top: 0px; 
        width: 100%; height: 100%;                 
        overflow: hidden;            
    }

    #shadow { 
        width: 100%; height: 100%; 
        background-color: #000;         
        opacity: 0.6;  
    }

    a.hint { color: #338; border-bottom: 1px dotted #338; }
    
/** Анимации */
      
.fadein {
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}

@keyframes fadein           { from { opacity: 0; } to   { opacity: 1; } }
@-moz-keyframes fadein      { from { opacity: 0; } to   { opacity: 1; } }
@-webkit-keyframes fadein   { from { opacity: 0; } to   { opacity: 1; } }
@-ms-keyframes fadein       { from { opacity: 0; } to   { opacity: 1; } }
@-o-keyframes fadein        { from { opacity: 0; } to   { opacity: 1; } }