@import url("assets.css");

/* #region Colours */

:root {
  --background-color: #fff;
  --primary: #002a3a;
  --primary-light: #224a7a;
  --link-underline: rgba(50, 120, 160, 0.25);
  --primary-text: white;
  --input-border: #ccc;
  --input-bg: rgb(249, 250, 251);
  --shadow: rgba(0, 0, 0, 0.1);
  --row-highlight: rgba(0, 0, 0, 0.03);
  --table-head: #e8e8e8;
  --footer-border: #e8e8e8;
  --table-border: #ccc;
  --text: #000;
  --button-outline: rgba(192, 225, 255, 1);
  --facet-bg: rgba(0, 125, 165, 0.05);
}

@media (prefers-color-scheme: dark2) {
  :root {
    --text: #fff;
    --background-color: #333;
    --primary: #002a3a;
    --primary-light: #224a7a;
    --link-underline: rgba(50, 120, 160, 0.75);
    --primary-text: white;
    --input-border: #666;
    --input-bg: #444;
    --shadow: rgba(255, 255, 255, 0.1);
    --row-highlight: rgba(255, 255, 255, 0.03);
    --table-head: #555;
    --footer-border: #555;
    --table-border: #666;
  }
}

body {
  accent-color: var(--primary-light);
}

a[href]:not([class*="omnio"]) {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 1px;
  text-decoration-color: var(--link-underline);
  text-decoration-thickness: 2px;
}

.SearchTermCloud a[href]>span {
  border: 1px solid var(--table-border);
}

.SubHeaderTop>a[href],
.SubHeaderBottom>a[href],
.PagingButton>a[href] {
  text-decoration: none;
}

table>thead>tr:not([class*="omnio"]) {
  background-color: var(--table-head);
}

table>tbody>tr:not(:first-child):not([class*="omnio"]) {
  border-block-end: 1px solid var(--table-border);
}

table>tbody>tr:nth-child(2n):not([class*="omnio"]) {
  background-color: var(--row-highlight);
}

body {
  background: var(--background-color);
  color: var(--text);
}

#searchResults>tbody>tr,
fieldset:not([class*="Mui"]),
select:not([class*="omnio"]),
.JournalBroBut,
.AvailMonths>a,
ul.star-rating {
  box-shadow: 0 4px 6px -1px var(--shadow), 0 2px 4px -2px var(--shadow);
  border-radius: 0.5rem;
  border: 1px solid var(--footer-border);
}

.SubHeaderTop>a,
.SubHeaderBottom>a,
.PagingButton {
  background-color: var(--input-bg);
  border-block-start: 1px solid var(--footer-border);
  border-block-end: 1px solid var(--footer-border);
}

.SubHeaderTop>a,
.SubHeaderBottom>a,
.PagingButton {
  border-inline-start: 1px solid var(--footer-border);
  border-inline-end: 1px solid var(--footer-border);
}

fieldset#simple_search>fieldset#search {
  box-shadow: none;
  border: none;
}

input[type="text"]:not([class*="Mui"]),
input[type="search"]:not([class*="omnio"]),
textarea:not([class*="omnio"]),
input[type="password"]:not([class*="omnio"]),
select:not([class*="omnio"]) {
  background: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text);
}

input[type="submit"]:not([class*="omnio"]),
input[type="reset"]:not([class*="omnio"]),
input[type="button"]:not([class*="omnio"]),
button:not([class*="omnio"]) {
  background: var(--primary-light);
  color: var(--primary-text) !important;
  border: 2px solid var(--button-outline) !important;
}

button:not([class*="omnio"]):hover {
  background: #79A5E8;
}

button[class*="MuiIconButton-root"], button[class*="MuiIconButton-root"]:hover {
  border: none !important;
  background: none;
}

#header_container {
  box-shadow: 0 10px 10px -6px var(--shadow);
}

.FacetContainer {
  background: var(--facet-bg);
  border: 1px solid var(--link-underline);
  color: var(--primary-light);
}

/* #endregion */
/* #region Tag Cloud Colours */
.tcFirstColour1 {
  color: #8b0000;
  background-color: #eab97e;
  border-color: #cc7100;
}

.tcFirstColour2 {
  color: #5d6b00;
  background-color: #daea7e;
  border-color: #aac901;
}

.tcFirstColour3 {
  color: #063965;
  background-color: #68a3d9;
  border-color: #0a569e;
}

.tcFirstColour4 {
  color: #5c0665;
  background-color: #d368d9;
  border-color: #990a9e;
}

.tcSecondColour1 {
  color: #6b3900;
  background-color: #eab97e;
  border-color: #cc7100;
}

.tcSecondColour2 {
  color: #5d6b00;
  background-color: #daea7e;
  border-color: #aac901;
}

.tcSecondColour3 {
  color: #063965;
  background-color: #68a3d9;
  border-color: #0a569e;
}

.tcSecondColour4 {
  color: #5c0665;
  background-color: #d368d9;
  border-color: #990a9e;
}

.tcThirdColour1 {
  color: #6b3900;
  background-color: #eab97e;
  border-color: #cc7100;
}

.tcThirdColour2 {
  color: #5d6b00;
  background-color: #daea7e;
  border-color: #aac901;
}

.tcThirdColour3 {
  color: #063965;
  background-color: #68a3d9;
  border-color: #0a569e;
}

.tcFourthColour1 {
  color: #6b3900;
  background-color: #eab97e;
  border-color: #cc7100;
}

.tcFourthColour2 {
  color: #5d6b00;
  background-color: #daea7e;
  border-color: #aac901;
}

.tcFourthColour3 {
  color: #063965;
  background-color: #68a3d9;
  border-color: #0a569e;
}

/* #endregion */
/* #region Fonts */
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: block;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("Inter-roman.var.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: block;
  font-style: italic;
  font-named-instance: "Italic";
  src: url("Inter-italic.var.woff2?v=3.19") format("woff2");
}

body:not([class*="omnio"]),
input:not([class*="omnio"]),
button:not([class*="omnio"]),
select:not([class*="omnio"]) {
  hyphens: auto;
  -webkit-hyphens: auto;
  font-family: "Inter var";
  font-feature-settings: "cv02", "cv03", "cv04";
  font-variant-numeric: tabular-nums slashed-zero;
  font-variant-ligatures: common-ligatures;
}

select:not([multiple])>option:not([class*="omnio"]) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

select:not([class*="omnio"]) {
  font-weight: 500;
}

ul.Menulist>li:not(.MenuItem)>span {
  font-weight: 600;
}

input[type="submit"]:not([class*="omnio"]),
input[type="button"]:not([class*="omnio"]),
button:not([class*="omnio"]),
input[type="reset"]:not([class*="omnio"]) {
  font-weight: 500;
}

.ShortTitleSeries {
  font-weight: 400;
}

.PageHeading h1 {
  font-weight: 200;
}

.ShortTitleUn,
.ImgUDCapt {
  font-weight: 300;
}

.ShortTitleAv {
  font-weight: 450;
  font-style: italic;
}


table>thead>tr>th:not([class*="omnio"]),
fieldset>legend:not([class*="omnio"]),
.BrowseTermColor {
  font-weight: 600;
}

#searchResults>tbody>tr>td[headers="th4"],
.BrowseTermColor {
  font-style: italic;
}

#searchResults>tbody>tr>td[headers="th7"]>strong {
  font-weight: 200;
}

#searchResults>tbody>tr>td[headers="th7"]>span>strong {
  font-weight: 200;
}

.FacetHeader {
  font-weight: 500;
}

