html {
    background: #6397CC;
}

#sf_onlinepaper_container {
    background: none;
    margin: auto;
    height: 100%;
    width: 100%;
    position: absolute;
    text-align: center;
}

div.clear {
    clear: both;
}

#sf_onlinepaper_main {
    text-align: center;
    margin: auto;
    height: 70%;
    margin-bottom: 1%;
    margin-top: 1%;
}

#sf_onlinepaper_carousel {
    height: auto;
    text-align: center;
    margin: 0 auto;
}

.buttons {
    height: 55px;
    text-align: center;
    width: 100%;
}

.buttons a,
#slider-prev,
#slider-next {
    display: inline-block;
    line-height: 45px;
    height: 45px;
    width: 45px;
}

.buttons a {
    margin: 0 5px;
}

#slider-prev {
    background: url(../Gfx/prev.png) no-repeat;
}

#slider-next {
    background: url(../Gfx/next.png) no-repeat;
}

.tx-sf-onlinepaper {
    .fullscreen {
        background: url(../Gfx/fullscreen.png) no-repeat;
    }

    .hide-fullscreen {
        background: url(../Gfx/hide-fullscreen.png) no-repeat;
    }

    .buttons a.first {
        background: url(../Gfx/first.png) no-repeat;
        margin-left: 20px;
    }

    .last {
        background: url(../Gfx/last.png) no-repeat;
    }

    .next {
        background: url(../Gfx/next.png) no-repeat;
    }

    .prev {
        background: url(../Gfx/prev.png) no-repeat;
    }

    .buttons a.download {
        margin-left: 20px;
        background: url(../Gfx/download.png) no-repeat;
    }
}

.page {
    margin: 0 auto;
    display: block;
    position: relative;

}

.paper-page {
    width: auto;
    height: auto;
}

.bx-wrapper img {
    margin: 2px;
}

.bx-wrapper img.slide-active {
    border: 2px solid #AAC9E7;
    margin: 0;
}