/* YOU SHOULD NOT EDIT THIS FILE AT ALL!!
   - In general, you should only edit the resources/style/sources/papakilo-custom.css file
   - then run make_style_css.sh to regenerate the style.css file
   - then run gulp from the top level directory to regenerate the resources/style/style.css file
 */

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/*! END OF normalize.css v5.0.0 */

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Flex Stuff (Added by Richard M, from templates on flexboxin5.com )
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.flex-container,
.footer-flex-container,
.metadata-flex-container,
.related-images-flex-container {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    padding: 0.5rem;
}

.metadata-flex-container,
.flex-related-images-display
{
    padding: 0rem;
}

/* If we have 740px or less width, make the sections full width; */
.flex-toolbar-links {
    min-height: 200px;
    order: 2;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 80%;
    margin: 0.2rem 0.1rem;
    margin-right: 0.8rem;
}

.flex-toolbar-links span {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

.flex-toolbar-links-right {
    min-height: 200px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    margin: 0.2rem 0.1rem;
    margin-left: 0.8rem;
}
  
.flex-content-section {
    min-height: 200px;
    order: 1;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 80%;
    margin: 0.2rem 0.1rem;
}

.bodyleftcontent {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    margin: 0.2rem 0.1rem;
    margin-bottom: 0.5rem;
}

.bodyrightcontent {
  background: #eeeade none repeat scroll 0 0;
  border-top: 6px solid #36a70e;
  border-width: 6px 0 0;
  min-height: 200px;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 80%;
  margin: 0.2rem 0.1rem;
  padding: 0rem 1rem;
}

.flex-large-content-section {
    min-height: 200px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 75%;
    margin: 0.2rem 0.1rem;
}  
  
.flex-full-content-section {
    min-height: 200px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    margin: 0.2rem 0.1rem;
}  

.flex-news {
    min-height: 200px;
    order: 3;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 80%;
    margin: 0.2rem 0.1rem;
    margin-left: 0.8rem;
}

/* If we have at least 740px give toolbar 33.3% and content pane 66%; */
@media (min-width: 740px) {
  .flex-toolbar-links {
    order: 1;
    flex-grow: 0.3333;
    flex-basis: 200px;
  }
  
  .flex-content-section {
    order: 2;
    flex-grow: 0.6666;
    flex-basis: 400px;
  }
  
  .flex-news {
    order: 3;
    flex-grow: 1;
    flex-basis: 600px;
  }
}  

/* And on content pages, give the toolbar 25% and the content section 75%*/
@media (min-width: 900px) {

  .flex-toolbar-links-right {
    flex-grow: 0.2499;
    flex-basis: 21.5rem;
  }
  
  .flex-large-content-section {
    flex-grow: 0.7499;
    flex-basis: 57.8rem;
  }  

 .bodyleftcontent {
    flex-grow: 0.249;
    flex-basis: 24.9%;
    margin: 0.2rem 0.1rem;
    margin-bottom: 0.5rem;
    padding: 0rem 0.5rem;
 }

 .bodyrightcontent {
   min-height: 200px;
   flex-grow: 0.74;
   flex-basis: 74%;
   margin: 0.2rem 0.1rem;
   padding: 0rem 0.5rem;
 }

}

/* If we have more than 950px, give toolbar 25%, content pane 50%, news 25% */
@media (min-width: 950px) {

  .flex-toolbar-links {
    flex-grow: 0.25;
    flex-basis: 22%;
  }

  .flex-content-section {
    flex-grow: 0.5;
    flex-basis: 48%;
  }

  .flex-news {
    flex-grow: 0.25;
    flex-basis: 22%;
  }

}

/* Grid
  - Note that all the column classes from this
    section have been removed but they may be
    helpful for other projects
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid-container {
  position: relative;
  width: 100%; /* Altered from Skeleton dist */
  max-width: 1900px;
  margin: 0 auto;
  box-sizing: border-box; }


/* For devices larger than 550px */
@media (min-width: 550px) {

  .grid-container {
    width: 100%; /* Altered from Skeleton dist */
  } 

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
/* Removed changes to letter spacing */
h1 { font-size: 4.0rem; line-height: 1.2;  }
h2 { font-size: 3.6rem; line-height: 1.25; }
h3 { font-size: 3.0rem; line-height: 1.3;  }
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 1.8rem; line-height: 1.5;  }
h6 { font-size: 1.5rem; line-height: 1.6;  }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
   - section removed (from default Skeleton V2.0.4)
   –––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Forms
   - section removed (from default Skeleton V2.0.4)
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Lists
   - section removed (from default Skeleton V2.0.4)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables:
   - section removed (from default Skeleton V2.0.4)
   –––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Spacing:
   - section removed (from default Skeleton V2.0.4)
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.grid-container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
   - section removed (from default Skeleton V2.0.4)
   - contained example media queries.
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* End of Skeleton V2.0.4 */

/*============================================================*/
/*--------------Pure HTML Element Style [START] --------------*/
/*============================================================*/

/*================[a]==================*/
a, a:link, a:visited {
  color: #1d6595;
  text-decoration: none;
  font-weight: normal;
}
a:hover {
  color: #36a70e;
  text-decoration: underline;
}

/*================[aside]==================*/
aside h3 {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: bold;
  color: #606060;
  padding: 0.75rem 1rem 0rem 1rem;
}

/*================[body]==================*/
body {
  background-color: #e6e4d6;
  border: 0px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  height: 100%;
  margin: 0px;
  padding: 0px;
  text-align:left;
}
body table {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
}

/*================[div]==================*/
div {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  line-height: 140%;
  color: #666;
  text-align: left;
}

/*================[footer]==================*/
footer {
  border-top: 0.8rem solid #609F2C;
  box-shadow: 1px 1px 2px 0px #333;
  background-color: #F6F6F6;
  padding-left: 2rem;
}
@media (min-width: 1920px) {
  footer {
    margin-bottom: 0.4rem !important;
  }
}
@media (max-width: 960px) {
  footer {
    padding-left: 0rem;
  }
}

/*================[h1]==================*/
h1 {
  padding: 0;
  padding-bottom: 5px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  vertical-align: bottom;
  color: #666;
  text-align: left;
  width: 100%;
}

/*================[h2]==================*/
h2 {
  font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #2b3036;
}

/*================[h3]==================*/
h3 {
  margin: 0;
}

/*================[header]==================*/
header {
  border-top: 0.8rem solid #609F2C;
  height: 12.8rem;
  background-color: #134169;
  padding-left: 2rem;
  box-shadow: 1px 1px 2px 0px #333;
  background-image: url('../../resources/images/Masthead-background.jpg');
  background-size: auto 120px;
}

/*================[html]==================*/
html {
  height: 100%;
}

/*================[i]==================*/
i {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

/*================[main]==================*/
main {
  background: #F6F6F6;
  box-shadow: 1px 1px 2px 0px #333;
}
@media (max-width: 1400px) {
  main section div.content {
    font-size: 1.6rem;
  }
}
@media (min-width: 1700px) {
  main section div.content {
    font-size: 1.6rem;
  }
}
@media (min-width: 1900px) {
  main section div.content {
    font-size: 1.6rem;
  }
}

/*================[nav]==================*/
nav {
  border-top: 0.1rem solid #A0BBD9;
  border-bottom: 0.1rem solid #A0BBD9;
  border: 1px solid #9b0a2f;
  padding: 0 rem;
  box-shadow: 1px 1px 2px 0px #333;
}
nav li {
  margin-bottom: 0;
}

/*================[p]==================*/
p {
  color: #666;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  line-height: 140%;
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
}

/*================[section]==================*/
section h3 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  color: #606060;
  font-weight: bold;
}

/*================[table]==================*/
table {
  color: #666;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  line-height: 140%;
  text-align:left;
}

