html#impressconsole {
    height: 100%
}

#impressconsole body {
    padding: 0;
    margin: 20px;
    font-family: verdana, arial, sans-serif;
    font-size: 26px;
    height: 92%;
    background-color: darkgray;
}

div#console {
    margin: 0;
    height: 94%;
}

div#views {
    float: left;
    width: 100%;
    height: 60%;
}

div#blocker {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: blocker;
}

div#notes {
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
    height: auto;
    padding-top: 1em;
    background-color: yellow;
}

div#notes p {
    margin-top: 0;
}

iframe#slideView {
    width: 55%;
    height: 100%;
    border: 5px solid red;
}

iframe#preView {
    width: 40%;
    height: 70%;
    border: 5px dotted green;
    margin-right: 2%;
    margin-left: 1%;}

div#controls {
    margin: 0;
    height: 6%;
}

div#prev {
    float: left;
}

div#next {
    float: right;
}

div#status {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center;
    float: right;
}

div#clock {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center;
    float: left;
}

div#timer {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center;
    float: left;
}