/***********************************************************************
* retro-220/webUI B220CardatronOutput.css
************************************************************************
* Copyright (c) 2017, Paul Kimpel.
* Licensed under the MIT License,
*       see http://www.opensource.org/licenses/mit-license.php
************************************************************************
* Burroughs 220 emulator Cardatron Output Unit web interface style sheet.
************************************************************************
* 2017-01-19  P.Kimpel
*   Original version, from retro-205 D205CardatronOutput.css.
***********************************************************************/

#writerBody {
    height:             100%;
    min-height:         100%;
    overflow:           hidden;
    padding:            0}

#CODiv {
    position:           absolute;
    top:                0px;
    bottom:             0px;
    left:               0px;
    right:              0px;}

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

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

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

#CORunoutSupplyBtn {
    position:           absolute;
    line-height:        100%;
    top:                8px;
    left:               212px}

#ClearBtn {
    top:                8px;
    left:               288px}
#ClearBtnCaption {
    top:                44px;
    left:               288px;
    width:              32px}

#COSetZSBtn {
    top:                8px;
    left:               336px}
#COSetZSBtnCaption {
    top:                44px;
    left:               336px;
    width:              32px}

#StartMachineLamp {
    top:                4px;
    left:               384px}
#FormatSelect4Lamp {
    top:                4px;
    left:               416px}
#FormatSelect2Lamp {
    top:                4px;
    left:               448px}
#FormatSelect1Lamp {
    top:                4px;
    left:               480px}

#COOptionsDiv {
    position:           absolute;
    top:                4px;
    right:              8px;
    width:              auto}

#COGreenbarSpan {
    display:            none}

#COSupplyMeter {
    position:           absolute;
    top:                32px;
    left:               384px;
    width:              calc(100% - 394px);
    height:             18px;
    border:             1px solid white}

#COSupplyMeterCaption {
    position:           absolute;
    top:                35px;
    right:              18px;
    z-index:            1;
    height:             12px;
    color:              black;
    font-weight:        bold}

#COSupplyFrame {
    position:           absolute;
    top:                56px;
    bottom:             8px;
    left:               8px;
    right:              8px;
    width:              calc(100% - 18px);
    height:             calc(100% - 66px);
    border:             1px solid black}

/* Zero-Suppress Panel */

#COZSGroup {
    position:           absolute;
    top:                8px;
    left:               8px;
    right:              8px}

#COZSColumnList {
    border:             1px solid white;
    color:              black;
    width:              100%}

#COZSNotes {
    position:           absolute;
    top:                40px;
    width:              300px;
    left:               0}

#COZSButtonGroup {
    position:           absolute;
    top:                40px;
    right:              0}

#COZSCancelBtn {
    background-image:   none;
    background-color:   #900;
    height:             20px;
    bottom:             0;
    right:              64px}

#COZSOKBtn {
    background-image:   none;
    background-color:   #060;
    height:             20px;
    bottom:             0;
    right:              0}