/*
Lecture viewer service
*/
/* 
    Created on : Aug 16, 2015, 12:01:10 PM
    Author     : KlausGiebermann
*/


body {
    padding: 0px; 
    margin: 0px;
    background-color: #eee;
    user-select:none; 
    unselectable:'on';	
}

.myPage {
    background-size: contain;
    background-position: center; 
    background-repeat: no-repeat;
    position: relative;
}

.mainMenu {
    position: static; 
    float: right;
    top: 0;
    right: 0;
    width: 40px;
    background: #eee;
    z-index: 200;
}


.mainSide{

    background-size: contain;
    background-position: center; 
    background-repeat: no-repeat;

    position: absolute;
    height: 100%;
    top: 0; 
    left: 40px; 
    right: 40px;
    z-index: 0;
    border-radius:4px;
}

.CommandLine{
    position: absolute; 
    bottom: 0;
    width: 40px;
    font-size: 150%;
    z-index: 200;
    /*    background: #00A0E1;*/
}

.CommandLine input{
    font-size: 100%;
    min-width: 2em;        
}

.CommandLine .button {
    font-size: 1em;
    padding: .5em;
    -webkit-appearance: none;
    background: #eee;
    border: 1px solid #888;
}

.pageCanvas {
    position: absolute; 
    top: 0;
    left: 0; 
    right: 0; 
    bottom: 0;
    z-index: 1;
/*    pointer-events: none; */
    background: #00cc00;
}


.bgCanvas {
    position: absolute; 
    top: 0;
    left: 0; 
    z-index: 5;
    pointer-events: none;
}

.fgCanvas {
    position: absolute;
    left: 0;
    top: 0; 
    right: 0; 
    bottom: 0;
    z-index: 7;
    /* background: goldenrod;*/
}

.webPage {
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0;
    bottom: 0;
    z-index: 2;
}

.presentation{
    padding: 0; 
    margin: 0; 
    background-color: #eee;
}

.btn-primary {
    background: #a0a0a0;
}