/* #endregion */
/* #region Hide */
#page_title img,
#PageShortCuts,
#rssFeedContainer,
#searchResults>caption,
.MnuVers,
.PagingNumber,
.hrefsep,
.PagingButton:empty,
.href_sep,
.letSep,
.w3c_validator,
.w3c_css,
.URLHack,
.hide,
.MainMenuHeading,
.HiddenLabel,
#wait_image,
#btnSMART_BROWSE,
#searchResults>thead,
#searchResults>tbody>tr>th {
  display: none;
}

/* #endregion */
/* #region Borders */
input[type="submit"]:not([class*="omnio"]),
input[type="button"]:not([class*="omnio"]),
button:not([class*="omnio"]),
input[type="reset"]:not([class*="omnio"]),
textarea:not([class*="omnio"]),
input[type="text"]:not([class*="Mui"]),
input[type="search"]:not([class*="omnio"]),
input[type="password"]:not([class*="omnio"]),
select:not([class*="omnio"]),
#searchResults>tbody>tr,
.JournalBroBut,
.AvailMonths>a {
  border-radius: 0.5rem;
}

textarea:not([class*="omnio"]),
input[type="text"]:not([class*="Mui"]),
input[type="search"]:not([class*="omnio"]),
input[type="password"]:not([class*="omnio"]),
.JournalBroBut,
.AvailMonths>a {
  border-width: 1px;
  border-style: solid;
}

a:not([class*="omnio"]) {
  text-decoration: none;
}

#TheButtons>input:first-child {
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}

#TheButtons>input:last-child {
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}

#TheButtons>input:not(:last-child) {
  border-inline-end: 0;
  border-start-end-radius: 0;
}

#TheButtons>input {
  border-radius: 0;
}

/* #endregion */
/* #region Widths/heights */

body {
  text-size-adjust: none;
}


#right_column {
  width: 100%;
  grid-area: right:
}

#libero-powered-link {
  min-block-size: calc(40px + 3rem);
  display: block;
  background-repeat: no-repeat;
  background-position: bottom 20px left 80px;
  padding: 1rem;
}

#libero-powered-link:dir(rtl) {
  background-position: bottom 20px right 20px;
}

.star-rating li:not(.current-rating) {
  padding-block: 0.25rem;
  padding-inline: 0.375rem;
}

.SubHeaderTop>#lblPREFER {
  padding-inline-end: 1rem;
}

.SubHeaderBottom>#lblPREFER {
  padding-inline-end: 1rem;
}

.SubHeaderTop>#lblPREFER {
  text-align: end;
}

.SubHeaderBottom>#lblPREFER {
  text-align: end;
}

.SearchTermCloud a[href]>span {
  padding-block: 0.5rem;
  padding-inline: 1.5rem;
  max-width: 12rem;
}

#TheButtons>input {
  margin: 0;
  font-size: 0.85rem;
}

.SearchTermCloud {
  row-gap: 1.5rem;
  column-gap: .5rem;
  padding-block: 1rem;
  padding-inline: 1rem;
}

.SubHeaderTop>h2 {
  flex-basis: 100%;
}

.SubHeaderTop>#PREFER {
  flex-basis: 35%;
  margin-right: 50%;
}

.SubHeaderTop>.SearchMsg6 {
  flex-basis: 100%;
}

.SubHeaderBottom>h2 {
  flex-basis: 100%;
}

.SubHeaderBottom>#PREFER {
  flex-basis: 35%;
  margin-right: 50%;
}

.SubHeaderBottom>.SearchMsg6 {
  flex-basis: 100%;
}

.SubHeaderTop>a,
.SubHeaderBottom>a {
  padding: 0.25rem;
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.25rem;
}

.PagingButton {
  padding: .25rem;
}

.SubHeaderTop>a,
.SubHeaderBottom>a {
  width: 2ch;
}

fieldset:not([class*="Mui"]),
#BreadCrumbs {
  padding: 1rem;
}

#searchResults>tbody>tr>td[headers="th2"] {
  padding: 0;
}

@media only screen and (max-device-width: 800px) {

  .ShortTitleAv,
  .ShortTitleUn {
    font-size: 1.25rem;
  }
}

.BrowseTermColor,
.ImgUDCapt {
  font-size: 1.25rem;
}

#searchResults>tbody>tr>td[headers="th3"] {
  font-size: 1rem;
  text-indent: -1rem;
  padding-block-start: 1rem;
}

#searchResults>tbody>tr>td[headers="th3"] li.current-rating {
  font-size: 1rem;
  text-indent: 1rem;
  padding-block-start: unset;

}


.ShortTitleSeries {
  padding-block: 0.25rem;
  padding-inline: 0;
  text-indent: 1rem;
}


#page_title {
  min-block-size: 5rem;
  padding-inline-start: 1vw;
}

#page_title a {
  min-block-size: 5rem;
}

#header_container {
  padding-block: 1rem;
  padding-inline: 0rem;
}

body {
  margin: 0;
}

body {
  max-inline-size: 90vw;
  padding-inline-start: 5vw;
  padding-inline-end: 5vw;
  margin: auto;
}

.MainMenuList {
  margin: 0;
}

ul.Menulist,
ul.Menulist>li>ul {
  padding: 0;
}

ul.Menulist>li:not(.MenuItem) {
  margin-block-start: 2rem;
}

#searchResults>tbody>tr {
  margin: 1rem;
  padding-inline-start: 1rem;
}

ul.Menulist>li:not(.MenuItem)>span,
.FacetHeader,
.FacetHead {
  font-size: 0.85rem;
  padding-block-start: 1rem;
}

ul.FacetList>li>a,
table>thead>tr>th:not([class*="omnio"]) {
  font-size: 0.85rem;
}

table:not([class*="omnio"]) {
  inline-size: 100%;
}

table>thead>tr>th:not([class*="omnio"]),
table>tbody>tr>td:not([class*="omnio"]) {
  padding-block: 0.5rem;
  padding-inline: 1rem;
}

.JournalBroBut,
.AvailMonths>a {
  margin: 0.5rem;
  flex-basis: 8%;
}

.JournalBroBut a,
.AvailMonths>a,
.ImgUDCapt {
  padding-inline: 1rem;
  padding-block: 1rem;
  display: inline-block;
}

#expert_search #TERM {
  inline-size: calc(100% - 1rem);
}

#footer_container {
  grid-area: footer;
  display: grid;
  justify-items: center;
  padding-block-start: 1rem;
  margin-block-start: 4rem;
  border-top: 1px solid var(--footer-border);
}

ul.FacetList {
  padding: 0;
  margin: 0;
}

ul.FacetList>li>span.count {
  margin-inline-start: 0.25rem;
  font-size: 0.75rem;
}

ul.Menulist>li.MenuItem,
ul.Menulist>li>ul>li,
ul.FacetList>li,
.EmailList>li.MenuItem {
  padding-block: 0.25rem;
  padding-inline: 0;
}

input[type="submit"]:not([class*="omnio"]),
button:not([class*="omnio"]),
input[type="button"]:not([class*="omnio"]),
input[type="reset"]:not([class*="omnio"]) {
  padding-block: 0.5rem;
  padding-inline: 0.75rem;
}

input[type="checkbox"]:not([class*="omnio"]),
input[type="radio"]:not([class*="omnio"]) {
  padding-block: 0.25rem;
  padding-inline: 0.25rem;
  inline-size: 1.25rem;
  block-size: 1.25rem;
}

.ShortTitleSeriesURL {
  padding-inline-start: 0.25rem;
}

