* {
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  word-break: normal;
}

h1,
h4 {
  font-size: 1.2em;
}

h2 {
  font-size: 1em;
}

hr {
  border-left: none;
  border-right: none;
  margin-top: 10px;
  margin-bottom: 10px;
}

.showmsg {
  display: block;
}

a img {
  border: none;
}

img {
  border: none;
}

#QRCodePrint {
  display: none;
}

.searchAssist,
.tbcheadnon,
.rdcheckboxnon,
#shareTable {
  display: none;
}

.searchAssist {
  padding: 0.7em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

#SNavBar .navPrev,
#SNavBar .navNext {
  padding-left: 10px;
  padding-right: 10px;
}

#IsSearchHintHidden {
  margin-top: 0.3em;
}

fieldset {
  margin: 5px;
  padding: 10px;
}

th,
td {
  vertical-align: top;
}

.right {
  float: right;
}

/* Accession */

.bold {
  font-weight: bold;
}

/* Header section */

#PageOptions {
  height: 24px;
}

#PageOptions ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

#PageOptions ul li {
  padding-top: 2px;
  float: right;
  margin-right: 15px;
}

#headerC {
  height: 38px;
  overflow: visible;
  white-space: nowrap;
  font-size: 17pt;
  padding-top: 1em;
  padding-left: 0.5em;
  position: relative;
}

.CircButtonNoWrap {
  white-space: nowrap;
}

#headerL {
  width: 20px;
}

#headerC a {
  text-decoration: none;
  font-family: "Arial";
}

#headerR {
  height: 93px;
  width: 194px;
}

#headerTop {
  width: 100%;
  border-collapse: collapse;
}

#logo {
  padding-left: 30px;
  padding-top: 12px;
}

/* Navbar Search input */
/* AK - check if can be removed - used in srchadvfm.htm */
#searchBox {
  float: right !important;
}

#searchBlock input {
  vertical-align: top;
}

#searchTerm0 {
  padding-top: 3px;
  padding-left: 3px;
  border: 0;
  width: 15em;
  height: 1.4em;
}

#genSrchSubmit {
  border: 0;
  width: 25px;
  height: 1.65em;
  background: url("../images/genSrchSubmit.png") no-repeat white 50% 50%;
  position: relative;
  left: -0.28em;
}

.hintOn {
  color: #999999;
}

/* Login form */

.logintext {
  margin-top: 29px;
}

#popup {
  display: none;
}

.sellogin th {
  white-space: nowrap;
  text-align: left;
}

.sellogin {
  border-collapse: collapse;
  width: 100%;
  margin-top: 1em;
}

.sellogin th,
.sellogin td {
  padding: 0.3em;
}

.loginForm_page {
  width: 500px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 45px;
  text-align: center;
}

.loginForm_page h1 {
  margin-top: 15px;
}

.loginForm_page p {
  line-height: 1.4;
  padding-bottom: 15px;
}

.loginForm_wrapper {
  margin-top: 33px;
}

.loginForm .row {
  text-align: end;
  padding-right: 135px;
  margin-bottom: 31px;
}

.loginForm .button {
  width: 228px;
}

.loginForm input {
  width: 228px;
  border: 1px solid #cbcdcc;
  border-radius: 4px;
  padding: 5px;
}

.login_error {
  color: rgb(158, 37, 13);
}

/* Reset Password Page */

.reset_password_wrapper {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.form-field {
  margin-bottom: 0.75rem;
  width: 360px;
}

.reset_password_wrapper p {
  line-height: 1.6;
  padding: 10px 5px 20px 10px;
  max-width: 407px;
  text-align: center;
}

.reset_password_wrapper h1 {
  font-size: var(--font-size-xxxl);
}

/* logout page */

.logout_page {
  width: 500px;
  line-height: 1.6;
  margin-right: auto;
  margin-left: auto;
  margin-top: 45px;
  text-align: center;
  padding: 0 10px;
}

.logout_page p {
  margin-bottom: 15px;
}

.logout_page h1 {
  margin-bottom: 118px;
}

@media only screen and (max-width: 35em) {
  .loginForm_page {
    width: 100%;
    padding: 50px 5px 0px 5px;
  }
  .loginForm label {
    display: block;
  }
  .loginForm .row {
    text-align: center;
    padding: 0;
  }
  .logout_page {
    width: 100%;
  }
  .reset_password_wrapper {
    padding: 30px 5px 10px 5px;
  }
}

/* control bar */

#controlBar {
  margin-left: 10px;
  margin-right: 15px;
  padding-top: 3px;
  padding-bottom: 4px;
  font-size: 1.05em;
}

#controlBar ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  overflow: hidden;
}

.controlBar ul {
  height: 1.4em;
  min-height: 18px;
}

#controlBar li {
  float: left;
  margin-left: 5px;
}

#controlBar li a {
  padding-left: 10px;
  padding-right: 10px;
}

#controlBar li.spacer {
  background-color: #999999;
  width: 1px;
  padding: 0;
}

/* Home page */

/* AK - to be removed (make sure it applies only to the What's new widget) */
/* .fpImages td {
  vertical-align: top !important;
  vertical-align: text-top !important;
}

.fpImages tr:first-child td {
  vertical-align: bottom !important;
  vertical-align: bottom !important;
} */

#secondaryBar ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  flex-wrap: wrap;
}

#secondaryBar li a {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 25px;
  padding-left: 4px;
}