/*================[td]==================*/
td {
  color: #666;
  line-height: 140%;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

/*================[th]==================*/
th {
  color: #666;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  line-height: 140%;
}
/*============================================================*/
/*--------------Pure HTML Element Style [ END ] --------------*/
/*============================================================*/


/*============================================================*/
/*--------------Class Specific [START] --------------*/
/*============================================================*/

/*================[InputAddOn]==================*/
.InputAddOn {
  display: flex;
}

/*================[InputAddOn-field]==================*/
.InputAddOn-field {
  color: #606060;
  border: 0.1rem solid #A0BBD9;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 1.8rem;
  height: auto;
  margin-bottom: 0;
  padding: 1.2rem 1rem;
}
@media (max-width: 740px) {
  .InputAddOn-field {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.InputAddOn-field:first-child {
  border-radius: 2px 0 0 0;
}
.InputAddOn-field:last-child {
  border-radius: 0 2px 0 0;
}
.InputAddOn-field:not(:last-child) {
  border-right: 0;
}

/*================[InputAddOn-item]==================*/
.InputAddOn-item {
  border: 0.1rem solid #A0BBD9;
  background-size: cover;
  background: #346989;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.6rem;
  height: auto;
  letter-spacing: 0rem;
  margin-bottom: 0;
  margin-bottom: 0;
  padding: 1.2rem 1rem;
  text-transform: uppercase;
}
@media (max-width: 740px) {
  .InputAddOn-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.InputAddOn-item:first-child {
  border-radius: 2px 0 0 2px;
}
.InputAddOn-item:last-child {
  border-radius: 0 2px 2px 0;
}
.InputAddOn-item:hover:not(.disabledbutton) {
  background: #98CF6A;
  border: 0.1rem solid #CCCCCC;
}

/*================[a-nav-offset]==================*/
.a-nav-offset {
  display: block;
  position: relative;
  top: -130px;
  z-index: 1040;
  color: red;
  visibility: hidden;
}

/*================[ac-container]==================*/
.ac-container {
  width: 100%;
  margin: 0 auto 0 auto;
}
.ac-container label {
  margin-bottom: 0px;
  padding: 5px 20px;
  position: relative;
  z-index: 20;
  display: block;
  cursor: pointer;
  color: #5b5b5b;
  line-height: 33px;
  font-size: 19px;
  box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3), 2px 2px 2px rgba(0, 0, 0, 0.2);
  font-family: 'Roboto Slab', sans-serif;
}
.ac-container label:hover {
  background: #c6e1ec;
}
.ac-container input:checked + label, .ac-container input:checked + label:hover {
  background: #c6e1ec;
  color: #3d7489;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3), 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.ac-container label:hover:after, .ac-container input:checked + label:hover:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 7px;
  background: transparent url(../../resources/images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after {
  background-image: url(../../resources/images/arrow_up.png);
}
.ac-container input {
  display: none;
}
.ac-container article {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  padding-left: 20px;
}
.ac-container input:checked ~ article {
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3);
}
.ac-container article p {
  padding: 5px 20px 5px 0px;
}
.ac-container article h3 {
  margin-top: 20px;
}
.ac-container input:checked ~ article.ac-small {
  height: auto;
}
.ac-container input:checked ~ article.ac-medium {
  height: auto;
}
.ac-container input:checked ~ article.ac-large {
  height: auto;
}
.ac-container .featured-topic {
  padding: 10px 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.ac-container .featured-topic h2 {
  margin-bottom: 10px;
}
.ac-container .featured-topic p {
  margin-bottom: 10px;
}

/*================[ac-small]==================*/
.ac-small p:first-of-type {
  margin-top: 1.5em;
}

/*================[activated-search-navs]==================*/
a.activated-search-navs span {
  color: #1d6595;
  cursor: pointer;
}

/*================[addfieldbutton]==================*/
.addfieldbutton {
  margin-left: 10px;
}

/*================[adv-button-borders]==================*/
.adv-button-borders {
  border: 1px solid rgb(176,176,176) !important;
}

/*================[adv_search_button]==================*/
.adv_search_button {
  border-radius: 0px 4px 4px 0px !important;
}

/*================[advanced-search-button-container]==================*/
.advanced-search-button-container {
  padding-top: 18px !important;
}

/*================[advancedsearch]==================*/
aside.advancedsearch {
  background-color: #fff;
  border: none;
  border-top: 6px solid #36a70e;
  color: #004a6a;
  font-size: 10pt;
}

/*================[advancedsearchcontrol_col1]==================*/
div.advancedsearchcontrol_col1 {
  width: 3rem;
}

/*================[advancedsearchcontrol_col2]==================*/
div.advancedsearchcontrol_col2 {
  width: 9.4rem;
}

/*================[advancedsearchcontrol_col2-splash]==================*/
.advancedsearchcontrol_col2-splash {
  width: 100%;
}

/*================[advancedsearchcontrol_flextablerow]==================*/
div.advancedsearchcontrol_flextablerow {
  display: flex;
  flex-wrap: nowrap;
}

/*================[advancedsearchtitle]==================*/
.advancedsearchtitle {
  color: #004a6a;
}
@media (max-width: 450px) {
  #advancedsearchtitle {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 22px;
  }
}

/*================[advsearchbutton]==================*/
input.advsearchbutton {
  margin-right: 10px;
}

/*================[advtitle]==================*/
td.advtitle {
  font-size: 8pt;
}

/*================[ahupuaa-map]==================*/
@media (max-width: 960px) {
  .ahupuaa-map {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0rem !important;
  }
}
.ahupuaa-map {
  background: #fff;
  border-top: 6px solid #36a70e;
  border-width: 6px 0 0 0;
  flex-grow: 1;
  padding: 0px 8px;
  margin-top: 0px;
  padding: 0rem !important;
}

/*================[ahupuaa-toggle-buttons]==================*/
.ahupuaa-toggle-buttons {
  background: white;
  border: 1px solid rgb(176,176,176);
  padding: 6px 8px;
  padding-bottom: 6px;
  height: inherit;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.ahupuaa-toggle-buttons:hover {
  background: #346989;
}
.ahupuaa-toggle-buttons:hover > span {
  color: white !important;
}
.ahupuaa-toggle-buttons {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*================[awaiaulu-logo]==================*/
.awaiaulu-logo {
  background-image: url('../../resources/images/awaiaulu-logo.png');
}

/*================[backresultslink]==================*/
.backresultslink {
  color: #1D6595;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
}
.backresultslink:hover {
  color: #36A70E;
  text-decoration: underline;
}

/*================[banner]==================*/
header.banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
header.banner .pd-logo {
  background-color: #00000014;
  border-radius: 5px;
}

/*================[banner-content]==================*/
header.banner-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 50px;
}

/*================[banner-home]==================*/
header.banner-home {
  height: 45%;
}

/*================[batchbuttons]==================*/
td.batchbuttons {
  text-align:right;
}

/*================[batchheader]==================*/
td.batchheader {
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

/*================[batchoptions]==================*/
td.batchoptions {
  text-align: center;
  white-space: nowrap;
  width: 5%;
}

/*================[batchready]==================*/
td.batchready {
  text-align: center;
  white-space: nowrap;
  width: 5%;
}

/*================[batchupload]==================*/
table.batchupload {
  width: 100%;
}

/*================[beta-banner]==================*/
header.beta-banner .pd-oha-logo {
  background-color: #00000014;
  border-radius: 5px;
  margin: 10px;
}

/*================[beta-ribbon-green]==================*/
.beta-ribbon-green {
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  color: #FFF;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  transform: rotate(-45deg);
  position: relative;
  left: -3rem;
  top: 1.3rem;
  height: 2.4rem;
  width: 12.0rem;
  background-color: #609F2C;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  line-height: 2.4rem;
  font-size: 2.2rem;
}
.beta-ribbon-green:before, .beta-ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
@media (min-width: 480px) {
  .beta-ribbon-green {
    left: -0.5rem;
    top: 3rem;
    opacity: 0.9;
    width: 18rem;
  }
}

/*================[beta-ribbon-wrapper-green]==================*/
.beta-ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
@media (min-width: 480px) {
  .beta-ribbon-wrapper-green {
    top: 0rem;
    left: 29rem;
    opacity: 0.9;
    height: 9.7rem;
    width: 16rem;
  }
}

/*================[bishop-museum-logo]==================*/
.bishop-museum-logo {
  background-image: url('../../resources/images/bishop-museum-logo.gif');
}

/*================[blacktitle]==================*/
.blacktitle, .blacktitle div {
  font-size: 16pt;
  border-bottom: 0;
  text-transform: uppercase;
  color: #004a6a;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  line-height: 140%;
  font-weight: normal;
}
td.blacktitle div.searchextra {
  float: right;
  font-size: 9pt;
  padding-left: 10px;
  margin-top: 0.2em;
}

/*================[body-text]==================*/
div.body-text span, div.body-text div, div.body-text span div {
  background-color: transparent !important;
}

/*================[bodyrightcontent]==================*/
section.bodyrightcontent *:not(.blacktitle) {
  font-size: 1.4rem;
}

/*================[borderless]==================*/
table.borderless {
  border-collapse: collapse;
  border-style: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
td.borderless {
  border-collapse: collapse;
  border-style: none;
  margin: 0px;
  padding: 0px;
}

/*================[btn]==================*/
a.btn, a.btn:link, a.btn:visited {
  color: #fff;
}

/*================[button]==================*/
.button {
  background: #8C5C36;
  color: #DCAC86;
  list-style-type: disc;
  list-style-position: inside;
  border: solid #B0B0B0 1px;
  padding: 2px 7px 2px 7px;
  font-size: 8pt;
}
.button:hover {
  background: #AC7C56;
}

/*================[button-search-options-displayed]==================*/
.button-search-options-displayed {
  border-bottom-right-radius: 0px !important;
}

/*================[cellpadding5]==================*/
table.cellpadding5 td {
  padding: 5px;
}

/*================[cellspacing5padding1]==================*/
table.cellspacing5padding1 {
  border-collapse: separate;
  border-spacing: 0.5rem;
}
table.cellspacing5padding1 td {
  padding: 0.1rem;
}

/*================[change_page_control]==================*/
div.change_page_control {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 960px) {
  div.change_page_control {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
@media (max-width: 960px) {
  div.change_page_control div {
    padding-top: 0.5rem;
  }
}

/*================[clickable]==================*/
img.clickable {
  cursor: pointer;
}
span.clickable {
  cursor:pointer;
}
b.clickable {
  cursor: pointer;
}
p.clickable {
  cursor: pointer;
  display:inline;
}
span.clickable {
  color: #1d6595;
  text-decoration: none;
  cursor: pointer;
}
span.clickable:hover {
  color: #36a70e;
  text-decoration: underline;
  cursor: pointer;
}
b.clickable, p.clickable {
  color: #004a6a;
}

/*================[content]==================*/
div.content h2 {
  padding-bottom: 1rem;
}
div.content {
  font-size: 1.6rem;
  padding: 0.5rem 1rem;
}
@media (max-width: 1400px) {
  div.content {
    font-size: 1.5rem;
  }
}
@media (min-width: 1400px) {
  div.content {
    font-size: 1.5rem;
  }
}
@media (min-width: 1700px) {
  div.content {
    font-size: 1.5rem;
  }
}
@media (min-width: 1900px) {
  div.content {
    font-size: 1.5rem;
  }
}

/*================[contentheading]==================*/
.contentheading {
  font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #2b3036;
}

/*================[daterangefiltercontainer]==================*/
.daterangefiltercontainer {
  display: inline-block;
  margin-left: 4px;
  margin-top: 6px;
  margin-bottom: 0px;
}

/*================[daterangefilterlabel]==================*/
.daterangefilterlabel, .daterangefilterlabel div {
  font-weight: bold;
}

/*================[daterangelabel]==================*/
.daterangelabel {
  display: inline-block;
  text-align: right;
  width: 35px;
}

/*================[daterangeresetcontainer]==================*/
.daterangeresetcontainer {
  display: inline-block;
  margin-left: 4px;
  margin-top: 6px;
  margin-bottom: 0px;
}

/*================[dhmtab]==================*/
td.dhmtab {
  background-color: #FFFFFF;
  border-bottom: solid 1px #C7C7C7;
  border-left: solid 1px #C7C7C7;
  border-right: solid 1px #C7C7C7;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

/*================[dhmtaboff]==================*/
td.dhmtaboff {
  background-color: transparent;
  border: solid 1px #C7C7C7;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  width: 33%;
}

/*================[dhmtabon]==================*/
td.dhmtabon {
  background-color: #FFFFFF;
  border-left: solid 1px #C7C7C7;
  border-right: solid 1px #C7C7C7;
  border-top: solid 1px #C7C7C7;
  padding-left: 5px;
  padding-right: 5px;
  width: 34%;
}

/*================[disabledbutton]==================*/
input[type="submit"].disabledbutton {
  border: 1px solid #AAAAAA;
  background-color: #DDDDDD;
  cursor: default;
}

/*================[displayoptions]==================*/
table.displayoptions {
  border: none;
  width: 100%;
  background-color:#E0E0E0;
  margin-top: 6px;
}

/*================[dl-logo]==================*/
.dl-logo {
  background-image: url('../../resources/images/digital-library-consulting-logo.png');
}

/*================[docauthor]==================*/
div.docauthor {
  font-size: 8pt;
  font-style: italic;
  overflow: hidden;
  white-space: normal;
  width: 100%;
  color: #375a19;
}

/*================[docicon]==================*/
a.docicon:not(:first-child) {
  padding-left: 10px;
}

/*================[doctitle]==================*/
div.doctitle {
  display:block;
  font-size: 8pt;
  color: #111111;
  overflow: hidden;
}

/*================[document]==================*/
section.document {
  background-color: #fff;
  padding: 0.4rem;
}
section.document tr:nth-child(n+3) td {
  padding: 0.4rem;
}

/*================[documentfield]==================*/
div.documentfield {
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
  background-color: rgba(173, 199, 212, 0.35);
  padding: 0.4rem;
  color: #000000;
}

/*================[documentheader]==================*/
td.documentheader {
  color: #000000;
  font-size: 12pt;
  font-weight: bold;
}

/*================[documenthistory]==================*/
table.documenthistory {
  border-collapse: collapse;
  border-style: none;
  border-spacing: 0px;
  margin: 10px;
  padding: 0px;
  min-height: 390px;
  width: 100%;
}

/*================[documentlocations]==================*/
table.documentlocations {
  background-color: #ADC7D4;
  border-spacing: 2px;
  border-collapse: separate;
}
@media (max-width: 740px) {
  table.documentlocations {
    font-size: 95%;
  }
}
td.documentlocations {
  padding: 0.2rem;
  background-color: #FFFFFF;
}
th.documentlocations {
  background-color: #C8D9E1;
}
table.documentlocations td {
  padding: 5px;
}

/*================[documentlocationsheader]==================*/
td.documentlocationsheader {
  color: #000000;
  font-weight: bold;
  vertical-align: top;
}

/*================[documentsubheader]==================*/
td.documentsubheader {
  border-bottom: 1px solid #36A70E;
  font-weight: bold;
  padding-top: 10px;
}

/*================[documentvalue]==================*/
div.documentvalue {
  background-color: #FFFFFF;
  padding: 0.4rem;
}
@media (max-width: 550px) {
  div.documentvalue a {
    font-size: 16px;
  }
}

/*================[edit-controls-pane]==================*/
.edit-controls-pane {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem;
  background-color: #aed396;
  border: solid 1px #36a70e;
  border-radius: 5px;
}

/*================[edit-topicpost-pane]==================*/
.edit-topicpost-pane {
  margin-bottom: 2rem;
  padding: 1rem;
  padding-top: 0.5rem;
  background-color: #aed396;
  border: solid 1px #36a70e;
  border-radius: 5px;
}

/*================[editblock]==================*/
tr.editblock {
  background-color: #C7C7C7;
  border-collapse: collapse;
  padding: 0px;
}

/*================[eight-point]==================*/
.eight-point {
  font-size: 8pt;
}

/*================[enddatecontainer]==================*/
.enddatecontainer {
  margin-left: 10px;
  height: 22px;
}
.enddatecontainer {
  margin-top: 0px;
}

/*================[exceltemplate]==================*/
td.exceltemplate {
  padding: 2px;
  border-spacing: 3px;
  border-color: #000000;
  border-width: 1px;
  border: solid;
}

/*================[expanding-div]==================*/
.expanding-div {
  margin: 0;
  line-height: 1.2em;
  margin-bottom: 10px;
}
.expanding-div .expanding-div {
  margin-right: 1rem;
}
.expanding-div ul {
  line-height: 1.5em;
}
.expanding-div label + br {
  display: none;
}

/*================[extra-term-connector]==================*/
.extra-term-connector {
  margin-right: 10px;
}

/*================[favinfo]==================*/
span.favinfo, a.favinfo {
  font-size: 8pt;
  font-style: italic;
  overflow: hidden;
  white-space: nowrap;
}

/*================[fileupload]==================*/
table.fileupload {
  margin-left: auto;
  margin-right: auto;
}

/*================[filterlabeltop]==================*/
.filterlabeltop {
  vertical-align: top;
}

/*================[filterlabeltwolines]==================*/
.filterlabeltwolines div {
  margin-top: 4px;
  margin-left: 5px;
}

/*================[flex-field-display]==================*/
.flex-field-display {
  flex-grow: 1;
  flex-basis: 30.0rem;
  margin: 0.25em;
}

/*================[flex-partner-logo]==================*/
.flex-partner-logo {
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: auto 70%;
  min-height: 100px;
  min-width: 150px;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  margin: 0.25em;
}

/*================[flex-related-images-display]==================*/
.flex-related-images-display {
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 28.0rem;
  margin: 0.25em;
}

/*================[flexsearchcontrols]==================*/
aside.flexsearchcontrols {
  width: 26rem;
  margin-top: 0rem;
  margin-right: 0.8rem;
  padding: 0.8rem;
  transition: all 0.5s ease;
}
aside.flexsearchcontrols *:not(.searchoptionstitle) {
  font-size: 1.5rem;
}
aside.flexsearchcontrols div.searchhint {
  font-size: 1.4rem;
}
aside.flexsearchcontrols .InputAddOn-item {
  font-size: 1.6rem;
}
@media (max-width: 960px) {
  aside.flexsearchcontrols {
    box-sizing: content-box;
    width: 25rem;
    position: fixed;
    top: 0rem;
    left: 0rem;
    border: 0.1rem solid #909090;
    z-index: 10000;
    height: 100%;
    margin-top: 0.2rem;
  }
}

/*================[flexsearchresults]==================*/
section.flexsearchresults {
  width: 100%;
}
@media (max-width: 960px) {
  section.flexsearchresults table.results {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
section.flexsearchresults > div {
  margin-top: 0.3rem;
}
section.flexsearchresults *:not(#resultheader) {
  font-size: 1.4rem;
}
@media (max-width: 960px) {
  section.flexsearchresults table.results {
    box-sizing: box-border;
    width: 100%;
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
@media (max-width: 960px) {
  section.flexsearchresults table.results td.blacktitle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 960px) {
  section.flexsearchresults table.results td.blacktitle > div {
    padding-left: 0px;
    white-space: nowrap;
  }
}
@media (max-width: 960px) {
  section.flexsearchresults div.doctitle {
    white-space: normal;
  }
}

/*================[footer]==================*/
.footer {
  color: #999999;
  font-size: 10px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  line-height: 26px;
  position: relative;
  display: block;
  text-align: right;
  right: 20px;
  top: 120px;
}
.footer a {
  color: #999999;
  text-decoration: none;
}
.footer a:hover {
  color: #999999;
  text-decoration: none;
}

/*================[footer-flex-container]==================*/
.footer-flex-container {
  padding: 0.25em;
}

/*================[footerlink]==================*/
a.footerlink:hover {
  color: #999999;
  text-decoration: none;
}

/*================[glyphicon-chevron-left]==================*/
a.glyphicon-chevron-left {
  margin-left: 0.6em;
}

/*================[glyphicon-chevron-right]==================*/
a.glyphicon-chevron-right {
  margin-right: 0.6em;
}

/*================[grey-pageheading]==================*/
.grey-pageheading {
  font-size: 16pt;
  border-bottom: 0;
  text-transform: uppercase;
  color: #004a6a;
  font-family: Lucida Grande,Verdana,Helvetica,Arial,sans-serif;
  line-height: 140%;
  font-weight: normal;
}

/*================[gs-snippet]==================*/
div.gs-snippet {
  font-size: 8pt;
}

/*================[gsc-cursor-page]==================*/
.gsc-cursor-page {
  background-color: #f7f5ef !important;
}

/*================[gsc-expansionArea]==================*/
div.gsc-expansionArea div.gsc-webResult, div.gsc-expansionArea div.gsc-webResult:hover {
  border-top: 1px solid #B0B0B0;
  background-color: #F7F5EF;
  padding: 9px 0;
}
div.gsc-expansionArea div.gsc-webResult div.gs-webResult, div.gsc-expansionArea div.gsc-webResult div.gs-webResult:hover {
  background-color: #FFF;
  padding: 4px 0;
}

/*================[gsc-results]==================*/
div.gsc-results div.gsc-webResult, div.gsc-results div.gsc-webResult:hover {
  border: none;
  background-color: #F7F5EF;
  padding: 9px 0;
}
div.gsc-results div.gsc-webResult div.gs-webResult {
  background-color: #FFF;
  padding: 4px 0;
}

/*================[gsc-selected-option]==================*/
div.gsc-selected-option {
  line-height: 27px !important;
}

/*================[gsc-selected-option-container]==================*/
div.gsc-selected-option-container {
  line-height: 27px !important;
}

/*================[hawaii-state-seal]==================*/
.hawaii-state-seal {
  background-image: url('../../resources/images/hawaii-state-seal.png');
  background-size: auto 95%;
}

/*================[herring]==================*/
.herring {
  display:none;
}

/*================[hint]==================*/
.hint {
  background: #AC7C56;
  color: #000000;
  list-style-type: disc;
  list-style-position: inside;
  border: solid #B0B0B0 1px;
  padding: 2px 7px 2px 7px;
}
div.hint {
  background-color:#FFFFCC;
  border:1px solid #FFCC33;
  padding:2px;
  text-align:center;
  width: default;
}

/*================[hint-prompt]==================*/
p.hint-prompt {
  color: #000000;
  display:inline;
  font: italic bold 20pt Times;
  margin:15px;
}

/*================[hint-text]==================*/
p.hint-text {
  color: #000000;
  display:inline;
}

/*================[hint0]==================*/
div.hint0 {
  margin:0px 4px -19px 4px;
  background-color:#FFCCCC;
  height:20px;
}

/*================[hint1]==================*/
div.hint1 {
  margin:0px 3px -19px 3px;
  background-color:#FFCC99;
  height:20px;
}

/*================[hint2]==================*/
div.hint2 {
  margin:0px 2px -18px 2px;
  background-color:#FFCC66;
  height:20px;
}

/*================[hint3]==================*/
div.hint3 {
  margin:0px 1px -19px 1px;
  background-color:#FFCC33;
  height:20px;
}

/*================[hint4]==================*/
div.hint4 {
  margin:0px 0px -19px 0px;
  background-color:#FFCC33;
  height:20px;
}

/*================[historylink]==================*/
td.historylink {
  color: #8C5C36;
  cursor: pointer;
  font-weight: bold;
  text-align: right;
}

/*================[hula-preservation-society-logo]==================*/
.hula-preservation-society-logo {
  background-image: url('../../resources/images/hula-preservation-society-logo.png');
  background-size: auto 50%;
}

/*================[icon]==================*/
img.icon {
  border-style: none;
  display: block;
  margin: 0px;
  padding: 0px;
}

/*================[iconcell]==================*/
.iconcell {
  display: inline-block;
  border: #c7c7c7 1px solid;
  padding: 5px 8px 5px 8px;
  border-radius: 3px;
  background-color: #dbe9f7;
  margin: 6px 0px;
}

/*================[indented-breaking-collections]==================*/
.indented-breaking-collections {
  display: table-row;
}
.indented-breaking-collections > input {
  display: table-cell;
  margin-left: 10px !important;
}
.indented-breaking-collections > div {
  display: table-cell;
  padding-left: 10px !important;
}
.indented-breaking-collections img {
  vertical-align: baseline;
}
@media (max-width: 550px) {
  .indented-breaking-collections > div {
    vertical-align: middle;
  }
}

/*================[index-form-sticky]==================*/
.index-form-sticky {
  position: relative;
  margin-left: 50%;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
@media (max-width: 740px) {
  .index-form-sticky {
    margin-left: 25%;
  }
}
.index-form-sticky h2 {
  margin-bottom: 0.75rem !important;
  text-transform: capitalize !important;
  font-weight: bold !important;
}
.index-form-sticky p {
  margin-top: 0.75rem !important;
  display: block !important;
}

/*================[input-search-options-displayed]==================*/
.input-search-options-displayed {
  border-bottom-left-radius: 0px !important;
}

/*================[kumu-pono-logo]==================*/
.kumu-pono-logo {
  background-image: url('../../resources/images/kumu-pono-associates-llc-logo.gif');
  background-size: auto 30%;
}

/*================[line-hint]==================*/
p.line-hint {
  background-color:#FFFF99;
  font-size:100%;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-left:4px;
  padding-right:4px;
  padding-top:2px;
  padding-bottom:2px;
  width:100%;
  border-radius: 2px;
}

/*================[link]==================*/
.link {
  color: #8C5C36;
  cursor: pointer;
  font-weight: bold;
  text-decoration:none;
}
.link:hover {
  color: #4C1C06;
  text-decoration:underline;
}

/*================[loadingtitle]==================*/
td.loadingtitle {
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
}

/*================[loadingtitlereport]==================*/
.loadingtitlereport {
  color: #606060;
  font-size: 10pt;
  font-weight: bold;
}

/*================[login-register-table]==================*/
table.login-register-table {
  margin-left: 1rem;
}
table.login-register-table td {
  padding: 0.5rem 1rem;
  padding-left: 0rem;
  font-size: 1.6rem;
}
table.login-register-table input.oha-txt-input {
  width: 25.9rem;
}

/*================[mainleft]==================*/
td.mainleft {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 12px;
  background-color: transparent;
}

/*================[mainright]==================*/
td.mainright {
  padding-top: 0px;
  padding-left: 5px;
  padding-bottom: 0px;
  padding-right: 27px;
  background-color: transparent;
}

/*================[metadata-display-state]==================*/
.metadata-display-state {
  font-style: italic;
  font-weight: bold;
}

/*================[modal-content]==================*/
.modal-content button.modalCloseImg {
  background: url(../images/x.png) no-repeat;
  width: 25px;
  height: 29px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -16px;
  cursor: pointer;
  border: 0px;
}

/*================[nav-extra]==================*/
div.nav-extra h2 {
  background: #e5ebeb;
  border-bottom: 0.1rem solid #cccccc;
  padding: 0.5rem 1rem;
}

/*================[navlink]==================*/
a.navlink {
  color: #1d6595;
  cursor:pointer;
}
span.navlink {
  color:#C7C7C7;
  padding-left: 5px;
  padding-right: 5px;
}

/*================[newspaper-no-results]==================*/
td.newspaper-no-results {
  padding: 10px 5px 0px 5px;
}

/*================[newspaperfiltercontainer]==================*/
.newspaperfiltercontainer {
  background-color: #E7EDF0;
  border: 2px solid #E7EDF0;
  font-size: 8pt;
  margin-top: 2px;
}
.newspaperfiltercontainer select {
  font-size: 8pt;
  margin-left: 2px;
  margin: 2px;
}

/*================[nobr]==================*/
.nobr {
  white-space: nowrap;
}

/*================[noresult]==================*/
td.noresult {
  vertical-align: top;
}

/*================[oha-align-right]==================*/
td.oha-align-right {
  text-align: right;
}

/*================[oha-content-text]==================*/
.oha-content-text {
  text-align: justify;
  line-height: 200%;
}

/*================[oha-front-form]==================*/
td.oha-front-form {
  font-size: 14px;
  color: #004a6a;
}

/*================[oha-indent-left]==================*/
td.oha-indent-left {
  padding-left: 10px;
  color: #004a6a;
}

/*================[oha-indent-right]==================*/
td.oha-indent-right {
  padding-right: 10px;
}

/*================[oha-spacing]==================*/
td.oha-spacing {
  padding-top: 10px;
}

/*================[option-container-margins]==================*/
div.option-container-margins {
  margin-bottom: 0px;
  margin-top: 5px;
}

/*================[optional]==================*/
td.optional {
  padding: 2px;
  border-spacing: 3px;
  border-color: #000000;
  border-width: 1px;
  border: solid;
}

/*================[pageimage]==================*/
td.pageimage {
  height: 36px;
  padding-top: 10px;
  text-align: left;
}
img.pageimage {
  background-color: #FFFFFF;
  border: 4px solid black;
  padding: 5px;
}

/*================[pagenavlink]==================*/
div.pagenavlink {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.pagenavlink a:hover {
  text-decoration: none;
}
div.pagenavlink a {
  padding: 0px 10px 0px 10px;
}
@media (max-width: 550px) {
  div.pagenavlink a,   div.pagenavlink span {
    font-size: 2.0rem !important;
  }
}

/*================[papakiloresultsrow]==================*/
tr.papakiloresultsrow {
  display: none;
}

/*================[pd-footer-text]==================*/
.pd-footer-text {
  padding-top: 1rem;
  text-align: center;
  color: #666;
}

/*================[pd-logo]==================*/
.pd-logo {
  float: left;
  width: 29.4rem;
  height: 11.5rem;
  position: relative;
  top: 0px;
  left: -13px;
}
@media (max-width: 560px) {
  .pd-logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    background-size: auto 10rem;
    width: 25rem;
    height: 9.8rem;
  }
}

/*================[pd-logo-database]==================*/
.pd-logo-database {
  letter-spacing: -0.2rem;
  text-align: center;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color:white;
}

/*================[pd-logo-database-spacing]==================*/
.pd-logo-database-spacing {
  letter-spacing: 0.4rem;
}

/*================[pd-logo-papakilo]==================*/
.pd-logo-papakilo {
  text-align: center;
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  color:white;
  font-size: 5.3rem;
  text-shadow: 1px 1px 2px #666;
  margin-top: 0.1rem;
  margin-bottom: -1.5rem;
  letter-spacing: 0.25rem;
}

/*================[pd-logo-subtitle]==================*/
.pd-logo-subtitle {
  margin-top: -0.2rem;
  text-align: center;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color:#2B5C7D;
  font-weight: bold;
  font-style:italic;
}

/*================[pd-oha-logo]==================*/
.pd-oha-logo {
  float:right;
  margin-top: 0rem;
  height: 11.4rem;
  width: 18.6rem;
}
.pd-oha-logo > img {
  height: 100%;
  width: 100%;
}
@media (max-width: 560px) {
  .pd-oha-logo,   .pd-oha-logo > img {
    display:none;
    visibility: hidden;
    height: 11.4rem;
    width: 18.6rem;
  }
}

/*================[pd-panel]==================*/
div.pd-panel {
  border-top: 6px solid #36a70e;
  margin-bottom: 1.4rem;
}
div.pd-panel h2 {
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  color: #004A6A;
  line-height: 2.0rem;
  text-transform: uppercase;
  margin-bottom: 0rem;
}
section.pd-panel {
  padding: 2rem 2.5rem;
  border-top: 6px solid #36a70e;
  margin-bottom: 1.4rem;
  background-color: #fff;
}
@media (max-width: 600px) {
  section.pd-panel {
    padding: 2rem 0.5rem;
  }
}
section.pd-panel h2 {
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-size: 2.1rem;
  line-height: 3.0rem;
  text-transform: uppercase;
  color: #004A6A;
  padding: 0rem 1rem;
}
div.pd-panel > div, div.pd-panel > div.papakilo-account > div, div.pd-panel > div.nupepa-account > div {
  font-size: 1.6rem;
  padding: 0.5rem 1rem 0rem 1rem;
  color: #004a6a;
}
div.pd-panel > div {
  background-color: #e5ebeb;
}
div.pd-panel > div.papakilo-account, div.pd-panel > div.nupepa-account {
  border-bottom: 0.1rem solid #cccccc;
  padding: 0;
}
div.pd-panel > div.papakilo-account {
  background-image: url(../../resources/images/oha/search-by-location-opacity-20.jpg);
  background-position: 50% 50%;
  background-repeat: repeat;
}
div.pd-panel > div.nupepa-account {
  background-image: url(../../resources/images/oha/search-newspapers-opacity-20.jpg);
  background-position: 50% 50%;
  background-repeat: repeat;
}
div.pd-panel > div:last-child {
  padding-bottom: 1rem;
}
div.pd-panel > div a {
  color: #004a6a;
}
div.pd-panel div.searchtermformcontainer {
  background: #e5ebeb;
}
div.pd-panel div#enabledictionarydropdownresponse {
  background: #e5ebeb;
}
@media (min-width: 768px) {
  div.pd-panel li {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  div.pd-panel h2 {
    font-size: 1.6rem;
    line-height: 2.0rem;
  }
}
@media (min-width: 1000px) {
  div.pd-panel li {
    font-size: 1.5rem;
  }
}
@media (min-width: 1100px) {
  div.pd-panel li {
    font-size: 1.6rem;
  }
}
@media (min-width: 1100px) {
  div.pd-panel h2 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
}
@media (min-width: 1250px) {
  div.pd-panel li {
    font-size: 1.6rem;
  }
}
@media (min-width: 1250px) {
  div.pd-panel h2 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.pd-panel .alert-success {
  border-color: #36a70e;
}
.pd-panel .alert-info {
  border-color: #2e6da4;
}
.pd-panel .alert-danger {
  border-color: #d43f3a;
}
.pd-panel .alert-warning {
  background-color: #fde251;
  border-color: #c78600;
}
section.pd-panel div.addthis_toolbox {
  margin-right: -4rem;
}
@media (max-width: 600px) {
  section.pd-panel div.addthis_toolbox {
    margin-right: -2rem;
  }
}

/*================[previewlink]==================*/
.previewlink {
  font-size: 8pt;
  font-style: normal;
  color: #1D6595;
  cursor: pointer;
  white-space:nowrap;
  float:right;
}

/*================[previewlinkfaded]==================*/
.previewlinkfaded {
  font-size: 8pt;
  font-style: normal;
  color: #8EB2CA;
  cursor: pointer;
  white-space: nowrap;
  float:right;
}

/*================[related-images-left-pane]==================*/
.related-images-left-pane {
  display: table-cell;
}

/*================[related-images-right-pane]==================*/
.related-images-right-pane {
  display: table-cell;
}
.related-images-right-pane {
  vertical-align: top;
  padding: 0.5rem;
}

/*================[remove-from-favorites]==================*/
div.remove-from-favorites {
  float: right;
}

/*================[report]==================*/
div.report {
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 6px 0 20px;
  min-height: 410px;
  width: 100%;
  overflow: auto;
  padding: 0.5rem;
}
div.report table {
  width: 100%;
}
div.report table td {
  padding: 0.2rem;
}
table.report {
  border-collapse: collapse;
  border-style: none;
  border-spacing: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  width:100%;
}

/*================[reportcell]==================*/
div.reportcell {
  display:block;
  color: #111111;
  overflow: hidden;
}

/*================[reportcolumnheading]==================*/
td.reportcolumnheading {
  padding: 2px;
  border: 1px solid #808080;
  color: #111111;
}

/*================[reportcolumnheadingcolumnar]==================*/
td.reportcolumnheadingcolumnar {
  font-size: 8pt;
  font-weight: bold;
  padding: 2px;
  border: 1px solid #808080;
  color: #555555;
}

/*================[reportcontrol]==================*/
td.reportcontrol {
  padding-bottom: 5px;
  padding-left: 4px;
  padding-right: 20px;
  padding-top: 5px;
}

/*================[reportfilter]==================*/
div.reportfilter {
  margin-top: 4px;
  color: white;
}
table.reportfilter > tbody > tr > td {
  padding-right: 50px;
}

/*================[reportmaintitle]==================*/
.reportmaintitle {
  color: #004A6A;
  font-size: 130%;
  font-weight: bold;
  padding-top: 0px;
  padding-left: 3px;
  padding-bottom: 0px;
}

/*================[reportoptionscell]==================*/
.reportoptionscell {
  color: black;
  padding-right: 10px;
}

/*================[reportrow]==================*/
td.reportrow {
  background-color: #FFFFFF;
  font-size: 10pt;
  border: 1px solid #808080;
}

/*================[reportsubtitle]==================*/
.reportsubtitle {
  color: #004A6A;
  font-size: 110%;
  font-weight: bold;
  padding-top: 0px;
  padding-left: 3px;
  padding-bottom: 0px;
}

/*================[resultrow]==================*/
.resultrow {
  background-color: #FFFFFF;
  font-size: 10pt;
  padding: 5px 5px 2px 5px;
  border-bottom: #f6f6f6 6px solid;
}
@media (max-width: 380px) {
  .resultrow {
    padding: 2px 2px 2px 2px;
  }
}
.resultrow > div > * {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 310px) {
  .resultrow > div > * {
    display: block;
  }
}
.resultrow .imagecell > img[src$="papakilo-icon.gif"] {
  opacity: 0.5;
}
.resultrow .imagecell {
  display: inline-block;
}
.resultrow .imagecell > img {
  margin-right: 1rem;
  display: inline-block;
  float: left;
  border: 1px solid #cfcfcf;
  width: 100px;
}
@media (max-width: 310px) {
  .resultrow .imagecell > img {
    width: 80px;
  }
}
.resultrow .imagecell > div {
  display: none;
  width: calc(100% - 125px);
}
@media (max-width: 310px) {
  .resultrow .imagecell > div {
    display: inline-block;
    width: calc(100% - 105px);
  }
}
.resultrow .textcell {
  width: calc(100% - 110px);
}
@media (max-width: 310px) {
  .resultrow .textcell {
    width: 100%;
  }
}
.resultrow .textcell .doctitle {
  display: block;
}
@media (max-width: 310px) {
  .resultrow .textcell .doctitle {
    display: none;
  }
}

/*================[resultrow2]==================*/
.resultrow2 {
  background-color: #FFFFFF;
  font-size: 10pt;
  padding-top: 2px;
  padding-bottom: 10px;
  white-space: nowrap;
}

/*================[resultrowgap]==================*/
.resultrowgap {
  background-color: #999999;
  width: 10px;
}

/*================[resultrowlinks]==================*/
.resultrowlinks {
  background-color: #FFFFFF;
  font-size: 10pt;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 11.0rem;
}

/*================[results]==================*/
section.results {
  background: #fff;
  border-top: 6px solid #36a70e;
  border-width: 6px 0 0 0;
  flex-basis: 624px;
  flex-grow: 1;
  padding: 0px 8px;
  margin-top: 0.2rem;
  min-height: 410px;
  width: 624px;
}
.results {
  border-collapse: collapse;
  border-style: none;
  border-spacing: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  width: 100%;
}

/*================[results-count]==================*/
.results-count {
  font-size: 8pt;
}

/*================[results-tabinfo]==================*/
.results-tabinfo {
  background-color:#E7EDF0;
  border: 2px solid #E7EDF0;
  font-size: 8pt;
  font-weight: bold;
  margin-top:2px;
  margin-bottom: 2px;
}

/*================[resultsbottom]==================*/
.resultsbottom {
  margin-bottom: 20px;
}

/*================[resultscell]==================*/
.resultscell {
  background: #F6F6F6;
  padding: 0 3px;
}

/*================[rowspacer]==================*/
.rowspacer {
  height: 5px;
}

/*================[search-result-category]==================*/
h2.search-result-category {
  font-size: 18px !important;
  font-weight: bold;
  color: #333;
  padding-top: 8px;
  margin: 10px;
}

/*================[search-splash-options]==================*/
.search-splash-options  b {
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 450px) {
  .search-splash-options b {
    font-size: 14px;
  }
}

/*================[search-tips-ahupuaa]==================*/
.search-tips-ahupuaa > #search-tips {
  border: 1px solid rgb(176,176,176) !important;
  border-top: 6px solid #36a70e !important;
}
@media ( max-width: 960px) {
  .search-tips-ahupuaa {
    display: none;
  }
}

/*================[searchahupuaa]==================*/
div.searchahupuaa {
  background-image: none;
  background-color: #fff;
  color: #004a6a;
  border: none;
  border-top: 6px solid #36a70e;
  padding-bottom:10px;
  padding-left: 0.5rem;
}

/*================[searchcontrol]==================*/
td.searchcontrol {
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
div.searchcontrol {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/*================[searchcontrolleft]==================*/
td.searchcontrolleft {
  padding-bottom: 5px;
  padding-left: 20px;
  padding-top: 0px;
}

/*================[searchcontrolthin]==================*/
div.searchcontrolthin {
  font-size: 9pt;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 0px;
}
@media (max-width: 960px) {
  div.searchcontrolthin {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}
div.searchcontrolthin > img.forming {
  vertical-align: text-top;
}
div.searchcontrolthin {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

/*================[searchcontrolthinindent]==================*/
div.searchcontrolthinindent {
  font-size: 14px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 20px;
  padding-top: 0px;
}
div.searchcontrolthinindent > img.forming {
  vertical-align: text-top;
}

/*================[searchcontroltogglebutton]==================*/
div.searchcontroltogglebutton {
  display: none;
  position: absolute;
  right: -5.1rem;
  top: -0.1rem;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  cursor: pointer;
  background-color: #fff;
  border-radius: 0rem 1rem 1rem 0rem;
  border-style: solid;
  border-color: #909090;
  border-width: 0.1rem 0.1rem 0.1rem 0rem;
}
@media (max-width: 960px) {
  div.searchcontroltogglebutton {
    box-sizing: content-box;
    display: block;
  }
}

/*================[searchcontroltoggleimage]==================*/
img.searchcontroltoggleimage {
  width: 3rem;
  height: 3rem;
}

/*================[searchhint]==================*/
div.searchhint {
  color: #004a6a;
}

/*================[searchoperator]==================*/
div.searchoperator {
  display: inline-block;
  border: 1px solid #888888;
  background: #DDDDDD;
  box-shadow: 0 0 0.5rem -0.1rem rgba(0,0,0,0.2);
  border-radius: 0.5rem;
  cursor: pointer;
  width: 2.4rem;
  vertical-align: middle;
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}

/*================[searchoptionstitle]==================*/
.searchoptionstitle {
  color: #004a6a;
  font-size: 110%;
  font-weight: bold;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
}

/*================[searchoptionstitle-text]==================*/
@media (max-width: 450px) {
  .searchoptionstitle-text {
    font-size: 16px !important;
  }
}
.searchoptionstitle-text {
  font-family:Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
}

/*================[searchsplashheading]==================*/
.searchsplashheading {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  order: 1;
  font-size: 25px;
  font-family: Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
  font-weight: 400;
}

/*================[searchsummary]==================*/
div.searchsummary em {
  font-style:normal;
  font-weight: bold;
  background-color: #FFFF77;
}
.searchsummary {
  font-size: 8pt;
  white-space: normal;
  font-style: normal;
  margin-top: 4px;
}
.searchsummary b {
  color: #666;
}

/*================[selectedfield]==================*/
.selectedfield {
  background-color: white;
  color: black;
  padding-left:6px;
  padding-right: 6px;
  line-height:19px;
}

/*================[selectedfieldimagecell]==================*/
.selectedfieldimagecell {
  background-color:white;
}

/*================[selectedfieldremoveimage]==================*/
.selectedfieldremoveimage {
  cursor: pointer;
  margin-bottom: 2px;
}

/*================[selectedfieldtable]==================*/
.selectedfieldtable {
  border: 1px solid #CCCCCC;
  display:inline;
  float:left;
  margin-right:6px;
  margin-bottom: 6px;
}

/*================[source_group_container]==================*/
div.source_group_container {
  margin: auto;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

/*================[sourcesearchmenu_inner-splash]==================*/
.sourcesearchmenu_inner-splash {
  overflow-y: unset;
}
@media (min-width: 1200px) {
  .sourcesearchmenu_inner-splash {
    width: 80%;
    max-width: 800px !important;
  }
}

/*================[spacer]==================*/
td.spacer {
  height: 8px;
}

/*================[specialsearch]==================*/
div.specialsearch {
  position: relative;
  min-height: 6.3rem;
}
div.specialsearch a {
  height:100%;
  text-decoration: none;
}
div.specialsearch a:hover {
  text-decoration: none;
}
div.specialsearch:hover, div.specialsearch:hover a {
  cursor: pointer;
  opacity: 0.7;
}
div.specialsearch img {
  width: 100%;
  height: auto;
}
div.specialsearch span {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position:absolute;
  padding: 1.5vw 1vw;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
  font-size: 2.8vw;
  text-shadow: 1px 1px 2px #000;
  color: white;
}
@media (max-width: 740px) {
  div.specialsearch span {
    padding: 3vw 2vw;
    font-size: 5.8vw;
  }
}
@media (min-width: 3000px) {
  div.specialsearch span {
    font-size:1.8vw;
    padding-top: 0.8vw;
    padding-right: 0.8vw;
    padding-bottom: 0.8vw;
    padding-left: 0.8vw;
  }
}
@media (min-width: 4000px) {
  div.specialsearch span {
    font-size:0.9vw;
    padding-top: 0.5vw;
    padding-right: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 0.5vw;
  }
}

/*================[splash-center-text]==================*/
.splash-center-text {
  text-align: center;
}
@media (max-width: 600px) {
  .splash-center-text a {
    padding: 20px 0px 20px 0px;
  }
}

/*================[startdatecontainer]==================*/
.startdatecontainer {
  margin-left: 10px;
  height: 22px;
}

/*================[sub-group-indented-collections]==================*/
.sub-group-indented-collections {
  display: table-row;
}
.sub-group-indented-collections img {
  vertical-align: baseline;
}
.sub-group-indented-collections > * {
  display: table-cell;
}
.sub-group-indented-collections > div {
  padding-left: 5px;
}

/*================[tabs]==================*/
.tabs {
  flex: 1 0 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap-reverse;
}
.tabs li {
  float: left;
  height: 24px;
  margin-right: 3px;
  margin-bottom: 5px;
  padding-bottom: 0px;
}
.tabs a {
  background: #E6E0CE;
  border-top: solid 3px #36A70E;
  border-bottom: solid 1px #EEEADE;
  display: block;
  float: left;
  height: 28px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  margin-top: 1px;
  cursor: pointer;
}
.tabs a.tab-selected {
  background: #F7F5EF;
  border-bottom: solid 1px #F7F5EF;
}
.tabs b {
  display: block;
  visibility: hidden;
  padding: 0 5px;
  font-size: 8pt;
}
.tabs div {
  color: #333333;
  left: 0;
  line-height: 28px;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 8pt;
}
.tabs div.tab-selected {
  font-weight: bold;
  color: #333333;
}
.tabs a.ulukautab {
  border-top: 3px solid #346692;
}
.tabs a.googletab {
  border-top: 3px solid #346692;
}
@media (min-width: 960px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ul.tabs {
    width: 65vw;
  }
}
@media (max-width: 960px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ul.tabs {
    width: 90vw;
  }
}
@media (max-width: 400px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ul.tabs {
    width: 70vw;
  }
}

/*================[tabs-container]==================*/
@media (max-width: 400px) {
  div.tabs-container ul.tabs li a b,   div.tabs-container ul.tabs li a div {
    font-size: 1.1rem !important;
  }
}
@media (max-width: 340px) {
  div.tabs-container ul.tabs li a b,   div.tabs-container ul.tabs li a div {
    font-size: 1.0rem !important;
  }
}
.tabs-container {
  overflow: hidden;
  position: relative;
}

/*================[tabs-row]==================*/
.tabs-row {
  height: 29px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.tabs-row ul {
  left: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  position: absolute;
}

/*================[tabs-rows]==================*/
.tabs-rows {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

/*================[toggle-hide]==================*/
.toggle-hide {
  display:none;
}

/*================[uh-manoa-logo]==================*/
.uh-manoa-logo {
  background-image: url('../../resources/images/uh-manoa-logo.png');
  background-size: auto 90%;
}

/*================[ulukau-logo]==================*/
.ulukau-logo {
  background-image: url('../../resources/images/ulukau-logo.png');
  background-size: auto 30%;
}

/*================[uluulu-logo]==================*/
.uluulu-logo {
  background-image: url('../../resources/images/uluulu-logo.png');
}

/*================[vertical-field-display]==================*/
div.vertical-field-display {
  display: flex;
  flex-direction: column;
}

/*================[visit-indicator]==================*/
a.visit-indicator, a.visit-indicator:link, a.visit-indicator:hover {
  color: #111111;
  text-decoration: none;
  cursor: default;
}
a.visit-indicator:visited {
  color: #800080;
  text-decoration: none;
  cursor: default;
}

/*================[warn]==================*/
div.warn {
  background-color:#FF9966;
  border:1px solid #990000;
  padding:2px;
  text-align:center;
  width: default;
  color: #000000;
  list-style-type: disc;
  list-style-position: inside;
}
/*============================================================*/
/*--------------Class Specific [ END ] --------------*/
/*============================================================*/


/*============================================================*/
/*--------------Class Specific: Other Media selector [START] --------------*/
/*============================================================*/

/*================[advancedsearchcontainer]==================*/
@media (max-width: 950px) {
  #advancedsearchcontainer div#hidden-options-container {
    flex-direction: column !important;
  }
}

/*================[ahapuaa-page-content]==================*/
@media (max-width: 960px) {
  #ahapuaa-page-content header {
    display: none;
  }
}

/*================[ahapuaa-search-term-box]==================*/
@media (max-width: 960px) {
  div.ahapuaa-search-term-box {
    width: 50%;
  }
}

/*================[ahapuaa_reset_button]==================*/
@media (max-width: 960px) {
  #ahapuaa_reset_button {
    display: none;
  }
}

/*================[ahapuaa_reset_button_small]==================*/
@media (max-width: 960px) {
  #ahapuaa_reset_button_small {
    display: block !important;
  }
}

/*================[ahupua-main-content]==================*/
@media (max-width: 960px) {
  #ahupua-main-content {
    flex-direction: column;
  }
}
@media (max-width: 960px) {
  #ahupua-main-content {
    padding: 0px;
  }
}
@media (max-width: 960px) {
  #ahupua-main-content  #sourcesearchmenu {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  #ahupua-main-content div.searchheadersection {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0px;
  }
}
@media (max-width: 960px) {
  #ahupua-main-content div.searchoptionstitle {
    padding-bottom: 0px;
  }
}
@media (max-width: 960px) {
  #ahupua-main-content aside.flexsearchcontrols {
    padding: 0.5rem 0.5rem 0.8rem 0.5rem;
  }
}
@media (min-width: 960px) {
  #ahupua-main-content div#hidden-options-container {
    flex-direction: column !important;
  }
}
@media (max-width: 450px) {
  #ahupua-main-content div#hidden-options-container {
    flex-direction: column !important;
  }
}

/*================[ahupuaa-results]==================*/
@media (max-width: 960px) {
  .ahupuaa-results {
    width: 100% !important;
  }
}

/*================[ahupuaa-search-menu-toggle]==================*/
@media (max-width: 960px) {
  .ahupuaa-search-menu-toggle {
    display:none !important;
  }
}

/*================[ahupuaa-select]==================*/
@media (max-width: 960px) {
  .ahupuaa-select {
    width: 37% !important;
  }
}

/*================[ahupuaa_select]==================*/
@media (max-width: 960px) {
  #ahupuaa_select > option:first-child {
    content: "ahupuaʻa";
  }
}

/*================[back-button-nav]==================*/
@media (max-width: 550px) {
  .back-button-nav {
    padding-top: 10px !important;
  }
}

/*================[container-format]==================*/
@media (max-width: 950px) {
  div#container-format {
    margin: auto;
  }
}

/*================[extra-newspaper-features]==================*/
@media (max-width: 950px) {
  #extra-newspaper-features {
    padding-top: 20px !important;
  }
}
@media (max-width: 950px) {
  #extra-newspaper-features > table {
    width: 100% !important;
  }
}

/*================[featuredbanner-content]==================*/
@media (max-width: 1250px) {
  span#featuredbanner-content p {
    font-size: 1.2vw;
  }
}
@media (max-width: 949px) {
  span#featuredbanner-content p {
    font-size: 1.5vw;
  }
}
@media (max-width: 740px) {
  span#featuredbanner-content p {
    font-size: 2.8vw;
    margin: 0px;
  }
}
@media (max-width: 400px) {
  span#featuredbanner-content p {
    font-size: 2.7vw;
    margin: 0px;
  }
}
@media (max-width: 290px) {
  span#featuredbanner-content p {
    font-size: 6.5pt;
    margin: 0px;
  }
}
@media (min-width: 2300px) {
  span#featuredbanner-content p {
    font-size: 0.9vw;
  }
}
@media (min-width: 3000px) {
  span#featuredbanner-content p {
    font-size: 0.6vw;
  }
}

