/* CSS Document */
body {
	font:12px arial;
	color: #222;
	text-align:center;   

 }
 
form, p, span {
	margin:15px 0 0 0;
	padding:0; }
 
input { font:12px arial; }
 
a {
	color:#0000FF;
	text-decoration:none; }
 
	a:hover { text-decoration:underline; }
 
textarea {
    resize: none;
}

#wrapper, #loginform {
	margin:0 auto;
	margin-top: 1%;
	background:#EBF4FB;
	width:100%;
	height:693px;
	border:1px solid #ACD8F0; }

#wrapper2 {
	margin:0 auto;
	margin-top: 1%;
	background:rgba(148, 172, 210, 0.17);
	width:100%;
	height:693px;
	border:1px solid rgba(166, 187, 226, 0.59); }
 
#loginform { padding-top:18px; }
 
	#loginform p { margin: 5px; }
 
#chatbox {
	text-align:left;
	margin:0 auto;
/*	margin-bottom:1%;
*/	padding:10px;
	background:#fff;
	height:74.4%;
	width:95%;
	border:1px solid #ACD8F0;
	overflow:auto; }
 
#usermsg {
    vertical-align: top;
	display:inline-block; 
	width:75%;
	height:73px;
	border:1px solid #ACD8F0; 
	margin-right:1%;
	padding: 2px 7px 2px 7px;
	}
 
#submitmsg {  
	display:inline-block;
	margin:0;
	height:73px;
	width:55px;
	padding-bottom: 12px;
 }
 
.error { color: #ff0000; }
 
#menu { padding:15.5px 28px 5.5px 28px; }
 
.you { float:left; 
	color:#27AE60; 
	text-align:left;}
 
 .stranger { 
 	float:left; 
	color:#1CA5CE;
	text-align:left;
  line-height: 30px;
}

 .and { float:left; 
	color:#EC7063; 
	text-align:left;}

.logout { float:right; }
 
.msgln { margin:0 0 2px 0; }
 
.wordwrap { 
/*   white-space: pre-wrap;      /* CSS3 */   
*/   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;	
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}