/****** Simple Instant Message ******/

* {margin: 0; padding: 0; border: none; font-family: Ariel, sans-serif;}

#top {position: fixed; top: 0; left: 0; right: 0; height: 30px; border: 1px solid #000; padding: 0 5px; font-size: 16px; font-weight: bold; line-height: 30px;}
a:link, a:visited {color: #000; text-decoration: none;}
a:hover {color: #0000FF; text-decoration: underline;}

#hist {position: fixed; top: 31px; bottom: 111px; left: 0; right: 0; border: 1px solid #000; padding: 5px; font-size: 12px; line-height: 20px; overflow: auto; white-space: pre-wrap; word-wrap: break-word;}
.date {font-weight: bold; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; margin: 15px 0 5px;}
.date:first-child {margin-top: 3px;}
.time {font-size: 11px; vertical-align: top;}
.name {font-weight: bold;}
.notice {font-weight: bold;}
.error {color: #FF0000;}
.color0 {color: #16569E;}
.color1 {color: #A82F2F;}
.color2 {color: #40641C;}
.color3 {color: #954A00;}

#bot {position: fixed; bottom: 0; left: 0; right: 0; height: 100px; border: 1px solid #000; padding: 5px;}
textarea {width: 100%; height: 100%; font-size: 12px; line-height: 20px; resize: none;}

#buttons {position: fixed; top: 0; right: 0; border: 1px solid #000;}
input {display: block; float: left; height: 30px; padding: 0 5px; font-size: 16px; font-weight: bold; /*background-color: #F7F5F1;*/ background-color: #F1EFEB; border-left: 1px solid #000;}
input:first-child {border-left: none;}
input:hover {/*background-color: #F1EEE9;*/ background-color: #E6E3DE;}