/***** Chat  *****/

.avatar
{
	width:	49px;
	height:	65px;
	margin: 2px;
	border: 1px solid;
	border-color: #cecece;
}

.button_bold
{
	background: url(../images/bold.gif) no-repeat top center;
	height: 20px; 
	width:  25px; 
	float: left;
	position: relative;
	margin-top: 2px;
	margin-right: 2px;
	cursor: pointer;
}

.button_italic
{
	background: url(../images/italicize.gif) no-repeat top center;
	height: 20px; 
	width:  25px; 
	float: left;
	position: relative;
	margin-top: 2px;
	margin-right: 2px;
	cursor: pointer;
}

.button_underline
{
	background: url(../images/underline.gif) no-repeat top center;
	height: 20px;
	width:  25px;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	position: relative;
	cursor: pointer;
}

.button_color
{
	background: url(../images/color.gif) no-repeat top center;
	height: 20px;
	width: 25px;
	float: left;
	position: relative;
	margin-top: 2px;
	margin-right: 2px;
	cursor: pointer;
}

.button_emoticons
{
	background: url(../images/emoticonlabel.gif) no-repeat top center;
	height: 19px;
	width: 21px;
	float: left;
	position: relative;
	margin-top: 2px;
	cursor: pointer;
}

.button_profile
{
	background: url(../images/profileBuddy.gif) no-repeat top center;
	height: 20px;
	width: 25px;
	float: left;
	position: relative;
	margin-top: 2px;
	margin-left: 2px;
	cursor: pointer;
}

.button_sendMessage
{
	background: url(../images/barn.gif) repeat top center;
	height: 20px;
	width: 50px;
	color: #fff !important;
	font: 9pt Verdana, arial, helvetica, serif;
	font-weight: bold;
	cursor: pointer;
}

.div_sendMessage
{
	float:right;
	position: relative;
	margin-top: 3px;
	margin-left: 60px;
}

.history
{
	background: #fff;
	border: 1px solid;
	border-color: #b3b3b3 #cecece #cecece #b3b3b3;
	width:	289px;
	height:	180px;
	cursor: text;
	overflow: auto;
}

.messages
{
	background: #fff;
	border: 1px solid;
	border-color: #b3b3b3 #cecece #cecece #b3b3b3;
	width:	auto;	/*289px;*/ 
	height: 46px; 
	cursor: text;
}

.toolbar_buttons
{
	width:289px; 
	height:29px; 
}

/***** Chat  *****/