/*******************************************************************************
Copyright (c) 2001-2023 IntelliTime Systems Corp.
Name: \VTI\Themes\Classic\vti.css (base)
Description:  Cascading Style Sheet to unify and clean up differences in page
              and font appearance.
********************************************************************************
Version Date       Author Comments
33      01/20/2023 MB     [Issue# 13618] Added class names for help files
32      03/24/2022 AC     [Issue# 13119] Update files missed in revision 3362.
31      08/05/2021 MB     Yet more GUI adjustments for GUI 6.0
30      04/27/2021 MB     GUI adjustments for version 6.0 - relative path for import ./Classic/themeVariables.css
29      04/20/2021 MB     GUI adjustments for version 6.0
28      04/01/2021 MB     GUI adjustments for version 6.0
27      07/17/2020 JH     Marker.
26      07/17/2020 IS     New User Maintenance.
25      04/19/2019 PH     Modified to break long words in the modal window.
24      04/03/2019 PH     Added style for attachment feature icons.
*******************************************************************************/

@import "themeVariables.css";

/*CSS to determine the standard settings for all normal objects*/
BODY
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    color: #000000;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: top;    
}

    BODY.Mini {
        font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
        font-size: 10pt;
        color: #000000;
        color:var(--theme-one-fg-font-on-very-light);
        background-color: #e1e5ed;
        background-color:var(--theme-one-very-light);
        text-align: center;
        vertical-align: top;
    }

H1
{
    font-weight: bold;
    font-size: 16pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H2
{
    font-weight: bold;
    font-size: 14pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H3
{
    font-weight: bold;
    font-size: 12pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H4
{
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H5
{
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H6
{
    font-weight: bold;
    font-size: 6pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}


P
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 12pt;
    font-weight: normal;
}

INPUT {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #636363;
    border: solid 1px #636363;
    color:var(--theme-input-font-color);
    border: solid 1px var(--theme-input-font-color);
}

    INPUT[disabled] {
        font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
        font-size: 10pt;
        font-weight: normal;
        color: #bbbbbb;
        border: solid 1px #bbbbbb;
        color: var(--theme-input-font-disabled-color);
        border: solid 1px var(--theme-input-font-disabled-color);
    }

INPUT.text
{
    background-color: #FFFFFF;
    border-style: inset;
}

INPUT.radio
{
    display: inline;
}

INPUT.checkbox
{
    display: inline;
}

INPUT.button
{
    height: 20pt;
}

SELECT {
    background-color: #FFFFFF;
    color: #636363;
    border: solid 1px #636363;
    color: var(--theme-select-font-color);
    border: solid 1px var(--theme-select-font-color);
}

    SELECT[disabled] {
        background-color: #ffffff;
        color: #bbbbbb;
        border: solid 1px #bbbbbb;
        color: var(--theme-select-font-disabled-color);
        border: solid 1px var(--theme-select-font-disabled-color);
    }

TEXTAREA
{
    background-color: #FFFFFF;
}

TABLE
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    color: #000000;
    border: none;
    border-spacing:0px;
    border-collapse: collapse;
}
/*End CSS to determine the standard settings for all normal objects*/


/*CSS to determine the modified settings for commonly used objects*/
.BorderedTable
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
	text-align: right;
	border-width: 2px;
    border-style: solid;
    border-color: #ffffff;
}

.DebugBorder {
    border: solid 3px red;
}

.BorderedTableGrey
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
	text-align: right;
    width: 92%;
    border: solid 1px black;
}

.OuterFrame {
    border: solid 1px #003D82;/* Default value for older browser */
    border: solid 1px var(--theme-one-dark);
    vertical-align: top;
    padding: 15px;
    width: 100%;
}

.OuterInnerFrame {
    background-color: #ffffff;
    vertical-align: top;
    padding: 2px;
    width: 100%;
    border: solid 1px #b4c0dd; /* Default value for older browser */
    border: solid 1px var(--theme-one-light);
}

.Invisible
{
    border:none;
    border-style: none;
    border-collapse: collapse;
    vertical-align: top;
    padding: 2px;
    width: 100%;
}

/*-----------------------------------------------*/
.TCSelectDisabled {
    /* empty */
}

    .TCSelectDisabled[disabled] {
/*        color: #000000;
        color: var(--theme-two-fg-font-on-light);
        background-color: #fcebb1;
        background-color:var(--theme-two-light);*/
        opacity: 1;
    }


.HighlightedArea {
    border-width: thin;
    border-style: ridge;
    border-spacing: 0px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 10px;
    width: 100%;
    background-color: #e1e5ed; /* Default value for older browser */
    background-color: var(--theme-one-very-light);
}

.HighlightedArea-Simple {
    vertical-align: top;
    padding: 10px;
    background-color: #e1e5ed; /* Default value for older browser */
    background-color:var(--theme-one-very-light);
}

.HighlightedArea-HeaderFont {
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-very-light);
}

