root {
    display: block;
}

#main {
    margin: 0px 20px 0px 20px;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.underlined {
    text-decoration: underline;
}

.error {
    color: red;
}

caption {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 15px;
}

table {
    border-collapse: collapse;
}

td {
    padding-right: 15px;
}

thead td {
    border-bottom: 1px solid black;
    font-weight: bold;
}

tbody.bordered td {
    border-bottom: 1px solid lightgray;
}

tr.total_row td {
    border-top: 1px solid black;
    font-weight: bold;
}

thead td.clickable {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

tbody tr.clickable {
    cursor: pointer;
}

table.striped tr.even {
    background-color: #F0F0F0;

}

.highlight, .highlighted {
    background-color: lightblue !important;
}

.hover-highlight {
    background-color: lightblue !important;
}