/*

webkit не терпит з-индекс меньше нуля


*/

  html, body
  {
   padding: 0%;
   margin: 0%;
   font-family: sans-serif ;
   font-size: 100%;
   color: black;
   background-color: rgb(255, 255, 255);
   text-align: left;
   /*font-weight:normal;
   line-height:5;*/
   ;
  }
  
  img{border:0}

  a
  {
   color: rgb(100, 98, 98);
   text-decoration: underline;
  }
  a:hover
  {
   color: rgb(50, 49, 49);
   text-decoration: underline;
  } 

  
  p, li
  { /*  top, right, bottom, and left margin */
   padding: 0.005% 0.01% 0.01% 0.01%;
  }

  .paragraph
  { /*  top, right, bottom, and left margin */
   padding: 3% 6% 6% 6%;
  }


  /* привет, ортемей*/
  span.hlaquo { margin-left: -0.6em; }
  span.slaquo { margin-right: 0.6em; }

  #board
  {
   background: rgba(255, 255, 255, 1);
   color: rgb(16, 8, 2);
   width: 100%;
   height: 100%;
  }

  #plawa
  {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 11;
   width: 100%;
   height: 30px;
   background: rgba(255, 255, 255, 1) repeat-x;
  }
 
  .plawa_no_shadow, .plawa_shadow
  {
   background: transparent repeat-x;
   height: 100%;
   display: table;
   vertical-align: bottom; 
  }
 
  #plawa_shadow_settings, #plawa_no_shadow_board_name
  {
   float: left;
  }

  #plawa_shadow_logout, #plawa_no_shadow_random_board_chat
  {
   float: right;
  }

  .plawa_shadow div, .plawa_no_shadow div
  {
  /* margin-bottom: 4px;*/
   vertical-align: middle; 
   display: table-cell;
  }

  .plawa_item_with_icon
  { /*top, right, bottom, and left.*/
   padding: 2 8 2 28;
   /*padding-left: 22;*/
   background: 4px center no-repeat transparent;
  }

  .plawa_item_without_icon
  { /*top, right, bottom, and left.*/
   padding: 2 8 2 8;
   /*padding-left: 22;*/
   background: 4px center no-repeat transparent;
  }

  #plawa_no_shadow_board_name
  {
   font-weight: bold;
   text-align: center; 
  }

  .note
  {/*top, right, bottom, and left.*/
   padding: 19px 13px 13px 13px;
   display: none;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 10;
   background: rgba(250, 250, 250, 0.9) /*url('gfx/1px.png')*/;
   color: rgb(16, 8, 2);
   /*min-width: 25%;
   min-height: 20%;*/
   width: 150px;
   height: 135px;
   min-width: 150px;
   min-height: 135px;
   border: 1px solid rgba(213, 213, 213, 0.9);
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
  }

  .note_attention
  {
   border: 8px solid rgba(213, 213, 213, 0.9);
   border-radius: 18px;
   -moz-border-radius: 18px;
   -webkit-border-radius: 18px;
  }

  .note .box
  {
   /*background-color: black;*/
   width: 100%;
   height: 100%;
   /*height: 90%;
   width: 90%;
   position:absolute;
   right:0px;
   bottom:0px;*/
   overflow: hidden;
  }

  /*.note_guest_mode
  {
   color: rgba(0, 0 , 0, 0.5);
  }*/

  .content:first-line
  {
   /*color: rgb(110, 18, 142);*/
   /*font-size: 120%;*/
   font-weight: bold;
  }

  #trash_dialog_box
  {
   overflow: auto;
  }
 
  #trash_dialog, #mention_dialog
  {
   width: 640px;
   height: 480px;
   position: fixed;
  }

  #login_dialog, #prefs_dialog, #register_dialog
  {
   width: 380px;
   height: 220px;
   position: fixed;
  }


  .dialog_text
  {
   color: rgb(80, 70, 60);
   font-size: 90%;   
  }

  #login_balert, #register_balert, #prefs_balert
  {
   display: none;
   color: red;
   /*font-weight: bold;*/
  }

  /*#plus
  {
   position: absolute;
   right: 5%;
   top: 3%;
  }*/

  .topbar
  {
   position: absolute;
   top: 0px;
   left: 0px;
   text-align: left;
   width: 100%;
   height: 13px;   
   background: transparent;
   cursor: move;
  }

  div.change_view, div.close_note, div.change_color, div.link_to_note
  {
   width: 13px;
   height: 13px;
   cursor: pointer;
   float: left;
   font-size: 12px;
   margin: 3px 3px 0px 3px;
  }
  div.link_to_note
  {
   float: right;
  }


  .trash_note_header
   { cursor: pointer; }

  textarea
  {
   width: 100%;
   height: 100%;
   border: 1px solid #cccccc;
   background: transparent;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
  }

  .editbox
  {
   width: 100%;
   border: 1px solid rgba(213, 213, 213, 0.9);
   background: transparent;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
  }


  .systeminfo
  {
   color: rgb(120, 110, 100);
   font-size: 80%;
  }

  #message
  {
   position: fixed;
   left: 0;
   bottom: 0;
   z-index: 11;
   background-color: rgba(247, 248, 213, 0.9);
   text-align: center;
   display: none;
   border-radius-topright: 8px;
   -moz-border-radius-topright: 8px;
   -webkit-border-radius-topright: 8px;
  }
  #message p
  { padding: 0.5%;
    margin: 0.5%;
  }

  div.corners
   { margin: 0.5%; }

  a[href=""]
  { visibility: hidden; position: absolute; display: none;}
  a[onclick=""]
  { visibility: hidden; position: absolute; display: none;}

  div.buttons
  {
   width: 49px;
   height: 49px;
  }

  /* login */
  .left20
  {
   float: left;
   width: 20%;
   text-align: left;
  }
  .right70
  {
   float: right;
   width: 70%;
   text-align: right;
  }

  .resizable_handler
  {
   width: 13px;
   height: 13px;
   /*border-right:double 3px rgba(213, 213, 213, 0.7);
   border-bottom:double 3px rgba(213, 213, 213, 0.7);
   border-radius-bottomright: 8px;
   -moz-border-radius-bottomright: 8px;
   -webkit-border-radius-bottomright: 8px;*/

   position: absolute;
   right: 0px;
   bottom: 0px;
   cursor: se-resize;/
  }

  .change_color, .resizable_handler
   { background: transparent right no-repeat; }

  /*.processing
  { background-color: black;}*/

  #plawa_board_name_menu
  {
   vertical-align: middle; 
   display: block;
   position: relative;
   /*order-bottom: 1px dashed #993333;*/
  }

  #plawa_board_name_menu_options
  {
   position: absolute;
   top: 100%;
   left: 0;
   text-align: left;
   background-color: rgba(247, 248, 213, 0.9);
   padding: 4px;

   /*top, right, bottom, and left.*/
   /*.plawa_item_without_icon padding: 2 8 2 8;*/
   margin: 0 8 0 8;

   border: solid rgba(128, 108, 88, 0.9) 1px;
   border-radius: 0 8px 8px 8px;
   -moz-border-radius: 0 8px 8px 8px;
   -webkit-border-radius:  0 8px 8px 8px;
   display: none;
  }

  #plawa_board_name_menu:hover #plawa_board_name_menu_options
   { display: block; }

  .mention_message_splitter, .trash_message_splitter
  {
   width: 100%;
   color: rgba(0, 0, 0, 0.15);
  }