/*================[flex-toolbar-links]==================*/
@media (max-width: 600px) {
  .flex-toolbar-links a {
    padding: 20px 0px 20px 0px;
  }
}

/*================[flex-toolbar-links-right]==================*/
@media (max-width: 600px) {
  .flex-toolbar-links-right a {
    padding: 20px 0px 20px 0px;
  }
}

/*================[format-container]==================*/
@media (max-width: 450px) {
  div#format-container {
    margin: auto;
  }
}

/*================[hidden-form-items-on-splash]==================*/
@media (max-width: 960px) {
  .hidden-form-items-on-splash {
    display: none;
  }
}

/*================[hidden-options-container]==================*/
@media (max-width: 960px) {
  div#hidden-options-container {
    order: 2;
  }
}

/*================[hidden-options-container-restriction]==================*/
@media (max-width: 450px) {
  .hidden-options-container-restriction {
    width: 75% !important;
  }
}

/*================[hide-below-450]==================*/
@media (max-width: 449px) {
  .hide-below-450 {
    display: none;
  }
}

/*================[hide-below-650]==================*/
@media (max-width: 649px) {
  .hide-below-650 {
    display: none;
  }
}

/*================[hide-canvas]==================*/
@media (max-width: 960px) {
  aside.hide-canvas {
    transform: translateX(-26.6rem);
    transition: all 0.5s ease;
  }
}

