nav, header, footer, main {
    display: block;
}
html, body {
    height: 100%;
    border: 0 none;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
}

caption {
    text-align: left;
    width: 100%;    
}

input[type = 'submit'], button,
select:hover {
    cursor: pointer;
}

.pifont,
.results a.pager-control,
a.pifont {
    text-decoration:none;
}
div.pager a, div.pager span {
    vertical-align: middle;
}

ul.nostyle {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}


.ui-inputfield,
.ui-widget.ui-inputfield {
    box-shadow: none;
    padding: 2px 4px!important;
}
.ui-button.ui-state-hover,
.ui-button.ui-state-focus,
.ui-widget .ui-selectonemenu-label,
.ui-selectonemenu.ui-state-hover,
.ui-selectonemenu-trigger.ui-state-hover,
.ui-selectonemenu-trigger.ui-state-focus,
.ui-selectonemenu-list-item.ui-state-hover,
.ui-accordion-header.ui-state-hover {
    box-shadow: none;
}


/* Table rules */
table.nopadding td {
    padding-left: 0!important;
    padding-right: 0!important;
}

table.bottom-aligned td {
    vertical-align: bottom;
}

/* Labels */
.label-link label {
    cursor: pointer;
}
.ui-outputlabel.ui-state-error {
    background: transparent;
}
.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: 0;
}

/* datefields */
.customDateField select {
    margin-left: 10px;
}

/* spinner for pagers */
.results .ui-datatable-footer .ui-spinner-input {
    text-align: left;
    width: 50px;
}

/* ERROR MESSAGES */
.ui-messages-error {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    border-width: 0!important;
    margin: 10px 20px 0!important;
}
.ui-messages-error ul {
    margin: 0 0 0 15px!important;
    list-style: disc!important;
}
.ui-messages-error li {
    padding-bottom: 5px;
}
.ui-messages-error-detail {
    font-weight: bold;
}
.missing-additional-code {
    white-space: nowrap;
}
.ui-messages-error .additional-code-info {
    color: #111;
    padding: 0 4px 0 3px;
}
.ui-messages-error .additional-code-info .fa {
    padding-left: 1px;
}
.ui-messages-error-icon {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    width: 0!important;
}
.errorMessage {
    font-weight: bold;
    margin-left: 10px;
}
.errorMessage-below {
    font-weight: bold;
    margin-bottom: 3px;
}

/* FIELDSETS & ACCORDIONS and datatables*/
.ui-panelgrid-header td.ui-widget-header,
.ui-datatable-header,
.ui-panel-titlebar,
.ui-datatable th,
.ui-fieldset .ui-fieldset-legend {
    box-shadow: none!important;
    text-shadow: none!important;
}
.ui-fieldset .ui-fieldset-legend {
    padding: 4px 10px;
}
.ui-accordion .ui-accordion-content {
    padding: 7px 10px 15px 20px;
}
.ui-datatable-tablewrapper {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ui-dialog-title,
.ui-button-text {
    text-shadow: none;
}

.table-title {
    text-align: center;
    margin-bottom: 3px;
}
h1.title, div.title {
    margin-top: 5px;
    text-align: center;
}
h3.info {
    text-align: center;
    font-weight: lighter;
    margin-bottom: 3px;
    
}

div.title {
    margin: 12px 0;
}

/* Search forms - Criteria */
table.criteriaTable {
    margin: 20px auto;
    text-align: center;
}

table.criteriaTable td {
    padding: 0 10px;
    width: 150px; /* Just a default value */
}

table.criteriaTable td.label-cell a {
    display: block;
    margin-bottom: 5px;
}

hr.separator-line {
    border: 0 none;
    height: 1px;
    margin: 20px auto;
}

.rightaligned-text {
    text-align: right!important;
}
.tooltip {
    width: 250px;
}

#leftDiv {
    overflow: hidden;
    position: absolute;
    width: 225px;
    margin:0px;
    top: 86px;
    bottom: 0;
    left: 0px;
}
#rightDiv {
    overflow: auto;	
    position: absolute;
    top: 92px;
    right: 7px;
    bottom: 28px;
    left: 235px;
    margin:0px;
    padding: 10px 0 5px 0;
}

#alternateDiv {
    overflow: auto;	
    position: absolute;
    top: 92px;
    right: 0;
    bottom: 28px;
    left: 0;
    margin:0px;
    padding: 10px 0 5px 0;
}

/* Main Content Header */
div.mainContentHeader {
    box-sizing: border-box;
    display: table;
    padding: 0 15px;
    width: 100%;
}
div.mainContentHeader > div {
    display: table-cell;
    vertical-align: top;
}
div.dateInfo {
    text-align: right;
    margin-right: 20px;
    font-size: 0.8125rem;
}


/* Home Page */
#homePageDiv {
    overflow: auto;
    padding: 10px 0;
    position: absolute;
    top: 92px;
    bottom: 28px;
    left: 0;
    right: 0;
}

