/*--------------------------------------ecs chat------------------------------------*/
div#ecs_chat
{ position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:120px;
  border: 1px solid red;
  background-color:white;
  z-index: 1000;
}
div#ecs_chat_control
{ position:absolute;
  width:450px;
  right:0;
  top:0;
  height:25px;
  overflow:hidden;
}
div.ecs_chat_status
{ position:absolute;
  width:400px;
  left:0;
  top:0;
  bottom:0;
  overflow:hidden;
}
div#ecs_chat_tab
{ position:absolute;
  left:0;
  top:0;
  height:25px;
  overflow-x: auto;
  overflow-y: hidden;
}
div#ecs_chat_tab_inner
{ position:absolute;
  left:0;
  top:0;
  height:25px;
}
div.chatTabDiv
{ 
  top: 0px;
  width:97px;
  height:20px;
  float:left;
  clear:none;
  overflow:hidden;
}
div.tab_gap
{ 
  top: 0px;
  width:3px;
  height:20px;
  background-color:#a52a2a;
  float:left;
  clear:none;
  overflow:hidden;
}
/*for supporter*/
div.conversationContainer
{ position:absolute;
  width:100%;
  left:0;
  top:36px;
  bottom:0px;
  overflow:hidden;
}

div.ecs_chat_history_control
{ position:absolute;
  width:100%;
  left:0;
  top:0px;
  height:25px;
  overflow:hidden;
}
div.ecs_chat_info
{ position:absolute;
  width:100%;
  left:0;
  top:0px;
  height:30px;
  overflow:auto;
}
div.ecs_chat_history
{ position:absolute;
  width:100%;
  left:0;
  top:30px;
  bottom:26px;
  overflow:auto;
}
.chat_bottom
{ position:absolute;
  width:0;
  height:0;
  bottom:0px;
}
ul.chat_data
{ padding:0 0 0 2px;
  margin:0;
}
div.ecs_chat_input
{ position:absolute;
  width:100%;
  left:0;
  bottom:0px;
  height:25px;
}

input.before_send
{ background-color:white;
}
input.after_send
{ background-color:#add8e6;
}

div#chat_user_list
{ position:absolute;
  top:24px;
  width:200px;
  background-color:#ffffcc;
  border:4px solid black;
  overflow: auto;
  z-index: 103;
}
div#chat_users
{ position:absolute;
  top:2px;
  right:2px;
  left:2px;
  bottom:30px;
  overflow: auto;
}

a.user_online { display:block; line-height: 1.6em; text-decoration:none; padding-left:10px; text-indent:-10px;}
a.user_online:link { }
a.user_online:visited { }
a.user_online:hover {background-color: #0000FF; color: #ffffff;}
a.user_online:active { }

a.user_offline { display:block; line-height: 1.6em; text-decoration:none; color:#C0C0C0; padding-left:10px; text-indent:-10px;}
a.user_offline:link { }
a.user_offline:visited { }
a.user_offline:hover {background-color: #0000FF; color: #ffffff;}
a.user_offline:active { }