* {border-radius:5px;}

body {
 font:16px arial;
 color: #222;
 padding:5px;
 background:#f0f0f0;
 text-align:center;
}

form, p, span {
 margin:0px;
 padding:0px
}
input, select { font:16px arial; padding:10px; }
a {
 color:#0000F8;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}

#wrapper, #loginform {
 margin:0px auto;
 padding-bottom:25px;
 background:#c2d5ba;
 border:1px solid #444;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#loginform { padding-top:18px; }
#loginform p { margin: 5px; }
#chatbox {
 text-align:left;
 margin:0px auto;
 margin-bottom:25px;
 padding:10px;
 background:#f0f0f0;
 height:400px;
 border:1px solid #444;
 overflow-x:auto;
 overflow-y:scroll;
 word-break: normal;
 word-wrap: break-word;
}
#usermsg {
 border:1px solid #444;
}
#submit { max-width: 60px; }
.error { color: #ff0000; }
#menu { padding:12.5px 25px 12.5px 25px; }
.welcome { float:left; }
.logout { float:right; }
.msgln {
margin:0 0 2px 0;
line-height:1.2;
background:#e6e6fa;
border: 1px solid #aaa;
padding:5px;
text-align:left
}

.span {
color:#0000b0;
font-size:1.1em;
font-weight:700
}