/***********************************************************************
* retro-b5500/emulator B5500CardPunch.css
************************************************************************
* Copyright (c) 2013, Nigel Williams and Paul Kimpel.
* Licensed under the MIT License, see http://www.opensource.org/licenses/mit-license.php
************************************************************************
* B5500 emulator Card Punch web interface style sheet.
************************************************************************
* 2013-06-16  P.Kimpel
*   Original version, from B5500CardReader.css.
***********************************************************************/

BODY {
    position:           relative;
    color:              white;
    background-color:   black;
    font-family:        Arial, Helventica, sans-serif;
    font-size:          9pt;
    margin:             4px}
    
PRE {    
    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace}

DIV#CPDiv {
    position:           relative;
    color:              white;
    background-color:   #666;
    width:              700px;
    height:             300px;
    border:             1px solid black;
    border-radius:      8px;
    padding:            0;
    vertical-align:     top}
    
BUTTON.greenButton {
    background-color:   #060;
    color:              white;
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          10px;
    font-weight:        bold;
    width:              60px;
    height:             40px;
    border:             1px solid #DDD;
    border-radius:      4px}

BUTTON.blackButton {
    background-color:   black;
    color:              white;
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          10px;
    font-weight:        bold;
    width:              60px;
    height:             40px;
    border:             1px solid #DDD;
    border-radius:      4px}

BUTTON.redButton {
    background-color:   #900;
    color:              white;
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          10px;
    font-weight:        bold;
    width:              60px;
    height:             40px;
    border:             1px solid #DDD;
    border-radius:      4px}

BUTTON.greenLit {
    background-color:   green}

BUTTON.redLit {
    background-color:   #F00}

#CPNotReadyLight {
    position:           absolute;
    top:                8px;
    left:               8px}

#CPRunoutBtn {
    position:           absolute;
    top:                8px;
    left:               76px}

#CPStopBtn {
    position:           absolute;
    top:                8px;
    left:               144px}

#CPStartBtn {
    position:           absolute;
    top:                8px;
    left:               212px;}
    
#CPStacker1Div {
    position:           absolute;
    top:                56px;
    left:               8px;
    right:              8px;
    height:             160px;
    font-weight:        bold}

#CPStacker1Bar {
    border:             1px solid white;
    width:              610px}

#CPStacker1Frame {
    width:              100%;
    height:             140px;
    margin-top:         1px;
    border:             1px solid white;
    color:              black;
    background-color:   white;
    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace;
    font-size:          10pt;
    font-weight:        normal}
    
#CPStacker2Div {
    position:           absolute;
    top:                220px;
    left:               8px;
    right:              8px;
    height:             70px;
    font-weight:        bold}

#CPStacker2Bar {
    border:             1px solid white;
    width:              610px}

#CPStacker2Frame {
    width:              100%;
    height:             50px;
    margin-top:         1px;
    border:             1px solid white;
    color:              black;
    background-color:   white;
    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace;
    font-size:          10pt;
    font-weight:        normal}

