body
{
    margin: 1em auto;
    width: 600px;
    background-color:#FFFFFF;
    font-size: 14pt;
}

div.letterhead { text-align: center; }

div.contact
{
    text-align:center;
    font-family: sans-serif;
    margin-top: 3em;
}

h1
{
    font-size: 24pt;
    font-family: sans-serif;
    text-align: center;
}

h2
{
    font-size: 18pt;
    font-family: sans-serif;
    text-align: center;
    margin: 1em auto 0 auto;
}

div.hidden { display:none; }

div.messages
{
    font-size:large;
    text-align:center;
}

.mobile_test { background-color:red; }

fieldset.login
{
    border: none;
    background-color:#EEEEEE;
}

fieldset.login p.form { text-align:center; }

fieldset.aucsc
{
    border-spacing : 1em;
    vertical-align : top;
}

fieldset.aucsc p.form-row
{
    display: table-row;
    padding : 1em;
}

fieldset.aucsc p.form-row label
{
    text-align: right;
    vertical-align: top;
    display: table-cell;
    padding-right: 0.5em;
    width: 200px;
}

fieldset.aucsc p.buttons
{
    text-align: center;
}

p.dl_buttons
{
    margin-top: 2em;
    text-align:center;
}

p.dl_buttons a
{
    border:solid 1px black;
    padding: 1em;
    margin: 1em;
}

@media (hover:none), (pointer:coarse) {
    .mobile_test   { background-color: yellow; }
    body           { width:90%; font-size:4vw; }
    h1             { font-size:6vw; }
    input, text    { font-size:5vw; }
    textarea       { font-size:4vw; }

    fieldset.aucsc p.form-row label
    {
        text-align: left;
        vertical-align: top;
        display: block;
        width: auto;
    }
}