/*#region body style*/
body
{
    -webkit-text-size-adjust: 100%;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-height: 1000000px;
    max-width: 575px;
    min-width: 170px;
    overflow-y: scroll;
}

@media screen and (max-width: 280px)
{
    body
    {
        font-size: .9em;
    }
}

@media screen and (max-width: 240px)
{
    body
    {
        font-size: .8em;
    }
}

@media screen and (max-width: 200px)
{
    body
    {
        font-size: .7em;
    }
}

/*#endregion */

/*#region Other HTML Element style*/

form
{
}

a
{
}

hr
{
    border: 0px none;
    border-top: 1px solid #385D8A;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 90%;
}

footer
{
    clear: both;
    margin-bottom: 1.5em;
    padding-top: .5em;
}

footer a
{
    float: left;
    margin-right: 1em;
}

ul
{
    list-style-image: none;
    list-style-type: none;
}

button
{
    padding: 6px 15px 6px 15px;
}

/*#endregion*/

/*#region Helper Classes*/

.center
{
    display: block;
    text-align: center;
}

.hidden
{
    display: none;
}

.clear
{
    clear: both;
}

.contain-children
{
    overflow: auto;
}

.float-left
{
    float: left;
}

.no-padding
{
    padding: 0px;
}

.nowrap
{
    overflow: visible;
    white-space: nowrap;
}

.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*#endregion*/