.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1002; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
*:first-child+html .arcticmodal-box { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.arcticmodal-box {
    position: relative;
    z-index: 1003;
    margin: 0;
    border-collapse: collapse;

    width: 500px;
    height: 400px;
    padding: 0px;
    background: #fff;
    color: #3c3c3c;
    font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
    Zborder-radius: 6px;
}

.arcticmodal-box-close { position: absolute; right: 10px; top: -20px; z-index: 2000; font-size: 11px; line-height: 15px; color: red; cursor: pointer; }
.arcticmodal-box-close:hover { color: #666; }

.arcticmodal-box-title {width: 100%; position: absolute; top: -20px; color: white; font-size: 16px;}

.arcticmodal-box-container {position: relative; width: 100%; height: 100%; overflow: auto; zborder: 1px solid red;}