/* following styles are unrelated to the specifics of the demo*/
	body, td {
		font-family:Arial;
		font-size:12px;
		color:#666666;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
	}
	body {
		background-repeat: no-repeat;
	}
	
	select {
		font-family:Arial;
		font-size:12px;
		color:#666666;
		background-color:#eeeeee;
		border-style:solid;
	}

	html { height: 100%; margin-bottom: 0px; }

	input {
		padding-left:2px;
		margin:1px;
	}
	textarea {
		background-color: #F7F7F7;
		border: 1px solid #6195C7;
		font:12px Arial;
		color:#3366ff;
		font-weight:bold;
		padding:2px;
	}

/* specific styles to be applied to the demo objects */
	#divlastReply {
		color:#bbbbbb;
	}
/* generic styles to be applied to the demo objects */
	.style1 
	{
		font-size: 16px;
	    font-weight: bold;
	}
	.style11
	{
		font-size: 21px;
	    font-weight: bold;
	    color:Black;
	    padding-left:10px;
	    font-family:Trebuchet MS;
	    
	}
	.styleWelcome 
	{
		font-family:Trebuchet MS;
		font-size:18px;
		padding-left:12px;
	}
    .lbl_company  {
		  padding-left:12px; 
		  font-size:24px;
	}

	.chatbox
	{
		width: 434px;
		height: 103px;
		overflow: auto;
		padding:0px;
	}
	.chatwindow_customer_side {
		position:relative;
		width:459px;
		height:198px;
		overflow: auto;
		background-color:#efefef;
	}
	.chatwindow_customer_side_small {
		position:relative;
		width:353px;
		height:200px;
		overflow: auto;
		background-color:#efefef;
	}
	.chatwindow_customer_side_inner {
		position:relative;
		padding:5px;
		overflow: auto;
	}
	.chatwindow {
		position:relative;
		/*hlnwidth:490px;*/
		height:295px;
		margin:0px;
		padding:4px;
		overflow: auto;
	}
	.bottomwindow {
		position:relative;
		/*hlnwidth:738px;*/
		width:738px;
		height:170px;
		margin:0px;
		padding:4px;
		overflow: auto;
	}
	.sidepanel {
		position:relative;
		width:100px;
		margin:0px;
		padding:2px;
	}
	
	.leftarea {
		position:relative;
		width:220px;
		height:395px;
		margin:0px;
		overflow: auto;
		padding-left:3px;
		padding-bottom:0px;
		/*padding:0px;*/
		
	}
	.showOP {
		position:relative;
		height:30px;
		margin:0px;
		padding:0px;
	}
			
	.membersdiv {
		position:relative;
		padding:0px;
		background-color:#FFFFCC;
		overflow:auto;
		height:300px;
		font-size:12px;
		font-family:Arial;
		color:#999999;
		margin:0px;
	}
	.replybox {
		width:370px;
		height:50px;
		overflow:auto;
		border:solid 1px #eeeeee;
		background-color:#ffffff;
		padding-left:5px;
	}
	.replybox_opr {
		width:100%;
		height:50px;
		overflow:auto;
		border:solid 1px #eeeeee;
		background-color:#ffffff;
		padding-left:5px;
	}
	.replywindow td {
		padding:4px;
	}
	.replywindow {
		position:relative;
		height:70px;
		width:460px;
	}
	.replywindow_admin td {
		padding:4px;
	}
	.replywindow_admin {
		position:relative;
		height:70px;
		/*width:526px;hln*/
	}
	.replysidebar {
		position:relative;
		width:200px;
		height:60px;
		margin:0px;
		padding:4px;
	}
	.golden {
		font:12px Arial;
		color:#CC9933;
		font-weight:bold;
	}
	.newmessage {
		position:relative;
		margin:0px;
		padding:4px;
		background-color:#FFFFCC;
		border-color:#FFDDBB;
		border-style:solid;
		border-width:1px;
		font-size:12px;
		font-family:Arial;
		color:#000000;
	}
	.postitnote {
		position:relative;
		margin:0px;
		padding:2px;
		background-color:#FFFFCC;
	
/*
		border-color:#FFDDBB;
		border-style:solid;
		border-width:1px;
*/
		font-size:12px;
		font-family:Arial;
		color:#999999;
	}
	

	.messageLine
	{
		position:relative;
		margin:0px;
		padding:2px;
		background-color:#FFFFCC;
		
	}
	
	.text_mine_name {
		color:#3366FF;
		font-weight:bold;
	}
	.text_mine {
		color:#3366FF;
	}
	.text_customer_name {
		color:#003399;
		font-weight:bold;
	}
	.text_customer {
		color:#003399;
	}
	.text_green {
		color:green;
		font-weight:bold;
		cursor:pointer;
	}
	.newmessage
	{
		border-style:solid;
		border-color:Black;
		background-color:Yellow;
		color:black;
		height:16px;
		left:0px;
		top:-40px;
		z-index:+1;
		position:absolute;
	}