#container {
    width: 96%;
}
#sidebar {
    display: none;
}
#content {
    width: 100%;
}

th, td {
    padding: 0px;
    border: 1px solid grey;
    vertical-align: middle;
    text-align: center;
}
#stats {
    background: #fff;
}
#stats th span {
    font-weight: normal;
}
.game_stats {
    background: #fff;
    padding: 25px 10px;
    overflow: auto;
}
.game_stats .inner {
    width: 1950px;
}
#facebox .content {
    width: 900px;
}
.task_header {
    width: 75px;
    height: 75px;
    text-align: left;
    padding: 10px;
}
.task_time {
    width: 75px;
    height: 75px;
    text-align: center;
    border: 1px solid #000;
    margin: 4px 5px 4px 4px;
    float: left;
    overflow: hidden;
    padding: 5px;
}
.task_time:last-child {
    margin-right: 0px;
}
div.body div.leftportion .task_time p {
    padding: 0 0 3px;
}

div.body div.leftportion .task_time .title {
    width: 999px;
    text-align: left;
    font-weight: bold;
}

.task_time a {
    color: #000;
}

.default {
    background-color: #fff;
}
.legend td {
    padding: 10px;
}
.before_hint {
    background: #C8E4B5;
}
.before_hint2 {
    background: #FAF9CB;
}
.before_end {
    background: #EEE;
}
.failed {
    background: #F8C8C8;
}
.forfeited p a, .forfeited p {
    color: #fff;
    text-decoration: none;
    border-color: #fff;
}
.forfeited {
    background: red;
    font-weight: bold;
    background-image: url(/static/modules/play/skip.png);
    background-position: right bottom;
    background-repeat: no-repeat;    
}
.fine{
    color: red;
}
.bonus {
    color: green;
}
.not_done {
    display:inline-block; 
    background: red; 
    color: #fff; 
    border-radius: 25px;
    padding: 2px 7px;
    font-weight: bold;
    font-family: Georgia;
}
.started {
    background: #C3E9F8;
}
.fake_link {
    border-bottom: 1px dotted #000; 
}

.play_control {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/static/modules/play/assets/img/pause-16.png) no-repeat center center;
    margin: 0 auto;
}
.paused {
    background: url(/static/modules/play/assets/img/play-16-red.png) no-repeat center center;
}
.skvoznoe {
    background: #DCD7F2;
}

/* Statistics */
.code_log_container {
    width: 960px;
    min-height: 400px;
}

#facebox .content .form {
    width: 44%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    padding: 2%;
    border:1px solid silver;
}
#facebox .content .form p {
    margin: 5px 0;
}
#facebox .content .form span {
    display: inline-block;
    width: 80px;
}
#facebox .content .form label {
    padding: 0;
}


#facebox .content table {
    border-collapse: collapse;
    width: 50%;
}
#facebox .content td { 
    font-size: 12px; 
    font-weight: normal; 
    padding: 8px;
    border: 1px solid #F2F2F2;
}
#facebox .content td.code { 
    font-size: 16px; 
    font-weight: bold; 
}
#facebox .content td.ua {
    font-size: 11px;
}
#facebox .content .good { color: green; }
#facebox .content .red  { color: red; }
#facebox .content .spoiler  { color: purple; }
#facebox .content small { color: grey; }
.bonus_minutes a, .lost_score a {
    border-bottom: 1px dotted #000;
}
#facebox .content .bonus-list {
    width: 99%;
}
.bonus-list th {
    padding: 5px 15px;
}
.bonus-list input[name^=bonus_amount] {
    width: 50px;
}
.bonus-list input[name^=bonus_comment] {
    width: 400px;
}
#bcodes td {
    padding: 5px;
    border:1px solid #404040;
}