select:not([class*="omnio"]) {
  padding-block: 0.5rem;
  padding-inline: 0.75rem;
}

textarea:not([class*="omnio"]),
input[type="text"]:not([class*="Mui"]),
input[type="search"]:not([class*="omnio"]),
input[type="password"]:not([class*="omnio"]) {
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  font-size: 1.25rem;
}

#searchResults>tbody>tr>td[headers="th4"] {
  padding-inline-start: 1rem;
}

#searchResults>tbody>tr>td[headers="th7"] {
  padding-inline-start: 1rem;
  padding-block-end: 1rem;
}

fieldset:not([class*="Mui"]) {
  margin-block: 2rem;
  margin-inline: 0rem;
}

#additional_simple_search,
#RR_flds,
#simple_search_alt>.BasicTableSetting>#SeachTextCellSettingID,
#RequestForm,
#refine_search,
#IllSelect_fields,
#IllSelect_fields>div.TableRow,
#ILL_fields .ImgUDRow,
#change_passwrd,
#expert_search,
#email_flds,
#login_form {
  row-gap: 0.5rem;
  column-gap: 1rem;
}

.SubHeaderTop,
.SubHeaderBottom {
  row-gap: 0.5rem;
}

#mat_type li,
#col_type li,
#IllSelect_fields>div.TableRow>div.TableCol2 {
  column-gap: 0.5rem;
  padding-block: 0.25rem;
}

#IllSelect_fields>div.TableRow>div.TableCol2>input,
#IllSelect_fields>div.TableRow>div.TableCol2>textarea {
  max-inline-size: calc((20rem + 50vw) / 2);
}

fieldset#simple_search>fieldset#search {
  margin: 0;
}

fieldset#simple_search>fieldset#additional_simple_search,
fieldset#title_search fieldset#fldSearchBy,
fieldset#author_search fieldset#fldSearchBy,
fieldset#subject_search fieldset#fldSearchBy,
fieldset#audio_search fieldset#fldSearchBy {
  margin-block-start: 1rem;
  margin-inline: 0rem;
}

fieldset>legend:not([class*="omnio"]) {
  font-size: 0.85rem;
}

.tcSize1 {
  transform: scale(1.15);
}

.tcSize2 {
  transform: scale(1.1);
}

.tcSize3 {
  transform: scale(1);
}

.tcSize4 {
  transform: scale(0.9);
}

.tcSize5 {
  transform: scale(0.8);
}

.tcSize6 {
  transform: scale(0.7);
}

#left_column>ul {
  inline-size: calc((20vw + 200px) / 2);
  max-width: 100vw;
}

#left_column {
  max-inline-size: 20rem;
  grid-area: left;
}

#page_container {
  grid-template-columns: auto 1fr;
}

html {
  font-size: 16px;
}

.FacetContainer strong,
.FacetContainer .seeMore {
  padding-inline: 0;
  padding-block: .5rem;
  font-size: 1.25rem;
}

.FacetContainer .seeMore {
  padding-block-end: 0;
}

form[name="tagsearch"] {
  position: absolute;
  inset-inline-end: 0.5rem;
  inset-block-start: 0.5rem;
  transform: scale(0.7);
  transform-origin: 100% 0%;
}

form[name="tagsearch"]:dir(rtl) {
  transform-origin: 0% 0%;
}

#page_title a:dir(rtl) {
  background-position: 100% 0%;
}

ul.star-rating {
  margin: 0;
  padding: 0;
}

.FacetContainer {
  padding: 0.5rem;
  margin-block: 1.0rem;
  border-radius: .5rem;
  font-size: 0.85rem;
}

/* #endregion */
/* #region Lists */
ul.Menulist>li,
li.MenuItem,
ul.FacetList>li,
#mat_type>ul.no_style,
#col_type>ul.no_style {
  list-style: none;
}

.EmailList>li.MenuItem {
  list-style: disc;
}

/* #endregion */
/* #region Layout General */
#page_title a,
.FacetHead,
.FacetHeader {
  display: block;
}

.SubHeaderTop>a,
.SubHeaderBottom>a,
.PagingButton {
  text-align: center;
}

#right_column>form[name="display"]>.SubHeaderTop {
  grid-area: header;
}

#right_column>form[name="display"]>.SubHeaderBottom {
  grid-area: footer;
  padding-bottom: 1rem;
}

#right_column>form[name="display"]>#searchResults {
  grid-area: results;
}

#right_column>form[name="display"]>#Facets {
  grid-area: facets;
}

#right_column>form[name="display"]>#TheButtons {
  grid-area: buttons;
}

#ButtonBarID {
  grid-area: altsearch;
  display: flex;
}

.PageHeading {
  text-align: center;
}


input[type="checkbox"]:not([class*="omnio"]),
input[type="radio"]:not([class*="omnio"]) {
  justify-self: start;
}

#RequestForm label,
#email_flds label,
#RR_flds label,
#login_form label {
  justify-self: end;
  text-align: end;
  align-self: center;
}

.SubHeaderTop,
.SubHeaderBottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}

.ReviewRatingsCont {
  display: flex;
  flex-wrap: wrap;
  column-gap: .5rem;
  align-items: center;
}

.ReviewRatingsCont h3 {
  flex-basis: 100%;
}

.star-rating {
  display: flex;
  align-items: center;
}

#page_container {
  display: grid;
  grid-template-areas: "left right" "footer footer";
  column-gap: .25rem;
}

.SearchTermCloud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.SearchTermCloud a[href] {
  text-decoration: none;
  display: block;
  flex: 1 0 auto;
  text-align: center;
}

#TheButtons {
  display: flex;
  flex-wrap: wrap;
}

.FacetContainer strong,
.FacetContainer .seeMore {
  text-align: center;
}

.star-rating li {
  list-style: none;
}

.star-rating li:not(.current-rating)::after {
  content: "\2B50";
}

.SearchTermCloud a[href]>span {
  display: inline-block;
}

/* #endregion */
/* #region Layout Search Results */
#searchResults>tbody>tr {
  display: grid;
  grid-template-areas: ". . . cover" "title title icons cover" "author author year cover" "availability availability availability cover" ". . . cover";
  grid-template-columns: 1fr auto auto .4fr;
}

#searchResults>tbody>tr>td.thumbnail_column {
  grid-area: cover;
  object-fit: cover;
  text-align: end;
  padding: 1rem 1rem 1rem 0
}

#searchResults>tbody>tr>td.thumbnail_column>img {
  object-fit: fill;
  block-size: 100%;
  max-inline-size: 120px;
  max-block-size: 200px;
}

img[class*="result-thumb"] {
  width: 5rem;
  height: 8rem;
}

#searchResults>tbody>tr>td[headers="th3"] {
  grid-area: title;
}

#searchResults>tbody>tr>td[headers="th3"] {}

#searchResults>tbody>tr>td[headers="th4"] {
  grid-area: author;
}

#searchResults>tbody>tr>td[headers="th5"] {
  grid-area: year;
  justify-self: flex-end;
}

#searchResults>tbody>tr>td.item_icons {
  grid-area: icons;
  justify-self: flex-end;
}

#searchResults>tbody>tr>td[headers="th7"] {
  grid-area: availability;
}

#searchResults ul.star-rating a[class$='stars'] {
  display: none;
}

/* #endregion */
/* #region Layout Search Form Fields */
#simple_search>#search {
  grid-area: term;
}

#simple_search>#additional_simple_search {
  grid-area: additional;
}

#simple_search>#btnSEARCH {
  grid-area: search;
}

