html {
    background-color: #020077;
    background: url(../background/window_background_base.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/default/background_base_top.jpg, sizingMethod=scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/default/background_base_top.jpg', sizingMethod='scale')";
    border: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 100%;
    -webkit-text-size-adjust:none;
    touch-action: none;
    cursor: inherit;
}
body {
    border: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow:hidden;
    min-height: 100%;
}
#base_background{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../background/window_background_base.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/default/background_base_top.jpg, sizingMethod=scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/default/background_base_top.jpg', sizingMethod='scale')";
    border: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
}
#cover{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background: url(../background/window_background_base.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/default/background_base_top.jpg, sizingMethod=scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/default/background_base_top.jpg', sizingMethod='scale')";
    border: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#loaderContainer {
    position: fixed;
    top: 0;
    left: 0;

    /* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
}
.loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    background: url(../static/loading_icon.png) no-repeat center center fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/default/background_base_top.jpg, sizingMethod=scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/default/background_base_top.jpg', sizingMethod='scale')";
    animation: spin 2s linear infinite;
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-o-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

#font_initialisers {
	opacity: 0;
	filter: alpha(opacity=0);
}