#secondaryBar #current a,
#secondaryBar #currentFirst a {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 20px;
  padding-left: 4px;
}

#secondaryBar li {
  /* AK - remove if not needed */
}

#secondaryBar a,
#secondaryBar strong,
#secondaryBar span {
  display: block;
}

.dfTitle {
  font-size: 1.1em;
  font-weight: 700;
}

#resultsContainer {
  margin-top: 10px;
  padding-top: 32px;
  width: 100%;
}

.dImageMedium {
  background-position: 50% center !important;
  display: block;
  min-height: 64px;
}

.cImgLarge {
  /* AK - fix for media image sticking out from beneath the book cover */
  /* min-height: 178px; */
  /* max-width: 128px; */
  width: 128px;
  max-height: 190px;
}

@media only screen and (max-width: 35em) {
  .cImgLarge {
    width: 64px;
    max-height: 164px;
  }
}

.bcimg {
  min-height: 64px;
}

.srchExample {
  padding-left: 3px;
  font-size: 0.9em;
}

td.searchbox {
  white-space: normal !important;
}

.srchNumber,
.srchDate,
.srchClass {
  width: 8em;
  font-size: 1.1em;
  padding: 1px;
}

.NavRight span {
  vertical-align: top;
}

li.NavRight {
  float: right !important;
}

.navPrevious {
  padding-right: 10px;
}

.NavRight img {
  padding-left: 5px;
  padding-right: 5px;
}
#secondaryBar li.NavRight a {
  padding: 0;
}

#secondaryBar li.NavRight a:hover {
  background: none;
}

.Today {
  font-weight: bold;
  font-style: italic;
}

/* Contents table*/
#contents {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

td#mainBody,
td#sideBar,
td#sideBar2 {
  vertical-align: top;
}

/* side bar */
.SideContents {
  padding: 10px;
  margin-right: 20px;
  margin-bottom: 1em;
}

.SideContents p {
  white-space: normal;
}

.SideContents hr {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

#sideBar {
  width: 16em;
  padding-right: 15px;
}

#sideBar,
#sideBar2 {
  padding-left: 20px;
  padding-top: 20px;
}

#sideBar2 {
  padding-right: 25px;
}

#libInfo td:first-child {
  padding-right: 15px;
}

.SideContents h2 {
  padding-bottom: 1em;
}

.SideContents table th {
  text-align: left;
  padding-bottom: 0.6em;
}

#libContact {
  margin-bottom: 0.5em;
}

#resultsButtons td a {
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
}

/* Main body */

#body {
  padding-left: 10px;
}

#previewBody {
  padding: 15px;
}

@media screen and (max-width: 35em) {
  #previewBody {
    padding: 10px 0px;
  }
}

#dialog,
.synposisExtension {
  display: none;
}

.certificate img {
  margin-top: 3px;
  display: block;
}

.radiolabel {
  font-weight: normal;
}

#printInfo {
  vertical-align: top;
  margin-bottom: 15px;
  margin-bottom: 0;
}

#printInfo input {
  margin-top: 0.2em;
}

#printInfo .ui-state-highlight {
  padding-bottom: 0.2em;
  padding-left: 0.7em;
  padding-right: 0.7em;
  padding-top: 0pt;
  margin-bottom: 1em;
}

#previewBody #resultstable {
  background: none;
}

.ImageGroupHead a,
.ImageGroupHead a:hover {
  text-decoration: none;
}

.ImageGroupHead {
  margin-bottom: 1em;
  margin-top: 1em;
}

.searchMore {
  margin-bottom: 1em;
}

/* AK - to be removed (make sure it applies only to the What's new widget) */
/* table.fpImages {
  width: 100%;
  margin-bottom: 1em;
}

table.fpImages td {
  text-align: center;
  vertical-align: bottom;
  padding-left: 3px;
  padding-right: 3px;
} */

td.fNumber {
  padding-right: 20px;
}

td.fCatalogue {
  padding-left: 20px;
}

.fCatalogue {
  width: 100%;
}

.highlight {
  font-size: inherit;
}

.currentPage {
  font-weight: bold;
}

.First {
  padding-right: 0px;
}
.Last {
  padding-left: 0px;
}

.pagenavcenter {
  width: 100%;
  text-align: center;
}

.pagenavcenter a,
.pagenavcenter span {
  padding-left: 20px;
  vertical-align: top;
}

.pagenavcenter img {
  padding-left: 20px;
}

.pagenavcenter a img {
  padding: 0;
}

.libmapicon img {
  border: 2px solid #253dd4;
  padding: 1px;
  background: white;
}

.FieldLbl {
  font-weight: bold;
  padding-right: 1em;
}

#mapselect label {
  padding-right: 1em;
}

.mapselection {
  padding: 10px;
  margin: 20px;
}

#mapimage {
  margin-left: 20px;
  margin-bottom: 10px;
}

/* Search page */

.searchtable,
.searchtable2 {
  margin-top: 1em;
}

.searchtable2 {
  margin-bottom: 1.5em;
}

.searchtable2 th {
  text-align: left;
}

#advsrchfmSimple input[type="text"] {
  width: 98%;
  font-size: 1rem;
}

#advsrchfmSimple select {
  font-size: 1rem;
}

/* #advsrchfmSimple .searchBlock td,
#advsrchfmSimple th {
  padding-bottom: 0.5em;
} */

h1 span a {
  font-size: 0.8em;
  font-weight: normal;
}

