/***********************************************************************
* retro-b5500/emulator B5500SPOUnit.css
************************************************************************
* Copyright (c) 2012, Nigel Williams and Paul Kimpel.
* Licensed under the MIT License, see http://www.opensource.org/licenses/mit-license.php
************************************************************************
* B5500 emulator SPO web interface style sheet.
************************************************************************
* 2012-12-16  P.Kimpel
*   Original version, from B5500ConsoleUnit.css.
***********************************************************************/

BODY {
    position:           relative;
    background-color:   black;
    margin:             4px}

PRE {
    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace;
    font-size:          8pt;
    margin:             0}


DIV#SPODiv {
    position:           relative;
    width:              680px;
    height:             500px;
    background-color:   #FFC;
    border-radius:      16px;
    text-align:         left}

IFRAME#SPOUT {
    position:           absolute;
    left:               16px;
    bottom:             16px;
    height:             468px;
    width:              490px;
    border:             1px solid black}

BODY.SPOUT {
    background-color:   white;
    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace;
    font-size:          8pt}

DIV#SPOControlsDiv {
    position:           absolute;
    text-align:         center;
    height:             468px;
    width:              136px;
    right:              16px;
    bottom:             16px}

IMG#TeletypeLogo {
    left:               auto;
    right:              auto}

BUTTON.greenButton {
    position:           absolute;
    background-color:   #060;
    color:              black;
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          8pt;
    font-weight:        bold;
    width:              60px;
    height:             40px;
    border:             1px solid black;
    border-radius:      4px}

BUTTON.yellowButton {
    position:           absolute;
    background-color:   #990;
    color:              black;
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          8pt;
    font-weight:        bold;
    width:              60px;
    height:             40px;
    border:             1px solid black;
    border-radius:      4px}

BUTTON.greenLit {
    background-color:   #0F0}

BUTTON.yellowLit {
    background-color:   #FF0}

BUTTON#SPOReadyBtn {
    bottom:             224px;
    left:               0px}

BUTTON#SPOPowerBtn {
    bottom:             224px;
    right:              0px}

BUTTON#SPORemoteBtn {
    bottom:             168px;
    left:               0px}

BUTTON#SPOLocalBtn {
    bottom:             168px;
    right:              0px}

BUTTON#SPOInputRequestBtn {
    bottom:             112px;
    left:               0px}

BUTTON#SPOEndOfMessageBtn {
    bottom:             112px;
    right:              0px}

BUTTON#SPOBlank1Btn {
    bottom:             56px;
    left:               0px}

BUTTON#SPOErrorBtn {
    bottom:             56px;
    right:              0px}

BUTTON#SPOBlank2Btn {
    bottom:             0px;
    left:               0px}

BUTTON#SPOBlank3Btn {
    bottom:             0px;
    right:              0px}