/*  Style definitions for pop-up dialogue boxes  */

    /*  Page-sized container for dialogue  */
    div.dialogue {
        background-color: #000000; /* Fallback colour */
        background-color: rgba(0, 0, 0, 0.4); /* Darken the background page */
        display: none;          /* Hidden by default */
        height: 100%;           /* Full height */
        left: 0;
        overflow: auto;         /* Enable scroll if needed */
        position: fixed;        /* Stay in place */
        top: 0;
        width: 100%;            /* Full width */
        z-index: 1;             /* Sit on top */
    }

    /*  Dialogue content  */
    div.dialogue_content {
        background-color: #FEFEFE;
        /*background-color: rgba(0.8, 0.8, 0.8, 0.75);*/
        border: 2px solid #000000;
        box-shadow: 5px 5px 5px #303030;
        margin: 15% auto;       /* 15% from the top and centred */
        padding: 8px;
        /* Note that the dialogue_content <div> should specify its
           width with a style attribute within the tag.  If it doesn't,
           the width will default to 100%, which usually looks ugly. */
    }

    /*  The Close item at the top  */
    span.dialogue_close {
        color: #AAAAAA;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    span.dialogue_close:hover, span.dialogue_close:focus {
        color: black;
        cursor: pointer;
        text-decoration: none;
    }

    /* Dialogue title  */
    div.dialogue p.title {
        font-family: sans-serif;
        font-weight: bold;
    }

    /*  Definitions for specific dialogue  */
    
    /*  Bit Plane Editor  */
    
    table.bitplane {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
    
    table.bitplane input.ipob { /* Initialise plane operation button */
        width: 6em;
    }
    
    table.bitplane input.mpob { /* Map plane operation button */
        width: 4em;
    }
    
    table.bitplane td.brl {     /* Bit row labels */
        text-align: right;
    }
    
    table.bitplane td.buttons { /* Action buttons */
        text-align: center;
    }
    
    table.bitplane td.t {       /* Bit column items */
        font-weight: bold;
        text-align: center;
    }
    
    table.bitplane th.rm {
        padding-right: 1em;
        text-align: left;
    }
    
    table.bitplane th.section {
        background-color: #F0F0F0;
        font-weight: bold;
        text-align: left;
    }