#advsrchfmSimple .srchDate,
#advsrchfmSimple .srchNumber,
#advsrchfmSimple .srchClass {
  width: 8.7em;
}

#advsrchfmSimple th,
#advsrchfmSimple td {
  padding-right: 2em;
  padding-bottom: 31px;
}

.noWrap {
  white-space: nowrap;
}

.searchtable th {
  white-space: nowrap;
}

.searchtable td {
  padding: 3px;
  white-space: nowrap;
}

.searchtable th {
  padding-left: 3px;
  text-align: left;
}

.searchbox {
  width: 100%;
  margin-right: 2px;
}

td.wrap {
  white-space: normal;
}

.searchbox input.srchbox {
  /*ie7 is unable to calculate 100% widths correctly */
  width: 98%;
  padding: 1px;
}

#AdvSearchButtons {
  float: right;
}

.searchbuttons {
  padding-bottom: 1em;
}

#instructionssrchadv1 {
  margin-bottom: 0.5em;
}

.hits {
  padding-top: 0.2em;
}

/* Results table */

.SubjectListButton {
  margin-top: 0.8em;
}

.SubjectListButton form {
  display: inline;
}

.indent {
  margin-left: 1em;
  display: block;
}

.indent td {
  white-space: nowrap;
  padding-right: 1em;
}

#display a {
  text-decoration: none;
}

#JumpToSubject {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

#JumpToSubject li {
  float: left;
  margin-left: 5px;
}

#JumpToSubject li.spacer {
  background-color: #999999;
  padding: 0;
  width: 1px;
  min-height: 18px;
}

#display .LinkCol {
  text-decoration: underline;
}

#display .ImageCol {
  width: 16px;
}

#ResultsTableWrapper,
#circdata {
  padding-left: 2em;
  padding-right: 2em;
}

@media only screen and (max-width: 35em) {
  #ResultsTableWrapper,
  #circdata {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    z-index: 0;
  }
}

.harvardTable {
  margin-bottom: 1em;
  margin-top: 1em;
}

.harvardTable td {
  padding-top: 0.2em;
}

table.full td.fLabel {
  white-space: nowrap;
}

.RevSummary {
  font-style: italic;
}

#selclr:hover {
  cursor: pointer;
}

.fData form {
  white-space: nowrap;
  display: inline;
}

.mag {
  vertical-align: middle;
  cursor: pointer;
}

p.fData,
div.fData,
p.reviewTextBody {
  margin-bottom: 0.7em;
}

.ratingsSummary td {
  vertical-align: middle;
}

.ratingsSummary td img {
  margin-top: 3px;
}

.RevSummary {
  margin-right: 1em;
}

.spoiler {
  display: none;
}

.myReviewButtons form {
  display: inline;
}

.myReviewBody {
  margin-bottom: 2em;
  margin-top: 0.5em;
}

.reviewHeading {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  font-size: 1.1em;
}

.AccessionWrapper {
  margin-bottom: 2em;
}

.searchedfor {
  margin-top: 5px;
  margin-bottom: 5px;
}

.searchBlock .srchbox,
.searchBlock select {
  padding: 1px;
}

#SNavBar {
  float: right;
  margin-top: -20px;
}

.second {
  margin-top: 2em;
}

#resultsend {
  padding-top: 10px;
  padding-bottom: 2em;
}

@media only screen and (max-width: 35em) {
  #resultsend {
    padding-top: 0px;
  }
}

.ftracks th,
.ftracks td {
  text-align: left;
  padding-left: 0.1em;
  padding-right: 0.1em;
}

.ftracks {
  margin-bottom: 0.5em;
}

.faccs,
.full {
  width: 100%;
}

.faccs th {
  text-align: left;
}

.fColumn {
  width: 132px;
}

.cat10 td.fColumn {
  padding-right: 15px;
}

.faccs {
  margin-top: 1em;
}

option {
  padding-left: 2px;
}

.cBtn input,
.cBtn form {
  display: inline !important;
}

.AccessionWrapper {
  margin-left: 2em;
  padding-right: 2em;
}

.fTitle {
  font-weight: bold;
  font-size: 1.4em;
}

.fTitle {
  font-size: 1em;
}

.fTitle2 {
  font-weight: bold;
  font-size: 1.1em;
}

td.fLabel {
  padding-right: 10px;
  width: 5%;
}

.LastItem td {
  padding: 0.2em;
}

.LastItemTitle {
  font-weight: bold;
}

.reserveform {
  display: inline;
}

.reserveform p {
  font-size: var(--font-size-xxs);
}

#footernav {
  border-collapse: collapse;
  width: 100% !important;
  margin-top: 2.5em;
}

table.faccs {
  margin-bottom: 10px;
}

table.brief,
table.rdcirc,
table.searchHistory {
  border-collapse: collapse;
  width: 100%;
  /* AK - form customisation */
  border: none;
  background-color: white;
  border-radius: 6px;
}

table.sharedlists,
table.readerlists,
table.readerSearches {
  border-collapse: collapse;
  width: 100%;
  background-color: white;
}

#SharesetWrapper .checkbox {
  margin-left: 1em;
}

#SharesetWrapper label {
  white-space: nowrap;
}

.paddedHeader {
  margin-bottom: 15px;
  margin-top: 15px;
}

.brief td,
.brief th,
.rdcirc td,
.rdcirc th,
.sharedlists th,
.sharedlists td,
.readerlists th,
.readerlists td,
.readerSearches th,
.readerSearches td {
  text-align: left;
  padding-top: 9px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 3px;
}

