.closeIcon{
	position		:	absolute;
	top				:	5px;
	left			:	5px;
	width			:	25px;
	z-index			:	1;
}
.soundIcon{
	position		:	absolute;
	top				:	5px;
	right			:	5px;
	width			:	25px;
	z-index			:	1;
}

.chatContainer{
	position 		: 	fixed;
	left 			: 	0px;
	top 			: 	0px;
	background		: 	#555;
	margin			: 	1% 1% 2% 1%;
	padding			: 	1% 1% 1% 1%;
	width			: 	20%;
	text-align		:	center;
	display			:	none;
}

.chatList{
	width			: 	100%;	
}

.chatConversation{
	width			: 	100%;	
	display			:	none;
}

.chatContainer table{
	width 			: 	100%;
	border-spacing	:	0px;
}

.chatContainer th{
	background 		: 	#aaa;
	padding			:	2%;
}

.chatList td{
	padding			:	2% 0% 2% 0%;
}

.pairtd{
	background		: 	#ccc;
}

.impairtd{
	background		: 	#bbb;
}


.inputCell{
	background		:	#fff;
	padding			:	0px;
	text-align		:	center;
}

.sendButtonCell{
	color			:	#000;
	background		:	#fff;
}

.inputField, .inputFiel:focus{
	width			:	95%;
	margin			:	0px;
	border			:	solid 0px;
	outline			:	none;
	text-align		:	right;
}

.chatMessagesContainer{
	background		:	#eee;
	color			:	#000;
	overflow		:	auto;
	max-height		:	500px;
	padding			:	0px 20px 0px 6px;
}

.receivedMessageContainer, .sendedMessageContainer{
	width			:	100%;
	margin			: 	2% 0px 2% 0px;
}

.receivedMessageContainer{
	text-align		:	left;			
}

.sendedMessageContainer{
	text-align		:	right;
}

.receivedMessage, .sendedMessage{
	display			:	inline-block;
	max-width		:	75%;
	min-width		:	40%;
	padding			:	3%;
}

.receivedMessage{
	background		:	#0f9;
	text-align		:	left;
}

.sendedMessage{
	background		:	#ff6;
	text-align		:	right;
}