#logger {
    width:400px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    overflow-y:auto;
    border-left: solid silver 1px;
    background-color:rgba(248,248,248,0.6);
}

#logger DIV.log {
    margin:2px;
    font-family:monospace;
}

#logger DIV.log .entry-counter {
    position:absolute;
    width:20px;
    padding-right:3px;
    background:silver;
    color:white;
    text-align:right;
}

#logger DIV:first-child .entry-counter {
    background-color:blue;
}

#logger DIV.log .entry-content {
    margin-left:22px;
    border:dashed silver 1px;
    min-height:18px;
    padding:2px;
    overflow-x:auto;
}

#logger DIV:first-child .entry-content {
    border-color:blue;
}

#logger .log-inspect {
    color:blue;
    cursor:pointer;
}

#logger .log-line-a {
    color:gray;
}

#logger .log-inspect:hover {
    text-decoration:underline;
}

#logger .log-string {
    color:orange;
    height:16px;
    margin:0;
    padding:0;
    border:0;
}

#logger .log-string:focus {
    width:100%;
    height:auto;
}

#logger .log-number {
    border:none;
    padding:0;
    margin:0;
    color:green;
}

#logger .log-boolean {
    margin:0;
    padding:0;
}

#logger .log-function {
    color:purple;
    display: inline;
    margin: 0;
    padding: 0;
    cursor:pointer;
}

#logger .log-function:hover {
    text-decoration:underline;
}