/* Externalized inline styles so the page needs no style-src 'unsafe-inline'. */
body.bk-body { background-color: #e0e0e0; }
a.bk-copyright { text-decoration: none; }

/* No-JS fallback (index.php / index.html <noscript>) */
#nojs_error {
    position: relative; font-family: Verdana, sans-serif; text-align: center;
    top: 40px; width: 450px; margin: 0 auto;
    border: 2px solid #fcb814; border-radius: 18px; color: #888888; font-size: 13px;
}
#nojs_error p { text-align: left; padding: 5px 20px; }

/* Unsupported-browser fallback (bk_start.js) */
#browser_error {
    position: relative; font-family: Verdana, sans-serif; text-align: center;
    top: 40px; width: 450px; margin: 0 auto;
    border: 2px solid #fcb814; border-radius: 8px; color: #888888; font-size: 13px;
}
#browser_error p { text-align: left; padding: 5px 20px; }

/* Preloader (bk_start.js) — replaces inline style="" on injected divs */
#bk_preloader { position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
#bk_preloader .bk-pl-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%; background: #eee;
    background: -moz-radial-gradient(center, ellipse closest-side, #ffffff 0%, #ffffff 35%, #e8e8e8 100%);
    background: -webkit-radial-gradient(center, ellipse closest-side, #ffffff 0%, #ffffff 35%, #e8e8e8 100%);
    background: radial-gradient(ellipse closest-side, #ffffff 0%, #ffffff 35%, #e8e8e8 100%); }
#bk_preloader .bk-pl-table { position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%; display: table; }
#bk_preloader .bk-pl-cell { display: table-cell; vertical-align: middle; text-align: center; }
#bk_preloader .bk-pl-spin { display: block; width: 300px; height: 80px; margin: 1em auto; }