#webpool-chat-container {
  border: 1px solid #000;
  width: 100%;
  height: 100%;
  min-width: 300px;
  min-height: 500px;
}

/*#webpool-chat-button {
  position: fixed;
  bottom: 0px;
  right: 20%;
  border: 1px solid;
}*/

/*#webpool-chat-box {
  position: fixed;
  bottom: 23px;
  right: 20%;
  height: 400px;
  width: 200px;
  border: 1px solid;
  display: none;
}*/

#webpool-chat-roster {
  width: 225px;
  overflow: auto;
}

#webpool-chat-roster.webpool-chat-small{
  position: fixed;
  bottom: 0px;
  right: 20px;
  display: none;
}

#webpool-chat-roster.webpool-chat-fullsize{
  /*width: 100%;*/
  float: left;
  display: inline-block;
  vertical-align: top;
  height: 500px;
}

#webpool-chat-rosterhead {
  background-color: #555555;
  padding:3px;
  color: #ffffff;

  border-right:1px solid #777777;
  border-left:1px solid #777777;
}

#webpool-chat-rosterhead:hover {
  background-color: #777777;
  cursor: pointer;
}

#webpool-chat-rostertitle {
  float: left;
}

#webpool-chat-rosterstatus {
  float: right;
}

#webpool-chat-rostercontent {
  font-family: arial,sans-serif;
  font-size: 13px;
  color: #333333;
  /*width:209px;*/
  /*overflow-y:auto;
  overflow-x:auto;*/
  padding:7px;
  background-color: #ffffff;
  line-height: 1.3em;
}

#webpool-chat-rostercontent.webpool-chat-small {
  min-height:200px;
  max-height:400px;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-bottom:1px solid #eeeeee;
}

#webpool-chat-rostercontent.webpool-chat-fullsize {
  /*height: 100%;*/
}

.webpool-chat-rosteritem {
  cursor: pointer;
  /*float: left;*/
}





#webpool-chat-window-container {
  /* only on fullsize */
  margin-left: 225px;
}

.webpool-chat-window {
  /*position:expression("absolute");*/
  /*display:none;*/
  /*right: 20px;*/
  display: block;
}

.webpool-chat-window.webpool-chat-small {
  position: fixed;
  width: 225px;
  bottom: 0px;
}

.webpool-chat-window.webpool-chat-fullsize {
  width: 100%;
}

.webpool-chat-window-head {
  background-color: #555555;
  padding:3px;
  color: #ffffff;

  border-right:1px solid #777777;
  border-left:1px solid #777777;
}

.webpool-chat-window-head:hover {
  background-color: #777777;
  cursor: pointer;
}

.webpool-chat-window-blink {
  background-color: #777777;
  border-right: 1px solid #777777;
  border-left: 1px solid #777777;
}

.webpool-chat-window-blink:hover {
  background-color: #555555;
  cursor: pointer;
}

.webpool-chat-window-active {
  background-color: #993333;
}

.webpool-chat-window-active.webpool-chat-window-blink {
  background-color: #aa5555;
}

.webpool-chat-window-user-list {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  color: #555555;
  font-size: 12px;
}

.webpool-chat-window-user-list.webpool-chat-small {
}

.webpool-chat-window-user-list.webpool-chat-fullsize {
  float: right;
  width: 100px;
  height: 437px;
  overflow: auto;
  padding: 7px;
}

.webpool-chat-window-user-list span {
  cursor: pointer;
}

.webpool-chat-window-content {
  font-family: arial,sans-serif;
  font-size: 13px;
  color: #333333;
  height:200px;
  /*width:209px;*/
  overflow-y:auto;
  overflow-x:auto;
  padding:7px;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #eeeeee;
  background-color: #ffffff;
  line-height: 1.3em;
}

.webpool-chat-window-content.webpool-chat-small {
}

.webpool-chat-window-content.webpool-chat-fullsize {
  height: 437px;
}

.webpool-chat-window-content a {
  color: #f55;
  text-decoration: none;
  cursor: pointer;
}

.webpool-chat-window-content small {
  color: #aaa;
}

.webpool-chat-window-input {
  padding-right: 5px;
  background-color: #ffffff;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}

.webpool-chat-window-textarea {
  width: 100%;
  height:44px;
  /*padding:3px 0pt 3px 3px;*/
  border: 1px solid #eeeeee;
  margin: 1px;
  overflow:hidden;
}

.webpool-chat-window-textarea.webpool-chat-small {
  resize: vertical;
}

.webpool-chat-window-textarea.webpool-chat-fullsize {
  resize: none;
}

.webpool-chat-window-textareaselected {
  border: 2px solid #f99d39;
  margin:0;
}

.webpool-chat-window-message {
  line-height: 10px;
  /*margin-left:1em;*/
}

/*.webpool-chat-window-info {
  margin-left:-1em;
  color:#666666;
}*/
.webpool-chat-window-message small {
  font-size: 10px;
}


.webpool-chat-window-messagefrom {
  margin-left:-1em;
  font-weight: bold;
}

.webpool-chat-window-messagecontent {
}

.webpool-chat-window-close {
  float: right;
  color: #aaaaaa;
  font-weight:bold;
  font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.webpool-chat-window-close:hover {
  cursor: pointer;
  color: #ffffff;
}

.webpool-chat-window-users {
  float: right;
  margin-right: 5px;
  color: #aaaaaa;
}

.webpool-chat-window-users:hover {
  cursor: pointer;
  color: #ffffff;
}
.webpool-chat-window-close a {
  text-decoration: none;
  color: white;
  font-weight:bold;
  font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.webpool-chat-window-title {
  float: left;
}






div.webpool-chat-dropdown ul ul {
  display: none;
}

div.webpool-chat-dropdown ul li:hover > ul {
  display: block;
}

div.webpool-chat-dropdown ul {
  background: #efefef; 
  /*background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
  background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
  background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
  padding: 0;
  /*border-radius: 10px;*/
  list-style: none;
  position: relative;
  display: inline-table;
}

/*div.webpool-chat-dropdown ul:after {
  content: "";
  clear: both;
  display: block;
}*/

div.webpool-chat-dropdown ul li {
  float: left;
}

div.webpool-chat-dropdown ul li:hover {
  background: #bbbbbb;
  /*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
  background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
  background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/
}

/*div.webpool-chat-dropdown ul li:hover a {
  color: #fff;
}*/

div.webpool-chat-dropdown ul li a {
  display: block;
  /*padding: 25px 40px;*/
  /*color: #757575;*/
  text-decoration: none;
}

div.webpool-chat-dropdown ul ul {
  /*background: #5f6975;
  border-radius: 0px;*/
  padding: 0;
  position: absolute;
  /*top: 100%;*/
}

div.webpool-chat-dropdown ul ul li {
  float: none;
  /*border-top: 1px solid #6b727c;
  border-bottom: 1px solid #575f6a;*/
  position: relative;
}

/*div.webpool-chat-dropdown ul ul li a {
  padding: 15px 40px;
  color: #fff;
}

div.webpool-chat-dropdown ul ul li a:hover {
  background: #4b545f;
}*/

div.webpool-chat-dropdown ul ul ul {
  position: absolute;
  left: 100%;
  top:0;
}