.HighlightedArea-HeaderFont-Bold {
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-very-light);
    font-weight: bold;
}
/*-------------------------------------------------*/


/*-----------------------------------------------*/
.HighlightedArea-Stronger {
    border-width: thin;
    border-style: ridge;
    border-spacing: 0px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 10px;
    width: 100%;
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-light);
}

.HighlightedArea-Stronger-Simple {
    vertical-align: top;
    padding: 10px;
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-light);
}

.HighlightedArea-Stronger-HeaderFont {
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-light);
}

.HighlightedArea-Stronger-HeaderFont-Bold {
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-light);
    font-weight: bold;
}
/*-------------------------------------------------*/


/*-----------------------------------------------*/
.HighlightedArea-Strongest {
    border-width: thin;
    border-style: ridge;
    border-spacing: 0px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 10px;
    width: 100%;
    background-color: #003D82; /* Default value for older browser */
    background-color:var(--theme-one-dark);
}

.HighlightedArea-Strongest-Simple {
    vertical-align: top;
    padding: 10px;
    background-color: #003D82; /* Default value for older browser */
    background-color:var(--theme-one-dark);
    opacity: 0.8;
}

.HighlightedArea-Strongest-HeaderFont {
    color: #ffffff; /* Default value for older browser */
    color: var(--theme-one-fg-font-on-dark);
}

.HighlightedArea-Strongest-HeaderFont-Bold {
    color: #ffffff;
    color: var(--theme-one-fg-font-on-dark);
    font-weight: bold;
}
/*-------------------------------------------------*/



.ThinBorder
{
    border-width: thin;
    border-style: ridge;
    border-spacing:0px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 2px 2px 2px 2px;
    width: 100%;
}

.ThinBorder-Accent {
    border-width: thin;
    border-style: ridge;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #e1e5ed; /* Default value for older browser */
    background-color:var(--theme-one-very-light);
    vertical-align: top;
    padding: 2px;
    width: 100%;
}

.ThinBorder-Accent-Dull {
    border-width: thin;
    border-style: ridge;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-light);
    vertical-align: top;
    padding: 2px;
    width: 100%;
}

.BorderedTableLeft {
    font-size: 9pt;
    text-align: left;
    border-color: #ffffff;
    background-color: #e1e5ed; /* Default value for older browser */
    background-color:var(--theme-one-very-light);
}

.BorderTop {
    font-size: 9pt;
    text-align: left;
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-light);
}

.BorderBottom {
    font-size: 9pt;
    text-align: left;
    background-color: #e1e5ed; /* Default value for older browser */
    background-color:var(--theme-one-very-light);
}

.FindDiv {
    width: 100%;
    height: auto;
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-light);
}

.FindDivNav
{
	float:right; 
	text-align:right;
	font-family:inherit;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
}

.Clear
{
    height: 0px;
    width: 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    clear: both;
}