/* Menus */
ul.broexMenu {
    list-style: none outside none;
    padding: 0;
    margin: 25px 0 0 0;
    white-space: nowrap;
}
div.lang-select {
    display: inline;
    padding-left: 15px;
}
div.lang-select ul {
    display: inline;
    list-style: none outside none;    
}
div.lang-select li {
    display: inline;
}
div.lang-select a {
    padding: 5px;       
}
#displayDateArea {
    display: inline;
}
#displayDateArea a:hover {
    cursor:pointer;
    text-decoration: underline;
}
#displayDateArea select {
    margin-left: 10px;
}
#displayDateArea button {
    margin-left: 5px;
}
/* end of menus */

/* header & logos */
.logoText {
    text-align: right;
}
.broexHeader {
    display: table;
    padding: 10px 0;
    width:100%;
}
.broexHeader > div {
    display: table-cell;
    vertical-align: middle;
}
.broexFooter {
    padding:5px;
    position: absolute;
    bottom: 0px;
    left: 5px;
    right:5px;
}
.broexFooter-right {
    left: 235px;
}

/* scrollable tables css */
.scrollabletable td {
    text-align: center;
}
.scrollabletable td, .scrollabletable th {
    border-left: none!important;
    padding-left: 4px!important;
    padding-right: 4px!important;
}
.scrollabletable th {
    border-bottom: none!important;
    border-top: none!important;
}

/* results tables css */
.results td { text-align: center; }

/*** CN COde Tree ***/
/*fixed-header for browNomenTree*/
#browseNomen-fixed {
    position: fixed;
    background-color:white;
    top:92px;
    padding: 5px 0;
    table-layout: fixed;
}
#browseNomen-fixed .dateInfo {
    display: none /* Initially hidden. Will be displayed via JS */
}
#browseNomen-fixed table th {
    border: 1px solid;
    padding: 2px 4px;
    text-align: left;
}
#rightDiv table#browseNomen {
    padding-top: 60px;
    table-layout: fixed;
}
#rightDiv table#browseNomen.not-current-date {
    padding-top: 70px;
}
#rightDiv table#browseNomen th {
    font-size: 0;
    padding: 0 5px; /* should match size for fixed table th +1 for the borders */
}

table#browseNomen, #browseNomen-fixed table {
    border-collapse: separate;
    margin: 0 5px;
}
table#browseNomen td {
    padding: 5px 10px 5px 5px;
    vertical-align: top;
}
table#browseNomen span.leaf,
a.browserNode-text {
    padding-left: 5px;
}
a.browserNode-text {
    text-decoration: none;
}
a.browserNode-text:hover {
    text-decoration: underline;
}

.depth-1 { padding-left:15px; }
.depth-2 { padding-left:30px; }
.depth-3 { padding-left:45px; }
.depth-4 { padding-left:60px; }
.depth-5 { padding-left:75px; }
.depth-6 { padding-left:90px; }
.depth-7 { padding-left:105px; }
.depth-8 { padding-left:115px; }
.depth-9 { padding-left:125px; }
.depth-10 { padding-left:135px; }
.depth-11 { padding-left:145px; }
.depth-12 { padding-left:155px; }
.depth-13 { padding-left:165px; }
.depth-14 { padding-left:175px; }
.depth-15 { padding-left:185px; }
.depth-16 { padding-left:195px; }
.depth-17 { padding-left:205px; }
.depth-18 { padding-left:215px; }
.depth-19 { padding-left:225px; }
.depth-20 { padding-left:235px; }

.quota-col1 { width: 90px; }
.quota-col2 { width: 100px; }
.quota-col3 { width: 90px; }
.quota-col4 { width: 90px; }
.quota-col5 { width: 90px; }
.quota-col6 { width: 100px; }
.quota-col7 { width: 70px; }
.quota-col8 { width: 80px; }

.geoarea-col1 { width: 150px; }
.geoarea-col2 { width: 150px; }
.geoarea-col3 { width: 450px; }

.correl-col1 { width: 180px; }
.correl-col2 { width: 180px; }
.correl-col3 { width: 180px; }

.certificates-col1 { width: 70px; }
.certificates-col2 { width: 750px; text-align: left!important; }

.additionalCodes-col1 { width: 70px; }
.additionalCodes-col2 { width: 750px; text-align: left!important; }
.footnotes-col1 { width: 70px; }
.footnotes-col2 { width: 750px; text-align: left!important; }

td.lit-col1 { width: 38%; text-align: left!important; vertical-align: top; }
td.lit-col2 { width: 36%; text-align: left!important; vertical-align: top; }
td.lit-col3 { width: 19%; text-align: left!important; vertical-align: top; }
td.lit-col4 { width: 7%; vertical-align: top; }

/* Correlation Table */
.correlationtable-search-col {
    padding: 10px 20px;
    vertical-align: top;
    width: 50%;
}

/* Calculate form */
.calculate-col {
    padding: 0 20px;
    vertical-align: top;
    width: 50%;
}
.calculate-inside-col {
    vertical-align: middle;
}
.search-icons {
    font-weight: bold;
    padding-left: 3px;
    padding-right: 9px;
}
td.twofieldtable {
    padding-left: 0px;
}

