#PHP_v_CAH_heartbeat{
    display:inline-block;
    position:absolute;
    right:1em;
    background-color:black;
    color:white;
    padding:1px;
    font-size:66%;
}

#title, #description{
    margin:0;
    font-size:100%;
}

.info_line{
    width:100%;
    color:black;
    float:left;
    font-family:Arial, sans-serif;
}
.info_line *{
    margin:0;
    padding:0;
}
.info_line .name .name,
.info_line .game .count,
.info_line .game .name{
    color:white;
}
form.reset_game,
form.reset_game fieldset{
    margin-top:0;
    float:right;
}

.refresh_notice{
    display:inline-block;
    margin:5px;
    text-align:center;
    font-size:33%;
}
.wait_icon{
    margin:0;
    margin-left:10px;
    margin-bottom:-3px;
    height:25px;
}

.players_wrapper{
    border:1px solid white;
    text-align:center;
    padding-left:2px;
}
.players_wrapper .title{
    float:left;
}
.players{
}
.players li{
    display:inline-block;
    margin:auto 10px auto 10px;
}
.tzar_notice{
}
.tzar_notice.you{
    font-size:200%;
}
.status_info{
    margin:auto;
    padding:10px;
    text-align:center;
    font-style:italic;
    font-size:125%;
    min-height:1.5em;
}
.status_info.waiting{
    padding-right:25px;
}
.status_info.cant_logout{
    font-size:100%;
}

.pack_list_wrapper{
    border:1px solid white;
    padding:10px;
}
.pack_list .name{
    font-weight:bold;
}
.pack_list .description{
    font-size:small;
}

input[type=text],
input[type=password]{
    width:266px;
    min-height:33px;
    font-size:200%;
}

.show_record_wrapper{
    border:1px solid white;
    padding:10px;
}
.show_record_wrapper .title.chosen{
    text-align:center;
    font-family:Arial, sans-serif;
    font-style:italic;
}
.show_record li.winner span{
    display:inline-block;
}
.show_record li.winner .name{
    font-weight:bold;
}
.show_record li.winner .question,
.show_record li.winner .answer{
    padding:1px 4px 1px 4px;
    border-radius:5px;
}
.show_record li.winner .question{
    background-color:black;
    color:white;
    border:1px solid white;
}
.show_record li.winner .answer{
    background-color:white;
    color:black;
    border:1px solid black;
}
.show_record li.winner .date,
.show_record li.winner .pack{
    font-size:77%;
}

.card{
    position:relative;
    margin:1px;
    border-radius:5px;
    font-size:2em;
}
.card hr{
    margin:2px 0 2px 0;
}
.card.black{
    border:1px solid white;
    padding:5px 0px 5px 10px;
    font-size:2em;
    color:white;
    background-color:black;
}
.card.white{
    border:1px solid black;
    min-height:66px;
    color:black;
    background-color:white;
}
.card.white.played{
    padding:1px 0px 1px 10px;
}
.card.white input[type=radio],
.card.white label{
    margin:0;
    padding:0;
}
.card.white input[type=radio]{
    width:22px;
    height:22px;
    margin:22px auto auto auto
}
.card.white .input{
    min-width:22px;
    height:22px;
}
.card.white label{
    display:inline-block;
    width:100%;
    min-height:66px;
    padding:1px 0px 1px 0px;
}
.card.white.multiple label{
    line-height:33px;
    padding:3px;
}

.card.white .input,
.card.white .label{
    float:left;
}
.card.white .input{
    width:44px;
    text-align:center;
}
.card.white.multiple .input{
}
.card.white .label{
    width:calc(100% - 44px);
}
.card.white.multiple .label{
}

.card.white .label span.card_text{
    display:inline-block;
    width:100%;
}
.card.white.multiple .label span.card_text{
    line-height:1.1em;
}

.card.white .label br+span.card_text{
    border-top:1px solid black;
}