/*Tabs selector CSS for rolodex look*/
.tabframe {
    border-style: solid;
    border-color: #003D82; /* Default value for older browser */
    border-color:var(--theme-one-dark);
    border-right-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-spacing: 0px;
    padding: 10px 10px 0px 10px; /* Default value for older browser */
    padding:var(--pad-tp-rt-lt);
    margin: 0px 0px 0px 0px;
    height: 40px;
    width: 98%;
    vertical-align: top;
    white-space: nowrap;
}
.tab-selected {
    border: 1px;
    border-style: solid;
    border-color: #003D82; /* Default value for older browser */
    border-color:var(--theme-one-dark);
    border-collapse: collapse;
    padding: 10px 10px 0px 10px; /* Default value for older browser */
    padding:var(--pad-tp-rt-lt);
    margin: 8px -1px -1px -1px;
    height: 28px;
    font-weight: bold;
    font-size: 9pt;
    font-family: sans-serif;
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-light);
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-light);
    cursor: default;
    float: left;
    vertical-align: middle;
    white-space: nowrap;
}
.tab-unselected {
    border: 1px;
    border-style: solid;
    border-collapse: collapse;
    padding: 10px 10px 0px 10px; /* Default value for older browser */
    padding:var(--pad-tp-rt-lt);
    border-color: #003D82; /* Default value for older browser */
    border-color:var(--theme-one-dark);
    background-color: #e1e5ed; /* Default value for older browser */
    background-color:var(--theme-one-very-light);
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-very-light);
    margin: 12px 0px -1px 0px;
    height: 24px;
    font-size: 9pt;
    font-weight: normal;
    font-family: sans-serif;
    cursor: default;
    float: left;
    vertical-align: middle;
    white-space: nowrap;
}
.tab-divider
{
    float: left;
    width: 1px;
    vertical-align: bottom;
}
.tab-additional
{
	margin: 6px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    height: 28px;
    font-size: 9pt;
    font-weight: normal;
    font-family: sans-serif;
    cursor: default;
    float: right;
    vertical-align: middle;
    white-space:nowrap;
}

.popUpSlider
{
	border:none 0px transparent;
    padding:0px;
    width: 100%;
}

.OISliderHeader {
    background-color: #e8e8e8;
    background-color: var(--theme-one-very-light);
}

.popUpDiv {
    white-space: nowrap;
    font-family: Arial, Serif, Sans-Serif, Times New Roman;
    font-size: 9pt;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    text-decoration: none;
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-very-light);
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-very-light);
    padding: 10px;
    padding:var(--pad-all);
    position: absolute;
    z-Index: 30001;
}

.contextPopUpDiv {
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-light);
    vertical-align: top;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-light);
    border-collapse: collapse;
    position: absolute;
    z-Index: 30001;
}

    .contextPopUpDiv a, .contextPopUpDiv a:visited {
        font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
        font-size: 9pt;
        font-weight: normal;
        display: block;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-collapse: collapse;
        text-decoration: none;
        background-color: #b4c0dd; /* Default value for older browser */
        background-color:var(--theme-one-light);
        color: #000000; /* Default value for older browser */
        color:var(--theme-one-fg-font-on-light);
        padding: 1px 5px 1px 5px;
    }
        .contextPopUpDiv a:active, .contextPopUpDiv a:hover, .contextPopUpDiv a:focus {
            background-color: #fcebb1; /* Default value for older browser */
            background-color:var(--theme-two-light);
            color: #000000; /* Default value for older browser */
            color:var(--theme-two-fg-font-on-light);
        }

.leaveCal-text
{
	font-size:7pt;
	text-decoration:none;
}

.leaveCal-linkAC
{
	text-decoration:none;
	color:#009000
}

a.leaveCal-linkAC:active link hover visited 
{
	text-decoration:none;
	color:#009000
}

.leaveCal-link
{
	text-decoration:none;
	color:#0000FF
}

a.leaveCal-link:active link hover visited 
{
	text-decoration:none;
	color:#0000FF
}

/*End CSS to determine the modified settings for commonly used objects*/