/* Calculation - Additional Codes Pager */
.additionalCodesPager-col1 { width: 90px; }
.additionalCodesPager-col2 { width: 85px; }
.additionalCodesPager-col3 { width: 85px; }
.additionalCodesPager-col4 { width: 320px; text-align: left!important; }

/* Calculation - Meursing Codes Pager */
.meursingCodesPager-col1 { width: 90px; }
.meursingCodesPager-col2 { width: 100px; }
.meursingCodesPager-col3 { width: 90px; }
.meursingCodesPager-col4 { width: 120px; }
.meursingCodesPager-col5 { width: 120px; }
.meursingCodesPager-col6 { width: 120px; }

/* Calculation Results */
.calcresults-table {
    margin-bottom: 15px;
    width: 900px;
}
.calcresults-table td {
    text-align: center;
}

/* Regulation Form */
.regulationform-table {
    margin: 0 auto;
    width: 100%;
}
.regulationform-table td {
    padding: 3px;
    vertical-align: top;
}
.regulationform-labels {
    max-width: 200px;
}
.regulationform-values {
    font-weight: bold;
}

/* Browser Tariff Form */
table.browseTariffCriteria-inner td {
    padding: 20px 10px;
}
table.browseTariffCriteria-inner button {
    width: 100%;
}
.browseTariffCriteria-inner-col1 {
    max-width: 250px;
}

/* Text Search form*/
table.text-search-table {
    margin: 20px auto 0;
}
table.text-search-table td {
    padding: 20px 10px;
}

/* measure form */
.measure-table {
    border-collapse: separate;
    width: 100%;
}
.measure-table td {
    padding: 4px 6px;
    text-align: left;
    vertical-align: top;
}

.measure-table-ext {
    width: 100%;
}

.measure-table-ext td {
    padding: 4px 6px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #aaa;
}

.measure-table-ext th {
    border: 1px solid;
    padding: 6px 4px;
    text-align: left;
}

.measure-table-ext tr.odd td {
    background-color: #f4f4f4;
}
.measure-table-ext tr.even td {
    
}

fieldset.emptyfieldset {
    border-width: 1px 0 0 0;
}

/* BTI(WIT) Search form */
.witcriteria-col1 {
    padding: 6px 5px 6px 0;
}
.witcriteria-col3 {
    padding-left: 25px;
}

/* Resource page */
.resource-frame {
    border-width: 0px;
    height:100%;
    width: 100%;
}
.resource-table {
    height: 100%;
    margin: 0 auto;
    width: 100%;
}

/* Additional Info Search Results*/
#addInfoResultsTable table {
    width: 450px;
}
#addInfoResultsTable tr.results-row td,
#addInfoResultsTable tr.results-row-alt td {
    padding: 6px 10px;
    text-align: left;
}

/* Daily News List */
ul#newslist {
    list-style: disc outside none;
    margin-left: 14px;
    padding: 0;
}

ul#newslist li {
    padding: 3px;
}

/* wit Details */
td.witHead {
    font-weight: bold;
    padding-right: 20px;
}
td.witDetails-col1 {
    font-weight: bold;
    margin: 21px 0;
    padding: 5px;
    width: 200px;
}
td.witDetails-col2 {
    border: 1px solid #000000;
    padding: 5px;
    width: 600px;
}

/* Quota Search Dialog*/
table#quotaSearchDlgTable td {
    padding: 3px 7px;
}

/* Conditions form */
/* conditions */
table.outerborder td {
    padding: 5px;
}
.hidecolumnheaders table thead tr {
    display: none;
}

/* Full-Text Search */
.highlight-term {
    font-weight: bold;
}
div.textSearchResults {
    margin: 0 20px;
}
div.textSearchResults span {
    font-weight: bold;
}
div.textSearchResults td {
    padding: 6px;
}
td.textSearch-col1 {
    padding: 5px 10px!important;
    text-align: left;
}
td.textSearch-col2 {
    padding: 5px 10px!important;
    text-align: left;
}
td.textSearchPubBooks-col1 {
    padding: 6px 10px!important;
    text-align: center;
    width: 430px;
}

#facetsTable td, #facetsTable th {
    padding: 8px 10px;
}
td.facetsTable-col1 {
    width:320px;
}
td.facetsTable-col2 {
    font-weight: bold;
    text-align: center;
    width:120px;
}

a.skipToMain {
    left: -10000px;
    position: absolute;
}
a.skipToMain:focus {
    position: static;
    margin-left: 10px;
}

div.only-for-print {
    display: none;
}

#downloadStatusDlgID.ui-dialog {
    padding: 20px;
}
#downloadStatusDlgID.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

@media print {
    .printBtn {
        display: none!important;
    }

    #browseNomen th {
        border: 1px solid;
        padding: 2px 4px;
        text-align: left;
    }

    div.only-for-print {
        display: block;
    }
    tr { page-break-inside: avoid; page-break-after:auto  !important; }
    table { page-break-inside:auto}
}