
BODY
{
    padding: 10px;
}

.header
{
    width: calc(100% - 20px);
    max-width: 660px;
    margin: 10px auto;
    color: #FFFFFF;
    padding: 20px;
    /* The radial gradient backgrounds had a significant impact on the performance of animations */
/*    background-color:   #000000;
    background-image:   radial-gradient(circle, #151515 2px, transparent 2px),
                        radial-gradient(circle, #151515 2px, transparent 2px);
    background-size:    6px 6px;
    background-position: 0 0, 3px 3px;*/
    background: #000000 url('/3rdParty/jquery/jqueryUI/css/images/ui-bg_hexagon_10_000000_12x10.png') 50% 50% repeat;
    border: 1px solid #000000;
    border-right: 1px solid #353535;
    border-bottom: 1px solid #353535;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.contentContainer
{
    margin: 0 auto;
    width: 100%;
    max-width: 680px;
    padding: 10px;
    /* The radial gradient backgrounds had a significant impact on the performance of animations */
/*    background-color:   #000000;
    background-image:   radial-gradient(circle, #151515 2px, transparent 2px),
                        radial-gradient(circle, #151515 2px, transparent 2px);
    background-size:    6px 6px;
    background-position: 0 0, 3px 3px;*/
    background: #000000 url('/3rdParty/jquery/jqueryUI/css/images/ui-bg_hexagon_10_000000_12x10.png') 50% 50% repeat;
}

.content
{
    width: calc(100% - 20px); /*Exclude parent padding*/
    padding: 10px;
    background-color: #000000;
    border-radius: 5px;
    border: 1px solid #1A1A1A;
}

.galleria-container
{
    margin-left: auto;
    margin-right: auto;
}

.indented ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.indented ul li
{
    border-top: 1px solid #333333;
    border-bottom: 1px solid #111111;
}

.indented ul li:first-child
{
    border-top: none;
}

.indented ul li:last-child
{
    border-bottom: none;
}

.indented ul li
{
    padding: 10px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}

.indented ul li a:hover
{
    background: #111111;
}

.frontendList
{
    display: table;
}

.frontendRow
{
    display: table-row;
}

.frontendName
{
    display: table-cell;
}

.frontendName A
{
    color: #FFFFFF;
    text-decoration: none;
}

.frontendStatus
{
    display: table-cell;
    text-align: center;
    color: #000000;
}

.frontendOnline
{
    background-color: #009900;
    /*font-weight: bold;*/
}

.frontendOffline
{
    background-color: #990000;
}