/*CSS to determine the modified settings for commonly used text elements*/

.text-title {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 16pt;
    font-weight: bold;
    color: #e6a210; /* Default value for older browser */
    color:var(--theme-two-dark);
}

.text-large {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 12pt;
    font-weight: bold;
    color: #003D82; /* Default value for older browser */
    color: var(--theme-one-dark);
}

.text-medium {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #003D82; /* Default value for older browser */
    color: var(--theme-one-dark);
}

/*List Header - for any text that displays the name of a heading in a table listing*/
.text-lh {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #003D82; /* Default value for older browser */
    color:var(--theme-one-dark);
}

.text-lh_sort {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #003D82; /* Default value for older browser */
    color:var(--theme-one-dark);
}

.text-lh_editdel
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #800000;
}

.text-lh-notify
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #2020C0;
}

.text-lhu
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    border-bottom: #000000 1px solid;
}
.text-lhu_sort
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    border-bottom: #000000 1px solid;
}

.text-lhu_editdel
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #800000;
    border-bottom: #000000 1px solid;
}

/*List Item - for the text that gets displayed in a table listing*/
.text-li {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    color: #003D82; /* Default value for older browser */
    color:var(--theme-one-dark);
}
.text-liu
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
    border-bottom: #000000 1px solid;
}
.text-li-error
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #800000;
}
.text-li-strikethrough
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    text-decoration:line-through;
    color: #000000;
}
.text-li-even
{
}
.text-li-odd
{
}
.text-li-changepk
{
	border-top: #808080 2px solid;
}

.text-xs {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: x-small;
    font-weight: normal;
    color: #003D82; /* Default value for older browser */
    color:var(--theme-one-dark);
}

/*Settings Header - for any text that displays the name of an input object (textbox, select, etc)*/
.text-shb {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #003D82; /* Default value for older browser */
    color:var(--theme-one-dark);
}

.text-sh {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #003D82; /* Default value for older browser */
    color:var(--theme-one-dark);
}

.text-shb-in-bg {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-light);
}

.text-sh-in-bg {
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-light);
}

/*Other various text*/
.text-pagenumber
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 8pt;
    font-weight: normal;
    color: #a2a2a2;
}

.text-copyright {
    font-family: 'Times New Roman', serif, Arial, Helvetica;
    font-size: 9pt;
    text-align: center;
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-very-light);
}

.text-monospace
{
    font-family: 'Lucida Console', Consolas, 'Andale Mono', monospace, 'Courier New';
    font-size: 10pt;
    color: #000000;
}

span.text-accent
{
	color: #a00000;
	text-decoration: underline;
}

/*End CSS to determine the modified settings for commonly used text elements*/


/*CSS to determine the modified settings for general purpose*/

.text-bold
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}
.text-normal
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}
.text-bold-alert
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #cc2020;
}
.text-normal-alert
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #cc2020;
}
.textsm-bold
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}
.textsm-normal
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}
.texttiny-bold
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 7pt;
    font-weight: bold;
    color: #000000;
}
.texttiny-normal
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 7pt;
    font-weight: normal;
    color: #000000;
}
/*CSS to determine the modified settings for general purpose*/

/*CSS to display error message from IO module*/
.textIO-normal
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
	text-align: left;
	color: Black;
}

.textIO-warning
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
	text-align: left;
	color: White;
	background-color:Black;
}
/*End CSS to display error message from IO module*/


/* Modal window Styles
 ------------------------------------------------*/
.modalWindow
{
    display: none;
    font-family:Arial, Serif, Sans-Serif, Times New Roman;
    font-size:9pt;
    font-weight:normal;
    background-color:#b4c0dd;  
    background-color:var(--theme-one-very-light);  
    color:#000000;
    color:var(--theme-one-fg-font-on-very-light);
    vertical-align:middle;
    text-align:left;
    text-decoration:none;
    border-style:solid;
    border-width:1px;
    border-color:#003D82;
    border-color:var(--theme-one-dark);
    border-collapse:collapse;
    padding:0px;
    word-break: break-word;
    word-wrap: break-word;
}

