body.play_body {
    margin: 0;
}

.play_body .page {
    text-align: left;
}

.scaled_video_container {
    text-align: left;
    position: absolute;
    overflow: hidden;
}

.scaled_video_container.waiting_for_video {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.scaled_video {
    position: static;
}

#footer, .footer_expander_wrapper {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    bottom: 0;
    left: 0;
}

#footer {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 2px 0;
    z-index: 2;
}

.footer_expander_wrapper {
    display: inline-block;
    padding: 4px 5px;
    z-index: 3;
}
.footer_expander_wrapper.hidden { display: none; }

#footer_expander, #footer_collapser { cursor: pointer; }

.controls { display: inline-block; }

.control {
    display: inline-block;
    margin: 0 0.2em;
}
.control input { vertical-align: middle; }
.control button { vertical-align: bottom; }

.home_link, #footer_collapser { margin: 2px 5px; }
.home_link { float: right; }
#footer_collapser { float: left; }
