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=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;
}
select {
margin:0px 4px;
padding:0px 4px;
border:0px;
}
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;
}
a.lg, a.m {
display:inline-block;
font-size:20px;
font-weight:bold;
}
a.m {
font-size:16px;
}
a.h {
display:inline-block;
font-size:18px;
margin-top:0.5em;
}
div.col {
margin:0 1em 0.5em;
vertical-align:middle;
}
a.lgimg {
display:inline-block;
padding:3px 3px 0px;
border:solid 3px rgb(51,51,119);
background-color:rgba(51,51,119,0.75);
margin:4px 4px 0px;
border-radius:10px;
}
hr {
width:600px;
border:solid 1px rgb(51,51,119);
}
div.h400 {
height:400px;
overflow-y:scroll;
resize:both;
width:650px;
display:inline-block;
padding:0;
border:solid 2px hsl(0,0%,40%);
margin:0 0 0.5em;
border-radius:10px;
}
div.contents {
display:inline-block;
}
div.link {
display:inline-block;
border:solid 3px rgb(51,51,119);
padding:3px 3px 0;
margin:6px 0 10px;
border-radius:10px;
/* width:630px; */
}
a.lgimg img, div.h400 img, div.link img {
border-radius:8px;
}
a.lgimg:hover {
background-color:rgb(51,51,119);
}
p, li {
max-width:530px;
margin:0.5em auto;
}
div.link p {
max-width:432px;
}
article {
font-size:13px;
}
article img {
border-radius:10px;
}
article p, article li {
max-width:90%;
text-align:left;
}
form, fieldset {
display:inline-block;
}
fieldset, #statmsg, .contents {
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;
}
iframe {
border:2px solid #866;
border-radius:5px;
margin:6px;
}
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:1em;
margin-bottom:0.4em;
}
h3 {
font-size:14px;
margin-top:0.75em;
margin-bottom:0;
}
h4 {
font-size:14px;
margin:1px 0px;
color:#5a5;
}
h3,h4 {
color:hsl(270,20%,60%);
}
h5 {
margin:1px 0px;
font-size:14px;
display:inline-block;
color:#5a5;
}
span.big {
font-size:16px;
font-weight:bold;
}
.nodeNum {
cursor:pointer;
}
#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:3px;
min-width:460px;
max-width:750px;
height:4.4em;
font-size:0.9em;
line-height:1.2;
overflow-y:scroll;
resize:both;
color:#aaa;
}
#scanmsg {
color:#999;
margin:0.25em;
font-size:0.9em;
line-height:1.2;
}

table {
margin:0 auto;
clear:both;
}
td {
max-width:32em;
}

/* Round table corners */
table {
border-collapse:separate;
border-spacing:0;
border-radius:10px;
overflow:hidden;
}
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:4px;
}

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 { /* Link Keyed */
background-color:maroon;
color:yellow;
}
table.grid tr.gColor td, td.gColor { /* Node Idle */
background-color:hsl(150,50%,15%);
}
table.grid tr.tColor td, td.tColor { /* Node PTT */
background-color:maroon;
}
table.grid tr.lColor td, td.lColor { /* Node COS */
background-color:green;
}
table.grid tr.bColor td { /* Node COS+PTT */
background-color:#660;
}

td.wColor { /* Active, Idle, & WT enabled */
background-color:hsl(150,50%,20%);
}

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%);
}
.gray { color:#888; }
.green { color:#7e7; }
.m5 { margin:5px; }
.button1 {
font-size:12px;
background-color:#448;
color:#fff;
}
.greenborder {
display:inline-block;
border:solid 3px rgb(39,144,39);
border-radius:15px;
}
.ib { display:inline-block; vertical-align:middle; }
.ib h2 { margin-top:0; }
.center { text-align:center; vertical-align:middle; }
.left { text-align:left; }
.right { text-align:right; }
.floatright { position:relative; float:right;}
.floatleft { position:relative; float:left; }
pre {
text-align:left;
white-space:pre-wrap;
background-color:#223;
padding:6px;
margin:6px auto;
max-width:85%;
}
pre.ok { color:#7f7; font-weight:bold; font-size:15px; }
.error { color:#f77; }
a.play::after {
color:#0f0;
font-size:11px;
content:"\00A0\25B6";
}
a.dl::after {
color:#0f0;
font-size:12px;
content:"\200A\25BC";
}