/*================[index-form]==================*/
@media (max-width: 520px) {
  #index-form select {
    width: 100%;
  }
}

/*================[island_select]==================*/
@media (max-width: 960px) {
  #island_select > option:first-child:after {
    content: "Island";
  }
}

/*================[landing-page-ahupuaa-display]==================*/
@media (max-width: 960px) {
  .landing-page-ahupuaa-display {
    width: 100% !important;
    position: static !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: none !important;
    border-top: 6px solid #36a70e !important;
    box-sizing: border-box !important;
  }
}

/*================[lists_of_collections]==================*/
@media (max-width: 550px) {
  #lists_of_collections input[type='checkbox'] {
    transform: scale(2);
    margin: 10px 10px 10px 10px !important;
  }
}

/*================[map_div]==================*/
@media (min-width: 960px) {
  #map_div {
    flex-basis: 70%;
  }
}

/*================[mobilehidingtext]==================*/
@media (max-width: 960px) {
  span.mobilehidingtext {
    display: none;
  }
}

/*================[moku_select]==================*/
@media (max-width: 960px) {
  #moku_select > option:first-child {
    content: "moku";
  }
}

/*================[multi-column-splash-page]==================*/
@media (min-width: 450px) {
  div.multi-column-splash-page {
    margin-left: 2%;
  }
}
@media (min-width: 1200px) {
  .multi-column-splash-page > #search-collections-column-one,   .multi-column-splash-page > #search-collections-column-two {
    width: 50%;
  }
}

