body
{
    background-color: #ffffff;
    color: #000000;
    font: normal 10pt "Arial", sans-serif;
    margin: 0;
}

div#container
{
    display: table;
    width: 100%;
}

div#container > *
{
    display: table-cell;
    vertical-align: top;
}

div#content
{
    padding: 16px;
}

div#footer
{
    border-top: 1px solid #adadad;
    clear: both;
    font-size: 80%;
    padding: 1em 0;
    text-align: center;
}

div#header
{
    overflow: hidden;
    position: relative;
    height: 100px;
}

div#header div#language-selection,
div#header p#user-links
{
    font-size: 80%;
    margin: 0;
    text-align: right;
    position: absolute;
    right: 1em;
}

div#header div#language-selection
{
    top: 1em;
}

div#header div#language-selection form
{
    float: left;
    margin-left: 1em;
}

div#header div#language-selection form input
{
    cursor: pointer;
    border: 0;
    font-size: 140%;
    margin: 0;
    padding: 0;
}

div#header p#user-links
{
    bottom: 1em;
}

div#header p#user-links a
{
    background: inherit;
    color: #ffffff;
}

div.data-container
{
    display: flex;
}

div.standalone-form
{
    /*float: right;*/
    overflow-y: auto;
    text-align: center;
}

div.standalone-form form
{
    margin-bottom: 1em;
    overflow-y: auto;
    float: left;
    margin-right: .5em;
}

div.standalone-form form p
{
    padding-top: .5em;
    clear: left;
}

div.standalone-form form label
{
    clear: left;
    float: left;
    text-align: right;
    margin: .5em 6px .5em 0;
    width: 128px;
}

div.standalone-form form fieldset
{
    margin: 0 0 1em 0;
}

div.standalone-form form input.button
{
    clear: left;
    margin-left: 134px;
}

div.standalone-form form input, div.standalone-form form select, div.standalone-form form textarea
{
    float: left;
    margin: .5em 0;
}

div.diagnostic
{
    float: left;
    text-align: center;
    max-width: 100%;
}

div.message
{
    background-color: #ffffe0;
    border: 1px solid #e0d080;
}

div.message.error
{
    background-color: #ffe0e0;
    border: 1px solid #e08080;
}

div.values
{
    overflow: auto;
}

div.values table
{
    float: left;
    margin-right: 16px;
}

h2, h3
{
    margin: 0 0 .5em 0;
}

h4, h5, h6, p
{
    margin: 0 0 1em 0;
}

img
{
    border: 0;
}

img.active-badge
{
    vertical-align: bottom;
}

p.note
{
    font-style: italic;
}

p.small
{
    font-size: 80%;
}

table
{
    border-collapse: collapse;
    margin: 0 0 1em 0;
}

table tr td, table tr th
{
    border: 1px solid #adadad;
    padding: .25em;
}

div#expandedContent
{
    display: none;
}

@media screen and (max-width: 800px)
{
    div#container
    {
        display: block;
        width: 100%;
    }

    div#container > *
    {
        display: block;
    }

    div.standalone-form
    {
        display: none;
    }
}