/***********************************************************************
* retro-b5500/emulator B5500CardReader.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 Reader web interface style sheet.
************************************************************************
* 2013-06-09  P.Kimpel
*   Original version, from B5500SPOUnit.css.
***********************************************************************/

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

DIV#CRDiv {
    position:           relative;
    background-color:   #666;
    width:              700px;
    height:             150px;
    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}

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

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

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

#CRStartBtn {
    position:           absolute;
    top:                8px;
    left:               212px;}

#CRFileSelector {
    position:           absolute;
    border:             1px solid white;
    top:                56px;
    left:               8px;
    width:              120px}

#CRProgressBar {
    position:           absolute;
    border:             1px solid white;
    top:                82px;
    left:               8px;
    width:              680px}

#CROutHopperFrame {
    position:           absolute;
    top:                104px;
    left:               8px;
    width:              680px;
    height:             35px;
    border:             1px solid white;
    color:              black;
    background-color:   white;
    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace;
    font-size:          8pt;
    font-weight:        normal}