/*================[newspapers_header]==================*/
@media (max-width: 450px) {
  #newspapers_header {
    font-size: 1.3rem;
    font-weight: bold;
  }
}

/*================[number_of_pages]==================*/
@media (max-width: 960px) {
  div.number_of_pages {
    order: 3;
  }
}

/*================[options_container]==================*/
@media (max-width: 450px) {
  #options_container {
    flex-direction: column;
    width: 99.5%;
  }
}

/*================[partners-page-constrain-links]==================*/
@media (max-width: 550px) {
  .partners-page-constrain-links a {
    word-wrap: break-word;
  }
}
@media (max-width: 550px) {
  .partners-page-constrain-links > section {
    width: 100%;
  }
}

/*================[results_div]==================*/
@media (max-width: 649px) {
  section#results_div {
    overflow: hidden;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/*================[search-items-splash-container]==================*/
@media (min-width: 450px) {
  #search-items-splash-container {
    width: 60%;
  }
}
@media (max-width: 450px) {
  #search-items-splash-container {
    width: 90%;
  }
}

/*================[search-splash-page]==================*/
@media (min-width: 950px) {
  .search-splash-page {
    flex-grow: 1;
  }
}

/*================[search-splash-toolbar]==================*/
@media (max-width: 740px) {
  #search-splash-toolbar {
    margin-right: 0.1rem !important;
    margin-top: 1.4rem;
  }
}

