/* main css file */

body {
  font-family:'Open Sans',sans-serif;
  margin:0;
  padding:0;
}

div#main {
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
  width:1200px;
}

div#topnav {
  float:left;
  background-color:#555;
  width:100%;
  position:absolute;
  top:0px;
  padding-bottom:2px;
  height:22px;
}

div#topnav_left {
  display:inline-block;
  float:left;
}

div#topnav_right {
  display:inline-block;
  float:right;
}

#topnav a {
  text-decoration:none;
  color:#ddd;
  font-size:14px;
  padding:2px 5px 0px 5px;
  margin-left:5px;
  margin-right:5px;
  vertical-align:top;
  display:inline-block;
}

#topnav a:hover,
#topnav a.active {
  border-top:2px solid red;
  padding-top:0px;
  color:white;
}

div#control {
  margin-top:20px;
  margin-bottom:20px;
}

div#subcontrol {
  margin-top:6px;
  height:48px;
}

div.page_navigation {
  margin-top:50px;
  margin-bottom:10px;
  width:100%;
  text-align:center;
}

table#kwic_table {
  border-spacing:0;
  width:100%;
}

tr.kwicline {
  white-space:nowrap;
  line-height:20px;
}

tr.even {
  background-color:#eee;
}

span.hi1_kwic {
  font-weight:bold;
  cursor:pointer;
}

span.hi2, span.hi1 {
  font-weight:bold;
}

td.pre_hit {
  text-align:right;
  overflow:hidden;
}
td.hit_plus {
  text-align:left;
  padding-left:4px;
  overflow:hidden;
}

div.simple_context,
div.context {
  position: absolute !important;
  top: 110px !important;
  display:none;
  background-color:white;
  border-radius:4px;
  width:50%;
  padding:5px;
}

div.close_icon,
a.link_icon {
  float:right;
  cursor:pointer;
  color:#555;
}

a.link_icon {
  margin-right:12px;
}

.hidden {
  display:none;
}

a.page_nav {
  font-size:16px;
  color:black;
  padding-left:3px;
  padding-right:3px;
  text-decoration:none;
}

a.page_nav:hover,
div.close_icon:hover,
a.link_icon:hover {
  color:blue;
}

div.nav_arrows_left {
  float:left;
}

div.nav_arrows_right {
  float:right;
}

span.nav_hitcount {
  display:inline-block;
  font-size:14px;
  text-align:center;
  width:480px;
  margin:0 auto;

}

button.search_button {
  cursor:pointer;
  background-color:white;
  border:1px solid #999;
  padding:0px 8px 0px 8px;
  border-color:#999;
  border-style:solid;
  border-width:1px 1px 1px 0px;
  border-radius:0px 3px 3px 0px;
  margin:0px;
  font-size:18px;
  height:42px;
  vertical-align:bottom;
}
button.search_button:hover{
  border-color:blue;
  color:blue;
}

button.submit_button,
input[type="submit"] {
  cursor:pointer;
  background-color:#ffa8a5;
  border:1px solid #999;
  border-radius:3px;
}

span.btn_submenu {
  font-size:14px;
  padding-right:3px;
  padding-left:3px;
  cursor:pointer;
  font-family: inherit;
}

fieldset#search_options {
  margin-top:9px;
  padding:1px;
  border:none;
  font-size:14px;
  font-family: inherit;
}

fieldset#search_options .filter {
  width: 190px;
}

input#query {
  padding:0px 4px 0px 4px;
  border:1px solid #999;
  border-radius:3px 0px 0px 3px;
  margin-right:0px;
  font-size:18px;
  height:40px;
  vertical-align:bottom;
}

select.submenu_option {
  background-color:white;
  border:none;
  cursor:pointer;
  width: 210px;
}

select.submenu_option.dropdown {
  font-size:14px;
  font-family: inherit;
}

select.submenu_option.dropdown.option {
  font-size:14px;
  font-family: inherit;
}