div.popupLogViewer {
    display: none;
    font-family: Arial, Serif, Sans-Serif, Times New Roman;
    font-size: 9pt;
    font-weight: normal;
    color: #000000; /* Default value for older browser */
    color:var(--theme-one-fg-font-on-very-light);
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    border-color: #003D82; /* Default value for older browser */
    border-color:var(--theme-one-dark);
    border-collapse: collapse;
    padding: 0;
}

    div.popupLogViewer table {
        border: 1px solid #003D82; /* Default value for older browser */
        border: 1px solid var(--theme-one-dark);
        background-color: #e1e5ed; /* Default value for older browser */
        background-color:var(--theme-one-very-light);
        margin: 10px;
    }

div.popupLogViewer table td
{
  vertical-align: top;
  padding: 5px;
}

    div.popupLogViewer .popupLogViewerWrapper {
        border: 2px solid #003D82; /* Default value for older browser */
        border: 2px solid var(--theme-one-dark);
        background-color: #b4c0dd; /* Default value for older browser */
        background-color:var(--theme-one-light);
    }

/* This is to override the default jQuery Dialog header to be the color white instead of grey */
.ui-widget-header { border: 1px solid White/*{borderColorHeader}*/; background: #ffffff; color: #222222/*{fcHeader}*/; font-weight: bold; }

table.DocumentAttachmentsTable, table.DocumentAttachmentsTable th, table.DocumentAttachmentsTable td {
	padding: 5px;
	word-break: break-word;
	word-wrap: break-word;	
}

table.DocumentAttachmentsTable td {
	max-width: 200px;
}

table.DocumentAttachmentsTable, table.DocumentAttachmentsTable th, table.DocumentAttachmentsTable td {
   border: 1px solid black;
}

table.DocumentAttachmentsTable tr:nth-child(even) {
   background: #b4c0dd;
   background:var(--theme-one-light);
}

table.DocumentAttachmentsTable tr:nth-child(odd) {
   background: #e1e5ed;
   background:var(--theme-one-very-light);
}

table.DocumentAttachmentsTable td.icon-container {
	text-align: center;
}

#docAttachmentSection {
	margin: 1em;
}

#docAttachmentUploadWindow {
	padding: 2em;
	text-align: left;
	min-width: 400px;
	min-height: 300px;
}

#docAttachmentUploadWindow .label {
	min-width: 150px;
	text-align: right;
}

.attachment-upload-section {
	text-align: left;
}

.attachment-icon {
	width: 25px;
	height: 35px;
}

.attachment-download-icon {
	width: 20px;
	height: 28px;	
}



.ThemeOneDark-BG {
    background-color: #003D82; /* Default value for older browser */
    background-color:var(--theme-one-dark);
}

.ThemeOneLight-BG {
    background-color: #b4c0dd; /* Default value for older browser */
    background-color:var(--theme-one-light);
}

.ThemeOneVeryLight-BG {
    background-color: #e1e5ed; /* Default value for older browser */
    background-color:var(--theme-one-very-light);
}

.ThemeTwoDark-BG {
    background-color: #e6a210; /* Default value for older browser */
    background-color:var(--theme-two-dark);
}

.ThemeTwoLight-BG {
    background-color: #fcebb1; /* Default value for older browser */
    background-color:var(--theme-two-light);
}



.HelpTable 
{
	text-align: left;
	width: 900px;
}

.helpImage 
{
	width: 300px;
	border: solid 1px var(--theme-two-dark);
	padding: var(--pad-all);
}

.helpImage_doublewide 
{
	width: 600px;
	border: solid 1px var(--theme-two-dark);
	padding: var(--pad-all);
}

.helpImage_fullwide 
{
	width: 775px;
	border: solid 1px var(--theme-two-dark);
	padding: var(--pad-all);
}