@charset "utf-8";
/* CSS Document */

div.chatBox{
	width:600px;
}

div.chatBox div.title{
	color:#caf086;
	font-size:26px;
	height:30px;
	line-height:28px;
	font-weight:bold;
	margin-bottom:10px;
	width:100%;
}

div.chatBox div.UIContainer{
	width:100%;
	padding:0px;
	border:2px solid #1B282E;
}

div.chatBox div.UIContainer div.messages{
	width:100%;
	height:250px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:0px;
}

	 div.chatBox div.UIContainer div.messages div.row{
		clear:both;
		float:none;
		padding:2px;
	}
	
	div.chatBox div.UIContainer div.messages div.row.type1{
		background-color:#223036;
	}


div.chatBox div.UIContainer div.loader{
	min-height:20px;
	height:100%;
	background-color:#2B3C44;
	background-image:url(/images/ajax-loader.gif);
	background-position:center;
	background-repeat:no-repeat;
}

div.chatBox div.UIContainer div.inputHolder{
	padding:2px;
	border-top:1px solid #1B282E;
	line-height:20px;
	position:relative;
	width:100%;
}

div.chatBox div.UIContainer div.inputHolder div.inputLoader{
	z-index:5;
	position:absolute;
	width:100%;
	top:2px;
	height:22px;
	background-color:#2B3C44;
	background-image:url(/images/ajax-loader.gif);
	background-position:center;
	background-repeat:no-repeat;
	display:none;
}

div.chatBox div.UIContainer div.inputHolder input[type="text"]{
	width:90%;
}

div.chatBox div.UIContainer div.inputHolder input[type="image"]{
	vertical-align:bottom;
}