body {margin:0;background-color:#f8f8f8;color:black;font-family:Verdana;font-size:14px;}
div.hostname {position:fixed;bottom:50px;right:20px;color:grey;text-shadow:2px 2px 5px black;}
div.header {position:fixed;top:0;width:100%;background-color:grey;padding:5px;color:white;text-shadow:3px 3px 8px black;font-size:16px;text-align:center;}
div.content {overflow:auto;position:relative;top:90px;max-width:700px;min-height:200px;max-height:600px;margin:auto;padding:1px 15px 15px 15px;background:#efefef;border:1px solid black;border-radius:15px;}
div.form {position:relative;width:320px;min-height:70px;margin:auto;padding:3px 10px 10px 10px;background:#8f8f8f;border:1px solid black;border-radius:5px;text-align:center;}
.submit-button {border:1px solid #000000;background:#757575;background:-webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#757575));background:-webkit-linear-gradient(top, #cfcfcf, #757575);background:-moz-linear-gradient(top, #cfcfcf, #757575);background:-ms-linear-gradient(top, #cfcfcf, #757575);background:-o-linear-gradient(top, #cfcfcf, #757575);background-image:-ms-linear-gradient(top, #cfcfcf 0%, #757575 100%);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;-moz-box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;text-shadow:#ffffff 0 1px 0;color:#000000;font-family:helvetica, serif;padding:5px 10px;font-size:14px;text-decoration:none;vertical-align:middle;}
.submit-button:hover {border:1px solid #000000;text-shadow:#000000 0 1px 0;background:#1f1f1f;background:-webkit-gradient(linear, left top, left bottom, from(#737373), to(#1f1f1f));background:-webkit-linear-gradient(top, #737373, #1f1f1f);background:-moz-linear-gradient(top, #737373, #1f1f1f);background:-ms-linear-gradient(top, #737373, #1f1f1f);background:-o-linear-gradient(top, #737373, #1f1f1f);background-image:-ms-linear-gradient(top, #737373 0%, #1f1f1f 100%);color:#fff;}
.submit-button:active {text-shadow:#000000 0 1px 0;border:1px solid #000000;background:#737373;background:-webkit-gradient(linear, left top, left bottom, from(#1f1f1f), to(#1f1f1f));background:-webkit-linear-gradient(top, #1f1f1f, #737373);background:-moz-linear-gradient(top, #1f1f1f, #737373);background:-ms-linear-gradient(top, #1f1f1f, #737373);background:-o-linear-gradient(top, #1f1f1f, #737373);background-image:-ms-linear-gradient(top, #1f1f1f 0%, #737373 100%);color:#fff;}
.form-field {border:1px solid #616161;background:#cfcfcf;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#000000;-webkit-box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;-moz-box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;padding:3px 10px 3px 10px;size:280px;display:block;width:90%}
.form-field:focus {background:white;color:black;}
.form-title {margin-bottom:10px;color:black;text-shadow:white 0 1px 0;text-align:left;}
.sub {text-align:right;}
div.output {position:relative;background-color:white;max-width:690px;max-height:200px;padding:0px 5px 0px 5px;border-radius:5px;overflow:auto;}
#scb::-webkit-scrollbar{width:6px;height:6px;background-color:#cccccc;background:transparent;}
#scb::-webkit-scrollbar-thumb{background-color:#606060;border-radius:5px;}
#scb::-webkit-scrollbar-thumb:hover{background-color:black;}
#scb::-webkit-scrollbar-thumb:active{background-color:#606060;border:2px solid black;}
#scb::-webkit-scrollbar-track{border:1px gray solid;border-radius:5px;-webkit-box-shadow:0 0 6px gray inset;}
#scb::-webkit-scrollbar-button {width:20px;height:20px;}
div.footer {position:fixed;bottom:0;width:100%;background-color:darkgrey;padding:5px;color:white;text-shadow:2px 2px 5px black;font-size:12px;text-align:center;}
pre {display:block;font-size:12px;}
table, td, th {border:1px solid black;}
th {color:white;background-color:gray;text-shadow:2px 2px 5px black;height:25px;}
table {width:100%;border-collapse:collapse;}
td {padding:2px 5px;}
div.info {position:fixed;top:80px;right:10px}
.info a{border:0px;}
.info a img{opacity:0.5;}
.info a:hover img{opacity:1;color:#f00;}
.synComment {color:#0000FF}
.synConstant{color:#FF00FF}
.synIdentifier {color:#008B8B}
.synStatement {color:#A52A2A;font-weight:bold}
.synPreProc {color:#A020F0}
.synType {color:#2E8B57;font-weight:bold}
.synSpecial {color:#6A5ACD}
.synUnderlined {color:#000000;text-decoration:underline}
.synError {color:#FFFFFF;background:#FF0000 none}
.synTodo {color:#0000FF;background:#FFFF00 none}