/*================[search-tips-panel-body]==================*/
@media (min-width: 401px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #search-tips-panel-body {
    height:120px;
  }
}
@media (max-width: 400px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #search-tips-panel-body {
    height:180px;
  }
}

/*================[search_papakilo_splash_heading]==================*/
@media (max-width: 450px) {
  #search_papakilo_splash_heading {
    font-size: 22px;
  }
}
@media (max-width: 450px) {
  #search_papakilo_splash_heading {
    padding-top: 10px;
    padding-bottom: 15px;
  }
}

/*================[searchbutton]==================*/
@media (max-width: 450px) {
  #searchbutton {
    display: none;
  }
}

/*================[searchbutton-small]==================*/
@media (max-width: 450px) {
  #searchbutton-small {
    display: inline-block !important;
    height: inherit;
  }
}

/*================[searchmask]==================*/
@media (max-width: 960px) {
  div.searchmask {
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background-color: #303030;
    z-index: -9000;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
}

/*================[show-mask]==================*/
@media (max-width: 960px) {
  div.show-mask {
    z-index: 9000;
    opacity: 0.6;
  }
}

/*================[show_less_button]==================*/
@media (max-width: 450px) {
  #show_less_button {
    width: 75% !important;
  }
}

/*================[show_more_button]==================*/
@media (max-width: 450px) {
  #show_more_button {
    width: 75% !important;
  }
}

