.config-section {
    display: none;
}
.config-wrapper {
    /*margin-top: 2px;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.07);*/
    padding-top: 3px;
    padding-bottom: 3px;
}
a.config-title.hidden-variant {
    color: #cccccc;
}
a.config-title.nonworking-variant {
    color: #ff5555;
}

h3.variant {
    color: #000000;
}
h3.hidden-variant {
    color: #cccccc;
}
h3.nonworking-variant {
    color: #ff5555;
}

.config-section {
/*
    padding-left: 10px;
    padding-right: 10px;
*/
}
.config-wrapper.even {
    background-color: #f4f4f4;
    /*margin-top: 2px;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.07);*/
    padding-top: 3px;
    padding-bottom: 3px;
}

table.wide {
    width: 100%;
    border-spacing: 0px;
}

table.wide th {
    text-align: left;
    color: #666;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.1em;
    /*line-height: 2.6em;*/
    text-transform: uppercase;
    border-bottom: 1px solid #dddddd;
    /*
    border-top: 1px solid #dddddd;
    background-color: #f8f8f8;
    */
    margin-bottom: 2px;
}

table.wide tr.odd {
    background-color: #f4f4f4;
}

table.wide td {
    padding: 3px;
}

.key-value-table {
    width: 100%;
    table-layout: fixed;
    font-size: 13px;
    font-family: Courier, Courier New;
    border-spacing: 0px;
    margin-top: 10px;
}
.key-value-table td {
    /*
    padding-top: 2px;
    padding-bottom: 2px;
    */
    padding: 2px;

    /*
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    */
    word-wrap: break-word;
}

.key-value-table div {
    max-height: 140px;
    overflow-y: auto;
}

.key-value-table tr.even {
    background-color: #f4f4f4;
}

.overridden {
    text-decoration: line-through;
    color: #b00000;
}

.overridden a {
    color: #b00000;
}

.inherited {
    color: #b0b0b0;
}

.inherited a {
    color: #b0b0b0;
}

/*
.image_upload_box {
    background-color: white;
    padding: 20px;
    border: 2px solid #aaaaaa;
    display: none;
    position: absolute;
    width: 760px;
    height: 200px;
    left: 50%;
    margin-left: -470px;
}
*/
.image_upload_box {
    padding: 20px;
    display: none;
}

header#branding {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}
.comment-box {
    border: 1px solid #dddddd;
    background-color: #f4f4f4;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px;
    padding-top: 4px;
}
.comment.todo {
    background-color: #ffffe0;
}
.comment.todo.resolved {
    background-color: inherit;
    text-decoration: line-through;
}

.comment-index-table {
    width: 100%;
    border-collapse: collapse;
}

.comment-index-table td {
    border: 1px solid #dddddd;
    padding: 6px;
}

.comment-index-table .odd-row td {
    background-color: #f4f4f4;
}

.postinfo {
    white-space: nowrap;
}

.rating-button {
    color: #888888;
    /*float: right;*/
    padding-left: 8px;
    padding-right: 8px;
}
.rating-button:hover, .rating-button.like_0:hover, .rating-button.work_0:hover {
    background-color: #dddddd;
    cursor: pointer;
}
.rating-button.selected {
    background-color: #ff9900;
    color: #ffffff;
}
.rating-button.like_0, .rating-button.work_0 {
    color: #888888;
    background-color: inherit;
}
.rating-button.work_-1.selected {
    color: #ffffff;
    background-color: #990000;
}
.rating-button.work_1.selected {
    color: #ffffff;
    background-color: #009900;
}
.rating-button.selected.like_1 {
    background-color: #e00000;
}
.rating-button.selected.like_2 {
    background-color: #ff5000;
}
.rating-button.selected.like_3 {
    background-color: #ff8000;
}
.rating-button.selected.like_4 {
    background-color: #ffa000;
}
.rating-button.selected.like_5 {
    background-color: #ffc000;
}

div.problem {
    clear: both;
    border: 1px solid #ddbbbb;
    background-color: #ffcccc;
    margin-bottom: 10px;
    padding: 4px;
}

div.problem-score {
    float: right;
    font-weight: bold;
    font-size: 20px;
    margin-left: 10px;
    margin-top: -4px;
    padding-right: 4px;
}

div.problem-end {
    clear: both;
}

div.problem-total-score {
    float: right;
    font-weight: bold;
    font-size: 20px;
    border: 1px solid #ddbbbb;
    background-color: #ffcccc;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.quote, div.code {
    border: 1px solid #bbbbbb;
    padding: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.quote {
    background-color: #ffffff;
    padding-top: 2px;
}

span.comment-info {
    color: #888888;
    font-size: 11px;
}

span.quote-info {
    font-size: 10px;
}

div.code {
    background-color: #ffffee;
    font-family: fixed;
}

.letterlink {
    margin-bottom: 20px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    padding-right: 9px;
    font-weight: bold;
    float: left;
    color: black;
}

.letterlink:hover {
    background-color: #f0f0f0;
}

.letterlink.active {
    background-color: #808080;
    color: white;
}

.game_box {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.game_box.unpublished img {
    opacity: 0.15;
}

.game_box_score {
    position: absolute;
    background-color: orange;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    color: white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    font-weight: bold;
}

.game_box_score.low_score {
    background-color: red;
}

div.editor_until {
    background-color: #ffffdd;
    border: 1px solid #ccccaa;
    padding: 10px;
    margin-bottom: 32px;
}

div.self_editor {
    background-color: #ccffcc;
    border: 1px solid #99bb99;
}

table.forum-list,
table.topic-list,
table.message-list {
    width: 100%;

}

table.forum-list,
table.topic-list {
    width: 100%;
    border-collapse: collapse;

}

table.forum-list td,
table.topic-list td {
    border: 1px solid #a0a0a0;
    padding: 10px;
    background-color: #fcfcfc;
}


table.forum-list td.right,
table.topic-list td.right {
    width: 256px;
    background-color: #f8f8f8;
}

table.message-list {
    border: 1px solid #a0a0a0;
    margin-bottom: 16px;
}

table.message-list td {
    padding: 10px;
    background-color: #fcfcfc;
}

table.message-list td.header {
    background-color: #a0a0a0;
    color: white;
    padding: 4px;
    font-size: 13px;
}

table.message-list td.left {
    width: 256px;
    background-color: #f8f8f8;
    border-right: 1px solid #a0a0a0;
}