.searchHistory th,
.searchHistory td {
  text-align: left;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-right: 14px;
  padding-left: 8px;
}

.fNumber,
.brief th,
.rdcirc th,
.sharedlists th,
.readerlists th,
.readerSearches th,
.searchHistory th {
  white-space: nowrap;
}

.fImage,
.fImage2 {
  width: 128px;
  text-align: center;
}

.full td {
  padding: 2px;
}

table.holdings {
  border-collapse: collapse;
  width: 100%;
}

.formContainer form,
.fDataM form,
form.circTransaction {
  display: inline;
}

.CatPadding {
  padding-bottom: 0.5em;
}

.formContainer {
  display: block;
}

.fDataM table,
.fDataM td {
  border-collapse: collapse;
}

.formContainer {
  height: 26px;
}

.reviewTitle {
  font-weight: bold;
}

.author {
  font-style: italic;
}

.seealso {
  padding: 15px;
  padding-bottom: 0;
}

/* Circulation */

.buttonbar_circ a {
  text-decoration: none;
}

/* My Account */

#circsel {
  margin-top: 5px;
}

#circsel td {
  vertical-align: middle;
}

#AccountInfo td {
  text-align: left;
}
#AccountInfo td span {
  padding-left: 0.7em;
  padding-right: 0.7em;
}

#AccountInfo th {
  padding-bottom: 0;
  padding-right: 1em;
}

#AccountInfo td a {
  padding-left: 0.7em;
  padding-right: 0.7em;
}

#circtable {
  margin-top: 10px;
}

.searchRefresh {
  margin-bottom: 5px;
}

@media only screen and (max-width: 35em) {
  .paddedHeader {
    padding-left: 10px;
  }
  .searchRefresh {
    padding: 10px;
  }
}

/* Preferences */

.isShowDetailed {
  width: 1%;
  white-space: nowrap;
}

table.readerPref {
  border-collapse: collapse;
  width: 100%;
}

.prefButtons {
  margin-top: 1em;
}

.readerPref th,
.readerPref td {
  text-align: left;
  padding: 0.2em;
  padding-left: 1em;
}

.readerPref {
  font-size: 1em;
}

.readerPref th {
  width: 14em;
  white-space: nowrap;
}

#mantable .readerPref select {
  width: 22em;
}

#preftable .readerPref select {
  width: 28em;
}

#dispFmtTable select {
  width: 100%;
}

#dispFmtTable td {
  padding: 0.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

input#resultsPerPage,
input#textSizeInput {
  width: 3em;
}

#PostPIN input {
  position: relative;
  float: right;
  top: -26px;
}

/* Footer*/
/* AK - check if can be removed */

#footer table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

#footerC {
  height: 22px;
}

#footerL {
  height: 22px;
  width: 21px;
}

#footerR {
  height: 22px;
  width: 25px;
}

#Powered {
  float: right;
  padding-right: 15px;
}

#bookMark {
  float: left;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 5px;
}

/* Main body blocks */

.outputOptions,
.resultsBlock,
.favouritesBlock {
  padding-left: 10px;
  padding-right: 10px;
}

/* Special */

.disabled {
  font-style: italic;
  color: #999;
}

input.numberInput {
  width: 4em;
  min-width: 4em !important;
}

/* Form tables */

.inputset td,
.inputset th {
  padding: 3px;
  text-align: left;
}

#bodyfld {
  height: 5em;
}

.inputset select {
  width: 100%;
}

/* Favourites widths */

.readerSearches td,
.sharedlists td,
.readerlists td {
  padding: 0.2em;
}

th.readerListsItems,
th.sharedListsItems,
th.sharedlistsItems {
  width: 10%;
}

th.readerListsDate,
th.sharedListsDate,
th.readerSearchCreated {
  width: 12%;
}

th.readerListsEmpty1,
th.sharedListsEmpty1 {
  width: 64px;
}

th.readerSearchesPhrase,
th.sharedSearchesPhrase,
th.readerSearchTitle {
  width: 39%;
}

th.readerSearchesHits,
th.sharedSearchesHits,
th.readerlistsItems,
th.readerSearchesItems {
  width: 10%;
}

th.readerSearchesCreated,
th.sharedSearchesCreated,
th.sharedlistsDate,
th.readerlistsDate {
  width: 7em;
}

th.readerSearchesEmpty1,
th.sharedSearchesEmpty1,
th.sharedlistsEmpty1,
th.readerlistsEmpty1 {
  width: 64px !important;
}

td.readerListsEmpty1,
td.sharedListsEmpty1,
td.readerSearchesEmpty1,
td.sharedSearchesEmpty1,
td.searchHistoryEmpty1,
td.readerlistsEmpty1,
td.sharedlistsEmpty1 {
  text-align: center;
}

th.searchHistorySearch {
  width: auto;
}

th.searchHistoryHits {
  width: 8%;
}

th.searchHistoryTime {
  width: 13em;
}

th.searchHistoryEmpty1 {
  width: 2em;
}

.searchHistory_header {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.readerSearches th,
.sharedSearches th,
.searchHistory th,
.sharedlists th,
.readerlists th {
  white-space: nowrap;
  padding-left: 0.2em;
}

#savelist {
  padding: 15px;
}

#savelist input {
  font-size: 1rem;
}

