<?php echo <<<CSS

/* HUGE (simple) User scheme controls */


#user-scheme-controls {
    margin: 5rem auto 0;
}
.user-submit-form {
    float: left;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
input.user-scheme-submit {
    height: 10rem;
    font-size: 400%;
    padding: 0 1rem;
}

/* mini version - smaller user-selection buttons */
#user-scheme-mini #user-scheme-controls {
    margin: 0;
}

#user-scheme-mini .user-submit-form {
    float: left;
    margin: 0 .4rem 0 0;
}

#user-scheme-mini input.user-scheme-submit {
    height: 1.8rem;
    font-size: .7rem;
    padding: 0 .1rem;
}


/* slightly different version for admin */

.admin-user {
    position: fixed;
    top: 6rem;
    left: 1rem;
    margin: 0;
    width: 12rem;
}
.admin-user #user-scheme-controls {
    margin: 0;
}
.admin-user .user-submit-form  {
    margin: 1rem 1rem 0 0;
}
.admin-user input.user-scheme-submit{
    height: 5rem;
    font-size: 100%;
    padding: 0 .5rem;
    width: 8rem;
}



#user-scheme-controls li {
    list-style: none;
}


@media screen and (max-width: 640px) {


    #user-scheme-mini input.user-scheme-submit {
        height: 3rem;
        font-size: 2rem;
/*        padding: 0;*/
    }

    #user-scheme-mini .user-submit-form {
        float: left;
        margin: 0 .6rem 0 0;
    }
}


CSS;
?>