/***********************************************************************
* retro-b5500/emulator B5500SystemConfig.css
************************************************************************
* Copyright (c) 2014, Nigel Williams and Paul Kimpel.
* Licensed under the MIT License, see 
*        http://www.opensource.org/licenses/mit-license.php
************************************************************************
* B5500 emulator System Configuration web interface style sheet.
************************************************************************
* 2014-07-21  P.Kimpel
*   Original version, from B5500Console.css.
***********************************************************************/

#configBody {
    height:             100%;
    min-height:         100%;
    overflow:           auto;
    padding:            0}

#configDiv {
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    margin:             4px}

#PageHeading {
    position:           relative;
    height:             40px;
    width:              100%}

#SysConfigHeading {
    position:           absolute;
    top:                8px;
    left:               8px;
    font-family:        DejaVuSansWeb, sans-serif;
    font-size:          18px}

#B5500Logo {
    position:           absolute;
    top:                8px;
    right:              8px;
    background-color:   #EEE;
    color:              #333333;
    font-size:          6pt;
    padding-left:       4px;
    padding-right:      4px}

#RetroLogoImage {
    vertical-align:     bottom;
    margin:             4px}

#ConfigParams,
#StorageParams {
    border-spacing:     0;
    border-collapse:    collapse;
    font-family:        DejaVuSansWeb, sans-serif;
    font-size:          8pt}

#ConfigParams TD,
#StorageParams TD {
    padding-left:       4px;
    padding-right:      4px;
    width:              4em;
    white-space:        nowrap}

#ConfigParams TD.configHeading
#StorageParams TD.configHeading {
    vertical-align:     bottom;
    padding-top:        8px}

#ConfigNameList {
    width:              100%}

#ConfigNewBtn {
    height:             20px}

#ConfigDeleteBtn {
    height:             20px}

#DiskStorageCaption {
    text-align:         right}

#DiskStorageList {
    width:              100%}

#DiskEditBtn {
    height:             20px}

#DiskNewBtn {
    height:             20px}
    
#StorageParams TD SELECT {    
    font-family:        DejaVuSansMonoBookWeb, monospace}

#StorageName {
    color:              black;
    background-color:   white;
    font-size:          larger;
    vertical-align:     bottom;
    padding-left;       4px;
    padding-right:      4px}

#StorageDeleteBtn {
    vertical-align:     center;
    height:             20px}

#MessageArea {
    position:           absolute;
    bottom:             8px;
    left:               8px;
    right:              90px;
    width:              auto;
    font-size:          8pt}

#CancelBtn {
    position:           absolute;
    bottom:             8px;
    right:              80px;
    height:             20px}

#SaveBtn {
    position:           absolute;
    bottom:             8px;
    right:              8px;
    height:             20px}