#makeretretrievelink fieldset {
  padding-left: 20px;
  padding-right: 25px;
}

@media only screen and (max-width: 58em) {
  #makeretretrievelink fieldset {
    padding-left: 5px;
    padding-right: 5px;
  }
}

#makeretretrievelink input[type="text"] {
  width: 100%;
}

#makeretretrievelink label {
  font-weight: bold;
}

#makeretretrievelink .inputset {
  margin-bottom: 2em;
  margin-top: 1em;
}

#from,
#to {
  width: 7em;
  white-space: nowrap;
}

.dateSelect td {
  padding-right: 1em;
  vertical-align: middle;
}

.dateSelect th {
  text-align: left;
}

.msgbox {
  padding-left: 1em;
}

.addNotes {
  width: 100%;
}

/* themes & text size*/

#controlBar .theme,
#controlBar .textResize {
  padding-top: 1px;
  float: right;
}

#controlBar li.theme a:hover,
#controlBar li.textResize a:hover {
  background: none;
}

#resizeContainer {
  position: relative;
  padding: 3px;
  left: 64px;
  float: right;
  z-index: 100;
}

/* Main Search box */

.RemSearchRow,
.AddSearchRow {
  text-decoration: none;
  margin-left: 0.5em;
  padding: 0.2em !important;
  top: -2px;
}

.RemSearchRow img,
.AddSearchRow img {
  vertical-align: middle;
}

table#searchTable input {
  vertical-align: top;
}

.multiSelect {
  text-decoration: none;
  color: inherit;
  padding-left: 0.2em !important;
}

a.multiSelect {
  overflow: hidden;
  width: 173px;
}

table#searchTable {
  border: 1px solid #505050;
  width: 100%;
  margin: 0;
  padding: 0;
}

table#searchTable tr,
table#searchTable td {
  border: none;
  margin: 0;
  padding: 0;
}

#sw_button {
  padding: 0px;
  width: 24px;
  top: 2px;
}

#imageTd {
  width: 24px;
}

#MainSearchForm {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 2em;
  margin-right: 2em;
}

#MainSearch {
  margin-top: 1em;
}

#BodyWrapper {
  padding-left: 20px;
  padding-top: 15px;
  margin-bottom: 20px;
  /* AK padding on savelist page */
  padding-right: 20px;
}

#BodyWrapper #MainSearchForm {
  margin-top: 2em;
  margin-bottom: 1em;
  margin-left: 2em;
}

@media only screen and (max-width: 58em) {
  .searchHistory_header {
    padding-left: 4px;
    padding-right: 4px;
  }
  #BodyWrapper {
    padding: 15px 0px 0px 0px;
  }
}

/* Email form */

.emailForm .longinput,
.emailForm .singleselect2,
.emailForm #readonlybodyfld,
.emailForm .emessagetext {
  width: 30em;
  font-size: 1rem;
}

@media only screen and (max-width: 58em) {
  .emailForm .longinput,
  .emailForm .singleselect2,
  .emailForm #readonlybodyfld,
  .emailForm .emessagetext {
    width: 100%;
    font-size: var(--font-size-xxs);
  }
  .emaillabel {
    max-width: 120px;
  }
}

.emailForm {
  margin-bottom: 2em;
}

.emailForm td {
  padding: 3px;
}

@media only screen and (max-width: 35em) {
  .emailForm td, .emailForm th {
    display: block;
  }
}

#readonlybodyfld {
  background-color: #f1f1f1;
  border: 1px solid #999;
}

.inputset input[type="text"],
.inputset select {
  min-width: 15em;
  font-size: 1rem;
}

/* Favourites */

table.tablesorter thead tr .header {
  background-image: url(../images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(../images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
  background-image: url(../images/desc.gif);
}

.saveSearchInputs {
  margin-bottom: 1em;
}

.readerSearches {
  margin-bottom: 1em;
}

@media only screen and (max-width: 35em) {
  .readerSearches, .readerlists {
    font-size: var(--font-size-xxs);
  }
}

#sharedReaders th {
  text-align: left;
}

#sharedReaders td,
#sharedReaders th {
  padding: 0.2em;
}

#sharedReaders {
  border-collapse: collapse;
  margin-top: 0.5em;
}

/* Wordlist */

/* highlight results */
.ui-autocomplete span.hl_results {
  /* background-color: #ffff66; */
  color: var(--color-core);
}

/* loading - the AJAX indicator */
.ui-autocomplete-loading {
  background: white url("../img/ui-anim_basic_16x16.gif") right center no-repeat;
}

/* scroll results */
.ui-autocomplete {
  /* max-height: 250px; */
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding for vertical scrollbar */
  padding-right: 5px;
  /* AK - this is bad but because of the jQueryUI nastiness we don't have better solution atm */
  width: 529px !important;
}

.ui-autocomplete li {
  font-size: 20px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
  height: 250px;
}
.autocomplete {
  position: absolute;
  z-index: 1;
}

.autocomplete li {
  list-style: none;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}

.warning {
  color: red;
}

/* Reviews */

#ReviewSummary,
#ReviewText {
  width: 98%;
}

#ReviewSummary {
  font-size: 18px;
  padding: 3px;
}

#ReviewText {
  height: 8em;
}

#editreview table {
  width: 100%;
}

#editreview table td:first-child {
  width: 10%;
}

#reportPreview {
  padding: 10px;
}

#reportreview th,
#reportreview td {
  text-align: left;
  padding-right: 1em;
  padding-bottom: 1em;
}