#simple_search>#btnBROWSE_INDEX {
  grid-area: browse;
}

#simple_search>#btnRESET {
  grid-area: reset;
}

#additional_simple_search #lblUSE_1 {
  grid-area: label-use1;
}

#additional_simple_search #USE_1 {
  grid-area: use1;
}

#additional_simple_search #lblExtractSearch {
  grid-area: label-extract;
}

#additional_simple_search #ExtractSearch {
  grid-area: extract;
}

#additional_simple_search #lblPSIZE {
  grid-area: label-psize;
}

#additional_simple_search #PSIZE {
  grid-area: psize;
}

#additional_simple_search #lblSpecColFilt {
  grid-area: label-speccol;
}

#additional_simple_search #SpecColFilt {
  grid-area: speccol;
}

#additional_simple_search #lblPREFER {
  grid-area: label-prefer;
}

#additional_simple_search #PREFER {
  grid-area: prefer;
}

#additional_simple_search #lblLIMSP {
  grid-area: label-sp;
}

#additional_simple_search #LIMSP {
  grid-area: sp;
}

#additional_simple_search #lblYEARFROM {
  grid-area: label-yearfrom;
}

#additional_simple_search #YEARFROM {
  grid-area: yearfrom;
}

#additional_simple_search #lblYEARTO {
  grid-area: label-yearto;
}

#additional_simple_search #YEARTO {
  grid-area: yearto;
}

#additional_simple_search #lblLIMLOC {
  grid-area: label-limloc;
}

#additional_simple_search #LIMLOC {
  grid-area: limloc;
}

#additional_simple_search #lblLIMAVAIL,
#advance_search #lblLIMAVAIL {
  grid-area: label-avail;
}

#additional_simple_search #LIMAVAIL,
#advance_search #LIMAVAIL {
  grid-area: avail;
}

#additional_simple_search #lblLIMLNG,
#advance_search #lblLIMLNG {
  grid-area: label-lng;
}

#additional_simple_search #LIMLNG,
#advance_search #LIMLNG {
  grid-area: lng;
}

#advance_search #lblUSE_1 {
  grid-area: label-use1;
  display: none;
}

#advance_search #lblTYPE_1 {
  grid-area: label-type1;
  display: none;
}

#advance_search #History_1 {
  grid-area: term1-history;
}

#advance_search #Analyse_1 {
  grid-area: term1-analyse;
}

#advance_search #TERM_1 {
  grid-area: term1;
}

#advance_search #USE_1 {
  grid-area: use1;
}

#advance_search #TYPE_1 {
  grid-area: type1;
}

#advance_search #lblUSE_2 {
  display: none;
}

#advance_search #lblTYPE_2 {
  display: none;
}

#advance_search #History_2 {
  grid-area: term2-history;
}

#advance_search #Analyse_2 {
  grid-area: term2-analyse;
}

#advance_search #TERM_2 {
  grid-area: term2;
}

#advance_search #USE_2 {
  grid-area: use2;
}

#advance_search #TYPE_2 {
  grid-area: type2;
}

#advance_search #lblUSE_3 {
  grid-area: label-use3;
  display: none;
}

#advance_search #lblTYPE_3 {
  grid-area: label-type3;
  display: none;
}

#advance_search #History_3 {
  grid-area: term3-history;
}

#advance_search #Analyse_3 {
  grid-area: term3-analyse;
}

#advance_search #TERM_3 {
  grid-area: term3;
}

#advance_search #USE_3 {
  grid-area: use3;
}

#advance_search #TYPE_3 {
  grid-area: type3;
}

#advance_search #lblUSE_4 {
  grid-area: label-use4;
  display: none;
}

#advance_search #lblTYPE_4 {
  grid-area: label-type4;
  display: none;
}

#advance_search #History_4 {
  grid-area: term4-history;
}

#advance_search #Analyse_4 {
  grid-area: term4-analyse;
}

#advance_search #TERM_4 {
  grid-area: term4;
}

#advance_search #USE_4 {
  grid-area: use4;
}

#advance_search #TYPE_4 {
  grid-area: type4;
}

#advance_search .AdvHidSearch {
  display: none;
}

#advance_search #lblLIMSP {
  grid-area: label-sp;
}

#advance_search #LIMSP {
  grid-area: sp;
}

#advance_search #lblYEARFROM {
  grid-area: label-yearfrom;
}

#advance_search #YEARFROM {
  grid-area: yearfrom;
}

#advance_search #lblYEARTO {
  grid-area: label-yearto;
}

#advance_search #YEARTO {
  grid-area: yearto;
}

#advance_search #lblLIMLOC {
  grid-area: label-limloc;
}

#advance_search #LIMLOC {
  grid-area: limloc;
}

#advance_search #lblSpecColFilt {
  grid-area: label-speccol;
}

#advance_search #SpecColFilt {
  grid-area: speccol;
}

#advance_search #lblLIMCOL {
  grid-area: label-limcol;
}

#advance_search #LIMCOL {
  grid-area: limcol;
}

#advance_search #lblLIMGMD {
  grid-area: label-limgmd;
}

#advance_search #LIMGMD {
  grid-area: limgmd;
}

#advance_search #lblExtractSearch {
  grid-area: label-extract;
}

#advance_search #ExtractSearch {
  grid-area: extract;
}

#advance_search #ESTheader {
  grid-area: header;
}

#advance_search #lblPREFER {
  grid-area: label-sort;
  padding-bottom: 0.5rem;
}

#advance_search #PREFER {
  grid-area: sort;
}

#advance_search #btnSearch {
  grid-area: search;
}

#advance_search #btnReset {
  grid-area: clear;
}

#advance_search #ORheader {
  grid-area: or;
}

/* #endregion */
/* #region Layout Search Form */
#simple_search {
  display: grid;
  grid-template-areas: "term term term" "additional additional additional" "search browse reset";
  row-gap: 1rem;
  column-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}

#simple_search #TERM_1 {
  max-inline-size: 30rem;
  margin-inline-start: 1rem;
}

#additional_simple_search {
  display: grid;
  grid-template-areas:
    "label-use1 use1 label-extract extract"
    "label-prefer prefer label-lng lng"
    "label-yearfrom yearfrom label-yearto yearto"
    "label-speccol speccol label-limloc limloc"
    "label-sp sp . limloc"
    "label-avail avail label-psize psize";
  grid-template-columns: 25% calc(25% - 1.5rem) 25% calc(25% - 1.5rem);
  align-items: center;
}

#advance_search {
  display: grid;
  grid-template-areas:
    "note note note note"
    "header1 header2 header3 header4"
    "term1 use1 type1 term1-analyse"
    "term2 use2 type2 term2-analyse"
    "term3 use3 type3 term3-analyse"
    "term4 use4 type4 term4-analyse"
    "term5 use5 type5 term5-analyse"
    "label-rp rp . . "
    "label-sp sp label-avail avail"
    "label-sort sort sort . "
    "label-yearfrom yearfrom label-yearto yearto"
    "label-limloc limloc label-lng lng"
    "label-limloc limloc label-speccol speccol"
    "label-limcol limcol label-extract extract"
    "label-limgmd limgmd limgmd . "
    "search search clear clear"
    "or or or or"
    "altsearch altsearch altsearch altsearch";
  column-gap: 1rem;
  row-gap: 0.5rem;
  grid-template-columns: 25% 25% 25% auto;
  align-items: center;
}

#advance_search #lblPSIZE {
  grid-area: label-rp;
}

#advance_search #PSIZE {
  grid-area: rp;
}

