﻿
.look-contentscreen
{
    overflow: hidden;
}

.look-screen,
.look-popupscreen
{
    /* we require 'border-box' as we want the padding including in 'width/height' */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.look-screen > img,
.look-popupscreen > img {
    /* This lets the image x and y position become movable*/
    position: absolute;
}

.look-screen
{
    position: relative;
    overflow: hidden;
}

.look-screen > .inner-container,
.look-popupscreen > .inner-container
{   
    /* NOTE(sk): We must specify relative here for all child controls (absolute positioned)
       to appear correctly */ 
    position: relative;
    width: 100%;
    height: 100%;
    background: transparent;        
}

.look-popupscreen
{
    /* NOTE(sk): Popups set the 'Left;Top' and should not be relative to any other div */
    position: absolute;

    /* Fix for [10565] - Ensure we can drag popup. 
       At the moment, the dragging code allows the whole popup to be dragged when clicked anywhere.
       Apparently this is how we want to do it on the server. We don't need a title bar that is used for dragging.
    */
    cursor: move;

    border-style: ridge;
    border-color: #CCCCCC;

    /* Fix for [9860]  Ensure any children of screen are clipped. [DS]: I'm not sure if we really want to do this. */
    overflow: hidden;
}