#reportreview td input,
#reportreview td select,
#reportreview td textarea {
  width: 28em;
}

#reportreview {
  margin-top: 1em;
  margin-bottom: 1em;
}

.reviewForm {
  margin-bottom: 2em;
}

label {
  font-weight: bold;
}

label input {
  margin-right: 2px;
}

.right {
  float: right;
}

#editreview td {
  padding-bottom: 0.5em;
}

#ModerateInfo p {
  padding: 0.5em;
}

#editreview form input.button {
  display: inline;
}

.clear {
  clear: both;
}

.changeDataSetButton {
  cursor: pointer;
  background: url("../images//button.png") 0 2px no-repeat;
  border: 0;
  height: 28px;
  width: 128px;
  position: relative;
  top: -2px;
}

/* .ButtonSmall:hover {
  background: url('../images/ButtonSmall-hover.png') 0 2px no-repeat;
} */

.changeDataSetButton:hover {
  background: url("../images/button-hover.png") 0 2px no-repeat;
}

.fNumber input,
.fRowNo input {
  position: relative;
  top: 2px;
}

#gbslink {
  margin-top: 0.2em;
}

.editReview input.button,
.editReview form {
  display: inline;
}

.reportReview {
  float: right;
}

#subjectfrm select,
#subjectfrm input[type="text"] {
  width: 15em;
}

.FlatView li {
  list-style: none;
  padding-left: 2em;
}

#SubjWrapper,
#SharesetWrapper {
  padding: 1em;
  padding-left: 2em;
}
#SubjWrapper h1 {
  padding-bottom: 15px;
  font-weight: bold;
}
#SubjWrapper h2 {
  padding-bottom: 10px;
}
#subjectfrm .button {
  padding: 3px 10px 3px 12px;
  font-size: var(--font-size-xs);
}

@media only screen and (max-width: 58em) {
  #subjectfrm table, #subjectfrm tbody, #subjectfrm td {
    display: block;
  }
  #subjectfrm td {
    width: max-content;
  }
  #subjectfrm tr {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  #subjectfrm .labelWrapper {
    width: 115px;
  }
  #subjectfrm .buttonWrapper {
    width: 145px;
  }
}

/* Circulation */

.circinput {
  margin-top: 1em;
}

.instructions {
  margin-bottom: 1em;
}

.resvfinishmsg {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

#circtitle {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 0.5em;
  margin-top: 1em;
}

.ItemDetailsBody {
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-top: 1em;
  margin: 1em;
}

.saveInfo {
  margin-bottom: 1em;
}

table.LastItem {
  margin-top: 1em;
  margin-bottom: 1em;
}

.circmsg {
  margin-bottom: 1em;
}

.buttonset {
  margin-bottom: 1em;
}

.circmsgid {
  font-size: 0.9em;
}

#ErrorAction {
  margin-top: 1em;
}

#ErrorWrapper {
  margin-bottom: 20px;
  margin-left: 25px;
  margin-right: 10px;
}

/* Change PIN */

#login td,
#login th {
  white-space: nowrap;
  padding: 0.5em;
}

#login form {
  display: inline;
}

#login {
  margin-top: 0.3em;
}

#login .buttons {
  margin-top: 1em;
}

/* Admin */

#appControls form,
.admin_logs form {
  display: inline;
  white-space: nowrap;
}

.ViewActions {
  margin-bottom: 1em;
}

#wrapper {
  padding: 15px;
}

#wrapper h2 {
  margin-top: 1em;
  margin-bottom: 1em;
}

#SideContents h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.admin_status table {
  border-collapse: collapse;
}

.admin_status th,
.admin_status td {
  text-align: left;
  padding-right: 2em;
}

#licenceTable,
#userstable {
  margin-top: 1em;
  border-collapse: collapse;
}

#licenceTable th,
#userstable th {
  background-color: #b6cde1;
}

#licenceTable td {
  text-align: right;
}

#licenceTable th,
#licenceTable td,
#userstable td,
#userstable th {
  border: 1px solid #999;
  padding: 0.2em;
}

#licenceTable th.empty {
  border-top: 0;
  border-left: 0;
  background-color: white;
}

.admin_settings th,
.admin_logs th {
  font-weight: normal;
  text-align: left;
}

.admin_logs .logBtn form {
  display: inline;
}

.admin_settings td,
.admin_logs td {
  padding-right: 3em;
}

/* Admin logs */

#LogTable {
  border-collapse: collapse;
}

#LogTable th {
  white-space: nowrap;
}

#LogTable th,
#LogTable td {
  text-align: left;
  padding: 0.2em;
}

/* Advanced bookings */

#BookingControls th {
  border: none;
  text-align: center;
}

#BookingControls td {
  border: none;
  text-align: left;
}

#AccessionSelection td {
  vertical-align: middle;
}

.time {
  width: 5em;
}

#Key th span {
  padding-left: 4px;
  padding-right: 4px;
}

#Key td,
#Key th {
  padding: 2px;
}

#Key table,
#TimeTable,
#AccessionInfo,
#BookingControls,
#DateDetails,
#AccessionSelection {
  width: 100%;
}

#BookingControls td.fifty {
  width: 50%;
}

#DateDetails {
  height: 3.8em;
}

#BookingNav {
  margin-bottom: 2em;
}

#BookingNav form {
  display: inline;
}

#AccNo {
  width: 12em;
}

#Location {
  width: 12em;
}

