BODY{
    background-color:#f7f9fc;
    font-family: 'Segoe UI', sans-serif;
    font-size:12px;
    line-height:1.0;
    color: #333;
    padding:0px;
    margin:0px;    
}
H1, H2, H3 {
    font-weight:normal;
}
H1 SPAN {
    color:#4b4b39;
}
A {
    color: #737357;
}
A:hover {
    color: #4b4b39;
}

.icon{
  margin: 3px;
}

.input, select, textarea { 
  color:#050; 
  font: bold 84% 'Segoe UI', sans-serif;
  /*background-color:#fed;                              */
  border: 1px solid; 
  /*border-color: #696 #363 #363 #696;                  */
} 

.button {
  margin: 3px;
  background-color:  #0078D4;
  color: #fff;
  border-radius: 3px;
  transition: background-color 0.2s;
}

.menu_btn {
  margin-top : 3px;
  margin-bottom : 3px;
  margin-left: 0px;
  margin-right: 0px;         
  /*max-width: 50px;*/
}

.button:hover, .menu_btn:hover {
  background-color: #005ea2;
}
         
.fieldset_main{
  margin: 5px;  
}         

.margin_10px{
  margin: 10px;  
}

#title{
  Text-align: center;  
  vertical-align: middle;
  font-weight: bold; 
  font-size: 25px;
  margin: 20px;
}
               
/************        login form     ***********/ 
#login_form {
  /*background-color: #F4F4F4;*/
  Text-align: center;  
  vertical-align: middle;                                  
}
#login_form_title{
  padding-top: 10px;
  margin-left: 20px;
  font-weight : bold;
}
#login_login {
  margin: 5px 5px 5px 10px;
  padding: 5px 5px 5px 10px;
}

.login_pass {
  margin: 5px 5px 5px 10px;
  padding: 5px 5px 5px 7px;
}

.err_message {
  padding: 10px 10px 10px 10px;
  color: red;
  font-weight : bold;
  Text-align: center;
}

.err_message_data_ins{
  color: red;
  font-weight : bold; 
}  

.warning_message{
  color: orange;
  font-weight : bold;   
}  

.bold{
  font-weight : bold; 
}  

/************   logout   ***********/ 

#logout {
  Text-align: center;            
  vertical-align: middle;            
}


                                  
/************ style for "all"  tree ***********/ 
 
#tree_all_header_btns {
  height: 25px; 
  overflow: auto;
  position: absolute;
  top: ;
} 
            
#tree_all {
/*    margin-left:20px;   */
  overflow: auto;
  position: absolute;
  top: 25px;
  bottom: 0px;  
}
                 
#tree_all DIV {
  margin-left:20px;
  display:none;
}
#tree_all P {
  margin:0px;            
  padding:1px;
  padding-left:18px;
}
#tree_all P.open {
  background:url('../media/plus.gif') 5px center no-repeat;
}
#tree_all P.close {
  background:url('../media/minus.gif') 5px center no-repeat;
}
#tree_all P:hover {
  background-color:#f0f3f8;
}  

.tree_all_workstation_item {
  font-weight: bold; 
  font-size: 14px;
}

.tree_all_area_item {
  font-weight: bold; 
  font-size: 14px;
}

.tree_all_element_item {
  font-weight: normal; 
  font-size: 14px;
}

.tree_all_element_type_item {
  font-weight: bold; 
  font-size: 12px;
}

.tree_all_sensor_item {
  font-weight: normal; 
  font-size: 12px;
}


/************   globals   ***********/

#globals td {
  font-family:'Segoe UI', sans-serif;  
  font-size:12px;
  margin: 0px;
  padding: 0px;
}

.globals_date{
  width: 70px;    
}

.globals_time{
  width: 50px;    
}

.globals_day_time{
  width: 50px;    
}

.glob_fieldset {
  min-height: 140px;
}

.glob_decimals{
  width: 30px;
}
/************ filter tree ***********/

#tree_active {
    margin:10px;
}

#tree_active DIV {
    margin-left:19px;
} 
#tree_active P {
    margin:0px;
    padding-top:3px;         
    padding-bottom:3px;         
}

#tree_active P:hover {
    background-color:#f0f3f8;  
}   
                        
.filter_caption  {
  width : 120px;  
}

.filter_border  {        
  border: solid #c7c7c7 1px;
  padding: 10px;
}

.filter_join  {   
  width: 85px;    
}

.filter_select{
  width: 40px;    
}

.filter_value{
  width: 40px;      
}

.filter_qcode{
  width: 80px;         
}

.filter_qcode_capt{
  padding-left: 3px;
  padding-right: 3px;
}

.del_num_lines  {
  width: 200px;  
}

      
#tree_active td {
  font-family:'Segoe UI', sans-serif;
  font-size:12px;
  margin: 0px;
  padding: 0px;
}

#tree_active table {
  margin: 0px;
  padding: 0px;
}

#tree_active tr {
  margin: 0px;
  padding: 0px;
}  

/***************** data insertion ***************/

.step{
  font-weight: bold;
}

.width_400{
  width: 400px;
}

/************ filtering results table ***********/ 
#filter_table {
  border-spacing: 0px;
}
        
#filter_table td {
  font-family:Verdana, Times New Roman;
  font-size:10px;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border: solid gray 1px;  
}

#filter_table th {
  font-family:Verdana, Times New Roman;
  font-size:10px;
  margin: 0px;    
  border: solid gray 1px;    
}
                   


/***************** users table *********************/
.users_table {
  border: solid black 1px;  
}
.users_table_cell{
  border: solid black 1px;
}
.users_table_width_30{
  min-width: 30px;
}
.users_table_width_70{
  min-width: 70px;
}
.users_table_width_100{
  min-width: 100px;
}    
.users_table_width_120{
  min-width: 120px;
}       
.users_table_input{
  width: 98%;
}

/***************** items modification form *********************/

.width_max{
  width: 99%;
}

.caption_cell{
  width: 120px;
  vertical-align: top;
}

.descr_cell{
  height: 500px;
}

/************************* HOME ********************************/

.text_wrapper{
  margin: 10px;     
}