#advance_search .subheadmsg {
  grid-area: note;
}

#advance_search #Prompt1 {
  grid-area: header1;
}

#advance_search #Prompt2 {
  grid-area: header2;
}

#advance_search #Prompt3 {
  grid-area: header3;
}

#advance_search #Prompt4 {
  grid-area: header4;
}

#advance_search img[id*="IndexTerm_"], #advance_search img[id*="History_"],
#advance_search #lblTerm_5, #advance_search #lblTerm_4,
#advance_search #lblTerm_3, #advance_search #lblTerm_2,
#advance_search #lblTerm_1, #advance_search #lblUSE_5,
#advance_search #lblTYPE_5, #advance_search #lblBROWSE5,
#advance_search #lblBROWSE4, #advance_search #lblBROWSE3, 
#advance_search #lblBROWSE2, #advance_search #lblBROWSE1, 
#advance_search hr {
  display: none;
}

#advance_search #USE_5 {
  grid-area: use5;
}

#advance_search #TYPE_5 {
  grid-area: type5;
}

#advance_search #TERM_5 {
  grid-area: term5;
}

#advance_search #BROWSE5 {
  grid-area: term5-analyse;
}

#advance_search #BROWSE4 {
  grid-area: term4-analyse;
}

#advance_search #BROWSE3 {
  grid-area: term3-analyse;
}

#advance_search #BROWSE2 {
  grid-area: term2-analyse;
}

#advance_search #BROWSE1 {
  grid-area: term1-analyse;
}

#advance_search select:not([multiple]) {
  max-inline-size: 12rem;
}

#simple_search_alt>.BasicTableSetting {
  display: grid;
  grid-template-areas:
    "setting setting"
    "search search"
    "servicepoint servicepoint"
    "extra extra"
    "label-limloc limloc"
    "buttons buttons"
    "moreinfo moreinfo"
    "altsearch altsearch";
  align-items: baseline;
  grid-template-columns: 1fr 1fr;
  row-gap: .5rem;
}

#author_search>.BasicTableSetting,
#title_search>.BasicTableSetting,
#audio_search>.BasicTableSetting,
#subject_search>.BasicTableSetting {
  display: flex;
  flex-direction: column;
}

#simple_search_alt>.BasicTableSetting>.ServiceCellSetting {
  grid-area: servicepoint;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#simple_search_alt>.BasicTableSetting>#SeachTextCellSettingID {
  grid-area: search;
  display: grid;
  grid-template-areas: "label-use1 use1";
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: .5rem 0;
}

#simple_search_alt>.BasicTableSetting>.SearchButtonCellSetting {
  grid-area: buttons;
}

#simple_search_alt>.BasicTableSetting>.SearchNotesCellSetting {
  grid-area: setting;
}

#simple_search_alt>.BasicTableSetting>#lblLIMLOC {
  grid-area: label-limloc;
}

#simple_search_alt>.BasicTableSetting>#LIMLOC {
  grid-area: limloc;
}

#simple_search_alt>.BasicTableSetting>.SeachBottomTextCellSetting {
  grid-area: moreinfo;
  padding: .5rem 0;
}

#simple_search_alt>.BasicTableSetting>.SeachBoxCellSetting {
  grid-area: extra;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#expert_search {
  display: flex;
  flex-direction: column;
}
/* #endregion */
/* #region Notify Address */

#address_schedule, .MemAddSchTable {
  display: grid;
  row-gap: .5rem;
}

#address_schedule #btnSubmit1 {
  width: 5rem;
}

/* #endregion */
/* #region Layout Reviews */
#RR_flds {
  display: grid;
  grid-template-areas: "label-code code" "label-password password" "label-rating rating" "label-comment comment" "submit submit";
}

#RR_flds>#lblMember {
  grid-area: label-code;
}

#RR_flds>#Member {
  grid-area: code;
}

#RR_flds>#lblPassword {
  grid-area: label-password;
}

#RR_flds>#Password {
  grid-area: password;
}

#RR_flds>#lblRating {
  grid-area: label-rating;
}

#RR_flds>#Rating {
  grid-area: rating;
}

#RR_flds>#lblComment {
  grid-area: label-comment;
}

#RR_flds>#Comment {
  grid-area: comment;
}

#RR_flds>#btnSubmit {
  grid-area: submit;
}

/* #endregion */
/* #region Layout Journal List */
#journal_search {
  display: grid;
  row-gap: .5rem;
  column-gap: .5rem;
  grid-template-columns: 1fr 1fr;
}

#lettersContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-column: 1 / 3;
}

.JournalBroBut {
  text-align: center;
}

#journal_search .subheadmsg {
  grid-column: 1 / 3;
  justify-self: center;
}

#journal_search .ExpSearchPrompt1 {
  grid-column: 1;
  text-align: end;
}

#journal_search #ARG {
  grid-column: 2;
  width: 50%;
}

#journal_search #btnCOMMAND {
  grid-column: 1;
  width: 40%;
  justify-self: end;
}

#journal_search #btnCLEAR {
  grid-column: 2;
  width: 40%;
}

/* #endregion */
/* #region Layout Email Page */
#email_flds {
  display: grid;
  grid-template-columns: 30% calc(70% - 1rem);
}

#email_flds #btnSubmit {
  grid-column: 2;
}

#email_flds #btnReset {
  grid-column: 2;
}

/* #endregion */
/* #region Layout New Items */
.AvailMonths>a {
  text-align: center;
}

#NLHeading1Cell {
  display: grid;
  row-gap: .5rem;
  column-gap: .5rem;
  align-items: baseline;
  grid-template-columns: 1fr 2fr;
}

#NLHeading1Cell .NLHeading2 {
  text-align: end;
}

#NLHeading1Cell #sortdate {
  grid-column: 2;
  grid-row: 9;
}

#NLHeading1Cell #lblsortdate {
  grid-column: 1;
  grid-row: 9;
  align-self: center;
}

#NLHeading1Cell #btnDisplay {
  grid-row: 10;
  grid-column: 1/3;
  width: 15rem;
  justify-self: center;
}

/* #endregion */
/* #region User Signon */
#signon_screen {
  display: grid;
  justify-items: start;
  row-gap: .5rem;
}

/* #endregion */
/* #region Layout Purchase Suggestion */
#RequestForm {
  display: grid;
  justify-content: center;
}

.PurchaseRow,
.PurchaseComments {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: .5rem;
}

.PurchaseCol1 {
  text-align: end;
}

.PurchaseButtons {
  display: flex;
  justify-content: center;
}

/* #endregion */
/* #region Layout Refine Search */
#refine_search {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}

#mat_type li,
#col_type li {
  display: flex;
  align-items: center;
}

/* #endregion */
/* #region Layout ILL Request */
#ILL_fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: .5rem;
}

#IllSelect_fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#IllSelect_fields>div.TableRow {
  display: grid;
  grid-template-columns: 12rem 1fr;
}

#IllSelect_fields>div.TableRow>div.TableCol1 {
  justify-self: end;
  text-align: end;
  align-self: center;
}

#IllSelect_fields>div.TableRow>div.TableCol2,
.ILLSelectFormTableHeading {
  display: flex;
  align-items: center;
}

#IllSelect_fields #btnSubmit {
  width: 8rem;
  place-self: center;
}

/* #endregion */
/* #region Layout Member Password */
#change_passwrd {
  display: flex;
  flex-direction: column;
}

/* #endregion */
/* #region Layout Member Self Check Pin */
#chapin_flds {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: .5rem;
}

