@font-face {
  font-family: "Optima Roman";
  src: url("/fonts/36a73a3c-1fe5-4986-92cf-92879e7d3ac3.eot?#iefix");
  src: url("/fonts/36a73a3c-1fe5-4986-92cf-92879e7d3ac3.eot?#iefix") format("eot"), url("/fonts/60740f82-8b81-4b05-ba70-a17d20b5fac4.woff") format("woff"), url("/fonts/20567f69-bce8-40cc-bd26-50903c18d448.ttf") format("truetype"), url("/fonts/47829e8d-27f6-49a4-afb6-097f32f211ad.svg#47829e8d-27f6-49a4-afb6-097f32f211ad") format("svg");
}
@font-face {
  font-family: "Optima Italic";
  src: url("/fonts/de873e21-f65a-42cc-af00-60876933f369.eot?#iefix");
  src: url("/fonts/de873e21-f65a-42cc-af00-60876933f369.eot?#iefix") format("eot"), url("/fonts/602588b2-5fb5-4a34-8376-39fe3d5ff826.woff") format("woff"), url("/fonts/2ff1572d-46fb-45d7-86c8-29f1518a5623.ttf") format("truetype"), url("Fonts/cfda5cc8-a89b-42ad-a05b-405932e0fefd.svg#cfda5cc8-a89b-42ad-a05b-405932e0fefd") format("svg");
}
@font-face {
  font-family: "Optima Bold";
  src: url("/fonts/cd8e7f70-f28d-44a3-a387-7b68063a7195.eot?#iefix");
  src: url("/fonts/cd8e7f70-f28d-44a3-a387-7b68063a7195.eot?#iefix") format("eot"), url("/fonts/988e23ba-c66e-47b0-903f-c4cb0e42b14b.woff") format("woff"), url("/fonts/10617183-b4ae-4670-a511-a20f9887093e.ttf") format("truetype"), url("/fonts/f0aa474d-13e3-4718-815d-a2f7e5550a03.svg#f0aa474d-13e3-4718-815d-a2f7e5550a03") format("svg");
}
@font-face {
  font-family: "Trajan";
  src: url("/fonts/a602588d-0fb5-40a8-a1b9-112c323b8a73.eot?#iefix");
  src: url("/fonts/a602588d-0fb5-40a8-a1b9-112c323b8a73.eot?#iefix") format("eot"), url("/fonts/42eddbd0-3b0e-4c24-ba3b-57b9859b2602.woff") format("woff"), url("/fonts/a901f152-b0d8-4686-bbaa-8a5aff10781b.ttf") format("truetype"), url("/fonts/5fac8357-5dba-4c53-80c1-607abd0eae0e.svg#5fac8357-5dba-4c53-80c1-607abd0eae0e") format("svg");
}
/*
indigo
denim
dusk
cloud
beige

Optima Roman
Optima Italic
Optima Bold
Trajan
*/
body {
  font-family: "Optima Roman";
}
a {
  text-decoration: none;
  color: #9f9ab2 !important;
}
a:hover {
  color: #5c597d !important;
  text-decoration: none;
}
ul,
ol,
dl {
  margin-bottom: 1em;
}
p {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
}
h3 {
  margin-bottom: 3px;
}
h4 {
  margin-bottom: 0.2em;
  margin-top: 0.4em;
}
h5 {
  margin-bottom: 0.1em;
  margin-top: 0.7em;
}
input {
  font-family: "Optima Roman";
  font-size: 1.3em;
  height: 1.8em;
  border: 1px solid #5c597d;
}
input:focus {
  outline-color: #9f9ab2;
}
::-webkit-input-placeholder {
  font-family: "Optima Italic";
  color: #9f9ab2;
}
:-moz-placeholder {
  font-family: "Optima Italic";
  color: #9f9ab2;
}
::-moz-placeholder {
  font-family: "Optima Italic";
  color: #9f9ab2;
}
:-ms-input-placeholder {
  font-family: "Optima Italic";
  color: #9f9ab2;
  padding-top: 0;
  padding-bottom: 0;
}
select {
  font-family: "Optima Bold";
  background-color: #dbdae4;
  border-color: #5c597d;
}
select option {
  padding: 0 0.2em;
}
button {
  font-weight: normal;
  border: none;
}
button:hover {
  background-color: #dbdae4;
  color: #1d2558;
}
button:focus {
  outline-color: #dbdae4;
  background-color: #ece1b4;
  color: #1d2558;
}
.main {
  max-width: 960px;
  margin: 0 auto;
/*
  background colors
  */
}
.white-bg {
  background-color: #fff;
}
.indigo-bg {
  background-color: #1d2558;
}
.denim-bg {
  background-color: #5c597d;
}
.dusk-bg {
  background-color: #9f9ab2;
}
.cloud-bg {
  background-color: #dbdae4;
}
.beige-bg {
  background-color: #ece1b4;
}
/*
text classes
*/
.optima-roman {
  font-family: "Optima Roman" !important;
}
.optima-italic {
  font-family: "Optima Italic" !important;
}
.optima-bold {
  font-family: "Optima Bold" !important;
}
.trajan {
  font-family: "Trajan" !important;
}
.indigo {
  color: #1d2558;
}
.denim {
  color: #5c597d;
}
.dusk {
  color: #9f9ab2;
}
.cloud {
  color: #dbdae4;
}
.beige {
  color: #ece1b4;
}
.whitee {
  color: #fff;
}
.small {
  font-family: "Optima Roman";
  padding-top: 5px;
  font-size: 0.9em;
}
.cursor-pointer {
  cursor: pointer;
}
.full-height {
  top: 0;
  bottom: 0;
}
.full-width {
  max-width: 960px;
}
@media screen and (min-width: 768px) {
  .header {
    border-bottom: #5c597d solid 2px;
  }
}
.banner {
  height: 150px;
}
.apld {
  margin-bottom: 0;
  font-size: 1.1em;
}
@media screen and (max-width: 400px) {
  .apld {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 375px) {
  .apld {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 319px) {
  .apld {
    font-size: 0.6em;
  }
}
.apld-banner {
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.image-bg {
  background-image: url("/images/newspaper-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #fff;
}
.date-small {
  line-height: 2.4em;
}
.bottom-border {
  border-bottom: #5c597d solid 2px;
}
#results {
  line-height: 1.4;
}
.help-div,
.help-div-mobile {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.help-div button:hover,
.help-div-mobile button:hover {
  background-color: #5c597d;
  color: #fff;
}
.help-div button:focus,
.help-div-mobile button:focus {
  background-color: #1d2558;
  color: #fff;
  outline-color: #fff;
}
.help-div button p,
.help-div-mobile button p {
  margin-bottom: 1em;
}
.form-div input[type=submit],
.form-div-mobile input[type=submit] {
  font-size: 1.1em;
  padding: 0.3em 0.5em;
  font-family: "Optima Bold";
  background-color: #1d2558;
  color: #fff;
}
.form-div input[type=submit]:hover,
.form-div-mobile input[type=submit]:hover {
  background-color: #5c597d;
}
.arrow {
  font-size: 2rem;
  margin-left: -30px;
  position: absolute;
  text-align: center;
  top: -25px;
  width: 60px;
}
.rotatable {
  padding: 0 0.4em;
}
.rotate {
  display: inline-block !important;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.rotate.unrotate {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.round-corners {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.close-btn {
  cursor: pointer;
}
.close-btn:hover {
  color: #5c597d;
}
.bg-img {
  background: url("/images/newspaper-bg.jpg");
  min-height: 450px;
}
.status_div {
  padding-top: 20px;
}
.loader_image {
  display: none;
  height: 32px;
}
.status {
  vertical-align: middle;
  padding-left: 5px;
}
.status .error_msg {
  color: #8b0000;
}
.file_upload {
  height: 2.4em;
}
.removal_button {
  width: 84px !important;
  height: 17px !important;
  font-weight: 400 !important;
  line-height: 0.5 !important;
  margin-left: 10px;
  font-size: 14px;
  border: none;
  background: #5c597d !important;
  color: #fff !important;
  font-family: "Optima Bold" !important;
}
.removal_button:hover {
  background-color: #dbdae4 !important;
  color: #1d2558 !important;
}
.removal_button:focus {
  outline-color: #dbdae4 !important;
  background-color: #ece1b4 !important;
  color: #1d2558 !important;
}
/*
select element styling
*/
@media screen and (min-width: 0) {
  select {
    background: url("/images/select-button.png") no-repeat right center #dbdae4;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    -webkit-appearance: none;
    background-position: right center;
    padding: 3px 32px 3px 5px;
  }
}
@-moz-document url-prefix() {
  select {
    display: flex;
    border: 0;
    box-shadow: inset 0 0 1px #000;
    padding: 0 16px 0 4px;
    background-position: right center;
  }
  select * {
    color: #000;
    text-shadow: none;
  }
  input#toYearText,
  input#fromYearText {
    background: url("/images/select-button.png") no-repeat right center #dbdae4;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none;
  }
  select {
    background-position: right center;
    padding-right: 30px;
    background: url("/images/select-button.png") no-repeat right center #dbdae4;
  }
  input#toYearText,
  input#fromYearText {
    background: url("/images/select-button.png") no-repeat right center #dbdae4;
  }
}
.custom-combobox-input {
  font-family: "Optima Bold" !important;
  background: transparent;
  background-color: #dbdae4 !important;
  border-color: #5c597d !important;
  color: #000 !important;
  font-size: 0.9em !important;
  height: 2.25em;
}
.custom-combobox-toggle,
.custom-combobox-toggle:focus {
  background: transparent;
  background-color: #dbdae4 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top: 1px solid #5c597d !important;
  border-right: 1px solid #5c597d !important;
  border-bottom: 1px solid #5c597d !important;
  border-left: 0;
  outline: -webkit-focus-ring-color auto 0;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 0;
}
.ui-state-default .ui-icon {
  background: url("/images/select-button.png") no-repeat center center #dbdae4 !important;
  margin-left: 0;
}
.ui-widget-content {
  background: #dbdae4;
  border-color: #5c597d;
}
.ui-menu .ui-menu-item {
  background-color: #dbdae4;
  font-family: "Optima Bold";
}
.ui-menu .ui-menu-item.ui-state-focus {
  border: 0 !important;
  background: transparent;
  background-color: #e66c3e !important;
  color: #fff;
}
#dialog {
  background-color: #fff;
}
#dialog-help {
  padding: 0;
  background-color: #fff;
}
.ui-dialog {
  background: #fff;
  padding: 20px;
  border: 1px solid #1d2558;
}
.ui-dialog .ui-dialog-titlebar {
  background: transparent;
  background-color: #ece1b4;
  color: #1d2558;
  border: 0;
  font-family: "Optima Bold";
  font-weight: normal;
}
.ui-dialog .ui-dialog-buttonpane {
  background: #fff;
  border: 0;
  padding: 0;
}
.ui-dialog .ui-dialog-buttonpane button {
  background: transparent;
  background-color: #ece1b4;
  color: #1d2558;
  border: 0;
  font-family: "Optima Bold";
  font-weight: normal;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  background: transparent;
  background-color: #9f9ab2;
  border: 0;
}