#AccessionInfo .DateRange {
  text-align: right;
}

#AccessionInfo th {
  font-weight: bold;
  width: 3%;
}

#AccessionInfo th,
#AccessionInfo td,
#AccessionSelection th,
#AccessionSelection td {
  border: none;
  text-align: left;
}

#AccessionInfo th {
  white-space: nowrap;
}

#AccessionInfo td span {
  border: none;
}

#AccessionSelection th,
#AccessionSelection td {
  padding-left: 0.2em;
  padding-right: 0.2em;
}

#AccessionSelection td span {
  border: none;
  white-space: nowrap;
}

#AccessionSelection .date {
  width: 6em;
}

#AccessionSelection td.rJustify {
  text-align: right;
}

.dateSelect input[type="text"] {
  width: 8em;
}

#TimeTable {
  border-collapse: collapse;
}

#TimeTable td span {
  display: none;
}

#TimeTable th {
  white-space: nowrap;
  padding-left: 3px;
}

#TimeTable td {
  cursor: pointer;
}

#TimeTable tbody th {
  text-align: left;
}

#TimeTable tbody th {
  white-space: normal;
  overflow: hidden;
}

#TimeTable td {
  padding-right: 0.2em;
}

span.loanType,
span.status {
  display: none;
}

#TimeTable.timed tbody th,
th span {
  white-space: nowrap;
}

#TimeTable.timed th {
  text-align: left;
}

#TimeTable .Today,
#TimeTable .Now,
#Key .Today,
#Key .Now {
  font-weight: normal;
  font-style: normal;
}

#TimeTable td.selected {
  background-color: #cfcfcf;
}

#TimeTable td {
  text-align: right;
}

#TimeTable .Today,
#TimeTable .Now,
#Key .Today,
#Key .Now {
  border: 2px solid red;
}
/* 
.Closed {
  background:#BBB;
}

.Empty {
	background:#999999;
}

.Past {
	background:#e1e1e1;
}

.New {
	background:#94f487;
}

.OnLoan {
	background:#7fcaff;
}

.Uncertain {
  background:#c6eaff;
}

.Firm {
  background:#f98629;
}

.Tentative {
  background:#f9ec16;
}

.FBuffer {
  background:#fbaa69;
}

.TBuffer {
	background:#fffb89;
}
*/
.bkgPeriod,
.allowSoft,
.bkgBuffer {
  display: none;
}

.Planner {
  overflow: auto;
}

.marctag {
  font-weight: bold;
}

.marctag,
.marcind,
.marctxt {
  padding-left: 0.4em;
  padding-right: 0.4em;
}

.SubjectScope {
  color: #555;
}

.RdrNoteAppear {
  background-color: #adb6de;
  margin: 9px 0;
  padding: 0.5em;
  position: inherit;
  border: 1px solid #aaaaaa;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.empnote {
  font-weight: bold;
  font-size: larger;
}

.SysfadeMessage {
  color: #000000;
}

img#noteclosebtn {
  cursor: pointer;
  float: right;
  margin: 2px 11px;
}

.tooltip {
  /* border-bottom: 1px dotted #000000; color: #000000; outline: none; */
  cursor: help;
  text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: -89px;
  top: 33px;
  z-index: 99;
  margin-left: 0;
  width: 250px;
}
.tooltip:hover img {
  border: 0;
  margin: -10px 0 0 -35px;
  float: left;
  position: absolute;
}
.tooltip:hover em {
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
}
.custom {
  padding: 0.5em 0.8em 0.8em 2em;
}
* html a:hover {
  background: transparent;
}

@media only screen and (max-width: 35em) {
  .tooltip {
    position: initial;
  }
  .tooltip:hover span {
    left: 0px;
    top: initial;
  }
}
.info {
  background: #9fdaee;
  border: 1px solid #2bb0d7;
  color: #000000;
  font-style: none;
  font-weight: normal;
}

.circbtntxt {
  display: none;
}

.circsidebar {
  display: none;
}

.zeroWidthCol {
  width: 0%;
  display: none;
}

.rdcirc th .fullWidthCol {
  width: 100%;
}

.circRowDefault .Fixed1 {
  min-width: 1em;
}
.circRowDefault .Fixed2 {
  min-width: 2em;
}
.circRowDefault .Fixed3 {
  min-width: 3em;
}
.circRowDefault .Fixed4 {
  min-width: 4em;
}
.circRowDefault .Fixed5 {
  min-width: 5em;
}
.circRowDefault .Fixed6 {
  min-width: 6em;
}
.circRowDefault .Fixed7 {
  min-width: 7em;
}
.circRowDefault .Fixed8 {
  min-width: 8em;
}
.circRowDefault .Fixed9 {
  min-width: 9em;
}
.circRowDefault .Fixed10 {
  min-width: 10em;
}
.circRowDefault .Fixed11 {
  min-width: 11em;
}

.circReasonCodesO {
  /* color: var(--color-primary-shade); */
  color: #ff0000;
}
.circReasonCodesL {
  font-style: italic;
}
.circReasonCodesM {
  color: #ff0000;
  font-weight: bold;
}
.circReasonCodesR {
  color: #00bd53;
}
.circReasonCodesI {
  background-color: #dcdcff;
}
.circReasonCodesN {
  background-color: #dcdcff;
}
.circReasonCodesQ {
  background-color: #fffdb3;
}
.circReasonCodesD {
  font-weight: bold;
  background: url(../images/error-state-background.png) repeat scroll #ffffff;
}
.circReasonCodesX {
  background-color: #e094f1;
  border: 1px solid #c948e6;
}

