/**
     * common CSS for PVO engine clients
     */
    
    html {
        height: 100%;
    }

    .uidefault {
        font-weight: normal;
        font-size: 14px;
        padding: 12px;
        margin: 0;
        border: 0;
        line-height: normal;
        color: #000000;
        border-radius: 6px;
        background-color: #e8e8f5;
    }
    ::-ms-clear {
        display: none;
    }

    .uidefault_lowered {
        line-height: normal;
        border-width: 1px;
        border-style: solid;
        border-top-color: #445565; 
        border-left-color: #445565; 
        border-bottom-color: #99aab0;
        border-right-color: #99aab0;         
    }
    
    .uidefault_textwindow {
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 14px;
        line-height: normal;
        border-width: 1px;
        border-style: solid;
        color: #222222; 
        background-color: #f6f6f6;
        border-top-color: #555566;
        border-left-color: #555566; 
        border-bottom-color: #555566;
        border-right-color: #555566;
    }
    ::-ms-clear { 
        display: none;
    }
    
    /* updated 2-18-2025 */
    .uidefault_row_unselected {
        display: inline-block;
        border-width: 0;
        background-color: #f0f0f0; 
        font-size: 14px;
        width: 100%;
        min-height: 22px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 1px;
    }

    /* updated 2-18-2025 */
    .uidefault_row_active {
        display: inline-block;
        border-width: 0;
        background-color: #ff7700;
        font-size: 14px; 
        width: 100%;
        min-height: 22px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 1px;
    }

    /* updated 2-18-2025 */
    .uidefault_row_selected {
        display: inline-block;
        border-width: 0;
        background-color: #ffaa22; 
        font-size: 14px;
        width: 100%;
        min-height: 22px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 1px;
    }
    
    .uidefault_line {
        padding: 0;
        margin: 0;
        border: 0;
        background-color: #99aab0;
        height: 1px;
        width: 100%;
    }    

    .uidefault_errortitle {
        color: #ffcc00;
        font-size: 16px;
        font-weight: bold;
    }

    .shadowbox {
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

    .shadowbox_header {
        box-shadow: rgba(0.2, 0, 0, 0.2) 10px 10px 10px 10px
    }

    .shadowbox_footer {
        box-shadow: rgba(0, 0, 0, 0.43) 14px 14px 14px 14px;
    }

    #divDialog {
        position: absolute;
        visibility: hidden;
        width: 100%;
        height: 100%;
        line-height: 100%;
        margin: 0px;
    }

    .divEngineDialog {
        width: 100%;
        height: 100%;
        line-height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #divDialogButtons {
        position: relative;
        width: 100%;
        margin: auto;
        display: inline-block;
        text-align: center; 
    }

    #divDialogButtonsL {
        position: relative;
        width: 100%;
        margin: auto;
        display: inline-block;
        text-align: right; 
    }

    #divDialogButtonsR {
        position: relative;
        width: 100%;
        margin: auto;
        display: inline-block;
        text-align: left;
    }
    
    #divMessage {
        display: none;
        width: 100%;
        height: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #divFooter {
	    position: absolute;
	    visibility: hidden;
	    width: 100%;
        margin: 0;
        bottom: 0;
        vertical-align: bottom;
        clear: both;
    }
    
    .spanMessageDialog {
        font-size: 14px;
        font-weight: normal;
    }
        
    .spanControl {
        font-size: 12px;
        font-weight: bold;
    }
    
    .spanMessage {
        font-size: 14px;
        font-weight: normal;
    }
    
    .spanMessageAppWindow {
        font-size: 16px;
        font-weight: normal;
    }

    .spanTextMisc {
        font-size: 14px;
        font-weight: bold;
    }

    .btn_nav {
        font-size: 16px;
        font-weight: bold;
        background-color: #0050a0;
        color: #ffffff;
        border: 0; 
        margin: 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 6px;
        padding-bottom: 6px;
        cursor: pointer;
        border-radius: 6px;     
    }
    .btn_nav:hover {
        background-color: #0090ff;
        color: #ffffff;
    }
    .btn_nav:disabled {
        background-color: #003355;
        color: #777788;
        cursor: default;
    }
    .btn_nav:disabled:hover {
    }

    .btn_media {
        font-size: 12px;
        font-weight: bold;
        background-color: #6688aa;
        color: #ffffff;
        border: 0;
        margin-left: 2px;
        margin-right: 2px;
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 6px;
        padding-bottom: 6px;
        cursor: pointer;
        border-radius: 4px;
    }
    .btn_media:hover {
        background-color: #0090ff;
        color: #ffffff;
    }
    .btn_media:disabled {
        background-color: #003355;
        color: #777788;
        cursor: default;
    }
    .btn_media:disabled:hover {
    }

    /* instructions text */

    h2.instructions {
        font-size: 18px;
        color: #0044aa;
    }

    h3.instructions {
        font-size: 16px;
        color: #0044aa;
    }

    a.instructions:link { color: #990099; text-decoration: none; }
    a.instructions:visited { color: #990099;  text-decoration: none; }
    a.instructions:active { color: #990099; text-decoration: none; }
    a.instructions:hover { color: #ff00ff; text-decoration: none; }

    td.vkb_instructions {
        width: 80px;
        height: 54px;
        background-color: #7a7a8c;
        text-align: center;
        border-radius: .4em;
        padding: 9px;
    }

    td.vkb_instructions:hover {
        background-color: #007700;
    }

    /* other */

    audio::-internal-media-controls-download-button {
        display: none;
    }
    
    audio::-webkit-media-controls-enclosure {
        overflow: hidden;
    }

    audio::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }