.chatInput{
	border:1px solid #87CEEB;
	background-color: #FFFFF;
	color: #000000;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 20px;
	height: 65px;
	width: 195px;
	line-height: 1.5em;
	overflow-y:hidden;
	padding-top:10px
}
.fromUserName {
	color: #FF0000;
    font-size: 12px;
    font-weight: bold;	
}
.fromMessage {
    color: black;
    font-size: 12px;
    line-height:1.2em;
    width:auto;
    background-color:#FFD39B;
    padding:0px;
}

.toUserName {
	color: #0000FF;
	font-size: 12px; 
	font-weight: bold;
	
}

.toMessage {
    color: black;
    font-size: 12px;
    line-height:1.2em;
    width:auto;
    background-color:lightgrey;
    padding:0px;
}
.windowTitle {
	color: #FFFFFF;
	font-size: 15px; 
	font-weight: bold;
	float: left;
	position: relative;
	top: 5px;
	padding:0px 2px 2px 10px
}
.windowClose {
	color: #FFFFFF;
	font-size: 14px; 
	float: right;
	position: relative;
	top: 5px;
	cursor: pointer;
}
/*Chat*/
.fleft{float:left;}
.fright{float:right;}
.mtop10{margin-top:10px;}
.mright10{margin-right:10px;}
.mleft10{margin-left:10px;}
.chat-container{width:250px;height:338px;border:1px solid #88d0e9;}
.chat-header{width:100%;height:34px;background:#236c8f;}
.chat-subheader{width:100%;height:34px;background:#d3d3d3;}
.chat-row{margin-left:10px;margin-right:10px;width:212px;height:auto;display:inline-block;}
.chat-row-small{margin-left:10px;margin-right:10px;width:160px;height:auto;display:inline-block;}
.chat-img{width:38px;height:38px;background:#e1e1e1;border:1px solid #c2c2c2;}
.chat-blue{width:auto;max-width:130px;height:auto;background:#60a9e0;padding:10px;color:#FFFFFF;font-size:12px;font-family:Arial;}
.chat-pink{width:auto;max-width:130px;height:auto;background:#ce94e9;padding:10px;color:#000000;font-size:12px;font-family:Arial;}
.chat-time{color: #999999;display: inline-block;font-family: arial;font-size: 10px;}
.callout{width:250px;height:200px;overflow-x:hidden;}
.callout-container{width:160px;display:inline-block;}
.callout-container-small{width:108px;display:inline-block;}
.callout-wrapper{display:inline-block}
.arrow-left{width: 0px;height: 0px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 8px solid #60a9e0;float:left;margin-top:10px;}
.arrow-right{width: 0px;height: 0px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #ce94e9;float:left;margin-top:10px;}
.chat-textarea-container{width:230px;height:50px;background:#dcdcdc;padding:10px;}
.chat-textarea-wrapper{width:226px;height:50px}
.chat-textarea-wrapper textarea{display:block;width:224px;height:48px;background:#dcdcdc;border:0px;}
.chat-title{float:left;margin:8px;font-family:arial;font-size:14px;font-weight:bold;color:#fff;}
.icon-minimize{width:23px;height:23px;float:right;margin:4px;background:url(sprite.png) -616px -234px;}
.icon-close{width:23px;height:23px;float:right;margin:4px;background:url(sprite.png) -642px -231px; }
.icon-more{width:23px;height:23px;float:right;margin:4px;background:url(sprite.png) -501px -232px;}
.text-more{float:right;margin:8px;font-family:arial;font-size:14px;font-weight:bold;color:#000; }