﻿/*
COLOURS:
* light-purple: #CBCBF4
* purple: #7777AA
* very-light-green: #DCF2E1
* light-green: #ADDDB7
* green: #2F6440
* dark-purple: #2B2B5E
*/
.blackBorder {
  border: 1px solid black; }

#root {
  margin: .6em;
  font-family: Arial, sans-serif; }
  #root > #pageHolder {
    width: 95%;
    margin: 0 auto 0 auto; }
    #root > #pageHolder > #page {
      display: block;
      width: 100%;
      box-sizing: border-box;
      background-color: #DCF2E1;
      border-radius: 7px;
      margin-bottom: 15px; }
      #root > #pageHolder > #page > #banner {
        display: block;
        width: 100%;
        min-width: 260px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        background: linear-gradient(to right, #ADDDB7 0%, white 50%, #ADDDB7 100%);
        border-top-left-radius: .5em;
        border-top-right-radius: .5em;
        padding: .5em; }
        #root > #pageHolder > #page > #banner > #hbMenu {
          display: none; }
        #root > #pageHolder > #page > #banner > #topMenu {
          display: none;
          background-color: #2F6440; }
        #root > #pageHolder > #page > #banner > #logoHolder {
          display: flex;
          justify-content: space-between; }
          #root > #pageHolder > #page > #banner > #logoHolder > .logoAccent {
            width: 20%;
            height: 6em;
            background-color: #7777AA;
            height: 6em;
            width: 30%;
            border: 1px solid #374760;
            border-right: 0; }
            #root > #pageHolder > #page > #banner > #logoHolder > .logoAccent > a {
              font-size: .8em;
              color: #ffffff;
              cursor: default; }
          #root > #pageHolder > #page > #banner > #logoHolder > #logoLeft {
            background: linear-gradient(90deg, #CBCBF4, #2B2B5E);
            border-top-right-radius: 3em;
            border-bottom-right-radius: 3em;
            border-left: 0; }
          #root > #pageHolder > #page > #banner > #logoHolder > #logoRight {
            background: linear-gradient(270deg, #CBCBF4, #2B2B5E);
            border-top-left-radius: 3em;
            border-bottom-left-radius: 3em;
            border-right: 0; }
          #root > #pageHolder > #page > #banner > #logoHolder > #logo > img {
            width: 100%;
            max-width: 170px;
            min-width: 120px; }
          #root > #pageHolder > #page > #banner > #logoHolder > #logo > h1 {
            display: none; }
          #root > #pageHolder > #page > #banner > #logoHolder > #logo > h2 {
            display: none; }
      #root > #pageHolder > #page > #mainHolder {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 1em 0;
        background-color: #CBCBF4; }
        #root > #pageHolder > #page > #mainHolder > #main {
          display: block;
          background-color: #FFFFFF;
          border-radius: 7px;
          padding: 10px;
          color: #2B2B5E;
          width: 98%;
          padding: 2em;
          margin: 0 auto 0 auto;
          box-sizing: border-box;
          padding-bottom: 2em !important; }
          #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder {
            display: flex;
            flex-direction: row;
            align-items: stretch; }
            #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder > .boxHalfBox > ul {
              list-style-type: square; }
            #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder > .boxHalfBox > .fsTopPadded {
              margin-top: 1em; }
            #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder > .boxNoLegend {
              padding-top: 1.2em;
              width: 50%; }
            #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder > .boxHalfBoxGreen {
              display: block; }
              #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder > .boxHalfBoxGreen > fieldset {
                border: 3px solid #2F6440;
                margin: 0;
                border-radius: 7px; }
              #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder > .boxHalfBoxGreen > legend {
                background-color: #7777AA;
                color: #FFFFFF;
                padding: 10px;
                border-radius: 7px;
                font-size: 14pt; }
            #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder > .boxHalfPadded {
              margin-right: 2em;
              width: 50%; }
          #root > #pageHolder > #page > #mainHolder > #main fieldset {
            border: 2px solid #7777AA;
            margin: 0;
            border-radius: .3em; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset audio {
              display: inline-block;
              width: 50%;
              margin-left: 1em;
              height: 2.5em;
              outline: none; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset .ancHolder {
              display: block;
              float: left;
              width: 100%;
              box-sizing: border-box;
              margin: 0 0 .5em 0; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset .ancBlock {
              display: block;
              float: left;
              width: 100%;
              box-sizing: border-box;
              border: 3px solid #2F6440;
              border-radius: 7px;
              margin: 5px 0 5px 0;
              padding: 15px; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset .ancTile {
              display: inline-block;
              float: none;
              width: 33%;
              min-width: 10em;
              box-sizing: border-box;
              border: 3px solid #2F6440;
              border-radius: 7px;
              margin: 5px 0 5px 0;
              padding: 15px; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset .ancBase > h5 {
              margin: 0;
              font-size: 1em; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset .ancBase > p {
              margin: 0; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset .ancBase > .domainGrey {
              color: #555555;
              font-size: .8em;
              margin: .1em 0 .1em 0; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset .searchParamBlock {
              display: block;
              width: 100%; }
              #root > #pageHolder > #page > #mainHolder > #main fieldset .searchParamBlock > .searchParamItem {
                display: inline-block;
                border-radius: .5em;
                margin: .2em .3em;
                border: 1px solid #777777;
                background-color: #eeeeee;
                padding: .3em;
                font-size: .8em; }
              #root > #pageHolder > #page > #mainHolder > #main fieldset .searchParamBlock > .searchParamItem:first-of-type {
                margin: 0 .3em 0 0; }
              #root > #pageHolder > #page > #mainHolder > #main fieldset .searchParamBlock > .searchParamItem:last-of-type {
                margin: 0 0 0 .3em; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset .searchRow {
              display: block;
              width: 100%;
              margin: 0 0 .3em 0; }
              #root > #pageHolder > #page > #mainHolder > #main fieldset .searchRow > .searchLabel {
                display: inline-block;
                width: 40%;
                padding: 0;
                font-weight: bold; }
              #root > #pageHolder > #page > #mainHolder > #main fieldset .searchRow > .searchField {
                display: inline-block;
                width: 45%;
                padding: 0; }
              #root > #pageHolder > #page > #mainHolder > #main fieldset .searchRow > .searchSpan {
                display: block;
                width: 100%;
                text-align: center; }
          #root > #pageHolder > #page > #mainHolder > #main legend {
            background-color: #2F6440;
            color: #FFFFFF;
            padding: 10px;
            border-radius: .3em; }
            #root > #pageHolder > #page > #mainHolder > #main legend > h3 {
              margin: 0;
              font-size: 14pt; }
          #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox {
            display: block;
            width: 100%; }
            #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > legend {
              background-color: #7777AA;
              color: #FFFFFF;
              padding: 10px;
              border-radius: 7px;
              font-size: 14pt; }
            #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > fieldset > #coatText > .coatRow {
              display: block;
              width: 100%;
              text-align: left;
              padding: 0 0 1em 0; }
            #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > fieldset > #coatImage {
              display: block;
              width: 100%;
              text-align: left; }
            #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > fieldset > .listPlainSpan {
              list-style-type: none;
              display: block;
              padding-left: 0; }
            #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > fieldset > .listPlainSpan li {
              display: inline;
              margin: 0 20px 0 0; }
            #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > fieldset > .listPlainSpan li img {
              display: inline;
              vertical-align: middle; }
            #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > fieldset > .ancDetail {
              border-radius: .5em;
              padding: .5em .5em 1em .5em;
              margin: .5em;
              width: 99%; }
              #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > fieldset > .ancDetail > tbody > tr > th {
                background-color: #ffffff;
                color: #2F6440;
                text-align: left;
                padding: .5em;
                vertical-align: top;
                width: 25%;
                min-width: 15em; }
              #root > #pageHolder > #page > #mainHolder > #main > .boxFullBox > fieldset > .ancDetail > tbody > tr > td > span {
                padding-left: .15em; }
          #root > #pageHolder > #page > #mainHolder > #main > .boxFullBoxTopSpacer {
            display: block;
            width: 100%;
            margin-top: 1em; }
          #root > #pageHolder > #page > #mainHolder > #main > .boxNoLegend {
            padding-top: 1.2em; }
          #root > #pageHolder > #page > #mainHolder > #main > h4 {
            font-size: 12pt;
            font-weight: bold;
            margin: 30px 0 0 0; }
          #root > #pageHolder > #page > #mainHolder > #main .aBlock {
            color: #2B2B5E;
            text-decoration: none; }
          #root > #pageHolder > #page > #mainHolder > #main .aBlock:hover {
            color: #8FD8A6;
            text-decoration: none; }
          #root > #pageHolder > #page > #mainHolder > #main a {
            color: #2B2B5E;
            text-decoration: underline; }
          #root > #pageHolder > #page > #mainHolder > #main a:hover {
            color: #2F6440;
            text-decoration: none; }
          #root > #pageHolder > #page > #mainHolder > #main ul {
            list-style-type: square; }
          #root > #pageHolder > #page > #mainHolder > #main .linkHolder {
            display: block;
            float: left;
            width: 100%;
            box-sizing: border-box;
            margin: 0 0 .5em 0; }
            #root > #pageHolder > #page > #mainHolder > #main .linkHolder > .linkBlock {
              display: block;
              float: left;
              width: 100%;
              box-sizing: border-box;
              border: 3px solid #2F6440;
              border-radius: 7px;
              margin: 5px 0 5px 0;
              padding: 15px; }
              #root > #pageHolder > #page > #mainHolder > #main .linkHolder > .linkBlock > h5 {
                margin: 0;
                font-size: 1em; }
              #root > #pageHolder > #page > #mainHolder > #main .linkHolder > .linkBlock > p {
                margin: 0; }
              #root > #pageHolder > #page > #mainHolder > #main .linkHolder > .linkBlock > .domainGrey {
                color: #555555;
                font-size: .8em;
                margin: 0 0 .3em 0; }
      #root > #pageHolder > #page #footer {
        display: block;
        font-size: 10pt;
        padding: 10px 10px 20px 10px;
        color: #505050; }
        #root > #pageHolder > #page #footer > p {
          text-align: center;
          margin: .5em auto 0 auto; }
          #root > #pageHolder > #page #footer > p > a {
            color: #303030; }
          #root > #pageHolder > #page #footer > p > a:hover {
            color: #4A4A4A; }

