html { position: relative; min-height: 100%; }
body { background-color: #FFFFFF; background-repeat: no-repeat; font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; padding-bottom: 80px; }
body { overflow-x: hidden; /*height: 100%;*/ }
select { padding: 4px; min-width: 160px; color: #808080; }
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
#page-header { padding-top: 20px; padding-bottom: 10px; }
#page-header h1 { margin: 0; padding: 0; }
a:link { color: #3698F3; }
a:hover { color : #333; }
ul { margin: 0; padding: 0; list-style: none; }
.horizontal-menu li { float: left; font-size: .9em; }
.horizontal-menu li a { font-weight: bold; }
.horizontal-menu li + li { margin-left: 50px; }
.horizontal-menu.small-gap li + li { margin-left: 20px; }
.menu-footer a { display: block; text-align: center; color: #f5f6f7; font-weight: normal !important; }
.menu-footer a:hover { color:#fff; text-decoration:underline; }
.panel-cust-red { border-color: #dddddd; }
.panel-cust-red > .panel-heading { color: #ffffff; background-color: #C50000; border-color: #dddddd; }
.panel-cust-red > .panel-heading + .panel-collapse .panel-body { border-top-color: #dddddd; }
.panel-cust-red > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #dddddd;}
.panel-heading { font-size: 1.2em; font-weight: bold; }
.section-header { font-size: 1.1em; font-weight: bold; /*padding: 10px 15px;*/ margin-bottom: 4px; line-height: 43px; padding-left: 15px; height: 45px;}
.section-header.section-header-red { /*background: url(../images/section-bg.png) 0 0 repeat-x;*/background-color:#0F3564; color: #FFFFFF; }
li + .section-header { margin-top: 8px; }
.pad-top-large { padding-top: 10px; }
#right-pan h3 { margin: 0; padding: 0; }
.widget_scrib_searchedit { margin-top: 10px; padding: 15px 20px; background-color: #fff; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; color: #808080; font-size: 13px; }
.bar-1 { border: 1px solid #e5e5e5; background: #e8e8e8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow:0px 1px 1px rgba(0,0,0,0.31); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.31); -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.31); position: relative; }
.mar-top-1 { margin-top: 10px; }
.pad-1 { padding: 5px; }
.pad-2 { padding: 15px; }
#search-display ul li { float: left; }
#search-display ul li + li { margin-left: 5px; }
#search-display ul li a { display: block; width: 25px; height: 25px; border: 1px solid #c0c0c0; text-indent: -9999px; }
#search-display ul li a.display-listview { background: #fff url(../images/listview_1.png) 50% 50% no-repeat; }
#search-display ul li a.display-gridview { background: #fff url(../images/gridview_2.png) 50% 50% no-repeat; }
.search-item { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*box-shadow:0px 1px 1px rgba(0,0,0,0.31); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.31); -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.31);*/ }
.search-item + .search-item { margin-top: 15px; }
.search-item p { margin: 0; padding: 0; }
.search-item p.title { font-size: 1.1em; font-weight: bold; }
.search-item p.title a { text-decoration: none; }
.search-item p.description { margin-top: 5px; }

.footer { display:block; position:relative; bottom:-350px; width:100%; height:60px; background-color:#286090; color:red; }
.footer-content { padding-top: 10px; color: #f5f6f7; }

.book-caption { padding-bottom: 5px !important; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
.book-block, .book-action { margin-bottom: 15px; }
.nav-pills { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.tab {list-style:none;margin:0;padding:0;}
.tab:after {content:".";height:0;visibility:hidden;display:block;clear:both;}
.tab li {float:left;-moz-border-top-left-radius:3px;-moz-border-top-right-radius:3px;webkit-border-top-left-radius:3px;webkit-border-top-right-radius:3px;background-color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;padding:3px 10px;font-weight:bold;color:#333;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer;}
.tab li.active {background-color:#f5f5f5; font-weight: bold;}
.tab li + li {margin-left: 10px;}
#tab-main {-moz-border-radius:0 3px 3px 3px;webkit-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;background-color:#fff;border:1px solid #ddd;padding:10px;}

p.pagenav { margin: 10px 0; padding: 0; }
p.pagenav span.current { }
p.pagenav span.current, p.pagenav a.page-numbers { display: inline-block; padding: 4px; border: 1px solid #ccc; }
.widgettitle { margin: 0; padding: 0; font-size: 1.1em; }
.category-marker { cursor: pointer; }
.single-action { margin-top: 15px; }
ul.list-group li ul, .book-block ul { margin-left: 5px; padding: 0; }
ul.list-group li ul li, .book-block ul li { background: url(../images/arrow_right.png) 0 0 no-repeat; padding-left: 16px; }
ul.list-group li.list-group-item { padding: 6px 8px; }
li.list-item-pad1 ul li { margin-top: 5px; margin-bottom: 5px; }

.welcome { font-size: 1.6em; color: #333; line-height: 1.8em; font-weight: bold; }

.fullrecord {}
.fullrecord table { margin-top: 5px; }
.fullrecord-wrapper .format { display: none; }
.fullrecord-wrapper h3, .book-action h3, #related-items h3 { font-size: 1.1em; font-weight: bold; margin: 10px 0 !important; }
.fullrecord-wrapper > li { margin-bottom: 15px; }
.fullrecord-wrapper ul { margin-left: 5px; padding: 0; }
.fullrecord-wrapper ul li { background: url(../images/arrow_right.png) 0 0 no-repeat; padding-left: 16px; }
.book-action { margin-top: 10px; }
#popular-items { margin-top: 10px; }
#popular-items .row + .row { margin-top: 20px; }
.popular-item { position: relative; }
.popular-detail { position: absolute; bottom: 20px; right: 20px; }
.popular-detail a:hover { text-decoration: none; }

.site-title { font-family: "Segoe UI Light","Segoe Light",Segoe,Arial,sans-serif; font-weight: bold; font-size: 3.33em; }
.site-title a img {max-width: 100%; height: auto;}

#related-items-wrapper { overflow: hidden; border: 0; position: relative; padding: 0; margin: 0; }
#related-item-btn-prev { position: absolute; top: 0; left: 0; z-index: 2; }
#related-item-btn-next { position: absolute; top: 0; left: 0; z-index: 2; }
#related-items-slider { position: relative; overflow: hidden; }
#related-items-slider ul { width: 100%; position: relative; left: 0; list-style: none; overflow: hidden; margin: 0; padding: 0; height: 217px; }
#related-items-slider ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#related-items-slider ul li { display: block; float: left; list-style: none; margin: 0 1em 0 0; padding: 0; }

/*#owl .related-book { width: 100%; }
#owl .owl-item + .owl-item { margin-left: 10px; }*/
#owl .related-book a { display: block; text-align: center; }
#owl .related-book a img { display: inline !important; width: 100%; height: 125px; }
#owl .related-book a p { margin: 0; padding: 0; }
#owl .related-book a img.custom-cover { width: auto; height: 125px; }

.main-search {}
.site-title a { color: #000; text-decoration: none; }

#main-wrapper { width: 580px; height: 300px; position: absolute; top: 50%; left: 50%; margin-left: -290px; margin-top: -150px; }
#main-content {  }

#page-mask { width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; opacity: .4; display: none; z-index: 10; }
#loginPopup, #myaccountPopup, #reservePopup { display: none; background-color: #fff; position: fixed; z-index: 11; top: 50%; left: 50%; }
#loginPopup { width: 500px; height: 380px; margin-top: -190px; margin-left: -250px; }
#myaccountPopup { width: 992px; height: 650px; margin-top: -325px; margin-left: -496px; }
#reservePopup { width: 992px; height: 500px; margin-top: -250px; margin-left: -496px; }
#loginIframe, #myaccountIframe, #reserveIframe { width: 100%; height: 100%; }
.popup-close { position: absolute; top: 0; right: 0; padding: 8px 20px 8px 8px; }

#header-nav ul { margin: 0; padding: 0; list-style: none; }
#header-nav li { display: block; float: left; }
#header-nav li + li:before { content: "|"; display: block; float: left; color: #808080; margin-right: 5px; }
#header-nav li + li { margin-left: 5px; }

#topbooks, #newbooks { margin-top: 10px; }
.topbook, .newbook { height: 230px; }
.topbook p, .newbook p { text-align: center; }
.topbook a, .newbook a { text-decoration: none; }

.thumbnail img { height: 125px; }
.hitlist-item-detail { margin-top: 6px; }
.book-cover { display: none; }
#keywordsearchform, #exactsearchform { margin-top: 10px; }

#right-pan h3 { font-size: 1.1em; font-weight: bold; }
.book-caption h2 { margin: 0; padding: 0; font-size: 1.8em; font-weight: bold; line-height: 1.6em; }
#btn-actions button { font-size: 1.0em; }
.single-action ul li a { font-size: .9em; }
.table { margin-top: 10px; }
.avail-content .table-bordered { border-width: 2px; }
.avail-content th { background-color: #e1e1e1; }
.lang-switcher a { text-decoration: none; }

.login-panel .page-header, .request-panel .page-header, .marc-panel .page-header, .myaccount-panel .page-header { margin-top: 0; }
.login-panel .page-header h3, .request-panel .page-header h3, .marc-panel .page-header h3, .myaccount-panel .page-header h3 { font-size: 1.4em !important; }
.request-panel .alert { display: none; }

.myaccount-nav { height: 100%; padding: 15px 0; border-right: 1px solid #e3e3e3; background-color: #fafafa; }
.myaccount-nav ul { margin: 0; padding: 0; list-style: none; }
.myaccount-nav ul li a { display: block; padding: 10px 14px 10px 20px; text-decoration: none; }
.myaccount-nav ul li.active { background-color: #e0e0e0; }
.myaccount-nav ul li.active a { color: #000; }
.myaccount-content { padding: 15px 15px 15px 10px; background-color: #fff; }
.myaccount-content .form-control-static { padding-top: 0; }
.myaccount-panel .row { overflow: hidden; }
.myaccount-nav { margin-bottom: -99999px; padding-bottom: 99999px; }
.alert { display: none; }
#range { display: inline; background: none repeat scroll 0% 0% #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25), 0px -1px 0px rgba(0, 0, 0, 0.1) inset; color: #333; padding: 8px; line-height: 18px; cursor: pointer; }
#bh-result { display: none; margin-top: 15px; }

.cover-image { width: 100%; max-width: 100px; height: auto; object-fit: scale-down; border: 1px solid #0F3564;}
.illustration { display: inline-block; margin-right: 15px; }
.illustration img { width: auto; height: 100px; border: 0; }

.hide { display: none; }
.show { display: block; }

.dropdown-menu li a .fa-spin { display: none; }
.dropdown-menu li.disabled a .fa-spin { display: inline; }
.dropdown-menu li.disabled a { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #666; }
/*
.no-preview { width: 100px; height: 125px; background-color: #c0c0c0; color: #828282; font-size: 1.2em; text-align: center; vertical-align: middle; line-height: 125px; text-decoration: none; margin: 0 auto; }
*/
.no-preview { position: relative; width: 100px; height: 125px; background-color: rgba(14,107,87,.8); color: #fff; font-size: 1.2em; text-align: center; vertical-align: middle; line-height: 125px; text-decoration: none; margin: 0 auto; border: 1px solid #333; /*box-shadow: 1px -1px 0 #dcdcdc,4px -4px 0 #d1d1d1,6px -6px 0 #bfbfbf,8px -8px 0 #aeaeae,10px -10px 0 #9c9c9c,11px -11px 0 #200f3c,0px -1px 0px #200f3c,2px -3px 0px #200f3c,4px -5px 0px #200f3c,6px -7px 0px #200f3c,8px -9px 0px #200f3c,10px -11px 0px #200f3c,0 0 45px rgba(0,0,0,0.8);*/ box-shadow: 0 0 13px #ccc; }
/*.no-preview:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 20px; background-color: #fff; }*/
.related-book a:hover { text-decoration: none; }
.related-book a:hover p { text-decoration: underline; }
.visible-xs a img { width: 100px; height: auto; }

.s-page-header { margin: 0; background-color: #484848; color: #f5f6f7; height: 46px; }
.s-page-header a { color: #f5f6f7; display: block; margin-left: 10px; line-height: 46px; font-size: 2em; }
.s-page-header a i { line-height: 46px; }
.sidebar-wrapper { height: 100%; width: 75%; background-color: #f5f6f7; position: absolute; top: 29px; left: 0; z-index: 99; visibility: hidden; }
.search-actions { margin-top: 10px; }
.thumbnail-col a, .book-cover a { cursor: default; }

.adv-search { margin-top: -10px; }
.myaccount-gen-info .control-label { padding-top: 0 !important; }


@media screen and (min-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 25%;
  }

  .row-offcanvas-left {
    left: 25%;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -25%; /* 3 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -25%; /* 3 columns */
  }

  .row-offcanvas-right.active {
    right: 0; /* 3 columns */
  }

  .row-offcanvas-left.active {
    left: 0; /* 3 columns */
  }

.row-offcanvas .content {
    width: 75%; /* 9 columns */
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;

  }

  .row-offcanvas.active .content {
    width: 100%; /* 12 columns */
  }
       
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 25%; /* 3 columns */
  }

  .s-page-header { display: none; }
}
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }

  .s-page-header { display: block; }
}

/* TR-Start */
.entry-content img {width: auto; max-width: 100%; height: auto; object-fit: scale-down;}
/* TR-End */