html,
body
{
    font-family: Arial, sans-serif;
    font-size: 1em;
}

body.show-only-errors_checked .ok
{
    display: none;
}

body.show-only-errors_checked .sym-ok-group
{
    opacity: .2;
}

.page
{
    padding: 20px 70px 30px 50px;
}

.word
{
    padding: .1em .2em;

    border-radius: 3px;
    background-color: rgba(0, 0, 0, .05);
}

.table
{
    font-size: .9em;

    width: 100%;
    margin-left: 2em;

    table-layout: fixed;
    border-spacing: 0 0;
    border-collapse: collapse;
}

.table th
{
    font-weight: bold;

    text-align: center;
}

.table th,
.table td
{
    padding: .3em;
}

.table tr:nth-child(2n)
{
    background-color: #fcfcfc;
}

.table tr:hover
{
    background-color: #f0f0f0;
}

.table caption
{
    font-size: 1.2em;
    font-weight: bold;

    margin-top: 1em;
    margin-bottom: .5em;

    text-align: left;
}

.table td,
.table th
{
    padding: 6px 13px;

    text-align: left;

    border: 1px solid #ddd;
}

.table .table-num
{
    width: 2em;

    text-align: right;
}

.table .table-line
{
    width: 4em;
}

.table sup.table-count
{
    margin-left: 3px;
    font-size: 0.8em;
}

.syserr,
.err,
.ok
{
    margin-top: 2.5em;
}

.syserr
{
    color: red;
}

.sym-err,
.num-err
{
    color: red;
}

.num-ok,
.sym-ok
{
    color: green;
}

.sym-ok,
.sym-err
{
    font-weight: bold;

    display: inline-block;

    width: 1em;
}

.letters-en
{
    color: red;
}

.letters-ru
{
    color: green;
}

.time
{
    font-size: .8em;

    margin-left: .5em;

    color: #999;
}

a:not([href]),
a:not([href]):hover
{
    color: black;
}