/* #endregion */
/* #region Layout Disable Account */
#dispin_flds {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: .5rem;
}

/* #endregion */
/* #region Layout Picture Catalogue */


.ImgUDRow {
  display: flex;
  justify-content: space-between;
}

.ImgUDTableCell {
  text-align: center;
}

/* #endregion */
/* #region Layout Member Login */
#login_form {
  display: grid;
  flex-direction: column;
  grid-template-columns: 12rem 1fr;
  justify-items: start;
}

#login_form #btnLogin {
  grid-column: 1;
  justify-self: end;
  width: 5rem;
}

#login_form #ExitButton {
  grid-column: 2;
  width: 5rem;
  display: grid;
}

/* #endregion */
/* #region Mobile Styles */
@media only screen and (max-device-width: 800px) {
  body {
    padding-inline-start: 1vw;
    padding-inline-end: 1vw;
    max-inline-size: 100vw;
    inline-size: 100vw;
  }

  #searchResults>tbody>tr {
    grid-template-areas: "title cover" "author year" "availability icons";
    grid-template-columns: auto auto;
  }

  #Facets,
  #MainMenuList {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: "x mandatory";
    overflow-y: hidden;
    background-color: rgba(0, 0, 0, 0.05);
    position: relative;
  }

  #Facets::before,
  #MainMenuList::before {
    content: "\2194";
    position: absolute;
    inset-inline-end: -0.25rem;
    inset-block-end: -0.25rem;
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.1);
    transform: scale(1.5);
  }

  .FacetHead {
    writing-mode: tb;
    transform: rotate(180deg);
    text-align: end;
    margin-inline-start: 2rem;
  }

  .FacetContainer {
    min-inline-size: 12rem;
    margin-inline: .5rem;
    scroll-snap-align: start;
  }

  #MainMenuList {
    flex-direction: column;
    flex-wrap: wrap;
    max-block-size: 12rem;
    padding: 1.0rem;
  }

  #page_container {
    grid-template-columns: auto;
    flex-direction: column;
  }

  #left_column {
    max-inline-size: unset;
  }

  #left_column>ul {
    inline-size: unset;
    padding-inline-start: 1.0rem;
  }

  ul#MainMenuList li.MenuItem {
    min-inline-size: 10rem;
  }

  #left_column>ul.Menulist>li:not(.MenuItem) {
    margin-block-start: unset;
    padding: .5rem;
    margin-inline: .5rem;
    margin-block-end: .5rem;
    column-rule: 1px solid rgba(0, 165, 125, 0.4);
    background: rgba(0, 165, 125, 0.05);
    border: 1px solid rgba(0, 165, 125, 0.2);
    color: #005d95;
    border-radius: .5rem;
  }

  ul.Menulist>li>ul {
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    grid-auto-flow: column dense;
  }

  form[name="tagsearch"] {
    display: none;
  }

  html {
    font-size: calc(.7vh + .7vw + 8px);
  }

  select:not([class*="omnio"]) {
    max-inline-size: 6rem;
  }
}

/* #endregion */
/* #region Browse Shelf */

