body { font-family: sans-serif }

.permalink {
    float: right;
    margin: 0 1em;
}
p.value_explanation {
    background-color: #F8F8F8;
    border: 1px solid #DDD;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius: 5px;
}
/* See http://clrs.cc/ */
.error       { background: #ff851b } /* Orange */
.warning     { background: #ffdc00 } /* Yellow */
span.year    { background: #ff851b } /* Orange */
span.week    { background: #ffdc00 } /* Yellow */
span.month   { background: #88ff88 }
span.weekday { background: #ff9999 }
span.time    { background: #88ccff }
span.rule_separator    { background: #3d9970 } /* Olive */
/* span.one_rule { text-decoration: underline } */
a.specification { color: black; text-decoration:none }
span.state   { background: #ffccff }
span.comment { background: #dddddd } /* Silver */

noscript { color: #AA4400 }
.hd {
    display:block;
    color:#710B12;
}
.hd q { display:inline }
#expression, #diff_value, .w100 { width:100% }
.nostyle { border:none }

input[type="number"] {
    width:3em;
}

input[type="number"].input__year {
    width:4em;
}

input[type="number"].input__coordinate {
    width:6em;
}

input:read-only {
    background-color: #E0E0E0;
    border: none;
    border-radius: 5px;
    padding: 5px;
    margin: 2px;
}