/*admin*/
  #userlist, #new_user, .stat_group
  {
   text-align: left;
   margin: 2%;
  }
  .user_online_satus_online
   { background-color: rgb(205, 235, 170); }
  .user_online_satus_offline
   { background-color: rgb(255, 230, 205); }
  .userlist_login
   { font-weight: bold; }

  .user_table, .stat_group_table
  {
   display: table;
   width: 100%;
  }
  .user_table_item
  {
   display: table-cell;
   width: 20%;
   min-width: 200px;
   border: solid rgba(0, 0, 0, 0.05) 1px;
  }

  #user_table_header, .stat_groups_header
  {
   font-weight: bold;
   border: solid rgba(0, 0, 0, 0.1) 1px;
  }

  .stat_group_item_count
  {
   display: table-cell;
   width: 5%;
   min-width: 32px; 
   border: solid rgba(0, 0, 0, 0.05) 1px;
  }

  .stat_group_item_name
  {
   display: table-cell;
   width: 90%;
   min-width: 400px; 
   border: solid rgba(0, 0, 0, 0.05) 1px;
  }

  .stat_group_table_odd
  {
   background-color: rgb(244,244,244);
   overflow: hidden;
  }

  .live_stat_item 
  {
   display: none; /* изначально скрываем */
   padding-bottom: 0.3%;
  }

  #stat_live_actions
  {
   overflow: hidden;
   border-bottom: gray double;
  }

  #live_stat_header
  {
   font-weight: bold;
  }

  #left_top
  {
   position: fixed;
   left: 0;
   top: 0;
  }

  #right_top
  {
   position: fixed;
   right: 0;
   top: 0;
   text-align: right;
   /*margin-top: 3%;
   margin-right: 5%;*/
   background: rgba(255, 255, 255, 1) repeat-x;
   border-radius-bottomleft: 8px;
   -moz-border-radius-bottomleft: 8px;
   -webkit-border-radius-bottomleft: 8px;
  }

  #right_bottom
  {
   position: fixed;
   right: 0;
   bottom: 0;
  }

  #left_bottom
  {
   position: absolute;
   left: 0;
   bottom: 0;
  }