html, body, form { font-family: Calibri, Arial; background-color: white;  }
a { color: #FF8A0C; }
    a:hover { color: black; }
fieldset { min-width: 15em; min-height: 6em; border-width: 0.05em 0 0 0; }
    fieldset legend, .legend { color: #FF8A0C; font-weight: bold; font-size: 1.3em; }
.legend { padding-bottom: 0.3em; }
    fieldset legend { margin-left: 0.3em; }
    fieldset > div { padding-left: 1em; }
table.maxTable { margin: 0px; border-collapse: collapse; width: 100%; height: 100%; border: none; border-spacing: 0px; }
    table.maxTable thead tr td, table.maxTable tbody tr td, table.maxTable tfoot tr td { padding: 0px; }

.login .terms { position: absolute; bottom: 5px; left: 0px; font-size: 9pt; text-align: center; width: 100%; opacity: 1.0; }
.login .container { margin-left: auto; margin-right: auto; width: 30em; margin-top: 3em; }
.login .service_information { background-color: white; padding: 2em 1em 1.5em 1em; }

.login .account { border-collapse: collapse; margin-left: auto; margin-right: auto; }
    .login .account .label { padding-right: 0.5em; text-align: right; }
    .login .account td { padding-top: 0.1em; padding-bottom: 0.1em; }

/* Portal Master Pages */
html.portalMaster, .portalMaster body, .portalMaster form { margin: 0px; padding: 0px; width: 100%; height: 100%; }
.portalMaster .headerTable td, .historyPage .filterGroupBoxCell { border-bottom: 1px solid lightgrey; }
.portalMaster .headerTable .tblUsername td {border-bottom: none; }
.portalMaster .headerTable .usernameTxt { font-size: 13px; text-align:center; }
.portalMaster .logoTd { padding: 2px 0px 2px 1em; }
    .portalMaster .logoTd img { height: 3.5em; }
.portalMaster .navigation { text-align: right; }
    .portalMaster .navigation .homeNav { list-style: none; align-items: stretch; display: inline-flex; margin-right: 0px; margin-left: auto; text-transform: uppercase; }
        .portalMaster .navigation .homeNav .navItem { display: flex; margin-right: 1.5em; font-size: large; vertical-align:top; }
            .portalMaster .navigation .homeNav .navItem a { color: black; text-decoration: none; font-weight: bolder; }
                .portalMaster .navigation .homeNav .navItem a:hover { color: #FF8A0C; text-decoration: underline; }

.displayControl .displayHolder .displayHeader { height: 10px; padding-bottom: 0em; }
    .displayControl .displayHolder .displayHeader .Row { padding-bottom: 0.3em; }
.displayControl, .displayControl > div, #ShowRawXml { height: 100%; }
    .displayControl .pageTitle { color: #0a7240; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size:200%; font-weight:bold; }

    .displayControl .errorMessage { color: #FF0000; }
    .displayControl .Row { display: table; width: 100%; table-layout: fixed; border-spacing: 1em 0em; padding-bottom: 0.7em; }
    .displayControl .Column { display: table-cell; }
    .displayControl .mobileRow { display: inline-block; min-height: 5em; }
    .displayControl .groupBox { padding-left: 15px; padding-right: 15px; margin: 5px; }
    .displayControl .evansColors tbody tr:nth-child(2n+1) { background-color: bisque; }
    .displayControl .tbl { width: 100%; border-collapse: collapse; }
        .displayControl .tbl th, .displayControl .tbl td { padding: 0.5em; border: 1px solid lightgrey; }
    .displayControl .link { margin-left: 1em; display: inline-block; }
    .displayControl .dataLabel { font-weight: bold; }
    .displayControl .docListItem { font-size: 1.2em }
    .displayControl .xmlLinks { max-width: 30%; text-align: right; vertical-align: middle; }
    .displayControl .tblFieldSet { display: inline-block; }
    .displayControl .showInline { display: inline; }
    
    .displayControl .NotRawXml, .displayControl .NotStatistics { display: block; }
    .displayControl .NotRawXmlInline, .displayControl .NotStatisticsInline { display: inline; }
    .displayControl .IsRawXml, .displayControl .IsStatistics, .displayControl .IsRawXmlInline, .displayControl .IsStatisticsInline { display: none; }
    .displayControl .ShowingRawXml .IsRawXml { display: block; }
    .displayControl .ShowingRawXml .IsRawXmlInline { display: inline; }
    .displayControl .ShowingRawXml .NotRawXml, .displayControl .ShowingRawXml .NotRawXmlInline { display: none; }
    .displayControl .ShowingStatistics .IsStatistics { display: block; }
    .displayControl .ShowingStatistics .IsStatisticsInline { display: inline; }
    .displayControl .ShowingStatistics .NotStatistics, .displayControl .ShowingStatistics .NotStatisticsInline { display: none; }

    .displayControl #specificResponseDisplay { margin-top: 1em; }
    .displayControl #rawXml { margin-left: 0em; margin-right: 0em; height: 100%; position: relative; }
    .displayControl .xmlTextArea { width: 99%; height: 96%; position:relative; }
    .displayControl .xmlTextArea .innerXmlArea { background-color: #ffefdb; }

.displayControl .displayHolder { height: 100%; width: 100%; margin: 0px; padding: 0px; }
.displayControl .displayHolder td { vertical-align: top; }
.displayControl .IsRawXml .rawXmlTab { padding-right: 0.5em; padding-left: 0.5em; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid grey; }
.displayControl .IsRawXml .selectedRawXmlTab { background-color: #ffefdb; color: black; font-weight: bold; }
    .displayControl .startHidden {
        display: none;
    }
    .displayControl .timingWrapper {
        position: absolute;
        width: 100%;
        top: 0em;
        bottom: 0em;
        overflow: auto;
        padding: 0.5em;
    }
    .displayControl .wrapperBorder {
        border: 1px solid #A9A9A9;
    }
    .displayControl .sequenceColumn, .displayControl .descriptionColumn, .displayControl .secondsColumn {
        padding: 1px 0.5em 2px 0.5em;
    }
    .displayControl .secondsColumn {
        text-align:right;
    }
    .displayControl .secondaryCallTable {
        width: 100%;
        border: none;
        border-collapse: collapse;
    }
    .displayControl .secondaryXml {
        width: 100%;
        height: 35em;
        font-size: 90%;
    }
    .displayControl .serviceErrorXml {
        width: 100%;
        height: 60em;
        font-size: 90%;
    }

/*History*/
.historyPage { width: 100%; height: 100%; overflow: hidden; display: table; }
    .historyPage .historySearch { display: table-cell; vertical-align: top; height: 100%; min-width: 30em; width: 30%; }
    .historyPage .searchAlignment { border: none; border-collapse: collapse; width: 100%; height: 100%; margin: 0px; padding: 0px; }
        .historyPage .searchAlignment td { vertical-align: top; }
    .historyPage .historyResults { height:100%; width:100%; position:relative; }
        .historyPage .historyResults .historyScroll { position: absolute; left: 0em; right: 0em; top: 0em; bottom: 0em; overflow: auto; }
    .historyPage .historyScroll .scrollSpacing { padding-left: 0.0em; padding-right: 0.0em; }
    .historyPage .historyXmlControl { display: table-cell; width: auto; height: 100%; position: relative; border-left: solid 1px lightgrey; min-width: 30em; }
        .historyPage .historyXmlControl .historyResponseDisplay { height: 100%; width: 100%; position: relative; }
        .historyPage .historyXmlControl .historyResponseHolder { position: absolute; left: 0.5em; right: 0em; top: 0em; bottom: 0em; overflow: auto; }
        .historyPage .historyXmlControl .historyResponsePadding {  height: 99%; padding: 0.5em 0.5em 0em 0em; }
        .historyPage .historyXmlControl #pnlLoading { width: 100%; height: 100%; text-align: center; font-size: 28pt; padding-top: 3em; }
        .historyPage .historyRecordSelected { background-color: #ffb45a  !important; font-weight: bold; }
        .historyPage .historyRecordSelected a { color: black; }

.historyPage .filterGroupBox { margin-bottom: 0em; }
    .historyPage .FilterHolder { padding: 0.5em 1em 0.8em 1em; }
    .historyPage .historyFilter { padding-bottom: 0em; }
    .historyPage table.evansColors { border-collapse: collapse; width: 100%; }
.historyPage table.evansColors th, .historyPage table.evansColors td { border: 1px solid lightgrey; padding: 0.5em; }
.historyPage .evansColors tbody tr:nth-child(2n+1) { background-color: bisque; }
    .historyPage .SearchHistoryButton { text-align: right; }
.historyPage .XmlRatingCol, .historyPage .OidLookupCol, .historyPage .ListScreenCol, .historyPage .ExtractDocCol { display: none; }

.historyPage .historyFilter { }
    .historyPage .lbl {  }
    .historyPage .dateinp { max-width: 135px; }
    .historyPage .inpSearch { width: auto; }
    .historyPage .lbl, .historyPage .inp, .historyPage .dateinp { margin-bottom: 0.2em; height: 1.5em; }
.historyPage .needsLocalTime { min-width: 5em; }
.historyPage .searchTxtType { padding-left: 2px; }

/* Test XML Page*/
html.testXml, .testXml body, .testXml form { margin: 0px; padding: 0px; width: 100%; height: 100%; }
.testXml .headerRow { vertical-align: top; height: 1em; }
.testXml .contentRow { vertical-align: top; height: auto; }
    .testXml .contentRow .contentRowHolder { padding: 0em 1em 0em 1em; height: 100%; }
.testXml .footerRow { height: 0.4em; }
.testXml .splitterSpacer { width: 1.5em; }
.testXml .headerRowHolder { padding: 0.25em 0.5em 0.25em 1em; }
    .testXml .headerRowHolder > table, .testXml .actionArea .actionAreaHolder > table { margin: 0px; border-collapse: collapse; width: 100%; }
.testXml .headerItem { padding-right: 1em; white-space: nowrap; }
.testXml .label { font-weight: bold; padding-right: 0.5em; }
.testXml .headerItem .input input { width: 8em; }
.testXml textarea { font-family: Consolas, Courier New, Courier, monospace; }
.testXml .actionArea { vertical-align: bottom; height: 1em; }
    .testXml .actionArea .actionAreaHolder { margin-top: 0.5em; margin-bottom: 0.5em; }
.testXml .requestTextarea { width: 99%; height: 99%; }
.testXml .maxUpdatePanel { height: 100%; margin: 0px; padding: 0px; position: relative; }
.testXml .responseArea { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: auto; }
    .testXml .responseArea .responseAreaHolder { margin-right: 0.8em; height: 100%; }
.testXml .noResponseHolder { font-size: 150%; text-align: center; padding-top: 2.5em; }

@media only screen and (max-width: 670px) {

    .displayControl .hideColMobile { display: none; }
    /*.displayControl .pageHeader { min-width: 100%; display: inline-block; float: none; }
    .displayControl .xmlLinks { min-width: 100%; display: inline; text-align: right; }*/
}

.serviceDescription { font-size: 70%; display: block; }