.rdcirc tr td.fullWidthCol {
  padding-left: 30px;
}

#circRenewAllMessage {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 15px;
}

.thisErrorState {
  background: url(../images/error-state-background.png) repeat scroll #ffffff;
  border: 1px solid #ff0000;
}

.badErrorState {
  background-color: #e094f1;
  border: 1px solid #c948e6;
}

.alloytbl {
  width: 100%;
  max-width: 1500px;
}

.rdcirc {
  /* AK - placeholder */
  /* border: 1px solid #dddddd; */
}

/* AK - form customisation */
.rdcirc thead {
  color: #c1c5c7;
}

.rdcirc tbody {
  background-color: white;
}

.accInfoTbl {
  border-collapse: collapse;
}

html
  body
  div.ui-dialog
  div.ui-dialog-buttonpane
  div.ui-dialog-buttonset
  button.ui-button {
  height: auto;
}

html
  body
  div.ui-dialog
  div.ui-dialog-titlebar
  button.ui-button
  span.ui-button-icon-primary {
  margin: 0px;
  left: 0%;
  top: 0%;
}

#chngDatasetContainer {
  background: url("../themes/default/images/bodyR.png") repeat-y scroll 100% 0
    rgba(0, 0, 0, 0);
}

#chngDatasetContainer2 {
  background: url("../themes/default/images/bodyL.png") repeat-y scroll 0 0
    rgba(0, 0, 0, 0);
}

#chngDataset {
  font-size: 1.05em;
  margin-left: 10px;
  margin-right: 15px;
  padding-bottom: 4px;
  padding-top: 3px;
}

#chngDataset p {
  padding-left: 10px;
}

.demoDataset {
  background-color: teal;
  color: white;
  border: 1px solid white;
  outline: 1px solid teal;
}

.testDataset {
  background-color: maroon;
  color: white;
  border: 1px solid white;
  outline: 1px solid maroon;
}

.otherDataset {
  background-color: #fffdb3;
  border: 1px solid #f8ea39;
}

.subfadeMessage,
.SysfadeMessage {
  margin-bottom: 10px;
}

/*  reset css of buttons */
.cssresetbutton {
  border-width: 0px;
  border-style: none;
  background: inherit;
  font: inherit;
  color: blue;
  padding: 0px;
}
.cssresetbutton:active {
  border-width: 0px;
  border-style: none;
  background: inherit;
  outline: 0;
  box-shadow: none;
}

#advSearchLabel,
#mobmenuicon,
#mobcloseicon,
#mobHeader {
  display: none;
  height: 0;
}

/* AK - to be removed (make sure it applies only to the What's new widget) */
/* .fpImages {
  position: relative;
  clear: both;
  height: auto;
  margin-bottom: 1em;
}

.fpImages ul {
  width: 100%;
  float: right;
  clear: right;
  display: inline;
}

.fpImages ul li {
  clear: right;
  float: left;
  text-align: center;
  list-style: none;
  margin-bottom: 1em;
} */

.fluid1 {
  width: 100%;
}
.fluid2 {
  width: 50%;
}
.fluid3 {
  width: 33.33%;
}
.fluid4 {
  width: 25%;
}
.fluid5 {
  width: 20%;
}
.fluid6 {
  width: 16.66%;
}
.fluid7 {
  width: 14.28%;
}
.fluid8 {
  width: 12.5%;
}
.fluid9 {
  width: 11.11%;
}
.fluid10 {
  width: 10%;
}

#clearBoth {
  clear: both;
}

.MessageCode {
  color: #878787;
}

#adminWrapper {
  background-color: #ffffff;
}
.buttonRow {
  display: inline;
  clear: none;
  margin-left: 5px;
}

.BirthdayMessage {
  color: purple; /* default colour - overridden in each theme */
  font-weight: bold;
  padding: 0;
}
#advsrchfmSimple .button {
  top: 10px;
}

#IssuesList {
  border-collapse: collapse;
  text-align: left;
}
#IssuesList,
#IssuesList th,
#IssuesList td {
  padding: 2px;
}
#IssuesList thead th {
  font-weight: bold;
}
.toggleIssuesList a {
  text-decoration: none;
}
#AccessionSelection td.bookingDateTimeSelection {
  padding-left: 3px;
  padding-right: 3px;
  width: 6em;
}
#bookingJumpCalendar {
  background-color: transparent;
  background-image: url("../images/button2.png");
  background-position: center top;
  background-repeat: no-repeat;
  border: medium none;
  color: transparent;
  cursor: pointer;
  height: 28px;
  width: 54px;
}
.fDataBody {
  padding-left: 5px;
}
.fDataBody ul {
  padding-left: 20px;
}

.subfadeMessage {
  position: relative;
}

.RdrCanClear {
  top: 1px;
}

.floatLeft {
  float: left;
  clear: none;
}
.floatRight {
  float: right;
  clear: none;
}
.floatClear {
  float: none;
  clear: both;
}

.ItemOverdue {
  background: url("../images/Overdue1.png");
}

.ItemReallyOverdue {
  background: url("../images/Overdue2.png");
}
.ItemOverdueKey {
  background: url("../images/Overdue1.png");
}

.ItemReallyOverdueKey {
  background: url("../images/Overdue2.png");
}