/*================[sourcesearch-page]==================*/
@media (min-width: 1143px) {
  main.sourcesearch-page > aside.flexsearchcontrols {
    width: 37rem;
  }
}

/*================[sourcesearchmenu_inner]==================*/
@media (max-width: 960px) {
  div.sourcesearchmenu_inner {
    height: 95%;
    overflow-y: auto;
  }
}

/*================[splash-mobile-options-display]==================*/
@media (max-width: 960px) {
  .splash-mobile-options-display {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

/*================[splash-page-mobile-option]==================*/
@media (max-width: 960px) {
  .splash-page-mobile-option {
    width: 28%;
  }
}

/*================[splash-page-search-button]==================*/
@media (max-width: 960px) {
  .splash-page-search-button {
    margin-left: auto;
    order: 1;
  }
}
@media (min-width: 960px) {
  .splash-page-search-button {
    padding-top: 5px;
  }
}

/*================[topics-preview-button]==================*/
@media (max-width: 420px) {
  .topics-preview-button {
    margin-top:10px;
  }
}

/*================[viewport-lock]==================*/
@media (max-width: 960px) {
  .viewport-lock {
    overflow: hidden;
  }
}
/*============================================================*/
/*--------------Class Specific: Other Media selector [END] --------------*/
/*============================================================*/


/*============================================================*/
/*--------------ID Specific [START] --------------*/
/*============================================================*/

/*================[advanced_reset_button]==================*/
#advanced_reset_button {
  background: white;
  color: #346989;
  margin-right: 10px;
  border-radius: 4px;
  border-left : 0px;
  border-right: 0px;
}
#advanced_reset_button:hover {
  background: #346989;
  color: white;
}

/*================[ahapuaa-page-content]==================*/
#ahapuaa-page-content footer.grid-container {
  display: none;
}

/*================[ahapuaa_reset_button_small]==================*/
#ahapuaa_reset_button_small {
  background: white;
  border: 1px solid rgb(176,176,176);
  padding: 6px 8px;
  padding-bottom: 6px;
  height: inherit;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
div#ahapuaa_reset_button_small:hover {
  background: #346989;
}
div#ahapuaa_reset_button_small:hover > span#reset_icon {
  color: white !important;
}
#ahapuaa_reset_button_small {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*================[ahupua-main-content]==================*/
#ahupua-main-content div#hidden-options-container > * {
  margin: auto;
}
#ahupua-main-content aside.flexsearchcontrols {
  transition: none !important;
}
#ahupua-main-content > section#results_div {

}
#ahupua-main-content > #sourcesearchmenu {
  margin-top: 0px !important;
}
#ahupua-main-content div.sourcesearchmenu_inner {
  overflow-y: visible;
}

/*================[basic-modal-content]==================*/
#basic-modal-content {
  display:none;
}

/*================[collection_show_buttons]==================*/
#collection_show_buttons {
  padding-top: 0.5rem;
  padding-bottom: 20px;
  order: 8;
}

/*================[container-format]==================*/
div#container-format {
  order: 2;
}

/*================[cookieDisabledWarningMessage]==================*/
#cookieDisabledWarningMessage {
  margin-left: 12px;
  margin-right: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #36a70e;
  border-top: 1px solid #36a70e;
  padding-left: 13px;
}

