html, body {
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%
}

.clear:after, .clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.clear, .clearfix {
    *zoom: 1
}

* html .clear, * html .clearfix {
    height: 1%
}

#patternPage {
    position: relative;
    width: 100%
}

#patternOuter {
    height: 100%
}

.patternViewPage #patternFloatWrap {
    display: grid;
    grid-template-columns: 217px auto;
}

#patternSideBar {
    display: block;
    order: -1;
}

#patternSideBarContents {
    position: relative
}

#patternMain {
    display: block;
    order: 1;
}

#patternBottomBar {
    clear: both;
    width: 100%
}

.foswikiContentFooter {
    clear: both
}

#patternTopBar {
    height: 75px;
    overflow: hidden
}

#patternTopBarContents {
    padding-top: 12px
}

.patternMetaMenu {
    vertical-align: middle
}

@media (max-width: 870px) {
    .patternRevInfo, .patternMetaMenu form[name="changeLanguage"] {
        display: none
    }
    #patternFloatWrap {
        display: block;
    }
}