.pNoBottom {
  margin-bottom: 0; }

.pNoTop {
  margin-top: 0; }

.pTightBottom {
  margin-bottom: .5em; }

#histSources {
  display: block;
  width: 100%; }

.searchBlock {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 2px; }

.searchSpanLeft {
  display: block;
  float: left;
  width: 100%; }

.searchGap {
  margin: 0 0 1em 0; }

.rowSpacer {
  margin: 0 0 .2em 0; }

.reqField {
  color: darkred; }

.inputArea {
  width: 100%;
  border: 1px solid #999999; }

.buttonHolder {
  display: block;
  width: 100%; }

.greenButton {
  border-radius: 7px;
  background-color: #2F6440;
  color: #FFFFFF;
  border: 0;
  cursor: pointer;
  margin: 10px 0 0 0; }

.purpleButton {
  border-radius: .5em;
  background-color: #7777AA;
  color: #FFFFFF;
  border: 0;
  cursor: pointer;
  margin: .5em 0 0 0;
  font-size: .9em;
  padding: .5em 1em; }

.purpleButtonDisabled {
  border-radius: .5em;
  background-color: #CBCBF4;
  color: #777777;
  border: 0;
  cursor: pointer;
  margin: 1em 0 0 0;
  font-size: 1.1em;
  padding: .5em 1em;
  cursor: default; }

.purplePsuedoButton {
  font-size: .9em;
  text-align: center; }
  .purplePsuedoButton > a {
    margin: .5em 0 0 0;
    background-color: #7777AA;
    color: #FFFFFF !important;
    padding: .5em 1em;
    text-decoration: none !important;
    border-radius: .5em;
    border: 0;
    cursor: pointer; }

.errorText {
  color: #DD1111;
  font-weight: bold; }

.txtBoxSmall {
  width: 8em; }

.txtBoxMedium {
  width: 15em; }

.txtBoxSpan98 {
  width: 98%; }

/* Page loader stuff */
#loaderHolder {
  display: none;
  width: 100%;
  text-align: center;
  margin-bottom: 1em 0; }
  #loaderHolder > .loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right: auto; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Search results */
