/*-----------------------------------------------------------------------------------------*/
/* scrolling */
/*-----------------------------------------------------------------------------------------*/

    body { /*overflow: hidden;*/ }

    .surface 
    {
        height: 100%;
        /*top: 235px;*/
        -moz-box-sizing: border-box;
        transition: padding-bottom 0.1s ease 0s;
        display: block;
        visibility: visible;
        bottom: 0px;
        overflow: none;

    }

    .Columns {

        width:924px;

        display: inline-block;
        bottom: 0px;
        top: 229px;
        position: absolute;
    }

    .LeftSide, .RightSide {
        height: inherit;
        vertical-align: top;
        float: left;
        overflow: auto;
        position: relative;
        height: 100%;
        overflow-x: hidden;
        z-index: 99;
    }
    
    .LeftSide { width: 33.333%; background-color: white}