select.filter_body.open {
  font-size:14px;
  font-family: inherit;
}

select.dropdown {
  font-size:14px;
  font-family: inherit;
}

select, input, textarea, button {
  font-family: inherit;
}

span.meta_ctxt {
  display: inline-block;
  margin:1px 12px 1px 0px;
  border: 1px solid #eee;
  background-color:#eee;
  border-radius:3px;
  padding-left:1px;
  padding-right:1px;
}

span.meta_label {
  font-size:12px;
  font-weight:bold;
}

span.meta_value {
  font-size:12px;
}

div.hitctxt,
div.html_context {
  font-size:14px;
  border:1px dotted #999;
  border-radius:3px;
}

h3.h_ctxt {
  display:inline;
  font-size:16px;
}

div.filter {
  display:inline-block;
  vertical-align:top;
  width:200px;
  padding-top:1px;
}

#reset_filter {
  display:inline-block;
  vertical-align:top;
  width:210px;
  padding-top:1px;
}

button#reset_filter.hidden {
  font-size: 14px;
}

div.filter_body input {
  font-size:12px;
  border:1px solid #ccc;
  width:30px;
  text-align:left;
  padding:0px 3px 0px 5px;
  margin:0;
}

span.reset_date {
  color:#999;
  cursor:pointer;
}

div.sub_popup {
  display:none;
  background-color:white;
  border-radius:4px;
  width:50%;
  padding:5px;
}
div.sub_popup h3 {
  display:inline;
  font-size:16px;
}

label.main_labels {
  font-size:12px;
  margin-right:12px;
  vertical-align:top;
}

label.chk_labels {
  font-size:12px;
  margin-right:12px;
  cursor:pointer;
  border:1px dotted #999;
  border-radius:3px;
  padding:1px;
  white-space:nowrap;
}

label.display_default {
  border-left:4px solid #999;
}

input#id_terms_accepted,
input#id_news_wanted {
  display:inline;
}

/*FM:* disabled this since it was hiding checkboxes in the leaflet map layer control; I don't know why it was here in the first place./
/*input[type=checkbox], */
/*input[type=radio] {
	display:none;
}*/

input[type=checkbox]:checked + label.chk_labels,
input[type=radio]:checked + label.chk_labels {
  background-color:#555;
  border:1px solid #999;
  color:white;
}

input[type=checkbox]:checked + span.checkbox-text,
.custom_qex_de div.card, .custom_qex_de input  {
  background-color:#ffa8a5;
  border-radius: 3px;
  padding-left:1px;
  padding-right:1px;
}

div.html_context,
div.img_context {
  border:1px dotted #999;
  border-radius:3px;
  padding-left:3px;
  padding-right:3px
}

div.html_context {
  padding:3px;
}

div.img_context {
  display:none;
}

span.btn_popup {
  font-size:14px;
  padding-right:3px;
  margin-right:10px;
  margin-left:5px;
  padding-left:3px;
  padding-bottom:10px;
  cursor:pointer;
}

span.btn_popup:hover {
  color:#ffa8a5;
}

span.active {
  font-size:18px;
  color:#b00600;
  border-left:1px dotted #999;
}

span.hit_count {
  font-weight:bold;
}

.registration_button {
  font-size:14px;
}

table#table_join_form th {
  text-align:left;
  font-weight:normal;
  width:200px;
}

ul.errorlist {
  font-size:12px;
  color:red;
  display:inline;
  padding:0;
}

ul.errorlist li {
  list-style:none;
  display:inline;
}

p.errors {
  color:red;
}

div.infographics {
  margin-top:12px;
}

table#count_table {
  margin-bottom:20px;
  margin-top:12px;
  margin-left:16px;
}

.number_field {
  text-align:right;
  padding-left:6px;
}

span.fill_in {
  cursor:pointer;
}

.leaflet-fade-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-zoom-animated { will-change:auto !important; }