.boxFullBox table {
  border: 3px solid #2F6440;
  padding: 0;
  font-size: 11pt; }

.boxFullBox th {
  background-color: #2F6440;
  color: #FFFFFF;
  padding: 0 .3em 0 .3em;
  margin: 0; }

.boxFullBox td {
  padding: 0 .3em 0 .3em;
  margin: 0; }

.searchAlert {
  font-weight: bold;
  background-color: #CBCBF4;
  color: #2B2B5E;
  border-radius: .5em; }

.noResultsBlock {
  display: block;
  float: left;
  width: 100%;
  font-weight: bold;
  background-color: #ADDDB7;
  color: #2B2B5E;
  border-radius: .5em;
  margin: 15px 0 0 0;
  padding: 10px;
  box-sizing: border-box; }

/* jQuery UI stuff */
.ui-widget.error-dialog {
  font-family: Arial;
  font-size: .8em; }

.ui-widget-content.error-dialog {
  background: #FFFFFF;
  border: 1px solid #7777AA;
  color: #222222; }

.ui-dialog.error-dialog {
  left: 0;
  outline: 0 none;
  padding: 0 !important;
  position: absolute;
  top: 0; }

.ui-dialog.error-dialog .ui-dialog-content {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  overflow: auto;
  position: relative;
  padding: 0 5px 0 5px !important;
  margin: 0; }

.ui-dialog.error-dialog .ui-widget-header {
  background: #7777AA;
  border: 0;
  color: #FFFFFF;
  padding: 10px !important;
  border-radius: 0;
  font-weight: bold; }

.ui-dialog.error-dialog .ui-dialog-titlebar {
  padding: 0.1em .5em;
  position: relative;
  font-size: 1em; }

.ui-dialog.error-dialog .ui-dialog-buttonset button {
  border: 1px solid #7777AA;
  background: #7777AA;
  color: #FFFFFF; }

.ui-dialog.error-dialog .ui-icon {
  background-image: url(images/icons.png); }

/* Font Awesome */
.fa-cgh-white {
  color: #FFFFFF; }

.fa-cgh-green {
  color: #DCF2E1; }

.fa-cgh-purple {
  color: #7777AA; }

/* Tooltips */
.ui-tooltip, .arrow:after {
  background: #7777AA;
  border: 0; }

.ui-tooltip {
  padding: 10px 20px;
  color: white;
  border-radius: 20px;
  box-shadow: 0 0 7px black; }

.ui-tooltip-content {
  font-family: Arial;
  font-size: 10pt;
  color: #2B2B5E; }

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px; }

.arrow.top {
  top: -16px;
  bottom: auto; }

.arrow.left {
  left: 20%; }

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.arrow.top:after {
  bottom: -20px;
  top: auto; }

@media screen and (max-width: 700px) {
  #root > #pageHolder > #page > #banner > #hbMenu {
    display: block; }
  #root > #pageHolder > #page > #banner > #logoHolder > .logoAccent {
    display: none; }
  #root > #pageHolder > #page > #banner > #logoHolder > #logo {
    margin-left: auto;
    margin-right: auto; }
  #root > #pageHolder > #page > #banner > #hbMenu {
    width: 2em;
    min-width: 2em;
    height: 2em;
    vertical-align: bottom;
    position: absolute; }
    #root > #pageHolder > #page > #banner > #hbMenu > #hbMenuLink {
      padding: 0 .3em;
      border: 2px solid #7777AA;
      border-radius: .5em;
      background-color: #FFFFFF;
      width: 100%; }
      #root > #pageHolder > #page > #banner > #hbMenu > #hbMenuLink > h3 {
        display: none; }
      #root > #pageHolder > #page > #banner > #hbMenu > #hbMenuLink > a {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0;
        margin-top: .2em; }
      #root > #pageHolder > #page > #banner > #hbMenu > #hbMenuLink > div {
        display: block;
        width: 100%;
        height: .3em;
        background-color: #7777AA;
        margin: .3em 0;
        text-align: center;
        border-radius: .3em; }
      #root > #pageHolder > #page > #banner > #hbMenu > #hbMenuLink > div:first-of-type {
        margin-top: .3em;
        margin-bottom: 0;
        height: .3em; }
      #root > #pageHolder > #page > #banner > #hbMenu > #hbMenuLink > div:last-of-type {
        margin-top: 0;
        margin-bottom: .3em;
        height: .3em; }
  #root > #pageHolder > #page > #banner #topMenu {
    width: 40%;
    min-width: 13em;
    padding: 0;
    margin: 0;
    font-size: 11pt;
    box-sizing: border-box;
    position: absolute;
    top: 3.35em;
    left: 2em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    border-top-right-radius: .5em; }
    #root > #pageHolder > #page > #banner #topMenu > #topMenuInner {
      margin: 0 auto 0 auto;
      width: 100%;
      background-color: #7777AA; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul ul {
        text-align: center;
        flex: 1 1 auto;
        margin: 0;
        padding: 0;
        list-style-type: none;
        border: 0; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul.menuBar {
        border: 1px solid black;
        border-radius: .3em;
        padding: .5em;
        margin: 0;
        width: auto;
        border: 2px solid #2F6440;
        background: #ADDDB7; }
        #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul.menuBar > li {
          background-color: #2F6440; }
          #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul.menuBar > li > a {
            color: #ffffff;
            text-decoration: none; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul:first-child {
        margin-left: 0; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul:last-child {
        margin-right: 0; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner li {
        margin: 0;
        padding: 0 7px 0 7px;
        text-align: center;
        border: 1px solid black;
        border-radius: .3em;
        list-style-type: none; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul li {
        border: 1px solid #2B2B5E;
        border-radius: 0;
        border-top-left-radius: .3em;
        border-top-right-radius: .3em;
        padding: .3em;
        color: #444444;
        background-color: #DADADA; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul ul li {
        flex: 1 1 auto;
        border: 0;
        border-left: 1px solid #2B2B5E;
        border-right: 1px solid #2B2B5E;
        border-bottom: 1px solid #2B2B5E;
        border-radius: 0;
        padding: .3em;
        background-color: #FFFFFF; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul ul li:last-child {
        flex: 1 1 auto;
        border: 1px solid #2B2B5E;
        border-top: 0;
        border-radius: 0;
        border-bottom-left-radius: .3em;
        border-bottom-right-radius: .3em;
        padding: .3em;
        background-color: #FFFFFF; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul ul li:hover {
        background-color: #ADDDB7; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner ul ul li a {
        display: block;
        width: 100%;
        text-decoration: none;
        color: #7777AA; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner .selMenuItem {
        background-color: #ADDDB7 !important; }
      #root > #pageHolder > #page > #banner #topMenu > #topMenuInner .selMenuItem:hover {
        background-color: #DCF2E1 !important; }
  #root > #pageHolder > #page > #mainHolder > #main {
    padding: 1em; }
    #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder {
      flex-direction: column;
      width: 100%; }
      #root > #pageHolder > #page > #mainHolder > #main > .twoColumnHolder > .boxHalfPadded {
        margin-right: 0;
        margin-bottom: 1.5em;
        width: 100%; }
    #root > #pageHolder > #page > #mainHolder > #main ul {
      margin: 0;
      padding: 1.1em; }
    #root > #pageHolder > #page > #mainHolder > #main fieldset > .ancDetail {
      border-radius: .5em;
      padding: .5em 0 1em 0 !important;
      margin: .5em;
      max-width: 92% !important;
      box-sizing: content-box;
      display: block; }
      #root > #pageHolder > #page > #mainHolder > #main fieldset > .ancDetail > tbody {
        display: block;
        max-width: 85%; }
        #root > #pageHolder > #page > #mainHolder > #main fieldset > .ancDetail > tbody > tr {
          display: block; }
          #root > #pageHolder > #page > #mainHolder > #main fieldset > .ancDetail > tbody > tr > th {
            display: block;
            background-color: #ffffff;
            color: #2F6440;
            text-align: left;
            padding: .5em 0;
            vertical-align: top;
            width: 90%; }
          #root > #pageHolder > #page > #mainHolder > #main fieldset > .ancDetail > tbody > tr > td {
            display: block;
            width: 90%;
            margin-bottom: .5em; }
            #root > #pageHolder > #page > #mainHolder > #main fieldset > .ancDetail > tbody > tr > td > span {
              padding-left: .15em; }
    #root > #pageHolder > #page > #mainHolder > #main fieldset .ancTile {
      display: block;
      width: 100%; }
    #root > #pageHolder > #page > #mainHolder > #main fieldset .searchParamBlock {
      display: block;
      width: 100%;
      border: 1px solid red; }
      #root > #pageHolder > #page > #mainHolder > #main fieldset .searchParamBlock > .searchParamItem {
        display: inline-block;
        border: 1px solid red; }
    #root > #pageHolder > #page > #mainHolder > #main fieldset .searchRow {
      display: block;
      width: 100%;
      margin: 0 0 .3em 0; }
      #root > #pageHolder > #page > #mainHolder > #main fieldset .searchRow > .searchLabel {
        display: block;
        width: 100%;
        padding: 0;
        font-weight: bold; }
      #root > #pageHolder > #page > #mainHolder > #main fieldset .searchRow > .searchField {
        display: block;
        width: 100%;
        padding: 0; } }

#dialog-message {
  display: none; }

.noShow {
  display: none !important; }
