.e-index, .e-trip, .e-timestamp, .e-text, .e-type,
.s-index, .s-trip, .s-timestamp, .s-text, .s-type {
    font-family : monospace;
    font-size : 9pt;
}

.e-trip, .e-timestamp, .e-type,
.s-trip, .s-timestamp, .s-type {
    white-space: nowrap;
}

.e-timestamp, .e-trip, .e-type,
.s-timestamp, .s-trip, .s-type {
    text-align : center;
}

.s-remove {
    cursor : pointer;
    padding : 0 0 0 0;
    font-size : 12pt;
    color : #c00;
    font-weight : bold;
}

#scratchTimesTable td {
    text-align : center;
}

#scratchPad .s-type a {
    color : #00e;
}

#scratchPad .s-type a:visited {
    color : #551a8b;
}

#scratchPad .s-text a {
    color : #00e;
}

#scratchPad .s-text a:visited {
    color : #551a8b;
}

#scratchPad {
    padding : 0.5em;
}

#scratchName {
    font-size : 12pt;
    font-weight : bold;
}

#scratchPad div {
    margin : 0.5em 0 0.5em 0;
}

#scratchTimes {
    font-size : 8pt;
}

#scratchTimesTable {
    width : 100%;
}

#scratchHeader {
    position : relative;
}

#scratchVersion {
    position : absolute;
    right : 1em;
    bottom : 1.2em;
    font-size : 8pt;
    font-style : italic;
    color : #999;
}

#scratchTimestamp {
    position : absolute;
    right : 1em;
    bottom : 0;
    font-size : 8pt;
    font-style : italic;
    color : #999;
}

.e-text, .s-text {
    width : 40em;
    white-space : pre-wrap;
}

#header {
    position : fixed;
    top : 0;
    left : 0;
    right : 0;
    height : 7em;
    padding : 0.2em;
    background-color : #eee;
}

body {
    margin-top : 7em;
}

tr.event {
    cursor : pointer;
}

tr.event-noconf {
    background-color : #fdd;
}

table {
    border-spacing : 0;
}

table.confirmations td {
    text-align : center;
}

th {
    font-family: sans-serif;
    font-weight : bold;
    font-size : 10pt;
    background-color : #333;
    color : #ccc;
    padding : 0.2em;
}

td {
    vertical-align: top;
    border-bottom : 1px solid #ccc;
    padding : 0.2em;
    color : #333;
}

p {
    margin : 0.5em 0;
}

p.timestamp {
    font-family : sans-serif;
    font-size : 10pt;
    color : #666;
    margin : 0;
}

div.datasets {
    font-family : sans-serif;
    font-size : 8pt;
    padding : 0.2em 0;
}

div.wip {
    font-family : sans-serif;
    font-size : 8pt;
    padding : 0.2em 0;
}

#donate {
    font-family : sans-serif;
    font-size : 8pt;
    position : fixed;
    top : 4em;
    right : 0;
    text-align : right;
    padding-right : 1em;
}

#donate img {
    vertical-align: bottom;
    height : 4em;
    padding : 0.2em 0 0 0;
}

#donate div {
    padding : 0 0.5em 0 0;
}

div.menu {
    font-family: sans-serif;
    font-size: 8pt;
}

#scratchTable {
    width : 100%;
}

#scratchPad {
    font-family : sans-serif;
    background-color : #fff;
}

span.count, span.board {
    font-size : 8pt;
    color : #666;
}

span.id, span.datasets {
    font-style : italic;
    font-size : 7.5pt;
    color : #999;
}

.highlight {
    background-color : #ff0;
}

.lowlight {
    background-color : #ffc;
}

span.boxed {
    font-weight : bold;
}

span.caps {
    color : #600;
}

span.abbr {
    border : 1px solid #ccc;
}

dt {
    font-weight : bold;
    margin : 0.4em 0 0.2em 0;
}

dd {
    margin : 0.2em 0 0.2em 2em;
}

i {
    font-style: italic;
}