/****** Online Text Editor ******/

* {margin: 0; padding: 0; border: 0;}

body {font-family: "Courier New", "DejaVu Sans Mono", monospace;}

#top {position: fixed; top: 0; left: 0; right: 0; height: 30px; border: 1px solid #000;}
table {border-collapse: collapse; border-spacing: 0;} 
#top table {width: 100%;}

#input {padding: 0 5px; width: 100%;}
input {font-family: "Courier New", "DejaVu Sans Mono", monospace;}
input[type=text] {height: 30px; width: 100%; font-size: 18px; font-weight: bold;}

input[type=button] {display: block; float: left; height: 30px; padding: 0 10px; font-size: 16px; font-weight: bold; background-color: #F1EFEB; border-left: 1px solid #000;}
input[type=button]:hover {background-color: #E6E3DE;}
input[type=button]:disabled {color: #888; background-color: #F1EFEB;}

#main {position: fixed; top: 31px; bottom: 0; left: 0; right: 0; border: 1px solid #000; padding: 5px;}
textarea {width: 100%; height: 100%; font-size: 13px; line-height: 17px; /* 10pt */ resize: none;}