html {
background-color:hsl(240,25%,12%);
scrollbar-color:gray #444;
width:100%;
}
::-webkit-scrollbar {
width:15px;
height:15px;
background-color:#444;
}
::-webkit-scrollbar-thumb {
background:gray;
border-radius:5px;
}
body {
margin:0px auto 7px;
padding:0 5px;
color:rgb(200,195,188);
min-width:350px;
max-width:1800px;
text-align:center;
}
body, textarea, input, select {
font:12px/1.25 Verdana,Arial,Helvetica,sans-serif;
}
input[type=text], input[type=number], input[type=password], select, textarea {
background-color:hsl(240,50%,30%);
color:#fff;
margin:1px 4px;
padding:2px 4px;
border:2px;
}
input[type=text], input[type=number], input[type=password], textarea, fieldset select {
width:95%;
}
input[type=button], input[type=submit], input::file-selector-button {
color:#fff;
margin:2px 1px;
background-color:#444;
border-radius:3px;
}
input[type=button]:hover, input[type=submit]:hover, input::file-selector-button:hover {
background-color:#777;
}
input.ctrl {
font-size:14px;
line-height:1;
vertical-align:middle;
padding:1px;
}
input[type=number] {
-moz-appearance:textfield;
}
ul, ol {
padding:0;
margin:0 0.5em 0 1.5em;
}
a, a:link, a:visited, .nodeNum {
color:hsl(130,50%,60%);
text-decoration:none;
}
a:active, a:hover, .nodeNum:hover {
color:hsl(130,50%,80%);
text-decoration:none;
}
a.logo {
color:hsl(210,30%,70%);
font-weight:bold;
}
form, fieldset {
display:inline-block;
}
fieldset, #statmsg {
border:solid 3px rgb(51,51,119);
padding:3px;
margin:3px;
border-radius:10px;
}
fieldset legend {
font-size:16px;
color:hsl(180,75%,50%);
}
form + h2 {
margin-top:3px;
}
header {
display:inline-block;
color:hsl(210,30%,70%);
background-color:rgba(51,51,119,0.75);
padding:3px 7px 4px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
font-size:125%;
}
h1 {
font-size:18px;
}
h1, a.h1 {
color:hsl(270,30%,70%);
font-weight:bold;
}
h2 {
color:hsl(240,30%,70%);
font-size:16px;
font-style:italic;
margin-top:0.5em;
margin-bottom:0.4em;
}
h3 {
font-size:14px;
}
h4 {
font-size:14px;
margin:1px 0px;
color:#5a5;
}
h3,h4 {
color:hsl(270,20%,60%);
margin-top:0.75em;
margin-bottom:0;
}
h5 {
margin:1px 0px;
font-size:14px;
display:inline-block;
color:#5a5;
}
table {
margin:0 auto;
clear:both;
border-collapse:separate;
border-spacing:0;
border-radius:10px;
overflow:hidden;
}
td {
max-width:32em;
}
p {
max-width:80%;
margin:0.5em auto;
font-size:13px;
}
p.w800 {
max-width:800px;
}
ul, ol {
display:inline-block;
max-width:80%;
margin:0.5em auto;
font-size:13px;
}
pre {
text-align:left;
white-space:pre-wrap;
background-color:#223;
padding:0.9em;
margin-left:0.6em;
margin-right:0.6em;
max-width:800px;
}

#hb img {
vertical-align:text-bottom;
border-radius:0;
}
#node {
border:2px solid hsl(240,40%,60%);
margin:2px;
padding:0 2px;
font-size:14px;
width:6em;
}
#statmsg {
display:inline-block;
margin:2px;
min-width:460px;
max-width:750px;
height:4.5em;
font-size:0.9em;
line-height:1.2;
overflow-y:scroll;
resize:both;
color:#aaa;
}
#scanmsg {
color:#999;
margin:2px auto;
font-size:0.9em;
line-height:1.2;
font-family:"Lucida Console",Courier,monospace;
max-width:95%;
}

table tr th, table tr td {
border-right:1px solid #555;
border-bottom:1px solid #555;
}
table tr th:first-child, table tr td:first-child {
border-left:1px solid #555;
}
table tr:first-child th {
border-top:1px solid #555;
}
table tr:first-child th:first-child {
border-top-left-radius:10px;
}
table tr:first-child th:last-child {
border-top-right-radius:10px;
}
table tr:last-child td:first-child {
border-bottom-left-radius:10px;
}
table tr:last-child td:last-child {
border-bottom-right-radius:10px;
}

table.noborder, table.noborder tr th, table.noborder tr td {
border:0;
}
table.favs {
margin:0 auto 0.5em;
}
table.favs thead tr {
background-color:rgba(51,51,119,0.75);
}
table.favs tbody tr {
line-height:100%;
}
table.favs th, table.favs td {
padding:3px;
}
small {
font:11px/1.25 "Helvetica Narrow","Arial Narrow",Verdana,Arial,Helvetica,sans-serif;
}

table.grid {
min-width:460px;
}
table.grid thead tr {
background-color:rgba(51,51,119,0.75);
line-height:100%;
}
table.grid th, table.grid td {
padding:4px;
}
table.grid tr.cColor td { /* Link Connecting */
background-color:purple;
color:yellow;
}
table.grid tr.rColor td, table.grid tr.rColor td a { /* Link Keyed */
background-color:maroon;
color:yellow;
}
table.grid tr.gColor td { /* Node Idle */
background-color:hsl(150,50%,15%);
}
table.grid tr.tColor td { /* Node PTT */
background-color:maroon;
}
table.grid tr.lColor td { /* Node COS */
background-color:green;
}
table.grid tr.bColor td { /* Node COS+PTT */
background-color:#660;
}
div.twrap {
display:inline-block;
border:solid 2px hsl(0,0%,40%);
padding:0;
border-radius:12px;
}
label, input[type=button].small, input[type=submit].small {
font-size:11px;
}
a.menu {
display:inline-block;
padding:3px;
text-decoration:none;
color:#fff;
background-color:rgb(51,51,119);
}
a.menu:link, a.menu:visited {
color:#fff;
}
a.menu:hover {
background-color:hsl(120,50%,33%);
}

.ok { color:#7f7; }
.error { color:#f77;}
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; vertical-align:middle; }
.floatleft { position:relative; float:left; }
.floatright { position:relative; float:right; }
.gray { color:#888; }
.green { color:#7e7; }
.ib { display:inline-block; }
.m5 { margin:5px; }
.nodeNum { cursor:pointer; }
.w600 { max-width:600px; }

.button1 {
font-size:12px;
background-color:#448;
color:#fff;
}
.greenborder {
border:solid 3px rgb(39,144,39);
border-radius:15px;
}

pre.error {
font-weight:bold;
font-size:15px;
}
a.play::after {
color:#0f0;
font-size:11px;
content:"\00A0\25B6";
}
a.dl::after {
color:#0f0;
font-size:12px;
content:"\200A\25BC";
}