body { font-family: Arial, sans-serif; font-size: 13px;
    line-height: 16px; margin: 0;
    background-color: #eeeeee; color: #333333; }

.header { float: left; }
.header2 { float: right; }
.header a, .header2 a { line-height: 22px; padding: 10px 18px;
    text-decoration: none; color: #333333; }

:target, .header:nth-last-child(2) { background-color: #cccccc; }
:target ~ .header:nth-last-child(2) { background-color: inherit; }

.header:focus, .header:hover,
.header:nth-last-child(2):focus, .header:nth-last-child(2):hover,
.header2:focus, .header2:hover,
.header2:nth-last-child(2):focus, .header2:nth-last-child(2):hover
{ background-color: #999999; }

.section { position: absolute; top: 42px; min-width: 100%;
    padding-top: 18px; border-top: 1px solid #dddddd; }
.section > * { margin-left: 18px; }

:target + .section, .section:last-child { display: block; }

.section, :target + .section ~ .section { display: none; }

h1 { font-size: 18px; font-weight: normal; margin: 10px 0; }

h2 { font-size: 15px; }

h2:not(:first-child) { margin-top: 2em; }

/*
table { border-collapse: collapse; border-spacing: 0;
    margin-top: 1.5em; }
table, thead { border-width: 1px 0; border-style: solid;
    border-color: #dddddd; text-align: left; }
*/

td {border-bottom:1pt solid black;}

/*th.name, td.name { padding: 1ex 2em 1ex 0; }*/
td.value {font-size: 12px;}

tbody > tr:hover { background-color: #cccccc; }

.code { font-family: "Courier New", monospace; }
.code, .tree li { line-height: 15px; }
.code a { text-decoration: underline; color: #666666; }

.xml .ns { font-style: italic; color: #999999; }

ul, .tree { list-style-type: none; }

div > ul.expr, div > .expand, .tree { padding-left: 0; }

.expr, .expand, .null, .numeric { padding-left: 1.5em; }

.json { white-space: pre-wrap; }
/**/