@charset "UTF-8";

// <copyright>
// Copyright (c) 2012, Motorola Mobility LLC.
// All Rights Reserved.
// 
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
// 
// * Redistributions of source code must retain the above copyright notice,
//   this list of conditions and the following disclaimer.
// 
// * Redistributions in binary form must reproduce the above copyright notice,
//   this list of conditions and the following disclaimer in the documentation
//   and/or other materials provided with the distribution.
// 
// * Neither the name of Motorola Mobility LLC nor the names of its
//   contributors may be used to endorse or promote products derived from this
//   software without specific prior written permission.
// 
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
// </copyright>


#middleDocArea {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;

    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;

    margin: 1px;
    margin-bottom:3px;

    border-style: solid;
    border-width: 1px;
}

//  Used for the Iframe Version
#mainStageIFrame {
    border: none;
    margin: 4px;
}




#mainStageArea {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;

    overflow: scroll;
    position: relative;

    margin: 0px;
    padding: 0px;
    border: none;
}

#pasteBoard {
    // position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    border: none;

    // overflow: scroll;
}


#stageBG {
    width:100%;
    height:100%;
    background-color: red;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 150px;

    z-index: 0;
}

#stageUserContent {
    width:100%;
    height:100%;
    background-color: transparent;
    border : 1px solid $color-body-border;

    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 150px;

    z-index: 1;
}

#stageParent {
     //  we aren't entirely sure why this works but putting a slight opacity on this div
     // seems to keep the users content from breaking through the overlay canvas and eating mouse events
     // John Mayhew

    z-index: 2;
    opacity: 0.99;
    // height: 1000px;
    // width: 2000px;
    position: absolute;
    margin: 0px;
    border: none;
    padding: 0px;
    top: 0px;
    left: 0px;
    // background-color: red;
}

.global3DSettings {
    -webkit-transform-style: preserve-3d;
    -webkit-transform:perspective(1400) matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
}

.perspective3D {
    -webkit-perspective: 1400;
}

.pasteBoardSize {
    height: 1000px;
    width: 2000px;
}

#iframeContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width:100%;
    height:100%;
    overflow:scroll;
    background:$color-stage;
}

#iframeContainer iframe {

}

.drawingCanvas {
    position: absolute;
    margin: 0px;
    border: none;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 7;
}


.stageCanvas {
    position: absolute;
    margin: 0px;
    border: none;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 6;
}

.layoutCanvas {
    position: absolute;
    margin: 0px;
    border: none;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 5;
}

.gridCanvas {
    position: absolute;
    margin: 0px;
    border: none;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 4;
}

.montage-editor-frame {
    position:absolute;
    z-index:7;
    top: 0;
    left:0;
    display:none;
    -webkit-user-select: initial;
}
.montage-editor {
    padding:0px;
    word-wrap: normal;
}