/* The look of the old OPAC (2008, mobile rules 2015), kept as it was: the search form is embedded in the
   institute's website as an iframe. Additions are at the end. */
/*html{
  background-color:#f0f0f0;
}*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
  font-family:arial, "lucida console", sans-serif;
}

p,th,td,div,span, input{
  font-size:14px;
}

div.clearer{clear: both; line-height: 0; height: 0; margin:0; padding:0; border: 0; font-size:0px}


body{
  margin: 3px;
  /*background-color:#f0f0f0;*/
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset,img {
 	border:0;
}


ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  padding:0px;
  margin:0px;
}


p{  
  color:#000000;
  padding-top:10px;
  padding-bottom:10px;
  text-align:justify;
}

h1{
  font-size:21px;
  color:#b30909;
  font-weight:bold;
  padding-bottom:10px;
}

h2{
  font-size:18px;
  color:#b30909;
  font-weight:bold;
  padding-bottom:10px
}

h3{
  padding-top:7px;
  font-size:15px;
  font-weight:bold;
  color:#333333;
}

h6{
  font-weight:bold;
}

a, input[type=button]{  
  color:#b30909;
  font-weight:bold;
  text-decoration:none;
}

a:HOVER{
  text-decoration:underline;
}

ul{  
  padding-left:18px;
}

li{
  padding-left:0px;
  margin-left:0px;  
}

#menu_container{
  padding:0 0 20px 0;

}

#search_list_header {
  background-color: #E18B6B;
  border: 1px solid #000000;
  margin:8px 0 8px 0;
}

#search_list_header p, #search_list_header h3 {
  padding:2px 0 5px 2px;
}

.menu{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  text-decoration: none;
}

.menu a{
  /*font-size: 12px;*/
  font-weight: bold;
  height: 16px;
  padding: 2px 0.5em;
  text-decoration: none;
  float: left;
  margin-right: 20px;
  margin-top:5px;
  display:block;
  color: 	#FFFFFF;
  background-color: #b30909;
  border: 1px solid #000000;

}

.menu a:hover, .menu a.active{
  background-color: #E18B6B;
  border-style: outset;
  text-decoration: none;
}

.error {
  background: url("/assets/icons/exclamation-f8892859.png") #ffbdc7 10px 10px no-repeat;
  border: 1px solid #ff879a;
  padding: 10px 10px 10px 30px;
  margin: 0;
  color: red;
  margin:10px 0 10px 0;
}


.message{
  background: url("/assets/icons/error-dbf29340.png") #FBF4D5 10px 10px no-repeat;
  border: 1px solid #F6E79D;
  padding: 10px 10px 10px 30px;
  margin: 0;
  color: brown;
  margin-top:10px;
}


.children_indenter, .parent_indenter{
  border: 1px dotted #333333;
  margin: 3px 0px 3px 12px;
}

.result_list_property_wrapper{
  border:none;
  margin:0;
  padding:0;
}

.wrapper_styles_for_914{
  color: #252B9B;
  font-weight:bold;
}

.simple_search{
  width: 500px;
}
.complex_search{
  width: 425px;
}

table.result th{
  margin-left: 6px;
  width: 120px;
}

table.result, table.result *{
  vertical-align: top;
  text-align: left;
}


/* tablet */
@media all and (max-width: 960px) {

  #menu_container .menu a:first-child {
    width: 34%;
    padding: 8px 0;
    margin-right: 1%;
  }

  #menu_container .menu a:last-child {
    width: 34%;
    padding: 8px 0;    
    margin-right: 0;
    margin-left: 1%;
  } 

  .simple_search {
    width: 70%;
    padding: 5px 0;
  }
  
  #search_form_table, #search_form_table > tbody > tr > td > table {
    width: 100%;
  }  

  #search_form_table input[type="submit"] {
    width: 34%;
    padding: 5px 0;
    margin: 10px 0;
  }

 #content_container input[type="button"] {
    width: 34%;
    padding: 8px 0;
  } 

  #term1, #term2, #term3, #term4, #term5 {
    width: 65%;
    padding: 5px 2px;
  }

  #field1, #field2, #field3, #field4, #field5 {
    width: 20%;
    padding: 5px 2px;
  }

  #operator1, #operator2, #operator3, #operator4, #operator5 {
    width: 10%;
    margin: 5px 0;
    padding: 5px 0;
  }   

  #search_list_header, #search_list_footer {
    line-height: 22px;
  }

  #search_list_header a, #search_list_footer a {
    padding: 0 5px;
  }

} 


/* smartphone */
@media all and (max-width: 480px) {

  #menu_container .menu a:first-child {
    width: 48%;   
  }

  #menu_container .menu a:last-child {
    width: 48%;
  }

  .simple_search {
    width: 80%;
    padding: 5px 0;
  }

  .complex_search {
    width: 98%;
  }  

  #search_form_table input[type="submit"] {
    width: 17%;
    padding: 5px 0;
  }

  #content_container input[type="button"] {
    width: 100%;
    padding: 5px 0;
  }

  #term1, #term2, #term3, #term4, #term5 {
    width: 45%;
  }

  #field1, #field2, #field3, #field4, #field5 {
    width: 30%;
  }

  #operator1, #operator2, #operator3, #operator4, #operator5 {
    width: 19%;
  }    


}

@media all and (max-width: 319px) {

  .simple_search, .complex_search {
    width: 97%;
  }

  #menu_container .menu a:last-child  {
    margin-left: 0;
  }  

  #menu_container .menu a:first-child,
  #menu_container .menu a:last-child  {
    width: 99%;
    padding: 10px 0;
  }

  #term1, #term2, #term3, #term4, #term5 {
    width: 64%;
  }  

  #operator1, #operator2, #operator3, #operator4, #operator5 {
    width: 30%;
  } 

  #search_form_table input[type="submit"] {
    width: 99%;
    margin-top: 10px;
    padding: 5px 0;
  }

}


/* ---- Additions (2026) ---- */

/* The old site set these as inline styles, which the Content-Security-Policy no longer allows */
div.clearer.spacer-1 { height: 1px; }
div.clearer.spacer-3 { height: 3px; }
div.clearer.spacer-4 { height: 4px; }
div.clearer.spacer-5 { height: 5px; }
div.clearer.rule-dotted { height: 1px; border-top: 1px dotted #b30909; }
div.clearer.rule-print { height: 1px; border-top: 2px solid #000000; }
.record-wrapper.shade-a > .shaded { background-color: #FFFAAE; }
.record-wrapper.shade-b > .shaded { background-color: #FFE1CA; }
.record-wrapper.shade-print > .shaded { background-color: #FFFFFF; }
#show_search_form { margin-bottom: 5px; }
#search_list_footer p.footer_pagination { margin-top: 3px; }
.pagination_label { color: #333333; font-weight: bold; }
p.align-right, td.align-right { text-align: right; }
table.full_width { width: 100%; }
a.toggle { cursor: pointer; }

/* Blocks that open and close (full information, volumes, the search form after a search) are closed
   only when JavaScript runs to open them; without it everything is shown */
.js .collapsed { display: none; }
.no-js .js-only { display: none; }

/* Keyboard focus stays visible on the red buttons */
.menu a:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible {
  outline: 2px solid #252B9B;
  outline-offset: 1px;
}

#content_container input[type="button"], #search_form_table input[type="submit"] { cursor: pointer; }