/* ####### Items specific to the  search.php  page ####### */

.result-box {  width: 100%;
  min-width: 59.0rem;  /* !! Sets Min Table Width !! */
}
.result-box .box_body {  width: 100%;  }
.result-box .box_foot {}

.result-box h2 {  color: #e5e5e5;  }
.result-box em {  color: #808000;  }

.result-box mark {  background:  #f8f8f8;  }  /*f1f1f1 f8f8f8 fafafa white*/


/*All class="box_neck" (only in .result-box, below box_head )*/
.box_neck {  text-align: center;
  padding: 15px 15px 0 15px;  /*  */
  border: solid #3f4d37;     /* #3f4d37=BorderGreen(dark) */
  border-width: 0 1px;
  background: #e5e5e5;          /* #e5e5e5=BgGray(medium) */
}
  .box_neck p {  font-size: 1.05em;
    padding: 0 0 15px;
  }
  .box_neck p.none {  font-size: 1.1em;  /* when No results */
    padding: 25px 0 30px;
  }

  .box_neck p span {  white-space: nowrap;  }


/*Result Page Navigation (only if required, above & below table )*/
.result_nav {  font-size: 0.8rem;  /* for tight spacing only */
  padding: 0 0 10px;
}
.box_foot .result_nav {
  border-top: 1px solid #9eb096;
  padding: 10px 15px;
}

.result_nav > a,
.result_nav > span {  display: inline-block;
  font-size: 1.2rem;  /* result nav font size */
  padding: 2px 2px 1px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.result_nav .frst {  padding: 2px 4px 1px;  }
.result_nav .scnd {  padding: 2px 3px 1px;  }
.result_nav .back {  padding: 2px 4px 1px;  }
.result_nav .next {  padding: 2px 4px 1px 5px;  }
.result_nav .dots {  font-weight: bold;  }

.result_nav > a {  color: #085848;  }

.result_nav > a:hover,
.result_nav > a:active {
  background: #f1f1f1;    border-color: #c8c8c8;
}

.result_nav > a:focus {   outline: none;
  background: #f1f1f1;    border-color: #808000;
}
@supports (outline-color: -webkit-focus-ring-color) {
    .result_nav > a:focus {  outline: olive auto 3px;  }
}


/* ###### Search Results: Data Table ################ */
#result {  /* <table> tag... */
  height: 100%;
  min-height: 1px;  /* IE11 patch */
  width: 100%;
}

/* ######### Search Results: Table Head Row ######### */
#result .thead {  /* thead <tr> */
  background: #9eb096;     /* Set:  TheadRowColor */
}
  #result .thead th {  /* ## All <th> cells in thead ## */
    padding: 7px 7px 7px 0;
  }
  /* ## Each <th> cell  (Total: 575px wide) ## */
  #result .thead th:first-child {   width: 14.8rem;
    padding-left: 9px;
  }
  #result .thead th:nth-child(2) {  width: 6.8rem;  }
  #result .thead th:nth-child(3) {  width: 8.0rem;
    padding-left: 1px;
  }
  #result .thead th:nth-child(4) {  width: 9.8rem;  }
  #result .thead th:nth-child(5) {    }


/* ######### Search Results: Table Body Date Header ######### */
#result .tdate {  /* tdate <tr> */
  background: #babfb7;     /* Set:  DateHeadRowColor #a0a79c */
}
  #result .tdate th {  /* ## <th> cell in tdate ## */
    text-align: center;
    padding: 6px 12px;
    color: #e5e5e5;
  }


/* ######### Search Results: Table Body Rows ######### */
#result .tbody {  /* tbody <tr> */
  height: 100%;
  background: #e5e5e5;     /* Set:  TbodyRowColor */
}
#result .tbody.even {  background: #d9d9d9;  }
#result .tbody.even mark {  background: #f1f1f1;  }

#result .tbody:hover {  background: #f1f1f1;  }
#result .tbody:hover mark {  background: #fafafa;  }

  #result td {  /* #### All <td> cells #### */
    height: 100%;
    font-size: 1.3rem;
  }
  #result .tbody td:last-child {  position: relative;  }

    /* ## All block link containers ## */
    #result .tbody td > a {  display: block;
      height: 100%;
      padding: 6px 7px 6px 0;
    }
    #result .tbody a:focus {  outline: none;
    }

      #result .tbody span,
      #result .tbody small {  display: block;  }
      #result .tbody small {  padding: 0 3px 3px 6px;  }

      #result .tbody td > a span {  overflow: hidden;  }

    /* ## First block link container ## */
    #result .tbody td:first-child > a {
      max-width: 14.8rem;     /* Same as FirstThCell above */
      padding: 2px 2px 3px 3px;
      border: 0 solid transparent;
      border-width: 1px 1px 1px 0;
      border-radius: 0 3px 3px 0;
    }
    #result .tbody td:first-child > a:focus {
      background: #f1f1f1;     border-color: #808000;
    }
      #result .tbody td:first-child span {
        padding: 2px 3px 1px 5px;
        border: 1px solid transparent;
        border-radius: 2px;
      }
      #result .tbody td:first-child > a:focus span {
        color: #085848;
      }

      #result .tbody.odd td:first-child > a:focus mark {
        background: #f1f1f1;
      }
      #result .tbody.odd td:first-child > a:focus span:hover mark {
        background: #fafafa;
      }

      #result .tbody td:first-child span:hover {
        color: #085848;  /*  */
        background: #fafafa;   border-color: #e0e0e0;
      }

      #result .tbody td:first-child span:hover mark,
      #result .tbody td:first-child a:focus mark {
        color: #085848;
      }
      #result .tbody.even:hover td:first-child a:focus mark {
        background: #f1f1f1;
      }
      #result .tbody.even:hover td:first-child a:focus span:hover mark {
        background: #fafafa;
      }

    /* ## 2nd-4th block link containers ## */
    #result .tbody td:nth-child(2) > a {
      max-width: 6.8rem;       /* Same as 2ndThCell above */
      padding-left: 3px;
    }
    #result .tbody td:nth-child(3) > a {
      max-width: 8.0rem;       /* Same as 3rdThCell above */
    }
    #result .tbody td:nth-child(4) > a {
      max-width: 9.8rem;       /* Same as 4thThCell above */
    }

    /* ## Last block link container ## */
    #result .tbody td:last-child > a {
    }

      #result .tbody td:last-child .more {
        padding-bottom: calc(1.16em + 2px);
      }

      #result .tbody td:last-child > span {
        position: absolute;
        bottom: 3px;        left: -7px;
      }

        #result .tbody td:last-child > span a {
          display: block;
          color: #085848;
          padding: 2px 5px 1px 6px;
          border: 1px solid transparent;
          border-radius: 2px;
        }

        #result .tbody td:last-child > span a:hover {
          background: #fcfcfc;   border-color: #dedede;
        }
        #result .tbody td:last-child > span a:active,
        #result .tbody td:last-child > span a:focus {
          background: #f3f3f3;   border-color: #808000;
        }
        #result .tbody td:last-child > span a:hover {
          background: #fcfcfc;
        }