/* ---------------------------------------------------------------------------------------------------- */
/* ----- styles.css */
/* This stylesheet imports stylesheets used by the web site */
/* ---------------------------------------------------------------------------------------------------- */
/* GLOBAL */
/* These stylesheet contains all base design and typography and must not be changed */
/* --------------- Resource styles */
@import url("resources.css");
/* --------------- /Resource styles */
/* --------------- Layout styles */
@import url("layout.css");
/* --------------- /Layout styles */
/* --------------- Typography styles */
@import url("typography.css");
/* --------------- /Typography styles */
/* --------------- Form styles */
@import url("forms.css");
/* --------------- /Form styles */
/* --------------- Element styles */
@import url("element-styles.css");
/* --------------- /Element styles */


/* /GLOBAL */
/* LOCAL */
/* Import your local styles here. */
/* --------------- Local stylesheet */
/*  @import url(""); */ 
/* --------------- /Local stylesheet */
/* /LOCAL */
/* ---------------------------------------------------------------------------------------------------- */

/* Additional styling for the Bolin Centre Database */
.title {
  padding: 5px 11px;
  background-color: rgba(25, 23, 23, 0.5);
  color: #005b7f;
  font: 154%/1.6 Verdana, Arial, Helvetica, sans-serif;
}
.title a:link, .title a:visited {
  text-decoration: none;
  color: #005b7f;
}
.title a:hover {
  text-decoration: underline;
}
a:hover .underlined {
  text-decoration: underline;
}
.main-article p {
  min-width: inherit;
  max-width: inherit;
  margin-bottom: 1.1em;
}
.main-article li>p {
  margin-bottom: inherit;
}
.main-article h2~ul {
  margin-top: 0em;
}
.main-article h3~ul {
  margin-top: 0.3em;
}
.main-article td {
  padding: 5px;
  border-bottom: inherit;
}
.main-columns-left {
  min-height: inherit;
}
#foot a:link, .title a:visited {
  text-decoration: none;
}
.foot h2 {
  color: inherit;
}
.foot ul {
  padding: 0px;
  list-style: none;
}
.first {
  font-weight: bold;
}
.foot-list {
  float: left;
  padding: 0px 20px;
  vertical-align: top;
}
.foot-list #searchInput {
  width: 300px;
  margin: 0px;
}
.foot-list-sidemargin-remover {
  margin: 0px -20px -20px -20px;
}
sup {
  vertical-align: baseline;
  font-size: 0.8em;
  position: relative;
  top: -0.4em;
}
.breadcrumbs {
  padding: 0px 0px 7px 0px;
  opacity: 0.5;
}
.breadcrumbs:hover {
  opacity: 1;
}
.breadcrumbs ul {
  padding: 0px;
  margin: 0px 3px;
}
.breadcrumbs li {
  display: inline-block;
  margin: 0px -3px;
  padding: 0px 18px 0px 3px;
  background-color: #dfdfdf;
  background-image: url(../img/breadcrumb1.png);
  background-repeat: no-repeat;
  background-position: right;
  list-style: none;
  font: 90%/1.6 Verdana, Arial, Helvetica, sans-serif;
  color: #005b7f;
  vertical-align: top;
}
.breadcrumbs li:first-of-type {
  padding: 0px 18px 0px 11px;
}
.breadcrumbs li:last-of-type {
  padding: 0px 10px 0px 3px;
  background-image: url(../img/breadcrumb2.png);
}
.breadcrumbs a:link, a:visited {
  text-decoration: none;
}
#suggestionlist tr:hover {
  background-color: #002e5f;
  color: white;
}
a.new_window {
  background-image: url(../ img/open_in_new_window_sublue.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1.3em;
  padding-right: 1.5em;
}

h3.download {
  background-color: #002e5f;
  color: white;
  font-weight: normal;
  padding: 7px 15px;
  font-size: 115%;
}
ul.download {
  background-color: #dfdfdf;
  margin-top: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 40px;
}