html, body {
    margin: 0;
    padding: 0;
    background: #272e3a;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

a { color: #c0d8ff; }
a:visited { color: #ffffff; }
a:hover { color: #ffffff; text-decoration: underline; }

.cyx-pane { padding: 6px 9px; }
.cyx-header {
    color: #ffffff;
    background: #272e3a;
    border-bottom: 1px solid #c0d8ff;
    white-space: nowrap;
}
.cyx-header a { text-decoration: none; }
.cyx-status {
    padding-top: 5px;
    color: #ffffff;
    background: #272e3a;
    border-bottom: 1px solid #c0d8ff;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
}
.cyx-tree { background: #272e3a; }
.tree-root { margin: 2px 0 9px; }
pre.tree {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre;
}
pre.tree a { text-decoration: none; }
.muted { color: #c0d8ff; }