/** Add css rules here for your application. zindex - chatbar is 5, popup menu is 10, dialog is 10*/

         #main { position: absolute; left:0;top:0;right:0; bottom:0;}
         #head { position:absolute; left:0;top:0;right:0;height:100px; background-color:#99ffcc; }
         #nav { position:absolute; left:0;top:100px;bottom:26px; width:200px; background-color:#ccff66; }
         #center { position:absolute; left:100;top:100;right:0;bottom:26px; background-color:white; }

         .chat-bar { position:fixed; z-index:5; left:0;right:0;bottom:0; height:26px; background-color: #e9e9e9; }

         .chat-window { float:right; position:relative; width:280px; height:auto; min-height:26px; 
            margin:0 0 0 5px; background: #e9e9e9;}
            
         .chat-window.control-window { width:210px; }
            
         .chat-frame { position:absolute; bottom:0; right:0; border:1px solid black; width:100%; background-color: #e9e9e9;}
      
         .chat-titlebar { background-color: #257FFB; color: white; font-weight: bold; font-size: 13px; text-align:center; height:26px;}
         .chat-titlebar { background-color: #8EBDFD; }
         
         .chat-titlebar.online { }
         .chat-titlebar * { font-weight: bold; cursor:pointer;}
         .chat-titlebar span { position:relative; }
         .chat-titlebar .chat-status-connected { top:2px; width:16px; height:16px; float:left; margin:3px 3px; }
         .chat-with { top:5px; }
         .chat-toggle, .chat-close { float:right; margin: 5px; }
      
         .chat-body { width:100%; clear:both;}
         .chat-menu-bar { height:22px; background-color:#ccc; text-align:right;}
 /*         .chat-menu-bar span { border-left:2px solid; } */
         
         .chat-content { margin:5px; min-height:110px;} 
         .chat-messages { background-color:white; padding: 0 5px; max-height:200px; overflow-y:auto;}
         .chat-roster { background-color:white; max-height:308px; overflow-y:auto;}
         .chat-msg { font-size:13px; border-bottom: 1px solid #eaeaea; padding:2px 2px 6px 2px;}
         .chat-user { }
         .chat-nickname { color:blue;  }
         .mine .chat-nickname { color:red;  }
         .chat-time { float:right;}
         .chat-status { font-size:13px; padding:8px 5px; }
         .chat-input { }
         .chat-textarea { margin-left:0; width:92%; height:60px; resize:none; overflow-y:auto; padding:5px;
            font-family:'Arial Unicode MS', Arial, sans-serif; font-size:13px; }
         .chat-min { float:right}
         .chat-emicon { clear:right; float:right}
         
         
         .chat-popup-action {
                  background: transparent url("../images/dropdown.gif") no-repeat scroll right center;
                  display: inline;
                  padding-right: 13px;
                  margin-right: 5px;
            }
            
          .chat-dialog { z-index:10; }  

      .gwt-MenuBarPopup { z-index:10;    }
      
      .connection-log { height:100%;}
      .connection-log .output  { color:red; border:2px solid red; margin:5px 0 5px 10px;padding: 15px; background-color:#eeffff}
      .connection-log .input { color:black; border:2px solid black; margin:5px 0 5px 10px;padding: 15px; background-color:#ffff66}

      .chat-menu-bar .gwt-MenuBar { }
      .chat-menu-bar .gwt-MenuBar-horizontal { background-color: #e9e9e9;  }
      .chat-menu-bar .gwt-MenuItem { font-size:12px; }
      .chat-action-menu { z-index:11 ;}
      .chat-menuitem.gwt-MenuItem { font-size:13px;}
      .chat-content td { font-size:12px;  }