.chatIcon {
    cursor: pointer;
    vertical-align: middle;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 18px;
    margin: -10px 0 0;
    padding: 1px;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 19px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-widget-header {
  background: #DDDDDD
}

#chatBannerImg{

}
#chatContainer {
  height: 400px;
  position: relative;
}
#chatHistory {

}
#chatSubmit {

}

#chatImage{ cursor: pointer;}

#chatdiv {
  width: 100% !important;
  display: table;
  margin: 0px auto;
  text-align: center;
  padding: 5px;
  border: 1px solid #DDDDDD;
}

#chatControls {
    margin: 0px auto;
    width: 280px;
    height: 100px;
    display: table;
}

#userSelector {
    margin: 0px auto;
    width: 300px;
    padding: 5px;
    background: #EEEEEE;
    border: 1px solid #333333;
}

#userSelector input[type=text] {
    width: 60%;

}

#chatInput {
    width: 100%;
}
.chatUserRemote {
    float: right;
    margin-right: 5px;
    color: #0068AE;
}

.chatUserLocal {
    float: right;
    margin-right: 5px;
    color: #FF3333;
}
.chatBannerImg{
  text-align: center;
  margin: 5px;
}
.chatContainer {
    margin: 0px auto;
    border: 1px solid #333333;
    min-width: 200px;
    min-height: 300px;
    width: 300px;
    height: 600px;
    display: table;
    padding: 5px;
    background: #EEEEEE;
}
.chatHistory {
    margin: 0px auto;
    margin-bottom: 5px;
    padding: 5px;
    height: 275px;
    width: 95%;
    background: #FFFFFF;
    overflow: auto;
    text-align: left;
}

.systemMsg {
    font-weight: bold;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 5px;
    display: table;
}

.presence {
    color: #333333;
    margin-top: 5px;
    margin-bottom: 5px;
}

.presenceUser {
    color: #0068AE;
}

.chatMessageContainer {
  margin-top: 10px;
  padding: 2px;
}

.chatMessageContainerLocal {
  width: 80%;
  float: left;
  background: #F9F9F9;
}

.chatMessageContainerRemote {
  width: 80%;
  float: right;
  background: #F9F9F9;
}

.chatMsgTitleBar {
  background: #EEEEEE;
  display: table;
  width: 100%;
  padding: 2px;
  font-size: 12px;
}

.chatMsgTime {
  float: left;
}