div.bookShelf {
  background: linear-gradient(rgba(255, 255, 255, 0.0) 69%, #ccc 70%, #eee 100%);
}

.BookLayer {
  padding: 1rem;
}

img.shelfThumb {
  position: absolute;
  inline-size: 120px;
  block-size: 180px;
  top: 0px;
  left: 0px;
}

div.bookShelf div.bookCover {
  inline-size: 120px;
  block-size: 180px;
  background: linear-gradient(#369, #69c);
  border-left: 5px solid #69c;
  box-shadow: 1px 1px 0px #fff, 4px 4px 0px #ccc, 5px 5px 10px #000;
}

div.bookCover span.hide {
  display: none;
}

div.bookShelf div.bookCover a.Book {
  position: relative;
  display: block;
  text-decoration: none;
  color: white;
  font-size: 8pt;
  display: grid;
  grid-template-areas: 'title' 'author' 'callno' '.';
  grid-template-rows: 3fr 1fr 1fr 1fr;
  block-size: 180px;
  padding: 1rem;
}

div.bookShelf div.bookCover a.Book span.title {
  grid-area: title;
  -webkit-line-clamp: 7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

div.bookShelf div.bookCover a.Book span.author {
  grid-area: author;
  font-weight: bold;
}

div.bookShelf div.bookCover a.Book span.callno {
  grid-area: callno;
  background: #f8f8f8;
  font-size: 8pt;
  color: #5d5d5d;
  text-align: center;
  align-self: center;
  word-wrap: anywhere;
}

div.BookInfo {
  display: none;
  position: absolute;
  margin: -70px 0 0 50px;
  width: 200px;
  z-index: 10;
  font-size: 0.8rem;
  background-color: white;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
}

div.BookInfo.Available::before,
div.BookInfo.Unavailable::before {
  content: "\1f87c";
  position: absolute;
  color: rgba(0, 0, 0, 0.4);
  transform: scale(3.0) translateX(-.25rem) translateY(-.25rem);
}

div.BookInfo.Available {
  background-color: white;
  border-color: black;
}

div.BookInfo.Unavailable {
  background-color: #dcdcdc;
  border-color: #454545;
}

div.BookInfo>div {
  padding: 0.5rem;
}

div.BookInfo span.label {
  font-weight: 700;
}

div.ShelfLinks a.previous::before {
  content: "\23ea\00a0";
}

div.ShelfLinks a.next::after {
  content: "\00a0\23e9";
}

div.bookShelf {
  margin-inline-end: 1rem;
}

/* #endregion */
/* Region Catalogue Display */


.TitleOptions>.inline-rating,
.TitleOptions>span,
.TitleOptions>.RatingGraph,
.TitleHeader a.RelLink,
.TitleHeader a.BibFulldCapt {
  display: none;
}

.ItemInfoCont tbody {
  font-size: 0.85rem;
}

.CatInfoCont tbody {
  font-size: 0.85rem;
}

.ItemInfoCont thead>tr>th:not([class*="omnio"]),
.CatInfoCont thead>tr>th:not([class*="omnio"]),
.ItemInfoCont tbody>tr>td:not([class*="omnio"]),
.CatInfoCont tbody>tr>td:not([class*="omnio"]) {
  padding-block: .25rem;
  padding-inline: .25rem;
}

div.AmazonImage {
  float: right;
}

div.AmazonImage img {
  width: auto;
  height: 180px;
}

div.LocalImage {
  float: right;
}

div.LocalImage img {
  width: auto;
  height: 180px;
}

.ReviewRatingsCont ul.star-rating {
  box-shadow: none;
}

.ReviewRatingsCont ul.star-rating .current-rating {
  display: none;
}

/*	POPUP RATING GRAPH */
.TitleHeader a.PopupRatingGraph {
  display: inline;
  margin: 0 3px 0 0;
  padding: 2px 2px 2px 20px;
  height: 16px;
  line-height: 20px;
  font-size: 9pt;
  color: black;
  background: url("../images/icon_rating.png") no-repeat 2px 50%;
  text-decoration: none;
}

.TitleHeader a.PopupRatingGraph:hover {
  text-decoration: underline;
}

.TitleHeader div.RatingGraph {
  display: none;
  position: absolute;
  margin: 10px 0 0 -15px;
  background: white;
  border: 1px solid gray;
}

/*	Additional Features */
div.TitleOptions {
  margin: 10px 10px 20px 0;
}

ul.AdditionalFeatures {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 0;
}

.AdditionalFeatures li {
  display: inline;
  margin: 0;
  padding: 0;
}

.AdditionalFeatures li a {
  margin: 0 3px 0 0;
  padding: 2px 2px 2px 20px;
  height: 16px;
  line-height: 20px;
  font-size: 9pt;
  color: black;
  text-decoration: none;
  background-repeat: no-repeat;
}

.AdditionalFeatures li a:hover {
  text-decoration: underline;
}

.AdditionalFeatures li.BookmarkThisDiv a {
  background-image: url("../images/icon_bookmark_add.png");
}

.AdditionalFeatures li.WikiAuthorDiv a {
  background-image: url("../images/icon_wiki.png");
}

.AdditionalFeatures li.LibraryThingDiv a {
  background-image: url("../images/icon_librarything.png");
}

.AdditionalFeatures li.AmazonPrevDiv a {
  background-image: url("../images/icon_amazon.png");
}

.AdditionalFeatures li.GooglePrevDiv a {
  background-image: url("../images/icon_google.png");
}

.AdditionalFeatures li.ReviewsRatingsDiv a {
  background-image: url("../images/icon_reviews.png");
}

.AdditionalFeatures li a.browseShelf {
  background-image: url("../images/icon_shelf.png");
}

/*	Additional Features */

ul.CatNavList {
  list-style: none;
  margin: 0 0 0 0;
  padding: 5px 0 0 0;
}

ul.CatNavList li {
  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
  font-size: 0;
}

ul.CatNavList li a {
  margin: 0;
  font-size: 10pt;
  padding: 2px 2px 2px 18px;
  color: black;
  background: url("../images/icon_arrow_down.png") no-repeat 0% 50%;
  text-decoration: none;
}

ul.CatNavList li a:hover {
  text-decoration: underline;
}


a.ToPageTop {
  margin: 10px 0;
  width: 120px;
  font-size: .8em;
  padding: 2px 10px 2px 18px;
  color: black;
  background: url("../images/icon_arrow_up.png") no-repeat 0% 50%;
  text-decoration: none;
}

a.ToPageTop:hover {
  text-decoration: underline;
}

div.CatInfoCont,
div.ItemInfoCont,
div.ReviewRatingsCont,
div.TagsList,
div.RecommendCont,
div.ltflTagbrowseCont,
div.ltflRelatedCont,
div.ltflSimilarCont div.ltflShelfBrowseMini div.ltflShelfBrowseLarge {
  padding: 1rem;
}

div.RatingGraph {
  margin: 10px;
}

div.RatingGraph div {
  background: linear-gradient(#6c9, #396);
  text-indent: 5px;
  font-size: 0.85rem;
}

.ButtonsContainer {
  display: inline;
  margin: 0 0 10px 0;
}

.ButtonsContainer div {
  display: inline;
}



.CatInfoTitle {
  font-size: 1.2em;
  font-weight: bold;
  margin: 25px 5px 5px 0px;
}

.CatInfoContainer {
  float: left;
  width: 100%;
  font-size: .9em;
  border-top: 1px solid gray;
  background-color: #FFFFFF;
  margin: 20px 0;
}

.CatInfoRowHeader {
  font-weight: bold;
  height: 20px;
  text-align: center;
  background-color: #DCDCDC;
}

.CatInfoRow {
  float: left;
}

.CatInfoLabels {
  float: left;
  width: 150px;
  margin: 5px 0;
  text-indent: 10px;
}

.CatInfoDetails {
  float: left;
  width: 500px;
  margin: 5px 0;
}

.CatInfoLabelsHead {
  float: left;
  width: 150px;
  text-align: left;
  text-indent: 10px;
}

.CatInfoDetailsHead {
  float: left;
  width: 590px;
  text-align: left;
}

span.marcWikiLink a {
  background: transparent url("../images/wikipedia.png") no-repeat center right;
  padding-right: 17px;
}


.resolvergroup {
  height: 2em;
}

.resolvercode {
  float: left;
  padding-top: .5em;
}

div.resolvercode a {
  margin: 0 0 0 .28em;
  font-size: .8em;
  padding: 2px 2px 2px 18px;
  color: black;
  background: url("../images/application_link.png") no-repeat 0% 50%;
  text-decoration: none;
}

a.ArticlePagesLink {
  padding: 0px 0px 0px 18px;
  background: url("../images/icon_arrow_e.gif") no-repeat 0% 50%;
  text-decoration: none;
}

.articleThumb {
  width: 68px;
  height: 94px;
}


/* #endregion */

.SysMsgList {
  width: 100%;
}

.signupagreebutton {
  display: flex;
  justify-content: center;
}

#managerss_fields, #RSSfieldCont {
  display: grid;
  row-gap: .5rem;
  justify-items: start;
}

#managerss_fields .RSSfieldContRow {
  display: grid;
  grid-template-columns: 22rem auto;
  align-items: center;
  width: 100%;
  column-gap: .5rem;
}

#managerss_fields #feedEnabled {
  grid-column: 2;
  grid-row: 1;
}

#managerss_fields #lblfeedName,
#lblfeedEnabled, #lblfeedTags,
#lblfeedURL, #lblfeedRemove,
#lblfeedMax, #lblfeedNotes {
  text-align: end;
}

#managerss_fields #ActionCont {
  display: flex;
}

#managerss_fields .heading {
  padding-top: 1rem;
}

#managerss_fields a[class*="HitButton"] {
  padding-block: 0.4rem;
  padding-inline: 0.75rem;
  border-radius: 0.5rem;
  font-weight: 500; 
  background: var(--primary-light);
  color: var(--primary-text);
  border: 2px solid var(--button-outline);
}

#advance_search_alt #lblLIMAVAIL {
  grid-area: label-avail;
}

#advance_search_alt {
  display: grid;
  grid-template-areas:
    "header header header header header header"
    "label-term1 term1 use1 type1 term1-history term1-analyse"
    "label-term2 term2 use2 type2 term2-history term2-analyse"
    "label-term3 term3 use3 type3 term3-history term3-analyse"
    "label-term4 term4 use4 type4 term4-history term4-analyse"
    "label-sp sp sp label-avail avail avail"
    "label-sort sort sort . . ."
    "label-yearfrom yearfrom . label-yearto yearto ."
    "label-limloc limloc limloc label-lng lng lng"
    "label-limloc limloc limloc label-speccol speccol speccol"
    "label-limcol limcol limcol label-extract extract extract"
    "label-limgmd limgmd limgmd . . ."
    "search clear . . . . "
    "or or or or or or"
    "altsearch altsearch altsearch altsearch altsearch altsearch";
  column-gap: 1rem;
  row-gap: 0.75rem;
  grid-template-columns: 15% 20% 15% 15% 10% 15%;
  align-items: center;
}

#advance_search_alt select:not([multiple]) {
  max-inline-size: 12rem;
}

#advance_search_alt #LIMAVAIL {
  grid-area: avail;
}

#advance_search_alt #lblLIMLNG {
  grid-area: label-lng;
}

#advance_search_alt #LIMLNG {
  grid-area: lng;
}

#advance_search_alt #lblTerm_1 {
  grid-area: label-term1;
}

#advance_search_alt #lblUSE_1 {
  grid-area: label-use1;
  display: none;
}

#advance_search_alt #lblTYPE_1 {
  grid-area: label-type1;
  display: none;
}

#advance_search_alt #History_1 {
  grid-area: term1-history;
}

#advance_search_alt #Analyse_1 {
  grid-area: term1-analyse;
}

#advance_search_alt #TERM_1 {
  grid-area: term1;
}

