#chat {
  position:absolute;
  right: 0;
  top: 65px;
  width:20%;
  background: #fff;
  /*z-index: @z-index-chat;*/
  overflow: hidden;
  border-left:1px solid #ccc;
  height:600px;
  margin-bottom: 10px;

	h3 { 
		background:#f7f7f7;  	
	  font-size: 1em;
	  line-height: 2em;
	  font-weight: bold;
	  color: #666;
	  border-bottom: 1px solid #d7d7d7;
	  padding: 5px 10px;
		margin:0;
	}
}

#chatbar-contents {
	padding-left:20px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	height:85%;

	#chatScrollWindow {
		padding-right:5px;
	    overflow: scroll;
	    height: 100%;
	}
}

#chat-options-bar {
  width:100%;
  position:relative;
  border-bottom:1px solid #ccc;

	button {
		/*.rounded(0);*/
	}
	.btn {
		padding:0 5px;
		font-size:12px;
		line-height:22px;
		border-top:0;
		border-bottom:0;
		border-left:0;
		border-right:1px solid #ccc;
		display:block;
		float:left;
	}
}

#chat-input-wrapper {
	position:absolute;
	bottom:0;
}

#chat-user-list {
	padding:5px;
	li {
		cursor: pointer;
	}
}

.chat-message-wrapper {
	margin-bottom: 10px;
}

.chat-message {
	font-size: 12px;
	line-height: 14px;
}

.chat-username {
	font-weight:bold;
	color:#333;
}

.chat-timestamp {
	font-weight:bold;
	color:##C0C0C0;
	float:right;
}

#chat-messages {
  clear: both;
  overflow-y: auto;
  overflow: auto;
  overflow-x: hidden;
  /*position: relative;*/
  padding: 10px;
  word-break: break-all;

  /*the code I added to make scroll work*/
  position: absolute;
  bottom: 32px;
  top: 60px;
  right:25px;
  left: 0px;
}

.publicChatTab{

}

.optionsChatTab{

}

.chatGreeting {
	font-size: 10px;
	color: blue;

	a{
		text-decoration: underline;
	}
}