.chat-holder
{
  width : 20%;
  text-align : center;
  position: fixed;
  bottom:0; 
  right: 237px;
  z-index:2;
}

.chat-holder .output-div-container
{
	border:2px solid #D8D8D8;
	/*overflow : auto;*/
	text-align : left;
	background-color:#FFFFFF;
}
.chatheader{
	border-radius:5px 5px 0px 0px;
}

.chatclose{
	float:right;
	margin:7px;
}
.chatoutput
{
  /*border:1px solid silver;*/
  background-color:#FFFFFF;
  height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  font-family : arial;
  font-size : 12px;
  color:#646464;
  padding:5px;
}
.chatheader
{
  height : 34px;
  text-align : left;
  border:1px solid #CCCCCC;
  background:#EAEAEA;
}
.tools
{
  width : 55%;
  height : 119px;
  border : 1px solid red;
  position:absolute;
  top : 217px;
  left : 2px;
  background : #FFFFFF;
  border-top : 1px solid silver;
  border-left : 1px solid silver;
  border-right : 1px solid silver;
  border-bottom : 1px solid silver;
  visibility : hidden;
}
.tool_table
{
  border : 1px solid silver; 
  border-bottom : none; 
  border-top : none; 
  background : #F1F2FE;
  width:99.5%;
}
.tool_table img{
	float:left;
	margin-left:5px;
}
#window_title
{
  font-size : 12;
  font-weight : bold;
  color : white;
  float : left;
  clear:both;
}

.chat-holder .input-div
{
	text-align:left;
	background-color:#F1F2FE;
	border:1px solid silver;
	padding:4px;
	/*height:50px;*/
}
.chat-holder .ajax-div
{
	margin:20px;
	border:1px solid #3333CC;
	background-color: #6699FF;
	padding:3px;
}
.chat-holder textarea
{
  border : 1px solid #BCBCBC;
  width: 100%;
  height : 45px;
  vertical-align : top;
}
.chat-holder input
{
  border : 1px solid #BCBCBC;
  baackground : #D8D8D8;
  height : 48px;
  width : 85px;
  vertical-align : top;
}

#chattername{
  font-family : arial;
  font-size : 12px;
  color:#646464;
  float:left;
  line-height:35px;
  margin-left:5px;	
}