/*================[daterangefilterbutton]==================*/
#daterangefilterbutton {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0);
  background-color: #ddd;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  text-indent: 0;
  border: 1px solid #888;
  display: inline-block;
  color: #000;
  font-size: 8pt;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  text-transform: initial;
  background-image: none;
}
#daterangefilterbutton:hover {
  background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0);
  background-color: #dfdfdf;
}
#daterangefilterbutton:active {
  position: relative;
  top: 1px;
}

/*================[daterangeresetbutton]==================*/
#daterangeresetbutton {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0);
  background-color: #ddd;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  text-indent: 0;
  border: 1px solid #888;
  display: inline-block;
  color: #000;
  font-size: 8pt;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  text-transform: initial;
  background-image: none;
}
#daterangeresetbutton:hover {
  background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0);
  background-color: #dfdfdf;
}
#daterangeresetbutton:active {
  position: relative;
  top: 1px;
}

/*================[document]==================*/
section#document {
  background-color: #fff;
  padding: 0.4rem;
}

/*================[editTopicPostForm]==================*/
#editTopicPostForm .input-group-addon {
  min-width: 70px;
}
#editTopicPostForm .edit-border-color {
  border-color: #36a70e;
}

/*================[errorMessageContainer]==================*/
#errorMessageContainer {
  color: red;
  margin-top: 5px;
}

/*================[extra-newspaper-features]==================*/
#extra-newspaper-features {
  padding-bottom: 20px;
}

/*================[featuredbanner-content]==================*/
span#featuredbanner-content {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.8vw 1vw;
}
#featuredbanner-content p {
  color: white;
  text-align:center;
  font-size: 1.2vw;
}

/*================[format-container]==================*/
div#format-container {
  order: 2;
}

/*================[fromDateContainer]==================*/
#fromDateContainer {
  margin-top: 5px;
}

/*================[hidden-options-container]==================*/
div#hidden-options-container {
  border-left: 1px solid rgb(176,176,176);
  border-right: 1px solid rgb(176,176,176);
  border-bottom: 1px solid rgb(176,176,176);
  border-radius: 5px;
  width: 99.9%;
  background-color: rgb(247, 245, 239);
  margin: auto;
  display: flex;
  justify-content: space-around;
  padding-bottom: 10px;
  flex-direction: row;
}

/*================[index-form]==================*/
#index-form {
  top: 0px;
  will-change: margin;
  background-color: rgb(238, 238, 238);
  z-index: 999;
  padding: 1rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid #999;
}
#index-form h2 {
  font-size: 1.6rem;
  padding-left: 0;
  margin: 0;
  margin-bottom: 1rem;
  line-height: normal;
}
#index-form p {
  margin: 0;
  margin-top: 1rem;
  display: none;
}

/*================[js-socials-share]==================*/
div#js-socials-share div a {
  color: #fff;
}
div#js-socials-share div {
  font-size: 11px;
  margin-top: 0px;
}
div#js-socials-share {
  padding-top: 0px;
}

/*================[lblFrom]==================*/
#lblFrom {
  display: inline-block;
  margin-left: 45px;
  min-width: 35px;
}

/*================[lblSort]==================*/
#lblSort {
  display: inline-block;
  margin-left: 45px;
  min-width: 35px;
}

/*================[lblTo]==================*/
#lblTo {
  display: inline-block;
  margin-left: 45px;
  min-width: 35px;
}

/*================[lists_of_collections]==================*/
#lists_of_collections {
  order: 8;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#lists_of_collections input[type='checkbox'] {
  margin: 7px 0 0;
}

/*================[mapDiv]==================*/
#mapDiv {
  height: 100% !important;
}

/*================[o_select]==================*/
#o_select {
  color: #000000;
}

/*================[options_container]==================*/
div#options_container {
  border-left: 1px solid rgb(176,176,176);
  border-right: 1px solid rgb(176,176,176);
  border-bottom: 1px solid rgb(176,176,176);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 99.9%;
  background-color: rgb(247, 245, 239);
  margin: auto;
  display: flex;
  justify-content: space-around;
  padding-bottom: 10px;
}

/*================[results_div]==================*/
section#results_div {
  margin: 0rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

/*================[search-items-splash-container]==================*/
#search-items-splash-container {
  font-size: 16px;
}

/*================[search-splash-toolbar]==================*/
div#search-splash-toolbar {
  margin-right: 0.8rem;
}

/*================[search-tips]==================*/
#search-tips {
  background-color: #EFEFEF;
  border-color: #a0bbd9;
  border-top: none;
  border-radius: 0 0 3px 3px;
  color: #606060;
}

/*================[search-tips-content]==================*/
#search-tips-content {
  margin-bottom: 10px;
  margin-top: 5px;
  min-height: 19px;
  font-size: 14px;
}

/*================[search-tips-content-wrapper]==================*/
#search-tips-content-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

/*================[search-tips-controls]==================*/
#search-tips-controls .btn-tips-colour {
  background-color: #346989;
}
#search-tips-controls .btn-tips-colour:active, #search-tips-controls .btn-tips-colour:hover {
  background-color: #36a70e;
  color: #fff;
}
#search-tips-controls {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

/*================[search-tips-hide]==================*/
#search-tips-hide {
  margin-left: 4px;
  order: 3;
}

/*================[search-tips-next]==================*/
#search-tips-next {
  margin-left: 4px;
  order: 2;
}

/*================[search-tips-panel-body]==================*/
#search-tips-panel-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
}

/*================[search-tips-prev]==================*/
#search-tips-prev {
  margin-left: 4px;
  order: 1;
}

/*================[search_button_container]==================*/
#search_button_container {
  text-align: center;
  order: 8;
}

/*================[search_by_collection_heading]==================*/
#search_by_collection_heading {
  text-align: center;
  padding-top: 10px;
  order: 4;
}

/*================[search_by_collection_help]==================*/
#search_by_collection_help {
  order: 5;
  padding: 5px 5px 5px 6px;
  margin-top: 10px;
  margin-bottom: 7px;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

/*================[search_input_field]==================*/
#search_input_field {
  order: 3;
  width: 100.1%;
  margin-right: auto;
  margin-left: auto;
}
div#search_input_field {
  order: 1;
}

/*================[search_items_container]==================*/
#search_items_container {
  order: 3;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

/*================[search_special_characters]==================*/
#search_special_characters {
  order: 1;
}

/*================[searchbutton]==================*/
#searchbutton {
  border: 1px solid rgb(176, 176, 176);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: inherit;
}

/*================[searchbutton-small]==================*/
div#searchbutton-small {
  display: none;
}

/*================[select_format]==================*/
#select_format {
  padding-bottom: 10px;
  text-align: center;
  order: 7;
}

/*================[select_format_type]==================*/
div#select_format_type {
  background: white;
  border: 1px solid rgb(176,176,176);
  padding: 6px 8px;
  padding-bottom: 6px;
  padding-top: 5px;
  height: inherit;
}
div#select_format_type:hover {
  background: #346989;
}
div#select_format_type:hover > span#file_type_icon {
  color: white !important;
}

/*================[show_extra_options]==================*/
#show_extra_options {
  background: white;
  border: 1px solid rgb(176,176,176);
  padding: 6px 8px;
  padding-bottom: 6px;
  height: inherit;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
div#show_extra_options:hover {
  background: #346989;
}
div#show_extra_options:hover > span#file_type_icon {
  color: white !important;
}

/*================[show_less_button]==================*/
#show_less_button {
  text-align: center;
  order: 5;
  padding-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  width: 50%;
  margin: auto;
  border-radius: 2px;
  border: 1px solid #346989;
  padding-top: 5px;
  padding-bottom: 5px;
}
#show_less_button > svg {
  margin-left: 2px;
  vertical-align: text-bottom;
}

/*================[show_more_button]==================*/
#show_more_button {
  text-align: center;
  order: 5;
  padding-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  width: 50%;
  margin: auto;
  border-radius: 2px;
  border: 1px solid #346989;
  padding-top: 5px;
  padding-bottom: 5px;
}
#show_more_button > svg {
  margin-left: 2px;
  vertical-align: text-bottom;
}

/*================[simplemodal-container]==================*/
#simplemodal-container {
  height:250px;
  width:600px;
  color:#333;
  background-color:#fff;
  border:4px solid #36A70E;
  padding:12px;
}
#simplemodal-container .simplemodal-data {
  padding:8px;
}
#simplemodal-container a {
  color:#333;
}
#simplemodal-container a.modalCloseImg {
  background:url(../../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-15px;
  right:-16px;
  cursor:pointer;
}
#simplemodal-container h3 {
  font-size: 13pt;
  font-weight: normal;
  color:#346692;
  margin-top: 15px;
  margin-bottom: 20px;
}
#simplemodal-container p {
  font-size: 11pt;
  margin-top: 15px;
  margin-bottom: 10px;
}

/*================[simplemodal-overlay]==================*/
#simplemodal-overlay {
  background-color:#000;
}

/*================[sortContainer]==================*/
#sortContainer {
  margin-top: 5px;
  text-align: right;
}

/*================[special_character_keyboard]==================*/
#special_character_keyboard {
  text-align: center;
}

/*================[template_div]==================*/
div#template_div table {
  border-collapse: separate;
  border-spacing: 0.2rem;
}

/*================[toDateContainer]==================*/
#toDateContainer {
  margin-top: 5px;
}

/*================[ulukau_results]==================*/
#ulukau_results div.resultcontent {
  background-color: white;
  padding: 3px 5px;
  margin-bottom: 5px;
}
#ulukau_results span.highlight {
  background-color: #FFFF77;
}
#ulukau_results p.matches {
  font-weight: bold;
}
#ulukau_results div.result-info-section {
  display: flex;
  flex-direction: column;
}
#ulukau_results div.ulukau-resultrow {
  display: flex;
  padding: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: white;
}
#ulukau_results img.collection-search-image {
  width: 125px;
  padding-right: 10px;
}
#ulukau_results a.collection-search-image {
  display: flex;
}
#ulukau_results .papakiloresultsrow {
  display: none;
}

/*================[use_special_characters]==================*/
#use_special_characters {
  text-align: center;
  padding-bottom: 5px;
}
/*============================================================*/
/*--------------ID Specific [ END ] --------------*/
/*============================================================*/