table#liveFormData th {
    background-color: white;
    padding-left: 0.5em;
}

table#liveFormData {
    height: 50em;
}

table#liveFormData .value, table#liveFormData .control-name {

}

table#liveFormData .value {
    font-family: monospace;
    font-size: 120%;
    max-width: 19em;
    overflow:hidden
}

table#liveFormData .value.type-string {
    color: hsl(240, 100%, 39%);
}

table#liveFormData .value.type-string:before {
    content: '"';
}
table#liveFormData .value.type-string:after {
    content: '"';
}

table#liveFormData .value.type-number {
    color: hsl(125, 100%, 36%);
}

table#liveFormData .value.type-boolean {
    color: hsl(43, 100%, 36%);
}

table#liveFormData .value.type-date {
    color: hsl(184, 100%, 36%);
}

table#liveFormData .value.null {
    color: grey; font-style: italic;
}

table#liveFormData td.control-name, table#liveFormData .rules span {
    color: grey;
    font-family: monospace;
    font-size: 110%
}

table#liveFormData tr.val-error {
    background-color: hsl(342, 43%, 93%)
}

table#liveFormData tr.val-error td.control-name, table#liveFormData tr.val-error td.error {
    color: hsl(342, 90%, 48%);
}

table#liveFormData tr.method-constrainrule span.constrainrule, 
table#liveFormData tr.method-requiredifrule span.requiredifrule, 
table#liveFormData tr.method-onlyifrule span.onlyifrule {
    color: hsl(342, 90%, 48%);
}