#advance_search_alt #USE_1 {
  grid-area: use1;
}

#advance_search_alt #TYPE_1 {
  grid-area: type1;
}

#advance_search_alt #lblTerm_2 {
  grid-area: label-term2;
}

#advance_search_alt #lblUSE_2 {
  grid-area: label-use2;
  display: none;
}

#advance_search_alt #lblTYPE_2 {
  grid-area: label-type2;
  display: none;
}

#advance_search_alt #History_2 {
  grid-area: term2-history;
}

#advance_search_alt #Analyse_2 {
  grid-area: term2-analyse;
}

#advance_search_alt #TERM_2 {
  grid-area: term2;
}

#advance_search_alt #USE_2 {
  grid-area: use2;
}

#advance_search_alt #TYPE_2 {
  grid-area: type2;
}

#advance_search_alt #lblTerm_3 {
  grid-area: label-term3;
}

#advance_search_alt #lblUSE_3 {
  grid-area: label-use3;
  display: none;
}

#advance_search_alt #lblTYPE_3 {
  grid-area: label-type3;
  display: none;
}

#advance_search_alt #History_3 {
  grid-area: term3-history;
}

#advance_search_alt #Analyse_3 {
  grid-area: term3-analyse;
}

#advance_search_alt #TERM_3 {
  grid-area: term3;
}

#advance_search_alt #USE_3 {
  grid-area: use3;
}

#advance_search_alt #TYPE_3 {
  grid-area: type3;
}

#advance_search_alt #lblTerm_4 {
  grid-area: label-term4;
}

#advance_search_alt #lblUSE_4 {
  grid-area: label-use4;
  display: none;
}

#advance_search_alt #lblTYPE_4 {
  grid-area: label-type4;
  display: none;
}

#advance_search_alt #History_4 {
  grid-area: term4-history;
}

#advance_search_alt #Analyse_4 {
  grid-area: term4-analyse;
}

#advance_search_alt #TERM_4 {
  grid-area: term4;
}

#advance_search_alt #USE_4 {
  grid-area: use4;
}

#advance_search_alt #TYPE_4 {
  grid-area: type4;
}

#advance_search_alt .AdvHidSearch {
  display: none;
}

#advance_search_alt #lblLIMSP {
  grid-area: label-sp;
}

#advance_search_alt #LIMSP {
  grid-area: sp;
}

#advance_search_alt #lblYEARFROM {
  grid-area: label-yearfrom;
}

#advance_search_alt #YEARFROM {
  grid-area: yearfrom;
}

#advance_search_alt #lblYEARTO {
  grid-area: label-yearto;
}

#advance_search_alt #YEARTO {
  grid-area: yearto;
}

#advance_search_alt #lblLIMLOC {
  grid-area: label-limloc;
}

#advance_search_alt #LIMLOC {
  grid-area: limloc;
}

#advance_search_alt #lblSpecColFilt {
  grid-area: label-speccol;
}

#advance_search_alt #SpecColFilt {
  grid-area: speccol;
}

#advance_search_alt #lblLIMCOL {
  grid-area: label-limcol;
}

#advance_search_alt #LIMCOL {
  grid-area: limcol;
}

#advance_search_alt #lblLIMGMD {
  grid-area: label-limgmd;
}

#advance_search_alt #LIMGMD {
  grid-area: limgmd;
}

#advance_search_alt #lblExtractSearch {
  grid-area: label-extract;
}

#advance_search_alt #ExtractSearch {
  grid-area: extract;
}

#advance_search_alt #ESTheader {
  grid-area: header;
  font-weight: 500;
}

#advance_search_alt #lblPREFER {
  grid-area: label-sort;
  padding-bottom: 0.5rem;
}

#advance_search_alt #PREFER {
  grid-area: sort;
}

#advance_search_alt #btnSearch {
  grid-area: search;
}

#advance_search_alt #btnReset {
  grid-area: clear;
}

#advance_search_alt #ORheader {
  grid-area: or;
}


/*#region Dedicated Search*/

#search_video {
  display: grid;
  row-gap: .5rem;
  grid-template-columns: 1fr 2fr;
}

#search_video #btnSubmit {
  grid-column: 1;
}

#search_video>#btnReset {
  grid-column: 2;
  width: 50%;
}

#search_video>#btnReset {
  grid-column: 2;
  width: 50%;
}

#search_video>#TERM_1 {
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.5rem;
  background: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text);
}

/*end region */

.ButtonsContainer .DisplayBtnsXtra, .DisplayBtns {
  background: var(--primary-light);
  color: var(--primary-text) !important;
  border: 2px solid var(--button-outline);
  font-weight: 500;
  border-radius: 0.5rem;
  padding-block: 0.5rem;
  padding-inline: 0.75rem;
  text-decoration: none !important;
  font-size: .85rem;
  display: inline-block;
}

.ItemInfoCont>.DLoadTitleBlock {
  display: flex;
  padding: .25rem 0;
}

.DisplayRecord>.DLoadTitleBlock {
  display: flex;
}

.DisplayRecord>.ltflCont>#ltfl_shelfbrowse_both {
  display: grid;
}

.RelLink {
  display: none;
}

.DisplayAs {
  grid-area: shelf;
  padding: .5rem 0;
}

tr.evenRow  {
  background-color: var(--row-highlight);
}

.SubHeaderBottom>h2, .SubHeaderBottom>#lblPREFER, .SubHeaderBottom>#PREFER {
  display: none;
}

.bookShelf>br, .ReviewRatingsCont>br {
  display: none;
}

.bookShelf>.ShelfLinks {
  grid-column-start: 1;
  position: relative;
  top: 2rem;
}

#BreadCrumbs>.BreadCrumb:last-child::before {
  content: ">\00a0";
}

.MainContainer {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.MainContainerRow {
  display: grid;
  grid-template-columns: .5fr 1fr;
  align-items: center;
  column-gap: 1rem;
}

#MyNote {
  max-inline-size: 20rem;
}

.MainContainer>input[name="reserv"] {
  width: fit-content;
}

.MsgsRow {
  padding-inline: .5rem;
}

#searchResults ul.star-rating li:not(:first-child) {
  display: none;
}

#searchResults ul.star-rating.inactive {
  box-shadow: none;
  border: none;
  padding-top: .5rem;
}

.SystemMessageHeader1, .SystemMessageHeader2, .SystemMessageCont, form[name="display"]>#btnBack {
  grid-column-start: 1;
}

.MemStatMsgNotes>.MsgNote::after {
  content: "\000a";
  white-space: pre;
}

.ItemResFields, .ItemResItems {
  display: grid;
  grid-template-columns: .2fr 1fr;
  align-items: center;
  column-gap: 1rem;
  padding-bottom: .5rem;
}

.ItemResItems>br {
  display: none;
}

.ItemResTableTitle, .ItemResTableMsg {
  text-align: left;
  padding-bottom: 0.5rem;
}

.ItemResFields>#PICKUPBR {
  width: 30%
}

.SingleTitleStackTable>.STSHeadingRow, .SingleTitleStackTable>.SingleTitleStackRow {
  display:  grid;
  grid-template-columns: .2fr 1fr 1fr 1fr;
  padding: .25rem;
}

.STSHeadingRow>div.SingleTitleStackTableHeading.STSCol2 {
  grid-column: 2;
}

div.SingleTitleStackTableContext.STSCol4>.STSDL {
  display: none;
}

.ItemStackTable>.ItemStackTableHeaderRow, .ItemStackTable>.ItemStackTableRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: .25rem;
}