* { font-size: 12px; font-family: 'Segoe UI', 'Lucida Grande', Verdana, Tahoma;}
    
    
    #box { visibility: hidden }
	body { font-family: 'Segoe UI', 'Lucida Grande', Verdana, Tahoma; color: #333; font-size:12px; background: #fff; margin:12px; } 
    a { color: #333; text-decoration: none }
    a:active { color: #000 }
    a:visited { color: #000 }
    a:hover { color: #018cc1; }   
    li { font-weight: bold; }
    .left {
        float: left;
    }   
    .right {
        float: right;
    }               
    .bar {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #5488af;
        background: -webkit-linear-gradient(top, #94c8ef, #5488af);
        background: -moz-linear-gradient(top, #94c8ef, #5488af);
        background: -o-linear-gradient(top, #94c8ef, #5488af);  
        background: linear-gradient(top, #94c8ef, #5488af);   
        background: -ms-linear-gradient(top, #94c8ef, #5488af);
        color: #E4EAF3; 
    }
    .top_bar { width: 100%; min-width: 800px; height: 100px; white-space: nowrap; overflow: hidden; }
    .user_card { height: 80px; padding: 10px; margin: 0px; vertical-align: middle; float: left; }
    .user_card div { height: 80px; float: left; padding-left: 20px; width: 400px; white-space: normal; }
    .user_card img { max-height: 80px; max-width: 150px; float: left; }
    .top_info { float: right; padding: 20px 20px 0 0; text-align:right; }
    .navi_bar {
        width:100%;
        height:24px;
        margin-top: 10px;
        text-align: left;
        padding:0px;
        min-width: 800px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #5488af;
        background: -webkit-linear-gradient(top, #5488af, #94c8ef);
        background: -moz-linear-gradient(top, #5488af, #94c8ef);
        background: -o-linear-gradient(top, #5488af, #94c8ef);  
        background: linear-gradient(top, #5488af, #94c8ef);   
        background: -ms-linear-gradient(top, #5488af, #94c8ef);
        color: #E4EAF3; 
    }
    .navi_main { float:left; margin-left: 12px; padding-top:3px;}
    .navi_main ul { margin: 0; padding: 0; float:left; }
    .navi_main ul li { padding: 0 4px 0 4px; cursor: pointer; float: left;  list-style: none; display: inline;} 
    .navi_main ul li span {display: inline-block; float: left;}
    .navi_addl { float: right; height: 16px; padding: 4px 10px; color: #E4EAF3; }
    .navi_addl a { float: right; font-weight: bold; color: #E4EAF3; }
    .navi_addl a:hover { text-decoration: none; color: #fff; }
    .navi_addl a:visited { color: #E4EAF3; }
    #content { border-bottom: solid 1px #ccc; margin-top: 5px; padding: 12px 20px 20px 12px; }
    .vr { border-left: 1px solid #bbb; border-right: 1px solid #eee; height: 17px; display: block; float: right; margin: 0px 3px 0px 3px; }
    #site_map { width: 100%; font-size: 12px; color: #5488af; padding-top: 30px; }
    #site_map a { color:#999; }
    #site_map>div { float: left; text-align: left; padding-left: 20px; }
    .ng_title { font-size: 20px; color: #5488af; margin: 10px 10px 8px -2px; border-bottom: 1px solid #5488af; text-align: left; }  
    .header { color: #E4EAF3; background-color: #5488af; text-align: center; padding: 2px 0 2px 0; font-weight: bold;}
    .footer { color: #E4EAF3; background-color: #5488af; text-align: center; clear: both; padding: 1px;}
    
    #placeFieldPropsName {font-weight: bold;}
                
    .hl { color: #b00 }     
    td.menuli { width: 25px; text-align: right; vertical-align: top } 
    .text-a { background-color: #E7E7F5 }  
    .tree_node_highlighted { color: #E4EAF3; background-color: #27357E; }
    .tree-default li a.clicked span { color: #F60; white-space: normal;  }
    .tree ul li a span {
        line-height:18px;
        cursor:pointer;
        margin-left:3px;
        font-weight:bold;
    } 
    .tree ul li a ins.folder {
        background:url(/img/ftv2folderopen.gif); 
        vertical-align:top;
    }
    .tree ul li a ins.document {
        background:url(/img/document.gif); 
        vertical-align:top;    
    }
    .middle { color: #000; background-color: #EaEeF7; }   
    .btnClean { border: solid 1px #aaa; background: #eee; color: #555; margin-left: -1px; padding: 2px 5px 2px 5px;}
    .btnClean:hover {background: #ddd; border: solid 1px #999; color: #333;}
    input.btn { font-weight: bold; color: #fff; background-color: #27357E; background-position: 5% 50%; background-repeat: no-repeat; }
    input.btn0 { font-weight: bold; color: #fff; background-color: #27357E; background-position: 5% 50%; background-repeat: no-repeat; }
    input.btn1 { font-weight: bold; color: #fff; background-color: #27357E; }   
    .TreeViewOrg{ font-size: 14px; font-weight: bold; color: red; }
    .TreeViewDep{ font-weight: bold }  
    .common_popup{ border: 2px solid #27357E; background-color:white; }
    
    /* ---------- TableSorter ---------- */
    table.tablesorter thead tr th {font-size: 9pt; text-align: center; background-color: #5488af; color: #fff;} 
    table.tablesorter thead tr .header {background-image: url(/img/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}    
    table.tablesorter thead tr .headerSortUp {background-image: url(/img/asc.gif);}
    table.tablesorter thead tr .headerSortDown {background-image: url(/img/desc.gif);}
    table.tablesorter tbody td {color: #3d3d3d; background-color: #fff; vertical-align: top; }    
    table.tablesorter tbody tr.odd td {background-color:#f0f0f6;}   
    
    /* ---------- Автозаполнение ---------- */
    .ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; }  
    .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }  
    .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } 
    .ac_results li { position:relative; margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; }     
    .ac_loading { background : Window url('/img/autocomplete_indicator.gif') right center no-repeat; }     
    .ac_over { background-color: #E7E7F5; }
    .qnt { position:absolute; top:2px; right:10px; font-size:0.8em; color:#26A908; }            
    
    /* ---------- ToolBar ---------- */
    #toolbar {width: auto; text-align:left; vertical-align: middle; min-width: 600px; position:fixed; z-index:1; left: 15px; right: 15px;} 
    #toolbar-bottom {width: auto; text-align:left; vertical-align: middle; min-width: 600px; left: 15px; right: 15px;} 
    #toolbar>span {float:left; font-size: 11px; padding: 7px;}
    
    /* ---------- Всплывающие подсказки ---------- */
    .tooltip { position: absolute; z-index: 3; display: none; border: solid 2px #5488af; padding: 4px; background: #fbffcc; white-space: nowrap; }    
    .tooltip a { line-height: 20px; color:darkblue; }
    
    /*фильтры и настройки списка документов*/  
    .bold {font-weight:bold;}
    .bold_link, .bold_link_underline{ font-weight:bold; color:#27357E; }   
    .bold_link_underline{ text-decoration:underline; cursor:pointer; }    
    /*конец фильтры и настройки списка документов*/  
    .row:nth-child(even){ background: none; }
    .row:nth-child(odd){ background: #EAEEF7; }  
    .row span { cursor: pointer; }     
    ul#icons {margin: 0; padding: 0; float:left;} 
    ul#icons li {margin: 2px; position: relative; padding: 4px; cursor: pointer; float: left;  list-style: none;} 
    ul#icons span.ui-icon {float: left; margin: 0 4px;}
    ul.doc_card {margin: 0 !important;}
    ul.doc_card li {margin: -4px !important;}
    .hidden {display: none;}
    .visible {display: block;}  
    h4 {border-bottom: 1px solid #caced7; height: 7px; margin-bottom: 2px; font-size:11px; padding: 0;}
    h4 b { background: none; padding: 0 6px; color: #27357E; background: #E7E7F5;} 
    #visual_trace_dock { min-width: 970px; font-size: 11px; color: #555;} 
    #visual_trace_dock div { float:left; border:#aaa solid 1px; margin: 2px -3px; cursor: pointer; min-width: 128px; text-align: center; background: #f0f0f0; padding: 2px; } 
    #visual_trace_dock div:hover { background: #5488af;  }
    #visual_trace_dock div:hover span { color: #ffe; }
    #visual_trace_dock div:hover .stage_trace_menu { display: block; }            
    .stage_trace_menu { display: none; float: left; position: absolute; margin: 2px 0 0 -3px; background: #f0f0f0; border: solid 1px #aaa; min-width: 127px; padding: 2px; }
    .stage_trace_menu:hover { background: #5488af; color: #ffe; }  
    li.css_menu ul { display: none; }
    li.css_menu:hover ul { display: block; z-index: 99999999; } 
    ul.css_menu { width: 200px; list-style: none; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
    li.css_menu a { display: block; padding: 5px;  text-decoration: none; font-weight: normal; color: #333; border: 1px solid #ccc; background-color: #94C8EF; }
    li ul.css_menu { position: absolute; display: none; margin-left: -20px; margin-top: 15px; float:left;}
    li.css_menu li { width: 200px; }
    ul.css_menu li a:hover { color: #ffe; background-color: #5488af; }
    div.list_item {width: 98%; padding:5px; border:solid 1px #caced7; background:#eaeef7; margin:1px; cursor:pointer;}
    .route_trace_place { border: solid 1px #999; padding:3px; overflow:auto; height:250px; width:95%; }
    .route_trace_place .units { border-top: solid 1px #999;}     
    .route_trace_item {padding: 4px 10px 0 20px; width: 95%; height:24px;}
    .route_trace_item:hover {background: #E7E7F5;}
    .route_trace_item:hover a {text-decoration: none;}
    .route_trace_item:hover span.edc {display:block;}
    .route_trace_item span {float: right;}
    .alert {color: red;}
    .doc_card_tab {background: #fff; margin-bottom: 10px; border: solid 1px #aaa; padding-bottom: 10px; padding-top: 10px; border-radius:4px;}
    .rights_checks{ height:300px; width:199; border:solid 1px #999; text-align:left; padding:20px; vertical-align:middle; }
    #mydoc_tree li ins { background: url('/img/ftv2folderopen.gif') no-repeat left top !important; }
    #mydoc_tree li span { min-width:100px; height:18px; line-height:18px; display:inline; margin-left: 1px; margin-top: 2px;  cursor:pointer; } 
    .dt_list { float: left; width: 280px; margin-right: 30px;}
    .dt_list .item { padding: 8px; vertical-align: middle; position: relative; }   
    .dt_list .item .function_button_placer {display:none; margin-top: -20px; float: right;}
    .dt_list .item:hover .function_button_placer {display: block;} 
    .hidden_field, .hidden_field a { font-style: italic; color: #ccc !important; }
    
    .fly { border: 1px solid #eee; box-shadow: 0 4px 16px rgba(84, 136, 175, .4); -moz-box-shadow: 0 4px 16px rgba(84, 136, 175, .4); -webkit-box-shadow: 0 4px 16px rgba(84, 136, 175, .4); }
    
    .login-form { background: #EAEEF7; position: absolute; top: 50%; left: 50%; width: 300px; margin: -200px auto auto -162px; padding: 12px; text-align: center; }
    .login-form input { margin: 2px; }
    .login-form img { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }