.crrc_form input[type="text"] {
    width: auto;
}

.crrc_field_group {
    padding: 10px;
    background: #f8f8f8;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #dddddd;
    margin-bottom: 1em;
}

.crrc_field {
    margin-bottom: 1em;
}

.crrc_table, .crrc_table tr, .crrc_table td {
    border: none;
    border-spacing: 0;
}

.crrc_table, {
    margin: 0;
    padding: 0;
    table-layout: auto:
}

.crrc_table tr, {
    margin: 0;
    padding: 0;
}

.crrc_table td {
    margin: 0;
    padding: 0;
}

/* Make first column (labels) as narrow a possible. */
.crrc_table td:nth-child(1) {
    width: 1px;
    white-space: nowrap;
    text-align: right;
}

.crrc_form textarea {
    resize: vertical;
}

.crrc_form input[name=clear] {
    margin-left: 3em;
}

/* ----- List of Classmates ----- */

.crrc_list {
    -webkit-column-width: 10em;
       -moz-column-width: 10em;
            column-width: 10em;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
}

.crrc_list_totals {
    border-color: #dddddd;
    padding: .5em;
    border-radius: .5em;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 1em;
    display: inline-block;
}
.crrc_list_totals table {
    width: auto;
    border: none;
}
.crrc_list_totals table tr {
    border: none;
}
.crrc_list_totals table tr td {
    border: none;
}
.crrc_list_totals table tr td:nth-child(1) {
    text-align: right;
}
.crrc_list_totals table tr td:nth-child(2) {
    text-align: right;
}

.crrc_classmate {
    margin-bottom: 1em;
}

/* ----- filter forms ----- */

.crrc_filter_form {
    background: #f0f0f0;
    border-color: #b0b0b0;
    padding: .5em;
    border-radius: .5em;
    border-style: solid;
    border-width: 2px;
    margin: .5em;
}

.crrc_name {
    font-weight: bold;
}

/* ----- errors, warnings and messages ----- */

.crrc_error {
    color: #880000;
    background: #fff8f8;
    border-color: #ddaaaa;
    padding: .5em;
    border-radius: .5em;
    border-style: solid;
    border-width: 2px;
    margin: .5em;
}

.crrc_warning {
    background: #fffff8;
    border-color: #ddddaa;
    padding: .5em;
    border-radius: .5em;
    border-style: solid;
    border-width: 2px;
    margin: .5em;
}

.crrc_message {
    background: #f0fff8;
    border-color: #aaddaa;
    padding: .5em;
    border-radius: .5em;
    border-style: solid;
    border-width: 2px;
    margin: .5em;
}

/* ----- DEBUG ----- */

/* Database messages. */
.wpdb_error, .wpdb_query {
    padding: .5em;
    border-radius: .5em;
    border-style: solid;
    border-width: 2px;
    margin: .5em;
}
.wpdb_error {
    background: #fff8f8;
    border-color: #ffdddd;
}
.wpdb_query {
    background: #f8fff8;
    border-color: #ddffdd;
}