Attachment 25104 Details for Bug 11694 – Bug 11694 - Improve handling of individual hold suspension in Bootstrap OPAC

[patch] Bug 11694 - Improve handling of individual hold suspension in Bootstrap OPAC

Bug-11694---Improve-handling-of-individual-hold-su.patch (text/plain), 123.57 KB, created by Owen Leonard on 2014-02-06 18:05:15 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Owen Leonard

Created: 2014-02-06 18:05:15 UTC

Size: 123.57 KB

patch

obsolete

>From 792cfe1140fa1889422579c7a9e36c0572a5f32a Mon Sep 17 00:00:00 2001
>From: Owen Leonard <oleonard@myacpl.org>
>Date: Wed, 5 Feb 2014 16:11:29 -0500
>Subject: [PATCH] Bug 11694 - Improve handling of individual hold suspension
> in Bootstrap OPAC
>Content-Type: text/plain; charset="utf-8"
>
>This patch changes the way the controls to suspend and resume holds are
>displayed on the OPAC for a logged-in user when using the Bootstrap
>theme. Instead of showing all the suspend options in the table cell a
>link will trigger a modal with the controls. This makes the table more
>compact and readable.
>
>The patch adds a span and class to the dateformat include so that the
>dateformat hint can be hidden if JavaScript is enabled (and thus the
>datepicker will use the correct format automatically).
>
>A new class has been added to the CSS, ".js-show" to be used for
>elements which should be hidden if JavaScript is disabled and made
>visible by JavaScript if it is enabled.
>
>To test you must have RequestOnOpac, SuspendHoldsOpac, and the bootstrap
>theme enabled. Apply the patch for Bug 11702 if necessary in order for
>suspend-until dates to be saved correctly.
>
>Apply the patch and test with AutoResumeSuspendedHolds enabled:
>
>1. Log in to the OPAC and place a hold.
>2. View the list of your holds in the OPAC.
>3. Click the "Suspend" link for your new hold. A modal window should
>   appear allowing you to specify a suspend-until date.
>4. Specify a suspend-until date. Test the "clear" link and confirm that
>   it clears the date.
>5. Specify a suspend-until date and submit.
>6. Confirm that the hold has been suspended with the specified
>   resumption date.
>7. Click the "Resume" link on the suspended hold to resume.
>8. Click the "Suspend" link again and submit without specifying a date.
>9. Confirm that the hold has been suspended indefinitely.
>
>Follow the same steps above with JavaScript disabled. The "suspend
>until" options will appear inside the table as before and everything
>should work correctly.
>
>Test with AutoResumeSuspendedHolds disabled. No modal dialog should
>appear when the "Suspend" link is clicked. The hold should simply be
>suspended indefinitely.
>
>Test again with JavaScript disabled. There should be no change in
>functionality.
>---
> koha-tmpl/opac-tmpl/bootstrap/css/opac.css         | 2741 +-------------------
> .../opac-tmpl/bootstrap/css/right-to-left.css      |  421 +--
> .../bootstrap/en/includes/date-format.inc          |    2 +-
> .../opac-tmpl/bootstrap/en/modules/opac-user.tt    |   78 +-
> koha-tmpl/opac-tmpl/bootstrap/less/opac.less       |   36 +
> 5 files changed, 92 insertions(+), 3186 deletions(-)
>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/opac.css b/koha-tmpl/opac-tmpl/bootstrap/css/opac.css
>index 99719d5..8f63551 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/css/opac.css
>+++ b/koha-tmpl/opac-tmpl/bootstrap/css/opac.css
>@@ -1,2740 +1 @@
>-.shadowed {
>-  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-}
>-body {
>-  background-color: #EAEAE6;
>-}
>-/* Sticky footer styles */
>-html,
>-body {
>-  height: 100%;
>-  /* The html and body elements cannot have any padding or margin. */
>-
>-}
>-/* Wrapper for page content to push down footer */
>-#wrap {
>-  min-height: 100%;
>-  height: auto !important;
>-  height: 100%;
>-  /* Negative indent footer by it's height */
>-
>-}
>-/* Set the fixed height of the footer here */
>-.popup {
>-  padding-left: 0;
>-  padding-right: 0;
>-}
>-a {
>-  color: #0076b2;
>-}
>-a.cancel {
>-  padding-left: 1em;
>-}
>-a:visited {
>-  color: #0076b2;
>-}
>-a.title {
>-  font-weight: bold;
>-  font-size: 108%;
>-}
>-a.btn-primary:visited {
>-  color: #FFF;
>-}
>-.ui-widget-content a,
>-.ui-widget-content a:visited {
>-  color: #0076b2;
>-}
>-h1 {
>-  font-size: 140%;
>-  line-height: 150%;
>-}
>-h1#libraryname {
>-  background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
>-  border: 0;
>-  float: left !important;
>-  margin: 0;
>-  padding: 0;
>-  width: 120px;
>-}
>-h1#libraryname a {
>-  border: 0;
>-  cursor: pointer;
>-  display: block;
>-  height: 0px !important;
>-  margin: 0;
>-  overflow: hidden;
>-  padding: 40px 0 0;
>-  text-decoration: none;
>-  width: 120px;
>-}
>-h2 {
>-  font-size: 130%;
>-  line-height: 150%;
>-}
>-h3 {
>-  font-size: 120%;
>-  line-height: 150%;
>-}
>-h4 {
>-  font-size: 110%;
>-}
>-h5 {
>-  font-size: 100%;
>-}
>-caption {
>-  font-size: 120%;
>-  font-weight: bold;
>-  margin: 0;
>-  text-align: left;
>-}
>-input,
>-textarea {
>-  width: auto;
>-}
>-.input-fluid {
>-  width: 50%;
>-}
>-legend {
>-  font-size: 110%;
>-  font-weight: bold;
>-}
>-table,
>-td {
>-  background-color: #FFF;
>-}
>-#advsearches label,
>-#booleansearch label {
>-  display: inline;
>-}
>-#basketcount {
>-  display: inline;
>-  margin: 0;
>-  padding: 0;
>-}
>-#basketcount span {
>-  background-color: #FFC;
>-  color: #000;
>-  display: inline;
>-  font-size: 80%;
>-  font-weight: normal;
>-  margin: 0 0 0 .9em;
>-  padding: 0 .3em 0 .3em;
>-  -webkit-border-radius: 3px;
>-  -moz-border-radius: 3px;
>-  border-radius: 3px;
>-}
>-#members {
>-  display: block;
>-}
>-#members p {
>-  color: #EEE;
>-}
>-#members a {
>-  color: #A6D8ED;
>-  font-weight: bold;
>-}
>-#members a.logout {
>-  color: #E8583C;
>-  padding: 0 .3em 0 .3em;
>-}
>-#koha_url p {
>-  color: #666666;
>-  float: right;
>-  margin: 0;
>-}
>-#moresearches {
>-  margin: .5em 0;
>-  padding: 0 .8em;
>-}
>-#moresearches li {
>-  display: inline;
>-  white-space: nowrap;
>-}
>-#moresearches li:after {
>-  content: " | ";
>-}
>-#moresearches ul {
>-  margin: 0;
>-}
>-#moresearches li:last-child:after {
>-  content: "";
>-}
>-#news {
>-  margin: .5em 0;
>-}
>-#opacheader {
>-  background-color: #DDD;
>-}
>-#selections {
>-  font-weight: bold;
>-}
>-.actions a {
>-  white-space: nowrap;
>-  /* List contents remove from list link */
>-
>-}
>-.actions a.hold {
>-  background-image: url("../images/sprite.png");
>-  /* Place hold small */
>-
>-  background-position: -5px -542px;
>-  background-repeat: no-repeat;
>-  margin-right: 1em;
>-  padding-left: 21px;
>-  text-decoration: none;
>-}
>-.actions a.addtocart {
>-  background-image: url("../images/sprite.png");
>-  /* Cart small */
>-
>-  background-position: -5px -572px;
>-  background-repeat: no-repeat;
>-  margin-right: 1em;
>-  padding-left: 20px;
>-  text-decoration: none;
>-}
>-.actions a.addtoshelf {
>-  background-image: url("../images/sprite.png");
>-  /* MARC view */
>-
>-  background-position: -5px -27px;
>-  background-repeat: no-repeat;
>-  margin-right: 1em;
>-  padding-left: 20px;
>-  text-decoration: none;
>-}
>-.actions a.addtolist {
>-  background-position: -5px -27px;
>-  margin-right: 1em;
>-  padding-left: 20px;
>-  text-decoration: none;
>-}
>-.actions a.tag_add {
>-  background-position: -5px -1110px;
>-  margin-right: 1em;
>-  padding-left: 20px;
>-  text-decoration: none;
>-}
>-.actions a.removefromlist {
>-  background-position: -8px -690px;
>-  /* Delete */
>-
>-  margin-right: 1em;
>-  text-decoration: none;
>-  padding-left: 15px;
>-}
>-/* Override Bootstrap alert */
>-.alert {
>-  background: #fffbe5;
>-  /* Old browsers */
>-
>-  background: -moz-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
>-  /* FF3.6+ */
>-
>-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffbe5), color-stop(9%, #fff0b2), color-stop(89%, #fff1a8), color-stop(100%, #f7e665));
>-  /* Chrome,Safari4+ */
>-
>-  background: -webkit-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
>-  /* Chrome10+,Safari5.1+ */
>-
>-  background: -o-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
>-  /* Opera 11.10+ */
>-
>-  background: -ms-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
>-  /* IE10+ */
>-
>-  background: linear-gradient(to bottom, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
>-  /* W3C */
>-
>-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbe5', endColorstr='#f7e665', GradientType=0);
>-  /* IE6-9 */
>-
>-  border-color: #D6C43B;
>-  color: #333;
>-}
>-/* Override Bootstrap alert.alert-info */
>-.alert-info {
>-  background: #f4f6fa;
>-  /* Old browsers */
>-
>-  background: -moz-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
>-  /* FF3.6+ */
>-
>-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f6fa), color-stop(4%, #eaeef5), color-stop(96%, #e8edf6), color-stop(100%, #cddbf2));
>-  /* Chrome,Safari4+ */
>-
>-  background: -webkit-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
>-  /* Chrome10+,Safari5.1+ */
>-
>-  background: -o-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
>-  /* Opera 11.10+ */
>-
>-  background: -ms-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
>-  /* IE10+ */
>-
>-  background: linear-gradient(to bottom, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
>-  /* W3C */
>-
>-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6fa', endColorstr='#cddbf2', GradientType=0);
>-  /* IE6-9 */
>-
>-  border-color: #C5D1E5;
>-  color: #333;
>-}
>-/* Override Bootstrap alert.alert-success */
>-.alert-success {
>-  background: #f8ffe8;
>-  /* Old browsers */
>-
>-  background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
>-  /* FF3.6+ */
>-
>-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ffe8), color-stop(4%, #e3f5ab), color-stop(98%, #dcf48d), color-stop(100%, #9ebf28));
>-  /* Chrome,Safari4+ */
>-
>-  background: -webkit-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
>-  /* Chrome10+,Safari5.1+ */
>-
>-  background: -o-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
>-  /* Opera 11.10+ */
>-
>-  background: -ms-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
>-  /* IE10+ */
>-
>-  background: linear-gradient(to bottom, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
>-  /* W3C */
>-
>-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ffe8', endColorstr='#9ebf28', GradientType=0);
>-  /* IE6-9 */
>-
>-  border-color: #9FBA35;
>-  color: #333;
>-}
>-.breadcrumb {
>-  background-color: #F2F2EF;
>-  font-size: 85%;
>-  list-style: none outside none;
>-  margin: 10px 20px;
>-  padding: 5px 10px;
>-  -webkit-border-radius: 7px;
>-  -moz-border-radius: 7px;
>-  border-radius: 7px;
>-}
>-.form-inline {
>-  display: inline;
>-  padding: 0;
>-  margin: 0;
>-}
>-.form-inline fieldset {
>-  margin: 0.3em 0;
>-  padding: 0.3em;
>-}
>-.main {
>-  background-color: #FFF;
>-  border: 1px solid #D2D2CF;
>-  -webkit-border-radius: 7px;
>-  -moz-border-radius: 7px;
>-  border-radius: 7px;
>-  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  margin-top: 0.5em;
>-  margin-bottom: 0.5em;
>-}
>-.mastheadsearch {
>-  -webkit-border-radius: 7px;
>-  -moz-border-radius: 7px;
>-  border-radius: 7px;
>-  padding: .8em;
>-  margin: .5em 0;
>-  background: #c7c7c1;
>-  /* Old browsers */
>-
>-  background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
>-  /* FF3.6+ */
>-
>-  background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #c7c7c1), color-stop(100%, #a7a7a2));
>-  /* Chrome,Safari4+ */
>-
>-  background: -webkit-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
>-  /* Chrome10+,Safari5.1+ */
>-
>-  background: -o-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
>-  /* Opera 11.10+ */
>-
>-  background: -ms-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
>-  /* IE10+ */
>-
>-  background: linear-gradient(to bottom, #c7c7c1 38%, #a7a7a2 100%);
>-  /* W3C */
>-
>-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c1', endColorstr='#a7a7a2', GradientType=0);
>-  /* IE6-9 */
>-}
>-.mastheadsearch label {
>-  font-size: 115%;
>-  font-weight: bold;
>-}
>-.navbar-inverse .brand,
>-.navbar-inverse .nav > li > a {
>-  color: #9FE1FF;
>-  font-weight: bold;
>-}
>-.navbar-fixed-bottom.navbar-static-bottom {
>-  margin-top: .5em;
>-  position: static;
>-}
>-#changelanguage .nav > .active > p {
>-  padding: 0 15px;
>-}
>-.table-striped tbody > tr:nth-child(odd) > td,
>-.table-striped tbody > tr:nth-child(odd) > th {
>-  background-color: #F4F4F4;
>-}
>-/* jQuery UI standard tabs */
>-.ui-tabs-nav .ui-tabs-active a,
>-.ui-tabs-nav a:hover,
>-.ui-tabs-nav a:focus,
>-.ui-tabs-nav a:active,
>-.ui-tabs-nav span.a {
>-  background: none repeat scroll 0 0 transparent;
>-  outline: 0 none;
>-}
>-.ui-widget,
>-.ui-widget input,
>-.ui-widget select,
>-.ui-widget textarea,
>-.ui-widget button {
>-  font-family: inherit;
>-  font-size: inherit;
>-}
>-ul.ui-tabs-nav li {
>-  list-style: none;
>-}
>-.ui-tabs.ui-widget-content {
>-  background: transparent none;
>-  border: 0;
>-}
>-.ui-tabs .ui-tabs-panel {
>-  border: 1px solid #D8D8D8;
>-  margin-bottom: 1em;
>-}
>-.ui-tabs-nav.ui-widget-header {
>-  border: 0;
>-  background: none;
>-}
>-.ui-tabs .ui-tabs-nav li {
>-  background: #F3F3F3 none;
>-  border-color: #D8D8D8;
>-  margin-right: .4em;
>-}
>-.ui-tabs .ui-tabs-nav li.ui-tabs-active {
>-  background-color: #FFF;
>-  border: 1px solid #D8D8D8;
>-  border-bottom: 0;
>-}
>-.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
>-  color: #000;
>-  font-weight: bold;
>-}
>-.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
>-  background: #F3F3F3 none;
>-}
>-.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
>-  background: #FFF none;
>-}
>-.ui-tabs .ui-state-default a,
>-.ui-tabs .ui-state-default a:link,
>-.ui-tabs .ui-state-default a:visited {
>-  color: #006699;
>-}
>-.ui-tabs .ui-state-hover a,
>-.ui-tabs .ui-state-hover a:link,
>-.ui-tabs .ui-state-hover a:visited {
>-  color: #990033;
>-}
>-.statictabs ul {
>-  background: none repeat scroll 0 0 transparent;
>-  border: 0 none;
>-  margin: 0;
>-  padding: 0.2em 0.2em 0;
>-  border-bottom-right-radius: 4px;
>-  border-bottom-left-radius: 4px;
>-  border-top-right-radius: 4px;
>-  border-top-left-radius: 4px;
>-  color: #222222;
>-  font-weight: bold;
>-  font-size: 100%;
>-  line-height: 1.3;
>-  list-style: none outside none;
>-  outline: 0 none;
>-  text-decoration: none;
>-}
>-.statictabs ul:before {
>-  content: "";
>-  display: table;
>-}
>-.statictabs ul:after {
>-  clear: both;
>-  content: "";
>-  display: table;
>-}
>-.statictabs li {
>-  background: none repeat scroll 0 0 #E6F0F2;
>-  border: 1px solid #B9D8D9;
>-  border-bottom: 0 none !important;
>-  border-top-right-radius: 4px;
>-  border-top-left-radius: 4px;
>-  float: left;
>-  list-style: none outside none;
>-  margin-bottom: 0;
>-  margin-right: 0.4em;
>-  padding: 0;
>-  position: relative;
>-  white-space: nowrap;
>-  top: 1px;
>-  color: #555555;
>-  font-weight: normal;
>-}
>-.statictabs li.active {
>-  background-color: #FFFFFF;
>-  color: #212121;
>-  font-weight: normal;
>-  padding-bottom: 1px;
>-}
>-.statictabs li a {
>-  color: #004D99;
>-  cursor: pointer;
>-  float: left;
>-  padding: 0.5em 1em;
>-  text-decoration: none;
>-}
>-.statictabs li a:hover {
>-  background-color: #EDF4F5;
>-  border-top-right-radius: 4px;
>-  border-top-left-radius: 4px;
>-  color: #538200;
>-}
>-.statictabs li.active a {
>-  color: #000000;
>-  font-weight: bold;
>-  cursor: text;
>-  background: none repeat scroll 0 0 transparent;
>-  outline: 0 none;
>-}
>-.statictabs .tabs-container {
>-  border: 1px solid #B9D8D9;
>-  background: none repeat scroll 0 0 transparent;
>-  display: block;
>-  padding: 1em 1.4em;
>-  border-bottom-right-radius: 4px;
>-  border-bottom-left-radius: 4px;
>-  color: #222222;
>-}
>-/* End jQueryUI tab styles */
>-/* jQuery UI Datepicker */
>-.ui-datepicker table {
>-  width: 100%;
>-  font-size: .9em;
>-  border: 0;
>-  border-collapse: collapse;
>-  margin: 0 0 .4em;
>-}
>-.ui-datepicker th {
>-  background: transparent none;
>-  padding: .7em .3em;
>-  text-align: center;
>-  font-weight: bold;
>-  border: 0;
>-}
>-.ui-datepicker-trigger {
>-  vertical-align: middle;
>-  margin: 0 3px;
>-}
>-.ui-datepicker {
>-  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-}
>-/* End jQueryUI datepicker styles */
>-/* jQueryUI Core */
>-.ui-widget-content {
>-  border: 1px solid #AAA;
>-  background: #ffffff none;
>-  color: #222222;
>-}
>-.ui-widget-header {
>-  border: 1px solid #AAA;
>-  background: #E6F0F2 none;
>-  color: #222222;
>-  font-weight: bold;
>-}
>-.ui-state-default,
>-.ui-widget-content .ui-state-default,
>-.ui-widget-header .ui-state-default {
>-  border: 1px solid #AAA;
>-  background: #F4F8F9 none;
>-  font-weight: normal;
>-  color: #555555;
>-}
>-.ui-state-hover,
>-.ui-widget-content .ui-state-hover,
>-.ui-widget-header .ui-state-hover,
>-.ui-state-focus,
>-.ui-widget-content .ui-state-focus,
>-.ui-widget-header .ui-state-focus {
>-  border: 1px solid #AAA;
>-  background: #E6F0F2 none;
>-  font-weight: normal;
>-  color: #212121;
>-}
>-.ui-state-active,
>-.ui-widget-content .ui-state-active,
>-.ui-widget-header .ui-state-active {
>-  border: 1px solid #aaaaaa;
>-  background: #ffffff none;
>-  font-weight: normal;
>-  color: #212121;
>-}
>-.ui-state-highlight,
>-.ui-widget-content .ui-state-highlight,
>-.ui-widget-header .ui-state-highlight {
>-  border: 1px solid #fcefa1;
>-  background: #fbf9ee;
>-  color: #363636;
>-}
>-.ui-state-error,
>-.ui-widget-content .ui-state-error,
>-.ui-widget-header .ui-state-error {
>-  border: 1px solid #cd0a0a;
>-  background: #fef1ec;
>-  color: #cd0a0a;
>-}
>-/* end jQueryUI core */
>-/* jQueryUI autocomplete */
>-.ui-autocomplete {
>-  position: absolute;
>-  cursor: default;
>-  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-}
>-.ui-autocomplete.ui-widget-content .ui-state-hover {
>-  border: 1px solid #AAA;
>-  background: #E6F0F2 none;
>-  font-weight: normal;
>-  color: #212121;
>-}
>-.ui-autocomplete-loading {
>-  background: #ffffff url("../../img/loading-small.gif") right center no-repeat;
>-}
>-.ui-menu li {
>-  list-style: none;
>-}
>-/* end jQueryUI autocomplete */
>-th {
>-  background-color: #ECEDE6;
>-}
>-.item-thumbnail {
>-  max-width: none;
>-}
>-.no-image {
>-  background-color: #FFF;
>-  border: 1px solid #AAA;
>-  color: #979797;
>-  display: block;
>-  font-size: 86%;
>-  font-weight: bold;
>-  text-align: center;
>-  width: 75px;
>-  -webkit-border-radius: 3px;
>-  -moz-border-radius: 3px;
>-  border-radius: 3px;
>-}
>-#bookcover .no-image {
>-  margin-right: 10px;
>-  margin-bottom: 10px;
>-}
>-td.overdue {
>-  color: #cc3333;
>-}
>-table {
>-  font-size: 90%;
>-}
>-th.sum {
>-  text-align: right;
>-}
>-td.sum {
>-  background-color: #FFC;
>-  font-weight: bold;
>-}
>-th[scope=row] {
>-  background-color: transparent;
>-  text-align: right;
>-}
>-.required {
>-  color: #C00;
>-}
>-.label {
>-  background-color: transparent;
>-  color: inherit;
>-  display: inline;
>-  font-weight: normal;
>-  padding: 0;
>-  text-shadow: none;
>-}
>-fieldset.rows {
>-  float: left;
>-  font-size: 90%;
>-  clear: left;
>-  margin: .9em 0 0 0;
>-  padding: 0;
>-  width: 100%;
>-}
>-fieldset.rows legend {
>-  font-weight: bold;
>-  font-size: 130%;
>-}
>-fieldset.rows label,
>-fieldset.rows .label {
>-  float: left;
>-  font-weight: bold;
>-  width: 9em;
>-  margin-right: 1em;
>-  text-align: right;
>-}
>-fieldset.rows label.lradio {
>-  float: none;
>-  margin: inherit;
>-  width: auto;
>-}
>-fieldset.rows fieldset {
>-  margin: 0;
>-  padding: .3em;
>-}
>-fieldset.rows ol {
>-  padding: 1em 1em 0 1em;
>-  list-style-type: none;
>-}
>-fieldset.rows ol.lradio label {
>-  width: auto;
>-  float: none;
>-  margin-right: 0;
>-}
>-fieldset.rows ol.lradio label.lradio {
>-  float: left;
>-  width: 12em;
>-  margin-right: 1em;
>-}
>-fieldset.rows li {
>-  float: left;
>-  clear: left;
>-  padding-bottom: 1em;
>-  list-style-type: none;
>-  width: 100%;
>-}
>-fieldset.rows li.lradio {
>-  padding-left: 8.5em;
>-  width: auto;
>-}
>-fieldset.rows li.lradio label {
>-  float: none;
>-  width: auto;
>-  margin: 0 0 0 1em;
>-}
>-fieldset.action {
>-  clear: both;
>-  float: none;
>-  border: none;
>-  margin: 0;
>-  padding: 1em 0 .3em 0;
>-  width: auto;
>-}
>-fieldset.action p {
>-  margin-bottom: 1em;
>-}
>-fieldset table {
>-  font-size: 100%;
>-}
>-div.rows + div.rows {
>-  margin-top: .6em;
>-}
>-div.rows {
>-  float: left;
>-  clear: left;
>-  margin: 0 0 0 0;
>-  padding: 0;
>-  width: 100%;
>-}
>-div.rows span.label {
>-  float: left;
>-  font-weight: bold;
>-  width: 9em;
>-  margin-right: 1em;
>-  text-align: left;
>-}
>-div.rows ol {
>-  list-style-type: none;
>-  margin-left: 0;
>-  padding: .5em 1em 0 0;
>-}
>-div.rows li {
>-  border-bottom: 1px solid #EEE;
>-  float: left;
>-  clear: left;
>-  padding-bottom: .2em;
>-  padding-top: .1em;
>-  list-style-type: none;
>-  width: 100%;
>-}
>-div.rows ul li {
>-  margin-left: 7.3em;
>-}
>-div.rows ul li:first-child {
>-  float: none;
>-  clear: none;
>-  margin-left: 0;
>-}
>-div.rows ol li li {
>-  border-bottom: 0;
>-}
>-/* different sizes for different tags in opac-tags.tt */
>-.tagweight0 {
>-  font-size: 12px;
>-}
>-.tagweight1 {
>-  font-size: 14px;
>-}
>-.tagweight2 {
>-  font-size: 16px;
>-}
>-.tagweight3 {
>-  font-size: 18px;
>-}
>-.tagweight4 {
>-  font-size: 20px;
>-}
>-.tagweight5 {
>-  font-size: 22px;
>-}
>-.tagweight6 {
>-  font-size: 24px;
>-}
>-.tagweight7 {
>-  font-size: 26px;
>-}
>-.tagweight8 {
>-  font-size: 28px;
>-}
>-.tagweight9 {
>-  font-size: 30px;
>-}
>-.toolbar {
>-  background-color: #EEEEEE;
>-  border: 1px solid #E8E8E8;
>-  font-size: 85%;
>-  padding: 3px 3px 5px 5px;
>-  vertical-align: middle;
>-}
>-.toolbar a {
>-  white-space: nowrap;
>-}
>-.toolbar label {
>-  display: inline;
>-  font-size: 100%;
>-  font-weight: bold;
>-  margin-left: .5em;
>-}
>-.toolbar select {
>-  font-size: 97%;
>-  height: auto;
>-  line-height: inherit;
>-  padding: 0;
>-  margin: 0;
>-  width: auto;
>-  white-space: nowrap;
>-}
>-.toolbar .hold,
>-.toolbar #tagsel_tag {
>-  padding-left: 28px;
>-  font-size: 97%;
>-  font-weight: bold;
>-}
>-.toolbar #tagsel_form {
>-  margin-top: .5em;
>-}
>-.toolbar li {
>-  display: inline;
>-  list-style: none;
>-}
>-.toolbar li a {
>-  border-left: 1px solid #e8e8e8;
>-}
>-.toolbar li:first-child a {
>-  border-left: 0;
>-}
>-.toolbar ul {
>-  padding-left: 0;
>-}
>-#basket .toolbar {
>-  padding: 7px 5px 9px 9px;
>-}
>-#selections-toolbar {
>-  background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
>-  /* FF3.6+ */
>-
>-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(14%, #e0e0e0), color-stop(100%, #e8e8e8));
>-  /* Chrome,Safari4+ */
>-
>-  background: -webkit-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
>-  /* Chrome10+,Safari5.1+ */
>-
>-  background: -o-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
>-  /* Opera 11.10+ */
>-
>-  background: -ms-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
>-  /* IE10+ */
>-
>-  background: linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
>-  /* W3C */
>-
>-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e8e8e8', GradientType=0);
>-  /* IE6-9 */
>-
>-  margin: 0 0 1em 0;
>-  padding-top: .5em;
>-  padding-left: 10px;
>-}
>-.list-actions {
>-  display: inline;
>-}
>-#tagsel_span input.submit,
>-#tagsel_tag {
>-  border: 0;
>-  background-color: transparent;
>-  font-size: 100%;
>-  color: #0076B2;
>-  cursor: pointer;
>-  background-image: url("../images/sprite.png");
>-  /* Tags */
>-
>-  background-position: 1px -643px;
>-  background-repeat: no-repeat;
>-  padding-left: 25px;
>-  text-decoration: none;
>-}
>-#tagsel_tag.disabled {
>-  background-position: -1px -667px;
>-}
>-#tagsel_span input:hover,
>-#selections-toolbar input.hold:hover {
>-  color: #005580;
>-  text-decoration: underline;
>-}
>-#tagsel_span input.disabled,
>-#tagsel_span input.disabled:hover,
>-#tagsel_span input.hold.disabled,
>-#tagsel_span input.hold.disabled:hover,
>-#selections-toolbar input.hold.disabled,
>-#selections-toolbar input.hold.disabled:hover,
>-#selections-toolbar a.disabled,
>-#selections-toolbar a.disabled:hover {
>-  color: #888888;
>-  text-decoration: none;
>-  padding-left: 23px;
>-}
>-.results_summary {
>-  display: block;
>-  font-size: 85%;
>-  color: #707070;
>-  padding: 0 0 .5em 0;
>-}
>-.results_summary .results_summary {
>-  font-size: 100%;
>-}
>-.results_summary.actions {
>-  margin-top: .5em;
>-}
>-.results_summary.tagstatus {
>-  display: inline;
>-}
>-.results_summary .label {
>-  color: #202020;
>-}
>-.results_summary a {
>-  font-weight: normal;
>-}
>-#views {
>-  border-bottom: 1px solid #D6D6D6;
>-  margin-bottom: .5em;
>-  padding: 0 2em 0.2em 0.2em;
>-  white-space: nowrap;
>-}
>-.view {
>-  padding: 0.2em .2em 2px .2em;
>-}
>-#bibliodescriptions,
>-#isbdcontents {
>-  clear: left;
>-  margin-top: .5em;
>-}
>-.view a,
>-.view span {
>-  background-image: url("../images/sprite.png");
>-  background-repeat: no-repeat;
>-  font-size: 87%;
>-  font-weight: normal;
>-  padding: 0.4em 0.7em 5px 26px;
>-  text-decoration: none;
>-}
>-span#MARCview,
>-span#ISBDview,
>-span#Normalview,
>-span#Fullhistory,
>-span#Briefhistory {
>-  font-weight: bold;
>-}
>-a#MARCview,
>-span#MARCview {
>-  background-position: -3px -23px;
>-}
>-a#MARCviewPop,
>-span#MARCviewPop {
>-  background-position: -3px -23px;
>-}
>-a#ISBDview,
>-span#ISBDview {
>-  background-position: -3px -52px;
>-}
>-a#Normalview,
>-span#Normalview {
>-  background-position: -1px 6px;
>-}
>-.view a {
>-  background-color: #F3F3F3;
>-  border-left: 1px solid #C9C9C9;
>-}
>-#bookcover {
>-  float: left;
>-  margin: 0;
>-  padding: 0;
>-}
>-#bookcover .no-image {
>-  margin-right: 10px;
>-  margin-bottom: 10px;
>-}
>-#bookcover img {
>-  margin: 0 1em 1em 0;
>-}
>-/* pagination */
>-.results-pagination {
>-  position: absolute;
>-  top: 32px;
>-  left: -1px;
>-  width: 100%;
>-  height: auto;
>-  border: 1px solid #D0D0D0;
>-  display: none;
>-  background-color: #F3F3F3;
>-  padding-bottom: 10px;
>-  z-index: 100;
>-}
>-.back {
>-  float: right;
>-}
>-.back input {
>-  background: none!important;
>-  color: #999!important;
>-}
>-.pagination_list ul {
>-  padding-top: 40px;
>-  padding-left: 0px;
>-}
>-.pagination_list li {
>-  list-style: none;
>-  float: bottom;
>-  padding: 4px;
>-  color: #999;
>-}
>-.pagination_list li.highlight {
>-  background-color: #F3F3F3;
>-  border-top: 1px solid #DDDDDD;
>-  border-bottom: 1px solid #DDDDDD;
>-}
>-.pagination_list li a {
>-  padding-left: 0px;
>-}
>-.pagination_list .li_pag_index {
>-  color: #999999;
>-  float: left;
>-  font-size: 15px;
>-  font-weight: bold;
>-  padding-right: 10px;
>-  text-align: right;
>-  width: 13px;
>-}
>-.nav_results {
>-  background-color: #F3F3F3;
>-  border: 1px solid #D0D0D0;
>-  font-size: 95%;
>-  font-weight: bold;
>-  margin-top: 0.5em;
>-  position: relative;
>-}
>-.nav_results .l_Results a {
>-  background: #e1e1e1 url("../images/sprite.png") no-repeat 0px -504px;
>-  /* Browse results menu */
>-
>-  color: #006699;
>-  display: block;
>-  padding: 8px 28px;
>-  text-decoration: none;
>-}
>-.nav_results .l_Results:hover {
>-  background-color: #D9D9D9;
>-}
>-.pg_menu {
>-  margin: 0;
>-  border-top: 1px solid #D0D0D0;
>-  white-space: nowrap;
>-}
>-.pg_menu li {
>-  color: #B2B2B2;
>-  display: inline;
>-  list-style: none;
>-  margin: 0;
>-}
>-.pg_menu li.back_results a {
>-  border-left: 1px solid #D0D0D0;
>-  border-right: 1px solid #D0D0D0;
>-}
>-.pg_menu li a,
>-.pg_menu li span {
>-  background-color: #F3F3F3;
>-  display: block;
>-  float: left;
>-  padding: .4em .5em;
>-  text-decoration: none;
>-  font-weight: normal;
>-  text-align: center;
>-}
>-.pg_menu li span {
>-  color: #B2B2B2;
>-}
>-#listResults li {
>-  background-color: #999999;
>-  color: #C5C5C5;
>-  font-weight: normal;
>-  display: block;
>-  margin-right: 1px;
>-  font-size: 80%;
>-  padding: 0;
>-  text-align: center;
>-  min-width: 18px;
>-}
>-#listResults li:hover {
>-  background-color: #006699;
>-}
>-#listResults li a {
>-  color: #FFFFFF;
>-  font-weight: normal;
>-}
>-/* nav */
>-.nav_pages .close_pagination {
>-  padding-right: 10px;
>-  position: absolute;
>-  right: 3px;
>-  top: -25px;
>-}
>-.nav_pages .close_pagination a {
>-  text-decoration: none!important;
>-}
>-.nav_pages ul {
>-  padding-top: 10px;
>-}
>-.nav_pages li {
>-  list-style: none;
>-  float: left;
>-  padding: 4px;
>-  color: #999;
>-}
>-.nav_pages li a {
>-  text-decoration: none!important;
>-}
>-.nav_pages li a:hover {
>-  text-decoration: underline;
>-}
>-.nav_pages li ul {
>-  float: left;
>-}
>-/* action buttons */
>-#action {
>-  margin: .5em 0 0 0;
>-  background-color: #F3F3F3;
>-  border: 1px solid #E8E8E8;
>-  padding-bottom: 3px;
>-}
>-#action li {
>-  list-style: none;
>-  margin: .2em;
>-  padding: .3em 0;
>-}
>-#action a {
>-  font-weight: bold;
>-  text-decoration: none;
>-}
>-#export li,
>-#moresearches_menu li {
>-  padding: 0;
>-  margin: 0;
>-}
>-#export li a,
>-#moresearches_menu li a {
>-  font-weight: normal;
>-}
>-#export li a.menu-inactive,
>-#moresearches_menu li a.menu-inactive {
>-  font-weight: bold;
>-}
>-#format,
>-#furthersearches {
>-  padding-left: 35px;
>-}
>-.highlight_controls {
>-  float: left;
>-}
>-a.addtocart,
>-a.addtoshelf,
>-a.brief,
>-a.deleteshelf,
>-a.deleteshelf.disabled,
>-a.detail,
>-a.download,
>-a.editshelf,
>-a.empty,
>-a.hide,
>-a.highlight_toggle,
>-a.hold,
>-a.hold.disabled,
>-a.incart,
>-a.new,
>-a.print-small,
>-a.print-large,
>-a.removeitems,
>-a.removeitems.disabled,
>-a.reserve,
>-a.send,
>-a.tag_add,
>-a.removefromlist,
>-input.hold,
>-input.hold.disabled,
>-input.editshelf,
>-.newshelf,
>-.newshelf.disabled,
>-.deleteshelf {
>-  background-image: url("../images/sprite.png");
>-  background-repeat: no-repeat;
>-}
>-a.addtocart {
>-  background-position: -5px -265px;
>-  /* Cart */
>-
>-  padding-left: 35px;
>-}
>-a.addtoshelf {
>-  background-position: -5px -225px;
>-  /* Virtual shelf */
>-
>-  padding-left: 35px;
>-}
>-a.brief {
>-  background-position: -2px -868px;
>-  /* Zoom out */
>-
>-  text-decoration: none;
>-  padding-left: 27px;
>-}
>-a.cartRemove {
>-  color: #cc3333;
>-  font-size: 90%;
>-  margin: 0;
>-  padding: 0;
>-}
>-a.detail {
>-  background-position: -2px -898px;
>-  /* Zoom in */
>-
>-  text-decoration: none;
>-  padding-left: 27px;
>-}
>-a.download {
>-  background-position: -5px -348px;
>-  /* Download */
>-
>-  padding-left: 20px;
>-  text-decoration: none;
>-}
>-a.editshelf {
>-  background-position: 2px -348px;
>-  /* List edit */
>-
>-  padding-left: 26px;
>-  text-decoration: none;
>-}
>-a.empty {
>-  background-position: 2px -598px;
>-  /* Trash */
>-
>-  text-decoration: none;
>-  padding-left: 30px;
>-}
>-a.hide {
>-  background-position: -3px -814px;
>-  /* Close */
>-
>-  text-decoration: none;
>-  padding-left: 26px;
>-}
>-a.highlight_toggle {
>-  background-position: -5px -841px;
>-  /* Highlight */
>-
>-  display: none;
>-  padding-left: 35px;
>-}
>-a.hold,
>-input.hold {
>-  background-position: -2px -453px;
>-  /* Toolbar place hold */
>-
>-  text-decoration: none;
>-  padding-left: 23px;
>-}
>-a.hold.disabled,
>-input.hold.disabled {
>-  background-position: -5px -621px;
>-  /* Place hold disabled */
>-
>-}
>-a.incart {
>-  background-position: -5px -265px;
>-  /* Cart */
>-
>-  color: #666;
>-  padding-left: 35px;
>-}
>-a.new {
>-  background-image: url("../images/sprite.png");
>-  /* New */
>-
>-  background-position: -4px -922px;
>-  padding-left: 23px;
>-  text-decoration: none;
>-}
>-a.print-small {
>-  background-position: 0px -423px;
>-  /* Toolbar print */
>-
>-  text-decoration: none;
>-  padding-left: 30px;
>-}
>-a.print-large {
>-  background-position: -5px -186px;
>-  /* Toolbar print */
>-
>-  text-decoration: none;
>-  padding-left: 35px;
>-}
>-a.removeitems,
>-a.deleteshelf {
>-  background-position: 2px -690px;
>-  /* Delete */
>-
>-  text-decoration: none;
>-  padding-left: 25px;
>-}
>-a.removeitems.disabled,
>-a.deleteshelf.disabled {
>-  background-position: 2px -712px;
>-  /* Delete disabled */
>-
>-}
>-a.reserve {
>-  background-position: -6px -144px;
>-  /* Place hold */
>-
>-  padding-left: 35px;
>-}
>-a.send {
>-  background-position: 2px -386px;
>-  /* Email */
>-
>-  text-decoration: none;
>-  padding-left: 28px;
>-}
>-a.tag_add {
>-  background-position: 3px -1111px;
>-  /* Tag results */
>-
>-  padding-left: 27px;
>-  text-decoration: none;
>-}
>-input.hold {
>-  background-color: transparent;
>-  border: 0;
>-  color: #0076B2;
>-  font-weight: bold;
>-}
>-input.editshelf {
>-  background-color: transparent;
>-  background-position: 2px -736px;
>-  /* List edit */
>-
>-  border: 0;
>-  color: #006699;
>-  cursor: pointer;
>-  filter: none;
>-  font-size: 100%;
>-  padding-left: 29px;
>-  text-decoration: none;
>-}
>-.newshelf {
>-  background-position: 2px -764px;
>-  /* List new */
>-
>-  border: 0;
>-  color: #006699;
>-  cursor: pointer;
>-  filter: none;
>-  font-size: 100%;
>-  padding-left: 28px;
>-  text-decoration: none;
>-}
>-.newshelf.disabled {
>-  background-position: -4px -791px;
>-  /* List new disabled */
>-
>-}
>-.deleteshelf {
>-  background-color: transparent;
>-  background-position: 2px -690px;
>-  /* Delete */
>-
>-  border: 0;
>-  color: #006699;
>-  cursor: pointer;
>-  filter: none;
>-  font-size: 100%;
>-  padding-left: 25px;
>-  text-decoration: none;
>-}
>-.links a {
>-  font-weight: bold;
>-}
>-.deleteshelf:hover {
>-  color: #990033;
>-}
>-.editshelf:active,
>-.deleteshelf:active {
>-  border: 0;
>-}
>-#tagslist li {
>-  display: inline;
>-}
>-#login4tags {
>-  background-image: url("../images/sprite.png");
>-  /* Tag results disabled */
>-
>-  background-position: -6px -1130px;
>-  background-repeat: no-repeat;
>-  padding-left: 20px;
>-  text-decoration: none;
>-}
>-.tag_results_input {
>-  margin-left: 1em;
>-  padding: 0.3em;
>-  font-size: 12px;
>-}
>-.tag_results_input input[type="text"] {
>-  font-size: inherit;
>-  margin: 0;
>-  padding: 0;
>-}
>-.tag_results_input label {
>-  display: inline;
>-}
>-.tagsinput input[type="text"] {
>-  font-size: inherit;
>-  margin: 0;
>-  padding: 0;
>-}
>-.tagsinput label {
>-  display: inline;
>-}
>-.branch-info-tooltip {
>-  display: none;
>-}
>-#social_networks a {
>-  background: transparent url("../images/social-sprite.png") no-repeat;
>-  display: block;
>-  height: 20px !important;
>-  width: 20px;
>-  text-indent: -999em;
>-}
>-#social_networks span {
>-  color: #274D7F;
>-  display: block;
>-  float: left;
>-  font-size: 85%;
>-  font-weight: bold;
>-  line-height: 2em;
>-  margin: .5em 0 .5em .5em !important;
>-}
>-#social_networks div {
>-  float: left !important;
>-  margin: .5em 0 .5em .2em !important;
>-}
>-#social_networks #facebook {
>-  background-position: -7px -35px;
>-}
>-#social_networks #twitter {
>-  background-position: -7px -5px;
>-}
>-#social_networks #linkedin {
>-  background-position: -7px -95px;
>-}
>-#social_networks #delicious {
>-  background-position: -7px -66px;
>-}
>-#social_networks #email {
>-  background-position: -7px -126px;
>-}
>-#marc td,
>-#marc th {
>-  background-color: transparent;
>-  border: 0;
>-  padding: 3px 5px;
>-  text-align: left;
>-}
>-#marc td:first-child {
>-  text-indent: 2em;
>-}
>-#marc p {
>-  padding-bottom: .6em;
>-}
>-#marc p .label {
>-  font-weight: bold;
>-}
>-#marc ul {
>-  padding-bottom: .6em;
>-}
>-#marc .results_summary {
>-  clear: left;
>-}
>-#marc .results_summary ul {
>-  display: inline;
>-  float: none;
>-  clear: none;
>-  margin: 0;
>-  padding: 0;
>-  list-style: none;
>-}
>-#marc .results_summary li {
>-  display: inline;
>-}
>-#items,
>-#items td #items th {
>-  border: 1px solid #EEE;
>-  font-size: 90%;
>-}
>-#plainmarc table {
>-  border: 0;
>-  margin: .7em 0 0 0;
>-  font-family: monospace;
>-  font-size: 95%;
>-}
>-#plainmarc th {
>-  background-color: #FFF;
>-  border: 0;
>-  white-space: nowrap;
>-  text-align: left;
>-  vertical-align: top;
>-  padding: 2px;
>-}
>-#plainmarc td {
>-  border: 0;
>-  padding: 2px;
>-  vertical-align: top;
>-}
>-#renewcontrols {
>-  float: right;
>-  font-size: 66%;
>-}
>-#renewcontrols a {
>-  background-repeat: no-repeat;
>-  text-decoration: none;
>-  padding: .1em .4em;
>-  padding-left: 18px;
>-}
>-#renewselected_link {
>-  background-image: url("../images/sprite.png");
>-  background-position: -5px -986px;
>-  background-repeat: no-repeat;
>-}
>-#renewall_link {
>-  background-image: url("../images/sprite.png");
>-  background-position: -8px -967px;
>-  background-repeat: no-repeat;
>-}
>-.authref {
>-  text-indent: 2em;
>-}
>-.authref .label {
>-  font-style: italic;
>-}
>-.authstanza {
>-  margin-top: 1em;
>-}
>-.authstanzaheading {
>-  font-weight: bold;
>-}
>-.authorizedheading {
>-  font-weight: bold;
>-}
>-.authstanza li {
>-  margin-left: 0.5em;
>-}
>-.authres_notes,
>-.authres_seealso,
>-.authres_otherscript {
>-  padding-top: .5em;
>-}
>-.authres_notes {
>-  font-style: italic;
>-}
>-#didyoumean {
>-  background-color: #EEE;
>-  border: 1px solid #E8E8E8;
>-  margin: 0 0 0.5em;
>-  text-align: left;
>-  padding: 0.5em;
>-  -webkit-border-radius: 3px;
>-  -moz-border-radius: 3px;
>-  border-radius: 3px;
>-}
>-.suggestionlabel {
>-  font-weight: bold;
>-}
>-.searchsuggestion {
>-  padding: 0.2em 0.5em;
>-  white-space: nowrap;
>-  display: inline-block;
>-}
>-.authlink {
>-  padding-left: 0.25em;
>-}
>-#hierarchies a {
>-  font-weight: normal;
>-  text-decoration: underline;
>-  color: #069;
>-}
>-#hierarchies a:hover {
>-  color: #990033;
>-}
>-#top-pages {
>-  margin: 0 0 0.5em;
>-}
>-.dropdown-menu > li > a {
>-  font-size: 90%;
>-}
>-a.listmenulink:link,
>-a.listmenulink:visited {
>-  color: #0076B2;
>-  font-weight: bold;
>-}
>-a.listmenulink:hover,
>-a.listmenulink:active {
>-  color: #FFF;
>-  font-weight: bold;
>-}
>-#cartDetails,
>-#cartUpdate,
>-#holdDetails,
>-#listsDetails {
>-  background-color: #FFF;
>-  border: 1px solid rgba(0, 0, 0, 0.2);
>-  border-radius: 6px 6px 6px 6px;
>-  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
>-  color: black;
>-  display: none;
>-  font-size: 90%;
>-  margin: 0;
>-  padding: 8px 20px;
>-  text-align: center;
>-  width: 180px;
>-  z-index: 2;
>-}
>-#cartmenulink {
>-  white-space: nowrap;
>-}
>-#search-facets,
>-#menu {
>-  border: 1px solid #D2D2CF;
>-  -webkit-border-radius: 7px;
>-  -moz-border-radius: 7px;
>-  border-radius: 7px;
>-}
>-#search-facets ul,
>-#menu ul {
>-  margin: 0;
>-  padding: .3em;
>-}
>-#search-facets form,
>-#menu form {
>-  margin: 0;
>-}
>-#search-facets h4,
>-#menu h4 {
>-  font-size: 90%;
>-  margin: 0 0 .6em 0;
>-  text-align: center;
>-}
>-#search-facets h4 a,
>-#menu h4 a {
>-  background-color: #F2F2EF;
>-  border-radius: 8px 8px 0 0;
>-  border-bottom: 1px solid #D8D8D8;
>-  display: block;
>-  font-weight: bold;
>-  padding: .7em .2em;
>-  text-decoration: none;
>-}
>-#search-facets li,
>-#menu li {
>-  font-size: 90%;
>-  font-weight: bold;
>-  list-style-type: none;
>-}
>-#search-facets li li,
>-#menu li li {
>-  font-weight: normal;
>-  font-size: 95%;
>-  line-height: 125%;
>-  margin-bottom: 2px;
>-  padding: .1em .2em;
>-}
>-#search-facets li.showmore a,
>-#menu li.showmore a {
>-  font-weight: bold;
>-  text-indent: 1em;
>-}
>-#search-facets a,
>-#menu a {
>-  font-weight: normal;
>-  text-decoration: underline;
>-}
>-#menu {
>-  font-size: 94%;
>-}
>-#menu li {
>-  list-style-type: none;
>-}
>-#menu li a {
>-  background: #eeeeee;
>-  text-decoration: none;
>-  display: block;
>-  border: 1px solid #D8D8D8;
>-  border-radius: 5px 0 0 5px;
>-  border-bottom-color: #999;
>-  font-size: 111%;
>-  padding: .4em .6em;
>-  margin: .4em 0;
>-  margin-right: -1px;
>-}
>-#menu li a:hover {
>-  background: #eaeef5;
>-}
>-#menu li.active a {
>-  background-color: #FFF;
>-  background-image: none;
>-  border-right-width: 0;
>-  font-weight: bold;
>-}
>-#menu li.active a:hover {
>-  background-color: #fff;
>-}
>-#menu h4 {
>-  display: none;
>-}
>-#addto {
>-  max-width: 10em;
>-}
>-/* Search results add to cart (lists disabled) */
>-.addto a.addtocart {
>-  background-image: url("../images/sprite.png");
>-  /* Cart */
>-
>-  background-position: -5px -266px;
>-  background-repeat: no-repeat;
>-  text-decoration: none;
>-  padding-left: 33px;
>-}
>-.searchresults p {
>-  margin: 0;
>-  padding: 0 0 .6em 0;
>-}
>-.searchresults p.details {
>-  color: #979797;
>-}
>-.searchresults a.highlight_toggle {
>-  background-image: url("../images/sprite.png");
>-  /* Highlight */
>-
>-  background-position: -11px -841px;
>-  background-repeat: no-repeat;
>-  display: none;
>-  font-weight: normal;
>-  padding: 0 10px 0 21px;
>-}
>-.searchresults .commentline {
>-  background-color: #ffffcc;
>-  background-color: rgba(255, 255, 204, 0.4);
>-  border: 1px solid #CCC;
>-  display: inline-block;
>-  -webkit-border-radius: 3px;
>-  -moz-border-radius: 3px;
>-  border-radius: 3px;
>-  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  margin: .3em;
>-  padding: .4em;
>-}
>-.searchresults .commentline.yours {
>-  background-color: #effed5;
>-  background-color: rgba(239, 254, 213, 0.4);
>-}
>-.commentline .avatar {
>-  float: right;
>-  padding-left: .5em;
>-}
>-/* style for search terms in catalogsearch */
>-.term {
>-  /* color : blue; */
>-
>-  color: #990000;
>-  background-color: #FFFFCC;
>-}
>-/* style for shelving location in catalogsearch */
>-.shelvingloc {
>-  display: block;
>-  font-style: italic;
>-}
>-#CheckAll,
>-#CheckNone {
>-  font-weight: normal;
>-  margin: 0 .5em;
>-  text-decoration: underline;
>-}
>-span.sep {
>-  color: #888;
>-  padding: 0 .2em 0 .5em;
>-  text-shadow: 1px 1px 0 #FFF;
>-}
>-/* style for PM-generated pagination bar */
>-.pages span:first-child,
>-.pages a:first-child {
>-  border-width: 1px 1px 1px 1px;
>-  border-bottom-left-radius: 3px;
>-  border-top-left-radius: 3px;
>-}
>-.pages span:last-child,
>-.pages a:last-child {
>-  border-width: 1px 1px 1px 0;
>-  border-bottom-right-radius: 3px;
>-  border-top-right-radius: 3px;
>-}
>-.pages .inactive,
>-.pages .currentPage,
>-.pages a {
>-  -moz-border-bottom-colors: none;
>-  -moz-border-left-colors: none;
>-  -moz-border-right-colors: none;
>-  -moz-border-top-colors: none;
>-  background-color: #FFFFFF;
>-  border-color: #DDDDDD;
>-  border-image: none;
>-  border-style: solid;
>-  border-width: 1px 1px 1px 0;
>-  float: left;
>-  font-size: 11.9px;
>-  line-height: 20px;
>-  padding: 4px 12px;
>-  text-decoration: none;
>-}
>-.pages .inactive {
>-  background-color: #F5F5F5;
>-}
>-.pages a[rel='last'] {
>-  border-bottom-right-radius: 3px;
>-  border-top-right-radius: 3px;
>-}
>-.hold-message {
>-  background-color: #FFF0B1;
>-  display: inline-block;
>-  margin: 0.5em;
>-  padding: 0.2em 0.5em;
>-  -webkit-border-radius: 3px;
>-  -moz-border-radius: 3px;
>-  border-radius: 3px;
>-}
>-.reserve_date,
>-.expiration_date {
>-  white-space: nowrap;
>-}
>-.close {
>-  color: #0088CC;
>-  position: inherit;
>-  top: auto;
>-  right: auto;
>-  filter: none;
>-  float: none;
>-  font-size: inherit;
>-  font-weight: normal;
>-  opacity: inherit;
>-  text-shadow: none;
>-}
>-.close:hover {
>-  color: #538200;
>-  filter: inherit;
>-  font-size: inherit;
>-  opacity: inherit;
>-}
>-/* Redefine a new style for Bootstrap's class "close" since we use that already */
>-/* Use <a class="closebtn" href="#">&times;</a> */
>-.alert .closebtn {
>-  position: relative;
>-  top: -2px;
>-  right: -21px;
>-  line-height: 20px;
>-}
>-.modal-header .closebtn {
>-  margin-top: 2px;
>-}
>-.closebtn {
>-  float: right;
>-  font-size: 20px;
>-  font-weight: bold;
>-  line-height: 20px;
>-  color: #000000;
>-  text-shadow: 0 1px 0 #ffffff;
>-  opacity: 0.2;
>-  filter: alpha(opacity=20);
>-}
>-.closebtn:hover {
>-  color: #000000;
>-  text-decoration: none;
>-  cursor: pointer;
>-  opacity: 0.4;
>-  filter: alpha(opacity=40);
>-}
>-button.closebtn {
>-  padding: 0;
>-  cursor: pointer;
>-  background: transparent;
>-  border: 0;
>-  -webkit-appearance: none;
>-}
>-.btn-group label,
>-.btn-group select {
>-  font-size: 13px;
>-}
>-.span2 select {
>-  width: 100%;
>-}
>-.popup .main {
>-  font-size: 90%;
>-  padding: 0 1em;
>-}
>-.popup legend {
>-  line-height: 1.5em;
>-  margin-bottom: .5em;
>-}
>-.available {
>-  color: #006600;
>-}
>-.waiting,
>-.intransit,
>-.notforloan,
>-.checkedout,
>-.lost,
>-.notonhold {
>-  display: block;
>-}
>-.notforloan {
>-  color: #900;
>-}
>-.lost {
>-  color: #666;
>-}
>-.suggestion {
>-  background-color: #EEEEEB;
>-  border: 1px solid #DDDED3;
>-  margin: 1em auto;
>-  padding: .5em;
>-  width: 35%;
>-  -webkit-border-radius: 3px;
>-  -moz-border-radius: 3px;
>-  border-radius: 3px;
>-}
>-.librarypulldown .transl1 {
>-  width: auto;
>-}
>-.nolibrarypulldown {
>-  width: 68%;
>-}
>-.nolibrarypulldown .transl1 {
>-  width: 87%;
>-}
>-#opac-main-search select {
>-  width: auto;
>-  max-width: 12em;
>-}
>-#logo {
>-  background: transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
>-  border: 0;
>-  float: left !important;
>-  margin: 0;
>-  padding: 0;
>-  width: 100px;
>-}
>-#logo a {
>-  border: 0;
>-  cursor: pointer;
>-  display: block;
>-  height: 0px !important;
>-  margin: 0;
>-  overflow: hidden;
>-  padding: 40px 0 0;
>-  text-decoration: none;
>-  width: 100px;
>-}
>-#user-menu-trigger {
>-  display: none;
>-}
>-#user-menu-trigger .icon-user {
>-  background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
>-  background-position: -168px 0;
>-  background-repeat: no-repeat;
>-  height: 14px;
>-  line-height: 14px;
>-  margin: 12px 0 0;
>-  vertical-align: text-top;
>-  width: 14px;
>-}
>-#user-menu-trigger .caret {
>-  border-bottom-color: #999999;
>-  border-top-color: #999999;
>-  margin-top: 18px;
>-}
>-/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
>-.floating {
>-  -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.4);
>-  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.4);
>-  margin-top: 0;
>-}
>-.tdlabel {
>-  font-weight: bold;
>-  display: none;
>-}
>-td img {
>-  max-width: none;
>-}
>-#ulactioncontainer {
>-  min-width: 16em;
>-}
>-.notesrow label {
>-  font-weight: bold;
>-}
>-.notesrow span {
>-  display: block;
>-}
>-.thumbnail-shelfbrowser span {
>-  margin: 0px auto;
>-}
>-.dropdown-menu > li > a.menu-inactive:hover {
>-  background: #FFF none;
>-  color: #000;
>-}
>-.table .sorting_asc {
>-  padding-right: 19px;
>-  background: url("../images/asc.gif") no-repeat scroll right center #ecede6;
>-}
>-.table .sorting_desc {
>-  padding-right: 19px;
>-  background: url("../images/desc.gif") no-repeat scroll right center #ecede6;
>-}
>-.table .sorting {
>-  padding-right: 19px;
>-  background: url("../images/ascdesc.gif") no-repeat scroll right center #ecede6;
>-}
>-.table .nosort,
>-.table .nosort.sorting_asc,
>-.table .nosort.sorting_desc,
>-.table .nosort.sorting {
>-  padding-right: 19px;
>-  background: #ECEDE6 none;
>-}
>-.tags ul {
>-  display: inline;
>-  list-style: none;
>-  margin-left: 0;
>-}
>-.tags ul li {
>-  display: inline;
>-}
>-.coverimages {
>-  float: right;
>-}
>-#i18nMenu {
>-  margin-left: 1em;
>-}
>-#i18nMenu li {
>-  font-size: 85%;
>-}
>-#i18nMenu li li {
>-  font-size: 100%;
>-}
>-#i18nMenu li li > a {
>-  font-size: 100%;
>-}
>-#i18nMenu li li > a:hover {
>-  color: #FFF;
>-}
>-#i18nMenu li a {
>-  color: #0076b2;
>-}
>-#i18nMenu .dropdown-menu li p {
>-  clear: both;
>-  display: block;
>-  font-weight: normal;
>-  line-height: 20px;
>-  padding: 3px 20px;
>-  white-space: nowrap;
>-}
>-#subjectsList label,
>-#authorSearch label {
>-  display: inline;
>-  vertical-align: middle;
>-}
>-#subjectsList ul,
>-#authorSearch ul {
>-  border-bottom: 1px solid #EEE;
>-  list-style-type: none;
>-  margin: 0;
>-  padding: .6em 0;
>-}
>-#subjectsList li,
>-#authorSearch li {
>-  list-style-type: none;
>-  margin: 0;
>-  padding: 0;
>-}
>-#overdrive-results {
>-  font-weight: bold;
>-  padding-left: 1em;
>-}
>-.throbber {
>-  vertical-align: middle;
>-}
>-#overdrive-results-list .star-rating-control {
>-  display: block;
>-  overflow: auto;
>-}
>-#shelfbrowser table {
>-  margin: 0;
>-}
>-#shelfbrowser table,
>-#shelfbrowser td,
>-#shelfbrowser th {
>-  border: 0;
>-  font-size: 90%;
>-  text-align: center;
>-}
>-#shelfbrowser td,
>-#shelfbrowser th {
>-  padding: 3px 5px;
>-  width: 20%;
>-}
>-#shelfbrowser a {
>-  display: block;
>-  font-size: 110%;
>-  font-weight: bold;
>-  text-decoration: none;
>-}
>-#shelfbrowser #browser_next,
>-#shelfbrowser #browser_previous {
>-  background-image: url("../images/sprite.png");
>-  background-repeat: no-repeat;
>-  width: 16px;
>-}
>-#shelfbrowser #browser_next a,
>-#shelfbrowser #browser_previous a {
>-  cursor: pointer;
>-  display: block;
>-  height: 0 !important;
>-  margin: 0;
>-  overflow: hidden;
>-  padding: 50px 0 0;
>-  text-decoration: none;
>-  width: 16px;
>-}
>-#shelfbrowser #browser_previous {
>-  background-position: -9px -1007px;
>-}
>-#shelfbrowser #browser_next {
>-  background-position: -9px -1057px;
>-}
>-#holds {
>-  margin: 0 auto;
>-  max-width: 800px;
>-}
>-.holdrow {
>-  clear: both;
>-  padding: 0 1em 1em 1em;
>-  border-bottom: 1px solid #CCC;
>-  margin-bottom: .5em;
>-}
>-.holdrow fieldset {
>-  border: 0;
>-  margin: 0;
>-  float: none;
>-}
>-.holdrow fieldset .label {
>-  font-size: 14px;
>-}
>-.holdrow label {
>-  display: inline;
>-}
>-.hold-options {
>-  clear: both;
>-}
>-.toggle-hold-options {
>-  background-color: #eee;
>-  clear: both;
>-  display: block;
>-  font-weight: bold;
>-  margin: 1em 0;
>-  padding: .5em;
>-}
>-.copiesrow {
>-  clear: both;
>-}
>-#idreambooksreadometer {
>-  float: right;
>-}
>-a.idreambooksrating {
>-  font-size: 30px;
>-  color: #29ADE4;
>-  padding-left: 85px;
>-  line-height: 30px;
>-  text-decoration: none;
>-}
>-.idreambookslegend {
>-  font-size: small;
>-}
>-a.reviewlink,
>-a.reviewlink:visited {
>-  text-decoration: none;
>-  color: black;
>-  font-weight: normal;
>-}
>-.idreambookssummary a {
>-  color: #707070;
>-  text-decoration: none;
>-}
>-.idreambookssummary img,
>-.idbresult img {
>-  vertical-align: middle;
>-}
>-.idbresult {
>-  color: #29ADE4;
>-  text-align: center;
>-  margin: 0.5em;
>-  padding: 0.5em;
>-}
>-.idbresult a,
>-.idbresult a:visited {
>-  text-decoration: none;
>-  color: #29ADE4;
>-}
>-.idbresult img {
>-  padding-right: 6px;
>-}
>-.shadowed {
>-  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
>-}
>-@media only screen and (min-width: 0px) and (max-width: 304px) {
>-  /* Screens bewteen 0 and 304 pixels wide */
>-  #oh:after {
>-    content: "(min-width: 0px) and (max-width: 304px)";
>-  }
>-  input,
>-  select,
>-  textarea {
>-    width: auto;
>-    max-width: 11em;
>-  }
>-}
>-@media only screen and (min-width: 0px) and (max-width: 390px) {
>-  /* Screens bewteen 0 and 390 pixels wide */
>-  #oh:after {
>-    content: "(min-width: 0px) and (max-width: 390px)";
>-  }
>-  .ui-tabs .ui-tabs-nav li a,
>-  .statictabs li a {
>-    padding: .1em .5em;
>-  }
>-  #views {
>-    border: 0;
>-    padding: 0;
>-    margin: 0;
>-  }
>-  .view {
>-    padding: 0;
>-  }
>-  .view a,
>-  .view span {
>-    border: 1px solid #C9C9C9;
>-    -webkit-border-radius: 4px;
>-    -moz-border-radius: 4px;
>-    border-radius: 4px;
>-    font-size: 80%;
>-    padding: 0.3em 0.4em 4px 26px;
>-  }
>-  .input-fluid {
>-    width: 90%;
>-  }
>-}
>-@media only screen and (min-width: 305px) and (max-width: 341px) {
>-  /* Screens bewteen 305 and 341 pixels wide */
>-  #oh:after {
>-    content: "(min-width: 305px) and (max-width: 341px)";
>-  }
>-}
>-@media only screen and (min-width: 342px) and (max-width: 479px) {
>-  /* Screens bewteen 342 and 479 pixels wide */
>-  #oh:after {
>-    content: "(min-width: 342px) and (max-width: 479px)";
>-  }
>-  .input-fluid {
>-    width: 75%;
>-  }
>-}
>-/* Override Bootstrap Responsive CSS fixed navbar */
>-@media (max-width: 979px) {
>-  .navbar-fixed-top,
>-  .navbar-fixed-bottom {
>-    position: fixed;
>-    margin-left: 0px;
>-    margin-right: 0px;
>-  }
>-}
>-@media only screen and (max-width: 608px) {
>-  /* Screens below 608 pixels wide */
>-  fieldset.rows label {
>-    display: block;
>-    float: none;
>-    text-align: left;
>-  }
>-  fieldset.rows li {
>-    padding-bottom: .5em;
>-  }
>-  fieldset.rows ol {
>-    margin-left: 0;
>-  }
>-  body {
>-    padding: 0;
>-  }
>-  .tdlabel {
>-    display: inline;
>-  }
>-  .navbar-fixed-top,
>-  .navbar-static-top {
>-    margin: 0;
>-  }
>-  .navbar-inner {
>-    padding: 0;
>-  }
>-  .checkall,
>-  .clearall,
>-  .highlight_controls,
>-  #selections-toolbar,
>-  .selectcol,
>-  .list-actions,
>-  #remove-selected {
>-    display: none;
>-  }
>-  .table td.bibliocol {
>-    padding-left: 1.3em;
>-  }
>-  .actions {
>-    display: block;
>-  }
>-  .actions a,
>-  .actions #login4tags {
>-    background-color: #F2F2EF;
>-    border: 1px solid #DDD;
>-    -webkit-border-radius: 4px;
>-    -moz-border-radius: 4px;
>-    border-radius: 4px;
>-    font-weight: bold;
>-    display: block;
>-    font-size: 120%;
>-    margin: 2px 0;
>-  }
>-  .actions .label {
>-    display: block;
>-    font-weight: bold;
>-  }
>-  .actions #login4tags {
>-    margin-right: 1em;
>-  }
>-  #opac-main-search button,
>-  #opac-main-search input,
>-  #opac-main-search select,
>-  #opac-main-search .librarypulldown .transl1,
>-  #opac-main-search .input-append {
>-    display: block;
>-    width: 97%;
>-    max-width: 100%;
>-    margin: .5em 0;
>-    -webkit-border-radius: 5px;
>-    -moz-border-radius: 5px;
>-    border-radius: 5px;
>-  }
>-  #opac-main-search .input-append {
>-    margin: 0;
>-    width: 100%;
>-  }
>-  #opac-main-search .librarypulldown .transl1 {
>-    width: 94.5%;
>-  }
>-  #toolbar .resort {
>-    font-size: 14px;
>-    max-width: 100%;
>-    margin: .5em 0;
>-    padding: 4px 6px;
>-    -webkit-border-radius: 5px;
>-    -moz-border-radius: 5px;
>-    border-radius: 5px;
>-  }
>-  .mastheadsearch {
>-    margin: 0;
>-    -webkit-border-radius: 0px;
>-    -moz-border-radius: 0px;
>-    border-radius: 0px;
>-  }
>-  .main {
>-    margin: .5em 0;
>-    padding: 15px;
>-    -webkit-border-radius: 0px;
>-    -moz-border-radius: 0px;
>-    border-radius: 0px;
>-  }
>-  .breadcrumb {
>-    margin: 10px 0;
>-  }
>-  #moresearches {
>-    text-align: center;
>-  }
>-  #searchsubmit {
>-    font-weight: bold;
>-  }
>-  .ui-tabs-panel .item-thumbnail,
>-  .tabs-container .item-thumbnail,
>-  #topissues .item-thumbnail,
>-  #usertags .item-thumbnail,
>-  #usersuggestions .item-thumbnail {
>-    margin: .5em 0 0 .5em;
>-  }
>-  .ui-tabs-panel .table-bordered,
>-  .tabs-container .table-bordered,
>-  #topissues .table-bordered,
>-  #usertags .table-bordered,
>-  #usersuggestions .table-bordered {
>-    border: none;
>-  }
>-  .ui-tabs-panel .table th,
>-  .tabs-container .table th,
>-  #topissues .table th,
>-  #usertags .table th,
>-  #usersuggestions .table th,
>-  .ui-tabs-panel .table thead,
>-  .tabs-container .table thead,
>-  #topissues .table thead,
>-  #usertags .table thead,
>-  #usersuggestions .table thead {
>-    display: none;
>-  }
>-  .ui-tabs-panel .table td,
>-  .tabs-container .table td,
>-  #topissues .table td,
>-  #usertags .table td,
>-  #usersuggestions .table td {
>-    border-right: 1px solid #dddddd;
>-    border-left: 1px solid #dddddd;
>-    border-top: 0;
>-    display: block;
>-    padding: .2em;
>-  }
>-  .ui-tabs-panel .table p,
>-  .tabs-container .table p,
>-  #topissues .table p,
>-  #usertags .table p,
>-  #usersuggestions .table p {
>-    margin-bottom: 2px;
>-  }
>-  .ui-tabs-panel tr,
>-  .tabs-container tr,
>-  #topissues tr,
>-  #usertags tr,
>-  #usersuggestions tr {
>-    display: block;
>-    margin-bottom: .6em;
>-  }
>-  .ui-tabs-panel tr td:first-child,
>-  .tabs-container tr td:first-child,
>-  #topissues tr td:first-child,
>-  #usertags tr td:first-child,
>-  #usersuggestions tr td:first-child {
>-    border-top: 1px solid #dddddd;
>-    border-radius: 5px 5px 0 0;
>-  }
>-  .ui-tabs-panel tr td:last-child,
>-  .tabs-container tr td:last-child,
>-  #topissues tr td:last-child,
>-  #usertags tr td:last-child,
>-  #usersuggestions tr td:last-child {
>-    border-radius: 0 0 5px 5px;
>-    border-bottom: 2px solid #CACACA;
>-  }
>-  .no-image {
>-    display: none;
>-  }
>-}
>-@media only screen and (max-width: 700px) {
>-  /* Screens below 700 pixels wide */
>-  #opac-main-search label {
>-    display: none;
>-  }
>-  #logo {
>-    background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
>-    background-position: 0 -24px;
>-    margin: 14px 14px 0 14px;
>-    width: 14px;
>-  }
>-  #logo a {
>-    padding: 14px 0 0;
>-    width: 14px;
>-  }
>-  #user-menu-trigger {
>-    display: inline;
>-    margin-right: 12px;
>-  }
>-  #members {
>-    display: none;
>-    clear: both;
>-  }
>-  #members li {
>-    padding-right: 20px;
>-    text-align: right;
>-    border-bottom: 1px solid #555;
>-  }
>-  #members li:first-child {
>-    border-top: 1px solid #555;
>-  }
>-  #members li:last-child {
>-    border-bottom: none;
>-  }
>-  #members .nav {
>-    float: none;
>-  }
>-  #members .nav.pull-right {
>-    float: none;
>-  }
>-  #members .nav > li {
>-    float: none;
>-  }
>-  #members .divider-vertical {
>-    border: 0;
>-    height: 0;
>-    margin: 0;
>-  }
>-}
>-@media only screen and (min-width: 480px) and (max-width: 608px) {
>-  /* Screens between 480 and 608 pixels wide */
>-  #oh:after {
>-    content: " Between 480 pixels and 608 pixels. ";
>-  }
>-  .input-fluid {
>-    width: 75%;
>-  }
>-}
>-@media only screen and (min-width: 608px) and (max-width: 767px) {
>-  /* Screens between 608 and 767 pixels wide */
>-  #oh:after {
>-    content: " Between 608 pixels and 767 pixels. ";
>-  }
>-  .main {
>-    padding: 0.8em 20px;
>-  }
>-  .breadcrumb {
>-    margin: 10px 0;
>-  }
>-  .navbar-static-bottom {
>-    margin-left: -20px;
>-    margin-right: -20px;
>-  }
>-}
>-@media only screen and (max-width: 767px) {
>-  /* Screens below 767 pixels wide */
>-  a.title {
>-    font-size: 120%;
>-  }
>-  #userresults {
>-    margin: 0 -20px;
>-  }
>-  .breadcrumb,
>-  #top-pages,
>-  .menu-collapse {
>-    display: none;
>-  }
>-  #search-facets,
>-  #menu {
>-    margin-bottom: .5em;
>-  }
>-  #search-facets h4,
>-  #menu h4 {
>-    display: block;
>-    margin: 0;
>-    padding: 0;
>-  }
>-  #search-facets h4 a,
>-  #menu h4 a {
>-    -webkit-border-radius: 7px;
>-    -moz-border-radius: 7px;
>-    border-radius: 7px;
>-    border-bottom: 0;
>-    font-weight: normal;
>-    padding: .7em .2em;
>-  }
>-  #search-facets ul,
>-  #menu ul {
>-    padding: 0;
>-  }
>-  #menu li a {
>-    -webkit-border-radius: 0px;
>-    -moz-border-radius: 0px;
>-    border-radius: 0px;
>-    border: 0;
>-    display: block;
>-    font-size: 120%;
>-    text-decoration: none;
>-    border-bottom: 1px solid #D8D8D8;
>-    margin: 0;
>-  }
>-  #menu li.active a {
>-    border-top: 1px solid #D8D8D8;
>-    border-right-width: 1px;
>-  }
>-  #menu li:last-child a {
>-    -webkit-border-radius: 0 0 7px 7px;
>-    -moz-border-radius: 0 0 7px 7px;
>-    border-radius: 0 0 7px 7px;
>-  }
>-  #search-facets li {
>-    padding: .4em;
>-  }
>-  #search-facets h5 {
>-    margin: .2em;
>-  }
>-  #menu h4 a.menu-open,
>-  #search-facets h4 a.menu-open {
>-    -webkit-border-radius: 7px 7px 0 0;
>-    -moz-border-radius: 7px 7px 0 0;
>-    border-radius: 7px 7px 0 0;
>-    border-bottom: 1px solid #D8D8D8;
>-  }
>-}
>-@media only screen and (max-width: 800px) {
>-  /* Screens below 800 pixels wide */
>-  .cartlabel,
>-  .listslabel {
>-    display: none;
>-  }
>-  .navbar .divider-vertical {
>-    margin: 0 2px;
>-  }
>-  .navbar #members .divider-vertical {
>-    margin: 0 9px;
>-  }
>-}
>-@media only screen and (min-width: 768px) {
>-  /* Screens above 768 pixels wide */
>-  .main {
>-    margin-left: 20px;
>-    margin-right: 20px;
>-  }
>-  #menu {
>-    border: 0;
>-    -webkit-border-radius: 0px;
>-    -moz-border-radius: 0px;
>-    border-radius: 0px;
>-    border-right: 1px solid #D8D8D8;
>-  }
>-  #menu h4 {
>-    display: none;
>-  }
>-  #menu ul {
>-    padding: 1em 0 1em 0;
>-  }
>-}
>-@media only screen and (min-width: 768px) and (max-width: 984px) {
>-  /* Screens between 768 and 984 pixels wide */
>-  #oh:after {
>-    content: " Between 768 and 984 pixels. ";
>-  }
>-  .librarypulldown .transl1 {
>-    width: 38%;
>-  }
>-}
>-@media only screen and (max-width: 984px) {
>-  /* Screens up to 984 pixels wide */
>-}
>-@media only screen and (min-width: 984px) {
>-  /* Screens above 969 pixels wide */
>-  #oh:after {
>-    content: " Above 984 pixels. ";
>-  }
>-  .librarypulldown .transl1 {
>-    width: 53%;
>-  }
>-}
>-@media only screen and (max-width: 1040px) {
>-  .pg_menu li a {
>-    float: none;
>-    text-align: left;
>-  }
>-  .pg_menu li.back_results a {
>-    border: 1px solid #D0D0D0;
>-    border-width: 1px 0 1px 0;
>-  }
>-  #ulactioncontainer {
>-    min-width: 0;
>-  }
>-}
>+.shadowed{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}body{background-color:#eaeae6}html,body{height:100%}.no-js .dateformat{display:inline;white-space:nowrap}.no-js .modal-body{padding:0}.js .dateformat{display:none}#wrap{min-height:100%;height:auto!important;height:100%}.popup{padding-left:0;padding-right:0}a{color:#0076b2}a.cancel{padding-left:1em}a:visited{color:#0076b2}a.title{font-weight:bold;font-size:108%}a.btn-primary:visited{color:#FFF}.ui-widget-content a,.ui-widget-content a:visited{color:#0076b2}h1{font-size:140%;line-height:150%}h1#libraryname{background:transparent url(../images/logo-koha.png) no-repeat scroll 0;border:0;float:left!important;margin:0;padding:0;width:120px}h1#libraryname a{border:0;cursor:pointer;display:block;height:0!important;margin:0;overflow:hidden;padding:40px 0 0;text-decoration:none;width:120px}h2{font-size:130%;line-height:150%}h3{font-size:120%;line-height:150%}h4{font-size:110%}h5{font-size:100%}caption{font-size:120%;font-weight:bold;margin:0;text-align:left}input,textarea{width:auto}.input-fluid{width:50%}legend{font-size:110%;font-weight:bold}table,td{background-color:#FFF}td .btn{white-space:nowrap}td .btn-link{padding:0}#advsearches label,#booleansearch label{display:inline}#basketcount{display:inline;margin:0;padding:0}#basketcount span{background-color:#FFC;color:#000;display:inline;font-size:80%;font-weight:normal;margin:0 0 0 .9em;padding:0 .3em 0 .3em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#members{display:block}#members p{color:#EEE}#members a{color:#a6d8ed;font-weight:bold}#members a.logout{color:#e8583c;padding:0 .3em 0 .3em}#koha_url p{color:#666;float:right;margin:0}#moresearches{margin:.5em 0;padding:0 .8em}#moresearches li{display:inline;white-space:nowrap}#moresearches li:after{content:" | "}#moresearches ul{margin:0}#moresearches li:last-child:after{content:""}#news{margin:.5em 0}#opacheader{background-color:#DDD}#selections{font-weight:bold}.actions a{white-space:nowrap}.actions a.hold{background-image:url("../images/sprite.png");background-position:-5px -542px;background-repeat:no-repeat;margin-right:1em;padding-left:21px;text-decoration:none}.actions a.addtocart{background-image:url("../images/sprite.png");background-position:-5px -572px;background-repeat:no-repeat;margin-right:1em;padding-left:20px;text-decoration:none}.actions a.addtoshelf{background-image:url("../images/sprite.png");background-position:-5px -27px;background-repeat:no-repeat;margin-right:1em;padding-left:20px;text-decoration:none}.actions a.addtolist{background-position:-5px -27px;margin-right:1em;padding-left:20px;text-decoration:none}.actions a.tag_add{background-position:-5px -1110px;margin-right:1em;padding-left:20px;text-decoration:none}.actions a.removefromlist{background-position:-8px -690px;margin-right:1em;text-decoration:none;padding-left:15px}.alert{background:#fffbe5;background:-moz-linear-gradient(top,#fffbe5 0,#fff0b2 9%,#fff1a8 89%,#f7e665 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fffbe5),color-stop(9%,#fff0b2),color-stop(89%,#fff1a8),color-stop(100%,#f7e665));background:-webkit-linear-gradient(top,#fffbe5 0,#fff0b2 9%,#fff1a8 89%,#f7e665 100%);background:-o-linear-gradient(top,#fffbe5 0,#fff0b2 9%,#fff1a8 89%,#f7e665 100%);background:-ms-linear-gradient(top,#fffbe5 0,#fff0b2 9%,#fff1a8 89%,#f7e665 100%);background:linear-gradient(to bottom,#fffbe5 0,#fff0b2 9%,#fff1a8 89%,#f7e665 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbe5',endColorstr='#f7e665',GradientType=0);border-color:#d6c43b;color:#333}.alert-info{background:#f4f6fa;background:-moz-linear-gradient(top,#f4f6fa 0,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4f6fa),color-stop(4%,#eaeef5),color-stop(96%,#e8edf6),color-stop(100%,#cddbf2));background:-webkit-linear-gradient(top,#f4f6fa 0,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%);background:-o-linear-gradient(top,#f4f6fa 0,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%);background:-ms-linear-gradient(top,#f4f6fa 0,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%);background:linear-gradient(to bottom,#f4f6fa 0,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6fa',endColorstr='#cddbf2',GradientType=0);border-color:#c5d1e5;color:#333}.alert-success{background:#f8ffe8;background:-moz-linear-gradient(top,#f8ffe8 0,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8ffe8),color-stop(4%,#e3f5ab),color-stop(98%,#dcf48d),color-stop(100%,#9ebf28));background:-webkit-linear-gradient(top,#f8ffe8 0,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%);background:-o-linear-gradient(top,#f8ffe8 0,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%);background:-ms-linear-gradient(top,#f8ffe8 0,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%);background:linear-gradient(to bottom,#f8ffe8 0,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ffe8',endColorstr='#9ebf28',GradientType=0);border-color:#9fba35;color:#333}.breadcrumb{background-color:#f2f2ef;font-size:85%;list-style:none outside none;margin:10px 20px;padding:5px 10px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.form-inline{display:inline;padding:0;margin:0}.form-inline fieldset{margin:.3em 0;padding:.3em}.main{background-color:#FFF;border:1px solid #d2d2cf;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);margin-top:.5em;margin-bottom:.5em}.mastheadsearch{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:.8em;margin:.5em 0;background:#c7c7c1;background:-moz-linear-gradient(top,#c7c7c1 38%,#a7a7a2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(38%,#c7c7c1),color-stop(100%,#a7a7a2));background:-webkit-linear-gradient(top,#c7c7c1 38%,#a7a7a2 100%);background:-o-linear-gradient(top,#c7c7c1 38%,#a7a7a2 100%);background:-ms-linear-gradient(top,#c7c7c1 38%,#a7a7a2 100%);background:linear-gradient(to bottom,#c7c7c1 38%,#a7a7a2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c1',endColorstr='#a7a7a2',GradientType=0)}.mastheadsearch label{font-size:115%;font-weight:bold}.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#9fe1ff;font-weight:bold}.navbar-fixed-bottom.navbar-static-bottom{margin-top:.5em;position:static}#changelanguage .nav>.active>p{padding:0 15px}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f4f4f4}.ui-tabs-nav .ui-tabs-active a,.ui-tabs-nav a:hover,.ui-tabs-nav a:focus,.ui-tabs-nav a:active,.ui-tabs-nav span.a{background:none repeat scroll 0 0 transparent;outline:0 none}.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:inherit;font-size:inherit}ul.ui-tabs-nav li{list-style:none}.ui-tabs.ui-widget-content{background:transparent none;border:0}.ui-tabs .ui-tabs-panel{border:1px solid #d8d8d8;margin-bottom:1em}.ui-tabs-nav.ui-widget-header{border:0;background:0}.ui-tabs .ui-tabs-nav li{background:#f3f3f3 none;border-color:#d8d8d8;margin-right:.4em}.ui-tabs .ui-tabs-nav li.ui-tabs-active{background-color:#FFF;border:1px solid #d8d8d8;border-bottom:0}.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#000;font-weight:bold}.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover{background:#f3f3f3 none}.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover{background:#FFF none}.ui-tabs .ui-state-default a,.ui-tabs .ui-state-default a:link,.ui-tabs .ui-state-default a:visited{color:#069}.ui-tabs .ui-state-hover a,.ui-tabs .ui-state-hover a:link,.ui-tabs .ui-state-hover a:visited{color:#903}.statictabs ul{background:none repeat scroll 0 0 transparent;border:0 none;margin:0;padding:.2em .2em 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-top-left-radius:4px;color:#222;font-weight:bold;font-size:100%;line-height:1.3;list-style:none outside none;outline:0 none;text-decoration:none}.statictabs ul:before{content:"";display:table}.statictabs ul:after{clear:both;content:"";display:table}.statictabs li{background:none repeat scroll 0 0 #e6f0f2;border:1px solid #b9d8d9;border-bottom:0 none!important;border-top-right-radius:4px;border-top-left-radius:4px;float:left;list-style:none outside none;margin-bottom:0;margin-right:.4em;padding:0;position:relative;white-space:nowrap;top:1px;color:#555;font-weight:normal}.statictabs li.active{background-color:#fff;color:#212121;font-weight:normal;padding-bottom:1px}.statictabs li a{color:#004d99;cursor:pointer;float:left;padding:.5em 1em;text-decoration:none}.statictabs li a:hover{background-color:#edf4f5;border-top-right-radius:4px;border-top-left-radius:4px;color:#538200}.statictabs li.active a{color:#000;font-weight:bold;cursor:text;background:none repeat scroll 0 0 transparent;outline:0 none}.statictabs .tabs-container{border:1px solid #b9d8d9;background:none repeat scroll 0 0 transparent;display:block;padding:1em 1.4em;border-bottom-right-radius:4px;border-bottom-left-radius:4px;color:#222}.ui-datepicker table{width:100%;font-size:.9em;border:0;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{background:transparent none;padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker-trigger{vertical-align:middle;margin:0 3px}.ui-datepicker{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}.ui-widget-content{border:1px solid #AAA;background:#fff none;color:#222}.ui-widget-header{border:1px solid #AAA;background:#e6f0f2 none;color:#222;font-weight:bold}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #AAA;background:#f4f8f9 none;font-weight:normal;color:#555}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #AAA;background:#e6f0f2 none;font-weight:normal;color:#212121}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff none;font-weight:normal;color:#212121}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee;color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec;color:#cd0a0a}.ui-autocomplete{position:absolute;cursor:default;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}.ui-autocomplete.ui-widget-content .ui-state-hover{border:1px solid #AAA;background:#e6f0f2 none;font-weight:normal;color:#212121}.ui-autocomplete-loading{background:#fff url("../../img/loading-small.gif") right center no-repeat}.ui-menu li{list-style:none}th{background-color:#ecede6}.item-thumbnail{max-width:none}.no-image{background-color:#FFF;border:1px solid #AAA;color:#979797;display:block;font-size:86%;font-weight:bold;text-align:center;width:75px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#bookcover .no-image{margin-right:10px;margin-bottom:10px}td.overdue{color:#c33}table{font-size:90%}th.sum{text-align:right}td.sum{background-color:#FFC;font-weight:bold}th[scope=row]{background-color:transparent;text-align:right}.required{color:#C00}.label{background-color:transparent;color:inherit;display:inline;font-weight:normal;padding:0;text-shadow:none}fieldset.rows{float:left;font-size:90%;clear:left;margin:.9em 0 0 0;padding:0;width:100%}fieldset.rows legend{font-weight:bold;font-size:130%}fieldset.rows label,fieldset.rows .label{float:left;font-weight:bold;width:9em;margin-right:1em;text-align:right}fieldset.rows label.lradio{float:none;margin:inherit;width:auto}fieldset.rows fieldset{margin:0;padding:.3em}fieldset.rows ol{padding:1em 1em 0 1em;list-style-type:none}fieldset.rows ol.lradio label{width:auto;float:none;margin-right:0}fieldset.rows ol.lradio label.lradio{float:left;width:12em;margin-right:1em}fieldset.rows li{float:left;clear:left;padding-bottom:1em;list-style-type:none;width:100%}fieldset.rows li.lradio{padding-left:8.5em;width:auto}fieldset.rows li.lradio label{float:none;width:auto;margin:0 0 0 1em}fieldset.action{clear:both;float:none;border:0;margin:0;padding:1em 0 .3em 0;width:auto}fieldset.action p{margin-bottom:1em}fieldset table{font-size:100%}div.rows+div.rows{margin-top:.6em}div.rows{float:left;clear:left;margin:0;padding:0;width:100%}div.rows span.label{float:left;font-weight:bold;width:9em;margin-right:1em;text-align:left}div.rows ol{list-style-type:none;margin-left:0;padding:.5em 1em 0 0}div.rows li{border-bottom:1px solid #EEE;float:left;clear:left;padding-bottom:.2em;padding-top:.1em;list-style-type:none;width:100%}div.rows ul li{margin-left:7.3em}div.rows ul li:first-child{float:none;clear:none;margin-left:0}div.rows ol li li{border-bottom:0}.tagweight0{font-size:12px}.tagweight1{font-size:14px}.tagweight2{font-size:16px}.tagweight3{font-size:18px}.tagweight4{font-size:20px}.tagweight5{font-size:22px}.tagweight6{font-size:24px}.tagweight7{font-size:26px}.tagweight8{font-size:28px}.tagweight9{font-size:30px}.toolbar{background-color:#eee;border:1px solid #e8e8e8;font-size:85%;padding:3px 3px 5px 5px;vertical-align:middle}.toolbar a{white-space:nowrap}.toolbar label{display:inline;font-size:100%;font-weight:bold;margin-left:.5em}.toolbar select{font-size:97%;height:auto;line-height:inherit;padding:0;margin:0;width:auto;white-space:nowrap}.toolbar .hold,.toolbar #tagsel_tag{padding-left:28px;font-size:97%;font-weight:bold}.toolbar #tagsel_form{margin-top:.5em}.toolbar li{display:inline;list-style:none}.toolbar li a{border-left:1px solid #e8e8e8}.toolbar li:first-child a{border-left:0}.toolbar ul{padding-left:0}#basket .toolbar{padding:7px 5px 9px 9px}#selections-toolbar{background:-moz-linear-gradient(top,#b2b2b2 0,#e0e0e0 14%,#e8e8e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b2b2b2),color-stop(14%,#e0e0e0),color-stop(100%,#e8e8e8));background:-webkit-linear-gradient(top,#b2b2b2 0,#e0e0e0 14%,#e8e8e8 100%);background:-o-linear-gradient(top,#b2b2b2 0,#e0e0e0 14%,#e8e8e8 100%);background:-ms-linear-gradient(top,#b2b2b2 0,#e0e0e0 14%,#e8e8e8 100%);background:linear-gradient(top,#b2b2b2 0,#e0e0e0 14%,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0',endColorstr='#e8e8e8',GradientType=0);margin:0 0 1em 0;padding-top:.5em;padding-left:10px}.list-actions{display:inline}#tagsel_span input.submit,#tagsel_tag{border:0;background-color:transparent;font-size:100%;color:#0076b2;cursor:pointer;background-image:url("../images/sprite.png");background-position:1px -643px;background-repeat:no-repeat;padding-left:25px;text-decoration:none}#tagsel_tag.disabled{background-position:-1px -667px}#tagsel_span input:hover,#selections-toolbar input.hold:hover{color:#005580;text-decoration:underline}#tagsel_span input.disabled,#tagsel_span input.disabled:hover,#tagsel_span input.hold.disabled,#tagsel_span input.hold.disabled:hover,#selections-toolbar input.hold.disabled,#selections-toolbar input.hold.disabled:hover,#selections-toolbar a.disabled,#selections-toolbar a.disabled:hover{color:#888;text-decoration:none;padding-left:23px}.results_summary{display:block;font-size:85%;color:#707070;padding:0 0 .5em 0}.results_summary .results_summary{font-size:100%}.results_summary.actions{margin-top:.5em}.results_summary.tagstatus{display:inline}.results_summary .label{color:#202020}.results_summary a{font-weight:normal}#views{border-bottom:1px solid #d6d6d6;margin-bottom:.5em;padding:0 2em .2em .2em;white-space:nowrap}.view{padding:.2em .2em 2px .2em}#bibliodescriptions,#isbdcontents{clear:left;margin-top:.5em}.view a,.view span{background-image:url("../images/sprite.png");background-repeat:no-repeat;font-size:87%;font-weight:normal;padding:.4em .7em 5px 26px;text-decoration:none}span#MARCview,span#ISBDview,span#Normalview,span#Fullhistory,span#Briefhistory{font-weight:bold}a#MARCview,span#MARCview{background-position:-3px -23px}a#MARCviewPop,span#MARCviewPop{background-position:-3px -23px}a#ISBDview,span#ISBDview{background-position:-3px -52px}a#Normalview,span#Normalview{background-position:-1px 6px}.view a{background-color:#f3f3f3;border-left:1px solid #c9c9c9}#bookcover{float:left;margin:0;padding:0}#bookcover .no-image{margin-right:10px;margin-bottom:10px}#bookcover img{margin:0 1em 1em 0}.results-pagination{position:absolute;top:32px;left:-1px;width:100%;height:auto;border:1px solid #d0d0d0;display:none;background-color:#f3f3f3;padding-bottom:10px;z-index:100}.back{float:right}.back input{background:none!important;color:#999!important}.pagination_list ul{padding-top:40px;padding-left:0}.pagination_list li{list-style:none;float:bottom;padding:4px;color:#999}.pagination_list li.highlight{background-color:#f3f3f3;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.pagination_list li a{padding-left:0}.pagination_list .li_pag_index{color:#999;float:left;font-size:15px;font-weight:bold;padding-right:10px;text-align:right;width:13px}.nav_results{background-color:#f3f3f3;border:1px solid #d0d0d0;font-size:95%;font-weight:bold;margin-top:.5em;position:relative}.nav_results .l_Results a{background:#e1e1e1 url("../images/sprite.png") no-repeat 0 -504px;color:#069;display:block;padding:8px 28px;text-decoration:none}.nav_results .l_Results:hover{background-color:#d9d9d9}.pg_menu{margin:0;border-top:1px solid #d0d0d0;white-space:nowrap}.pg_menu li{color:#b2b2b2;display:inline;list-style:none;margin:0}.pg_menu li.back_results a{border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0}.pg_menu li a,.pg_menu li span{background-color:#f3f3f3;display:block;float:left;padding:.4em .5em;text-decoration:none;font-weight:normal;text-align:center}.pg_menu li span{color:#b2b2b2}#listResults li{background-color:#999;color:#c5c5c5;font-weight:normal;display:block;margin-right:1px;font-size:80%;padding:0;text-align:center;min-width:18px}#listResults li:hover{background-color:#069}#listResults li a{color:#fff;font-weight:normal}.nav_pages .close_pagination{padding-right:10px;position:absolute;right:3px;top:-25px}.nav_pages .close_pagination a{text-decoration:none!important}.nav_pages ul{padding-top:10px}.nav_pages li{list-style:none;float:left;padding:4px;color:#999}.nav_pages li a{text-decoration:none!important}.nav_pages li a:hover{text-decoration:underline}.nav_pages li ul{float:left}#action{margin:.5em 0 0 0;background-color:#f3f3f3;border:1px solid #e8e8e8;padding-bottom:3px}#action li{list-style:none;margin:.2em;padding:.3em 0}#action a{font-weight:bold;text-decoration:none}#export li,#moresearches_menu li{padding:0;margin:0}#export li a,#moresearches_menu li a{font-weight:normal}#export li a.menu-inactive,#moresearches_menu li a.menu-inactive{font-weight:bold}#format,#furthersearches{padding-left:35px}.highlight_controls{float:left}a.addtocart,a.addtoshelf,a.brief,a.deleteshelf,a.deleteshelf.disabled,a.detail,a.download,a.editshelf,a.empty,a.hide,a.highlight_toggle,a.hold,a.hold.disabled,a.incart,a.new,a.print-small,a.print-large,a.removeitems,a.removeitems.disabled,a.reserve,a.send,a.tag_add,a.removefromlist,input.hold,input.hold.disabled,input.editshelf,.newshelf,.newshelf.disabled,.deleteshelf{background-image:url("../images/sprite.png");background-repeat:no-repeat}a.addtocart{background-position:-5px -265px;padding-left:35px}a.addtoshelf{background-position:-5px -225px;padding-left:35px}a.brief{background-position:-2px -868px;text-decoration:none;padding-left:27px}a.cartRemove{color:#c33;font-size:90%;margin:0;padding:0}a.detail{background-position:-2px -898px;text-decoration:none;padding-left:27px}a.download{background-position:-5px -348px;padding-left:20px;text-decoration:none}a.editshelf{background-position:2px -348px;padding-left:26px;text-decoration:none}a.empty{background-position:2px -598px;text-decoration:none;padding-left:30px}a.hide{background-position:-3px -814px;text-decoration:none;padding-left:26px}a.highlight_toggle{background-position:-5px -841px;display:none;padding-left:35px}a.hold,input.hold{background-position:-2px -453px;text-decoration:none;padding-left:23px}a.hold.disabled,input.hold.disabled{background-position:-5px -621px}a.incart{background-position:-5px -265px;color:#666;padding-left:35px}a.new{background-image:url("../images/sprite.png");background-position:-4px -922px;padding-left:23px;text-decoration:none}a.print-small{background-position:0 -423px;text-decoration:none;padding-left:30px}a.print-large{background-position:-5px -186px;text-decoration:none;padding-left:35px}a.removeitems,a.deleteshelf{background-position:2px -690px;text-decoration:none;padding-left:25px}a.removeitems.disabled,a.deleteshelf.disabled{background-position:2px -712px}a.reserve{background-position:-6px -144px;padding-left:35px}a.send{background-position:2px -386px;text-decoration:none;padding-left:28px}a.tag_add{background-position:3px -1111px;padding-left:27px;text-decoration:none}input.hold{background-color:transparent;border:0;color:#0076b2;font-weight:bold}input.editshelf{background-color:transparent;background-position:2px -736px;border:0;color:#069;cursor:pointer;filter:none;font-size:100%;padding-left:29px;text-decoration:none}.newshelf{background-position:2px -764px;border:0;color:#069;cursor:pointer;filter:none;font-size:100%;padding-left:28px;text-decoration:none}.newshelf.disabled{background-position:-4px -791px}.deleteshelf{background-color:transparent;background-position:2px -690px;border:0;color:#069;cursor:pointer;filter:none;font-size:100%;padding-left:25px;text-decoration:none}.links a{font-weight:bold}.deleteshelf:hover{color:#903}.editshelf:active,.deleteshelf:active{border:0}#tagslist li{display:inline}#login4tags{background-image:url("../images/sprite.png");background-position:-6px -1130px;background-repeat:no-repeat;padding-left:20px;text-decoration:none}.tag_results_input{margin-left:1em;padding:.3em;font-size:12px}.tag_results_input input[type="text"]{font-size:inherit;margin:0;padding:0}.tag_results_input label{display:inline}.tagsinput input[type="text"]{font-size:inherit;margin:0;padding:0}.tagsinput label{display:inline}.branch-info-tooltip{display:none}#social_networks a{background:transparent url("../images/social-sprite.png") no-repeat;display:block;height:20px!important;width:20px;text-indent:-999em}#social_networks span{color:#274d7f;display:block;float:left;font-size:85%;font-weight:bold;line-height:2em;margin:.5em 0 .5em .5em!important}#social_networks div{float:left!important;margin:.5em 0 .5em .2em!important}#social_networks #facebook{background-position:-7px -35px}#social_networks #twitter{background-position:-7px -5px}#social_networks #linkedin{background-position:-7px -95px}#social_networks #delicious{background-position:-7px -66px}#social_networks #email{background-position:-7px -126px}#marc td,#marc th{background-color:transparent;border:0;padding:3px 5px;text-align:left}#marc td:first-child{text-indent:2em}#marc p{padding-bottom:.6em}#marc p .label{font-weight:bold}#marc ul{padding-bottom:.6em}#marc .results_summary{clear:left}#marc .results_summary ul{display:inline;float:none;clear:none;margin:0;padding:0;list-style:none}#marc .results_summary li{display:inline}#items,#items td #items th{border:1px solid #EEE;font-size:90%}#plainmarc table{border:0;margin:.7em 0 0 0;font-family:monospace;font-size:95%}#plainmarc th{background-color:#FFF;border:0;white-space:nowrap;text-align:left;vertical-align:top;padding:2px}#plainmarc td{border:0;padding:2px;vertical-align:top}#renewcontrols{float:right;font-size:66%}#renewcontrols a{background-repeat:no-repeat;text-decoration:none;padding:.1em .4em;padding-left:18px}#renewselected_link{background-image:url("../images/sprite.png");background-position:-5px -986px;background-repeat:no-repeat}#renewall_link{background-image:url("../images/sprite.png");background-position:-8px -967px;background-repeat:no-repeat}.authref{text-indent:2em}.authref .label{font-style:italic}.authstanza{margin-top:1em}.authstanzaheading{font-weight:bold}.authorizedheading{font-weight:bold}.authstanza li{margin-left:.5em}.authres_notes,.authres_seealso,.authres_otherscript{padding-top:.5em}.authres_notes{font-style:italic}#didyoumean{background-color:#EEE;border:1px solid #e8e8e8;margin:0 0 .5em;text-align:left;padding:.5em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.suggestionlabel{font-weight:bold}.searchsuggestion{padding:.2em .5em;white-space:nowrap;display:inline-block}.authlink{padding-left:.25em}#hierarchies a{font-weight:normal;text-decoration:underline;color:#069}#hierarchies a:hover{color:#903}#top-pages{margin:0 0 .5em}.dropdown-menu>li>a{font-size:90%}a.listmenulink:link,a.listmenulink:visited{color:#0076b2;font-weight:bold}a.listmenulink:hover,a.listmenulink:active{color:#FFF;font-weight:bold}#cartDetails,#cartUpdate,#holdDetails,#listsDetails{background-color:#FFF;border:1px solid rgba(0,0,0,0.2);border-radius:6px 6px 6px 6px;box-shadow:0 5px 10px rgba(0,0,0,0.2);color:black;display:none;font-size:90%;margin:0;padding:8px 20px;text-align:center;width:180px;z-index:2}#cartmenulink{white-space:nowrap}#search-facets,#menu{border:1px solid #d2d2cf;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}#search-facets ul,#menu ul{margin:0;padding:.3em}#search-facets form,#menu form{margin:0}#search-facets h4,#menu h4{font-size:90%;margin:0 0 .6em 0;text-align:center}#search-facets h4 a,#menu h4 a{background-color:#f2f2ef;border-radius:8px 8px 0 0;border-bottom:1px solid #d8d8d8;display:block;font-weight:bold;padding:.7em .2em;text-decoration:none}#search-facets li,#menu li{font-size:90%;font-weight:bold;list-style-type:none}#search-facets li li,#menu li li{font-weight:normal;font-size:95%;line-height:125%;margin-bottom:2px;padding:.1em .2em}#search-facets li.showmore a,#menu li.showmore a{font-weight:bold;text-indent:1em}#search-facets a,#menu a{font-weight:normal;text-decoration:underline}#menu{font-size:94%}#menu li{list-style-type:none}#menu li a{background:#eee;text-decoration:none;display:block;border:1px solid #d8d8d8;border-radius:5px 0 0 5px;border-bottom-color:#999;font-size:111%;padding:.4em .6em;margin:.4em 0;margin-right:-1px}#menu li a:hover{background:#eaeef5}#menu li.active a{background-color:#FFF;background-image:none;border-right-width:0;font-weight:bold}#menu li.active a:hover{background-color:#fff}#menu h4{display:none}#addto{max-width:10em}.addto a.addtocart{background-image:url("../images/sprite.png");background-position:-5px -266px;background-repeat:no-repeat;text-decoration:none;padding-left:33px}.searchresults p{margin:0;padding:0 0 .6em 0}.searchresults p.details{color:#979797}.searchresults a.highlight_toggle{background-image:url("../images/sprite.png");background-position:-11px -841px;background-repeat:no-repeat;display:none;font-weight:normal;padding:0 10px 0 21px}.searchresults .commentline{background-color:#ffc;background-color:rgba(255,255,204,0.4);border:1px solid #CCC;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);margin:.3em;padding:.4em}.searchresults .commentline.yours{background-color:#effed5;background-color:rgba(239,254,213,0.4)}.commentline .avatar{float:right;padding-left:.5em}.term{color:#900;background-color:#ffc}.shelvingloc{display:block;font-style:italic}#CheckAll,#CheckNone{font-weight:normal;margin:0 .5em;text-decoration:underline}span.sep{color:#888;padding:0 .2em 0 .5em;text-shadow:1px 1px 0 #FFF}.pages span:first-child,.pages a:first-child{border-width:1px 1px 1px 1px;border-bottom-left-radius:3px;border-top-left-radius:3px}.pages span:last-child,.pages a:last-child{border-width:1px 1px 1px 0;border-bottom-right-radius:3px;border-top-right-radius:3px}.pages .inactive,.pages .currentPage,.pages a{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fff;border-color:#ddd;border-image:none;border-style:solid;border-width:1px 1px 1px 0;float:left;font-size:11.9px;line-height:20px;padding:4px 12px;text-decoration:none}.pages .inactive{background-color:#f5f5f5}.pages a[rel='last']{border-bottom-right-radius:3px;border-top-right-radius:3px}.hold-message{background-color:#fff0b1;display:inline-block;margin:.5em;padding:.2em .5em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.reserve_date,.expiration_date{white-space:nowrap}.close{color:#08c;position:inherit;top:auto;right:auto;filter:none;float:none;font-size:inherit;font-weight:normal;opacity:inherit;text-shadow:none}.close:hover{color:#538200;filter:inherit;font-size:inherit;opacity:inherit}.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px}.modal-header .closebtn{margin-top:2px}.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.closebtn:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.btn-group label,.btn-group select{font-size:13px}.span2 select{width:100%}.popup .main{font-size:90%;padding:0 1em}.popup legend{line-height:1.5em;margin-bottom:.5em}.available{color:#060}.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold{display:block}.notforloan{color:#900}.lost{color:#666}.suggestion{background-color:#eeeeeb;border:1px solid #ddded3;margin:1em auto;padding:.5em;width:35%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.librarypulldown .transl1{width:auto}.nolibrarypulldown{width:68%}.nolibrarypulldown .transl1{width:87%}#opac-main-search select{width:auto;max-width:12em}#logo{background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0;border:0;float:left!important;margin:0;padding:0;width:100px}#logo a{border:0;cursor:pointer;display:block;height:0!important;margin:0;overflow:hidden;padding:40px 0 0;text-decoration:none;width:100px}#user-menu-trigger{display:none}#user-menu-trigger .icon-user{background:transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;background-position:-168px 0;background-repeat:no-repeat;height:14px;line-height:14px;margin:12px 0 0;vertical-align:text-top;width:14px}#user-menu-trigger .caret{border-bottom-color:#999;border-top-color:#999;margin-top:18px}.floating{-webkit-box-shadow:0 3px 2px 0 rgba(0,0,0,0.4);box-shadow:0 3px 2px 0 rgba(0,0,0,0.4);margin-top:0}.tdlabel{font-weight:bold;display:none}td img{max-width:none}#ulactioncontainer{min-width:16em}.notesrow label{font-weight:bold}.notesrow span{display:block}.thumbnail-shelfbrowser span{margin:0 auto}.dropdown-menu>li>a.menu-inactive:hover{background:#FFF none;color:#000}.table .sorting_asc{padding-right:19px;background:url("../images/asc.gif") no-repeat scroll right center #ecede6}.table .sorting_desc{padding-right:19px;background:url("../images/desc.gif") no-repeat scroll right center #ecede6}.table .sorting{padding-right:19px;background:url("../images/ascdesc.gif") no-repeat scroll right center #ecede6}.table .nosort,.table .nosort.sorting_asc,.table .nosort.sorting_desc,.table .nosort.sorting{padding-right:19px;background:#ecede6 none}.tags ul{display:inline;list-style:none;margin-left:0}.tags ul li{display:inline}.coverimages{float:right}#i18nMenu{margin-left:1em}#i18nMenu li{font-size:85%}#i18nMenu li li{font-size:100%}#i18nMenu li li>a{font-size:100%}#i18nMenu li li>a:hover{color:#FFF}#i18nMenu li a{color:#0076b2}#i18nMenu .dropdown-menu li p{clear:both;display:block;font-weight:normal;line-height:20px;padding:3px 20px;white-space:nowrap}#subjectsList label,#authorSearch label{display:inline;vertical-align:middle}#subjectsList ul,#authorSearch ul{border-bottom:1px solid #EEE;list-style-type:none;margin:0;padding:.6em 0}#subjectsList li,#authorSearch li{list-style-type:none;margin:0;padding:0}#overdrive-results{font-weight:bold;padding-left:1em}.throbber{vertical-align:middle}#overdrive-results-list .star-rating-control{display:block;overflow:auto}#shelfbrowser table{margin:0}#shelfbrowser table,#shelfbrowser td,#shelfbrowser th{border:0;font-size:90%;text-align:center}#shelfbrowser td,#shelfbrowser th{padding:3px 5px;width:20%}#shelfbrowser a{display:block;font-size:110%;font-weight:bold;text-decoration:none}#shelfbrowser #browser_next,#shelfbrowser #browser_previous{background-image:url("../images/sprite.png");background-repeat:no-repeat;width:16px}#shelfbrowser #browser_next a,#shelfbrowser #browser_previous a{cursor:pointer;display:block;height:0!important;margin:0;overflow:hidden;padding:50px 0 0;text-decoration:none;width:16px}#shelfbrowser #browser_previous{background-position:-9px -1007px}#shelfbrowser #browser_next{background-position:-9px -1057px}#holds{margin:0 auto;max-width:800px}.holdrow{clear:both;padding:0 1em 1em 1em;border-bottom:1px solid #CCC;margin-bottom:.5em}.holdrow fieldset{border:0;margin:0;float:none}.holdrow fieldset .label{font-size:14px}.holdrow label{display:inline}.hold-options{clear:both}.toggle-hold-options{background-color:#eee;clear:both;display:block;font-weight:bold;margin:1em 0;padding:.5em}.copiesrow{clear:both}#idreambooksreadometer{float:right}a.idreambooksrating{font-size:30px;color:#29ade4;padding-left:85px;line-height:30px;text-decoration:none}.idreambookslegend{font-size:small}a.reviewlink,a.reviewlink:visited{text-decoration:none;color:black;font-weight:normal}.idreambookssummary a{color:#707070;text-decoration:none}.idreambookssummary img,.idbresult img{vertical-align:middle}.idbresult{color:#29ade4;text-align:center;margin:.5em;padding:.5em}.idbresult a,.idbresult a:visited{text-decoration:none;color:#29ade4}.idbresult img{padding-right:6px}.js-show{display:none}.modal-nojs .modal-header,.modal-nojs .modal-footer{display:none}.shadowed{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}@media only screen and (min-width:0) and (max-width:304px){#oh:after{content:"(min-width: 0px) and (max-width: 304px)"}input,select,textarea{width:auto;max-width:11em}}@media only screen and (min-width:0) and (max-width:390px){#oh:after{content:"(min-width: 0px) and (max-width: 390px)"}.ui-tabs .ui-tabs-nav li a,.statictabs li a{padding:.1em .5em}#views{border:0;padding:0;margin:0}.view{padding:0}.view a,.view span{border:1px solid #c9c9c9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:80%;padding:.3em .4em 4px 26px}.input-fluid{width:90%}}@media only screen and (min-width:305px) and (max-width:341px){#oh:after{content:"(min-width: 305px) and (max-width: 341px)"}}@media only screen and (min-width:342px) and (max-width:479px){#oh:after{content:"(min-width: 342px) and (max-width: 479px)"}.input-fluid{width:75%}}@media(max-width:979px){.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;margin-left:0;margin-right:0}}@media only screen and (max-width:608px){fieldset.rows label{display:block;float:none;text-align:left}fieldset.rows li{padding-bottom:.5em}fieldset.rows ol{margin-left:0}body{padding:0}.tdlabel{display:inline}.navbar-fixed-top,.navbar-static-top{margin:0}.navbar-inner{padding:0}.checkall,.clearall,.highlight_controls,#selections-toolbar,.selectcol,.list-actions,#remove-selected{display:none}.table td.bibliocol{padding-left:1.3em}.actions{display:block}.actions a,.actions #login4tags{background-color:#f2f2ef;border:1px solid #DDD;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-weight:bold;display:block;font-size:120%;margin:2px 0}.actions .label{display:block;font-weight:bold}.actions #login4tags{margin-right:1em}#opac-main-search button,#opac-main-search input,#opac-main-search select,#opac-main-search .librarypulldown .transl1,#opac-main-search .input-append{display:block;width:97%;max-width:100%;margin:.5em 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#opac-main-search .input-append{margin:0;width:100%}#opac-main-search .librarypulldown .transl1{width:94.5%}#toolbar .resort{font-size:14px;max-width:100%;margin:.5em 0;padding:4px 6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mastheadsearch{margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.main{margin:.5em 0;padding:15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.breadcrumb{margin:10px 0}#moresearches{text-align:center}#searchsubmit{font-weight:bold}.ui-tabs-panel .item-thumbnail,.tabs-container .item-thumbnail,#topissues .item-thumbnail,#usertags .item-thumbnail,#usersuggestions .item-thumbnail{margin:.5em 0 0 .5em}.ui-tabs-panel .table-bordered,.tabs-container .table-bordered,#topissues .table-bordered,#usertags .table-bordered,#usersuggestions .table-bordered{border:0}.ui-tabs-panel .table th,.tabs-container .table th,#topissues .table th,#usertags .table th,#usersuggestions .table th,.ui-tabs-panel .table thead,.tabs-container .table thead,#topissues .table thead,#usertags .table thead,#usersuggestions .table thead{display:none}.ui-tabs-panel .table td,.tabs-container .table td,#topissues .table td,#usertags .table td,#usersuggestions .table td{border-right:1px solid #ddd;border-left:1px solid #ddd;border-top:0;display:block;padding:.2em}.ui-tabs-panel .table p,.tabs-container .table p,#topissues .table p,#usertags .table p,#usersuggestions .table p{margin-bottom:2px}.ui-tabs-panel tr,.tabs-container tr,#topissues tr,#usertags tr,#usersuggestions tr{display:block;margin-bottom:.6em}.ui-tabs-panel tr td:first-child,.tabs-container tr td:first-child,#topissues tr td:first-child,#usertags tr td:first-child,#usersuggestions tr td:first-child{border-top:1px solid #ddd;border-radius:5px 5px 0 0}.ui-tabs-panel tr td:last-child,.tabs-container tr td:last-child,#topissues tr td:last-child,#usertags tr td:last-child,#usersuggestions tr td:last-child{border-radius:0 0 5px 5px;border-bottom:2px solid #cacaca}.no-image{display:none}}@media only screen and (max-width:700px){#opac-main-search label{display:none}#logo{background:transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;background-position:0 -24px;margin:14px 14px 0 14px;width:14px}#logo a{padding:14px 0 0;width:14px}#user-menu-trigger{display:inline;margin-right:12px}#members{display:none;clear:both}#members li{padding-right:20px;text-align:right;border-bottom:1px solid #555}#members li:first-child{border-top:1px solid #555}#members li:last-child{border-bottom:0}#members .nav{float:none}#members .nav.pull-right{float:none}#members .nav>li{float:none}#members .divider-vertical{border:0;height:0;margin:0}}@media only screen and (min-width:480px) and (max-width:608px){#oh:after{content:" Between 480 pixels and 608 pixels. "}.input-fluid{width:75%}}@media only screen and (min-width:608px) and (max-width:767px){#oh:after{content:" Between 608 pixels and 767 pixels. "}.main{padding:.8em 20px}.breadcrumb{margin:10px 0}.navbar-static-bottom{margin-left:-20px;margin-right:-20px}}@media only screen and (max-width:767px){a.title{font-size:120%}#userresults{margin:0 -20px}.breadcrumb,#top-pages,.menu-collapse{display:none}#search-facets,#menu{margin-bottom:.5em}#search-facets h4,#menu h4{display:block;margin:0;padding:0}#search-facets h4 a,#menu h4 a{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border-bottom:0;font-weight:normal;padding:.7em .2em}#search-facets ul,#menu ul{padding:0}#menu li a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0;display:block;font-size:120%;text-decoration:none;border-bottom:1px solid #d8d8d8;margin:0}#menu li.active a{border-top:1px solid #d8d8d8;border-right-width:1px}#menu li:last-child a{-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}#search-facets li{padding:.4em}#search-facets h5{margin:.2em}#menu h4 a.menu-open,#search-facets h4 a.menu-open{-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;border-bottom:1px solid #d8d8d8}}@media only screen and (max-width:800px){.cartlabel,.listslabel{display:none}.navbar .divider-vertical{margin:0 2px}.navbar #members .divider-vertical{margin:0 9px}}@media only screen and (min-width:768px){.main{margin-left:20px;margin-right:20px}#menu{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-right:1px solid #d8d8d8}#menu h4{display:none}#menu ul{padding:1em 0 1em 0}}@media only screen and (min-width:768px) and (max-width:984px){#oh:after{content:" Between 768 and 984 pixels. "}.librarypulldown .transl1{width:38%}}@media only screen and (min-width:984px){#oh:after{content:" Above 984 pixels. "}.librarypulldown .transl1{width:53%}}@media only screen and (max-width:1040px){.pg_menu li a{float:none;text-align:left}.pg_menu li.back_results a{border:1px solid #d0d0d0;border-width:1px 0 1px 0}#ulactioncontainer{min-width:0}}
>\ No newline at end of file
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/right-to-left.css b/koha-tmpl/opac-tmpl/bootstrap/css/right-to-left.css
>index c734b13..896d0bb 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/css/right-to-left.css
>+++ b/koha-tmpl/opac-tmpl/bootstrap/css/right-to-left.css
>@@ -1,420 +1 @@
>-.popup {
>-  padding-right: 0;
>-  padding-left: 0;
>-}
>-a.cancel {
>-  padding-right: 1em;
>-}
>-h1#libraryname {
>-  float: right !important;
>-}
>-caption {
>-  text-align: right;
>-}
>-#basketcount span {
>-  margin: 0 .9em 0 0;
>-}
>-#koha_url p {
>-  float: left;
>-}
>-.actions a {
>-  /* List contents remove from list link */
>-
>-}
>-.actions a.hold {
>-  margin-left: 1em;
>-  padding-right: 21px;
>-}
>-.actions a.addtocart {
>-  margin-left: 1em;
>-  padding-right: 20px;
>-}
>-.actions a.addtoshelf {
>-  margin-left: 1em;
>-  padding-right: 20px;
>-}
>-.actions a.addtolist {
>-  margin-left: 1em;
>-  padding-right: 20px;
>-}
>-.actions a.tag_add {
>-  margin-left: 1em;
>-  padding-right: 20px;
>-}
>-.actions a.removefromlist {
>-  margin-left: 1em;
>-  padding-right: 15px;
>-}
>-.ui-tabs .ui-tabs-nav li {
>-  margin-left: .4em;
>-}
>-.statictabs li {
>-  float: right;
>-  margin-left: 0.4em;
>-}
>-.statictabs li a {
>-  float: right;
>-}
>-#bookcover .no-image {
>-  margin-left: 10px;
>-}
>-th.sum {
>-  text-align: left;
>-}
>-th[scope=row] {
>-  text-align: left;
>-}
>-fieldset.rows {
>-  float: right;
>-  clear: right;
>-}
>-fieldset.rows label,
>-fieldset.rows .label {
>-  float: right;
>-  margin-left: 1em;
>-  text-align: left;
>-}
>-fieldset.rows ol.lradio label {
>-  margin-left: 0;
>-}
>-fieldset.rows ol.lradio label.lradio {
>-  float: right;
>-  margin-left: 1em;
>-}
>-fieldset.rows li {
>-  float: right;
>-  clear: right;
>-}
>-fieldset.rows li.lradio {
>-  padding-right: 8.5em;
>-}
>-fieldset.rows li.lradio label {
>-  margin: 0 1em 0 0;
>-}
>-div.rows {
>-  float: right;
>-  clear: right;
>-}
>-div.rows span.label {
>-  float: right;
>-  margin-left: 1em;
>-  text-align: right;
>-}
>-div.rows ol {
>-  margin-right: 0;
>-  padding: .5em 0 0 1em;
>-}
>-div.rows li {
>-  float: right;
>-  clear: right;
>-}
>-div.rows ul li {
>-  margin-right: 7.3em;
>-}
>-div.rows ul li:first-child {
>-  margin-right: 0;
>-}
>-.toolbar {
>-  padding: 3px 5px 5px 3px;
>-}
>-.toolbar label {
>-  margin-right: .5em;
>-}
>-.toolbar .hold,
>-.toolbar #tagsel_tag {
>-  padding-right: 28px;
>-}
>-.toolbar li a {
>-  border-right: 1px solid #e8e8e8;
>-}
>-.toolbar li:first-child a {
>-  border-right: 0;
>-}
>-.toolbar ul {
>-  padding-right: 0;
>-}
>-#basket .toolbar {
>-  padding: 7px 9px 9px 5px;
>-}
>-#selections-toolbar {
>-  padding-right: 10px;
>-}
>-#tagsel_span input.submit,
>-#tagsel_tag {
>-  padding-right: 25px;
>-}
>-#tagsel_span input.disabled,
>-#tagsel_span input.disabled:hover,
>-#tagsel_span input.hold.disabled,
>-#tagsel_span input.hold.disabled:hover,
>-#selections-toolbar input.hold.disabled,
>-#selections-toolbar input.hold.disabled:hover,
>-#selections-toolbar a.disabled,
>-#selections-toolbar a.disabled:hover {
>-  padding-right: 23px;
>-}
>-#views {
>-  padding: 0 0.2em 0.2em 2em;
>-}
>-#bibliodescriptions,
>-#isbdcontents {
>-  clear: right;
>-}
>-#bookcover {
>-  float: right;
>-}
>-#bookcover .no-image {
>-  margin-left: 10px;
>-}
>-#bookcover img {
>-  margin: 0 0 1em 1em;
>-}
>-/* pagination */
>-.results-pagination {
>-  right: -1px;
>-}
>-.back {
>-  float: left;
>-}
>-.pagination_list ul {
>-  padding-right: 0px;
>-}
>-.pagination_list li a {
>-  padding-right: 0px;
>-}
>-.pagination_list .li_pag_index {
>-  float: right;
>-  padding-left: 10px;
>-  text-align: left;
>-}
>-.pg_menu li.back_results a {
>-  border-right: 1px solid #D0D0D0;
>-  border-left: 1px solid #D0D0D0;
>-}
>-.pg_menu li a,
>-.pg_menu li span {
>-  float: right;
>-}
>-#listResults li {
>-  margin-left: 1px;
>-}
>-/* nav */
>-.nav_pages .close_pagination {
>-  padding-left: 10px;
>-  left: 3px;
>-}
>-.nav_pages li {
>-  float: right;
>-}
>-.nav_pages li ul {
>-  float: right;
>-}
>-#format,
>-#furthersearches {
>-  padding-right: 35px;
>-}
>-.highlight_controls {
>-  float: right;
>-}
>-a.addtocart {
>-  padding-right: 35px;
>-}
>-a.addtoshelf {
>-  padding-right: 35px;
>-}
>-a.brief {
>-  padding-right: 27px;
>-}
>-a.detail {
>-  padding-right: 27px;
>-}
>-a.download {
>-  padding-right: 20px;
>-}
>-a.editshelf {
>-  padding-right: 26px;
>-}
>-a.empty {
>-  padding-right: 30px;
>-}
>-a.hide {
>-  padding-right: 26px;
>-}
>-a.highlight_toggle {
>-  padding-right: 35px;
>-}
>-a.hold,
>-input.hold {
>-  padding-right: 23px;
>-}
>-a.incart {
>-  padding-right: 35px;
>-}
>-a.new {
>-  padding-right: 23px;
>-}
>-a.print-small {
>-  padding-right: 30px;
>-}
>-a.print-large {
>-  padding-right: 35px;
>-}
>-a.removeitems,
>-a.deleteshelf {
>-  padding-right: 25px;
>-}
>-a.reserve {
>-  padding-right: 35px;
>-}
>-a.send {
>-  padding-right: 28px;
>-}
>-a.tag_add {
>-  padding-right: 27px;
>-}
>-input.editshelf {
>-  padding-right: 29px;
>-}
>-.newshelf {
>-  padding-right: 28px;
>-}
>-.deleteshelf {
>-  padding-right: 25px;
>-}
>-#login4tags {
>-  padding-right: 20px;
>-}
>-.tag_results_input {
>-  margin-right: 1em;
>-}
>-#social_networks span {
>-  float: right;
>-  margin: .5em .5em .5em 0 !important;
>-}
>-#social_networks div {
>-  float: right !important;
>-  margin: .5em .2em .5em 0 !important;
>-}
>-#marc td,
>-#marc th {
>-  text-align: right;
>-}
>-#marc .results_summary {
>-  clear: right;
>-}
>-#plainmarc th {
>-  text-align: right;
>-}
>-#renewcontrols {
>-  float: left;
>-}
>-.authstanza li {
>-  margin-right: 0.5em;
>-}
>-#didyoumean {
>-  text-align: right;
>-}
>-.authlink {
>-  padding-right: 0.25em;
>-}
>-#search-facets h4 a,
>-#menu h4 a {
>-  border-radius: 8px 0 0 8px;
>-}
>-#menu {
>-  border: 0 solid #D8D8D8;
>-  border-left-width: 1px;
>-}
>-#menu li a {
>-  border-radius: 0 5px 5px 0;
>-  margin-left: -1px;
>-}
>-#menu li.active a {
>-  border-left-width: 0;
>-  border-right-width: 1px;
>-}
>-/* Search results add to cart (lists disabled) */
>-.addto a.addtocart {
>-  padding-right: 33px;
>-}
>-.searchresults a.highlight_toggle {
>-  padding: 0 21px 0 10px;
>-}
>-.commentline .avatar {
>-  float: left;
>-  padding-right: .5em;
>-}
>-span.sep {
>-  padding: 0 .5em 0 .2em;
>-}
>-/* style for PM-generated pagination bar */
>-.pages span:first-child,
>-.pages a:first-child {
>-  border-bottom-right-radius: 3px;
>-  border-top-right-radius: 3px;
>-}
>-.pages span:last-child,
>-.pages a:last-child {
>-  border-width: 1px 0 1px 1px;
>-  border-bottom-left-radius: 3px;
>-  border-top-left-radius: 3px;
>-}
>-.pages .inactive,
>-.pages .currentPage,
>-.pages a {
>-  border-width: 1px 0 1px 1px;
>-  float: right;
>-}
>-.pages a[rel='last'] {
>-  border-bottom-left-radius: 3px;
>-  border-top-left-radius: 3px;
>-}
>-.close {
>-  left: auto;
>-}
>-/* Redefine a new style for Bootstrap's class "close" since we use that already */
>-/* Use <a class="closebtn" href="#">&times;</a> */
>-.alert .closebtn {
>-  left: -21px;
>-}
>-.closebtn {
>-  float: left;
>-}
>-#logo {
>-  float: right !important;
>-}
>-/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
>-.floating {
>-  -webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.4);
>-  box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.4);
>-}
>-.table .sorting_asc {
>-  padding-left: 19px;
>-  background: url("../images/asc.gif") no-repeat scroll left center #ecede6;
>-}
>-.table .sorting_desc {
>-  padding-left: 19px;
>-  background: url("../images/desc.gif") no-repeat scroll left center #ecede6;
>-}
>-.table .sorting {
>-  padding-left: 19px;
>-  background: url("../images/ascdesc.gif") no-repeat scroll left center #ecede6;
>-}
>-.table .nosort,
>-.table .nosort.sorting_asc,
>-.table .nosort.sorting_desc,
>-.table .nosort.sorting {
>-  padding-left: 19px;
>-}
>-.tags ul {
>-  margin-right: 0;
>-}
>-.coverimages {
>-  float: left;
>-}
>-#i18nMenu {
>-  margin-right: 1em;
>-}
>-#overdrive-results {
>-  padding-right: 1em;
>-}
>+.popup{padding-right:0;padding-left:0}a.cancel{padding-right:1em}h1#libraryname{float:right!important}caption{text-align:right}#basketcount span{margin:0 .9em 0 0}#koha_url p{float:left}.actions a.hold{margin-left:1em;padding-right:21px}.actions a.addtocart{margin-left:1em;padding-right:20px}.actions a.addtoshelf{margin-left:1em;padding-right:20px}.actions a.addtolist{margin-left:1em;padding-right:20px}.actions a.tag_add{margin-left:1em;padding-right:20px}.actions a.removefromlist{margin-left:1em;padding-right:15px}.ui-tabs .ui-tabs-nav li{margin-left:.4em}.statictabs li{float:right;margin-left:.4em}.statictabs li a{float:right}#bookcover .no-image{margin-left:10px}th.sum{text-align:left}th[scope=row]{text-align:left}fieldset.rows{float:right;clear:right}fieldset.rows label,fieldset.rows .label{float:right;margin-left:1em;text-align:left}fieldset.rows ol.lradio label{margin-left:0}fieldset.rows ol.lradio label.lradio{float:right;margin-left:1em}fieldset.rows li{float:right;clear:right}fieldset.rows li.lradio{padding-right:8.5em}fieldset.rows li.lradio label{margin:0 1em 0 0}div.rows{float:right;clear:right}div.rows span.label{float:right;margin-left:1em;text-align:right}div.rows ol{margin-right:0;padding:.5em 0 0 1em}div.rows li{float:right;clear:right}div.rows ul li{margin-right:7.3em}div.rows ul li:first-child{margin-right:0}.toolbar{padding:3px 5px 5px 3px}.toolbar label{margin-right:.5em}.toolbar .hold,.toolbar #tagsel_tag{padding-right:28px}.toolbar li a{border-right:1px solid #e8e8e8}.toolbar li:first-child a{border-right:0}.toolbar ul{padding-right:0}#basket .toolbar{padding:7px 9px 9px 5px}#selections-toolbar{padding-right:10px}#tagsel_span input.submit,#tagsel_tag{padding-right:25px}#tagsel_span input.disabled,#tagsel_span input.disabled:hover,#tagsel_span input.hold.disabled,#tagsel_span input.hold.disabled:hover,#selections-toolbar input.hold.disabled,#selections-toolbar input.hold.disabled:hover,#selections-toolbar a.disabled,#selections-toolbar a.disabled:hover{padding-right:23px}#views{padding:0 .2em .2em 2em}#bibliodescriptions,#isbdcontents{clear:right}#bookcover{float:right}#bookcover .no-image{margin-left:10px}#bookcover img{margin:0 0 1em 1em}.results-pagination{right:-1px}.back{float:left}.pagination_list ul{padding-right:0}.pagination_list li a{padding-right:0}.pagination_list .li_pag_index{float:right;padding-left:10px;text-align:left}.pg_menu li.back_results a{border-right:1px solid #d0d0d0;border-left:1px solid #d0d0d0}.pg_menu li a,.pg_menu li span{float:right}#listResults li{margin-left:1px}.nav_pages .close_pagination{padding-left:10px;left:3px}.nav_pages li{float:right}.nav_pages li ul{float:right}#format,#furthersearches{padding-right:35px}.highlight_controls{float:right}a.addtocart{padding-right:35px}a.addtoshelf{padding-right:35px}a.brief{padding-right:27px}a.detail{padding-right:27px}a.download{padding-right:20px}a.editshelf{padding-right:26px}a.empty{padding-right:30px}a.hide{padding-right:26px}a.highlight_toggle{padding-right:35px}a.hold,input.hold{padding-right:23px}a.incart{padding-right:35px}a.new{padding-right:23px}a.print-small{padding-right:30px}a.print-large{padding-right:35px}a.removeitems,a.deleteshelf{padding-right:25px}a.reserve{padding-right:35px}a.send{padding-right:28px}a.tag_add{padding-right:27px}input.editshelf{padding-right:29px}.newshelf{padding-right:28px}.deleteshelf{padding-right:25px}#login4tags{padding-right:20px}.tag_results_input{margin-right:1em}#social_networks span{float:right;margin:.5em .5em .5em 0!important}#social_networks div{float:right!important;margin:.5em .2em .5em 0!important}#marc td,#marc th{text-align:right}#marc .results_summary{clear:right}#plainmarc th{text-align:right}#renewcontrols{float:left}.authstanza li{margin-right:.5em}#didyoumean{text-align:right}.authlink{padding-right:.25em}#search-facets h4 a,#menu h4 a{border-radius:8px 0 0 8px}#menu{border:0 solid #d8d8d8;border-left-width:1px}#menu li a{border-radius:0 5px 5px 0;margin-left:-1px}#menu li.active a{border-left-width:0;border-right-width:1px}.addto a.addtocart{padding-right:33px}.searchresults a.highlight_toggle{padding:0 21px 0 10px}.commentline .avatar{float:left;padding-right:.5em}span.sep{padding:0 .5em 0 .2em}.pages span:first-child,.pages a:first-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.pages span:last-child,.pages a:last-child{border-width:1px 0 1px 1px;border-bottom-left-radius:3px;border-top-left-radius:3px}.pages .inactive,.pages .currentPage,.pages a{border-width:1px 0 1px 1px;float:right}.pages a[rel='last']{border-bottom-left-radius:3px;border-top-left-radius:3px}.close{left:auto}.alert .closebtn{left:-21px}.closebtn{float:left}#logo{float:right!important}.floating{-webkit-box-shadow:0 0 2px 3px rgba(0,0,0,0.4);box-shadow:0 0 2px 3px rgba(0,0,0,0.4)}.table .sorting_asc{padding-left:19px;background:url("../images/asc.gif") no-repeat scroll left center #ecede6}.table .sorting_desc{padding-left:19px;background:url("../images/desc.gif") no-repeat scroll left center #ecede6}.table .sorting{padding-left:19px;background:url("../images/ascdesc.gif") no-repeat scroll left center #ecede6}.table .nosort,.table .nosort.sorting_asc,.table .nosort.sorting_desc,.table .nosort.sorting{padding-left:19px}.tags ul{margin-right:0}.coverimages{float:left}#i18nMenu{margin-right:1em}#overdrive-results{padding-right:1em}
>\ No newline at end of file
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/date-format.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/date-format.inc
>index 53dae71..f651b74 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/date-format.inc
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/date-format.inc
>@@ -1 +1 @@
>-[% IF ( dateformat == "us" ) %](MM/DD/YYYY)[% ELSIF ( dateformat == "metric" ) %](DD/MM/YYYY)[% ELSE %](YYYY-MM-DD)[% END %]
>+<span class="dateformat">[% IF ( dateformat == "us" ) %](MM/DD/YYYY)[% ELSIF ( dateformat == "metric" ) %](DD/MM/YYYY)[% ELSE %](YYYY-MM-DD)[% END %]</span>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
>index a16dc47..1649af9 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
>@@ -479,10 +479,10 @@
>                                                 <th>Priority</th>
>                                             [% END %]
>                                             <th>Status</th>
>-                                            <th class="nosort">Modify</th>
>                                             [% IF SuspendHoldsOpac %]
>-                                                 <th class="nosort" >Suspend individual holds</th>
>+                                                 <th class="nosort" >Suspend</th>
>                                             [% END %]
>+                                            <th class="nosort">Modify</th>
>                                         </tr>
>                                     </thead>
>                                     <tbody>
>@@ -555,6 +555,52 @@
>                                                     [% END %]
>                                                 [% END %]
>                                             </td>
>+                                            [% IF SuspendHoldsOpac %]
>+                                                <td>
>+                                                    [% IF ( RESERVE.cancelable ) %]
>+                                                        [% IF RESERVE.suspend %]
>+                                                            <form class="form-inline" action="/cgi-bin/koha/opac-modrequest-suspend.pl" method="post">
>+                                                                <input type="hidden" name="reserve_id" value="[% RESERVE.reserve_id %]" />
>+                                                                <button class="btn btn-link" type="submit" name="submit"><i class="icon-play"></i> Resume</button>
>+                                                            </form>
>+                                                        [% ELSE %]
>+                                                            [% IF AutoResumeSuspendedHolds %]
>+                                                                <a class="btn btn-link js-show" href="#suspendModal[% RESERVE.reserve_id %]" role="button" data-toggle="modal"><i class="icon-pause"></i> Suspend</a>
>+                                                                [% # hold suspend modal form %]
>+                                                                <div id="suspendModal[% RESERVE.reserve_id %]" class="modal-nojs" tabindex="-1" role="dialog" aria-labelledby="suspendModal[% RESERVE.reserve_id %]Label" aria-hidden="true">
>+                                                                    <form class="form-inline" action="/cgi-bin/koha/opac-modrequest-suspend.pl" method="post">
>+                                                                        <div class="modal-header">
>+                                                                            <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">Ã</button>
>+                                                                            [% IF RESERVE.suspend %]
>+                                                                                <h3 id="suspendModal[% RESERVE.reserve_id %]Label">Resume your hold on <i>[% RESERVE.reserves_title %]</i></h3>
>+                                                                            [% ELSE %]
>+                                                                                <h3 id="suspendModal[% RESERVE.reserve_id %]Label">Suspend your hold on <i>[% RESERVE.reserves_title %]</i></h3>
>+                                                                            [% END %]
>+                                                                        </div>
>+                                                                        <div class="modal-body">
>+                                                                            <input type="hidden" name="reserve_id" value="[% RESERVE.reserve_id %]" />
>+                                                                            <label for="suspend_until_[% RESERVE.reserve_id %]">Suspend until:</label>
>+                                                                            <input name="suspend_until" id="suspend_until_[% RESERVE.reserve_id %]" class="suspend-until" size="10" />
>+                                                                            [% INCLUDE 'date-format.inc' %]
>+                                                                            <p class="js-show"><a href="#" onclick="document.getElementById('suspend_until_[% RESERVE.reserve_id %]').value='';return false;">Clear date to suspend indefinitely</a></p>
>+                                                                            <button class="btn btn-mini js-hide" type="submit" name="submit">Suspend</button>
>+                                                                        </div>
>+                                                                        <div class="modal-footer">
>+                                                                            <button class="btn btn-primary" type="submit" name="submit">Suspend</button>
>+                                                                            <a href="#" data-dismiss="modal" aria-hidden="true" class="cancel">Cancel</a>
>+                                                                        </div>
>+                                                                    </form>
>+                                                                </div>  
>+                                                            [% ELSE %]
>+                                                                <form class="form-inline" action="/cgi-bin/koha/opac-modrequest-suspend.pl" method="post">
>+                                                                    <input type="hidden" name="reserve_id" value="[% RESERVE.reserve_id %]" />
>+                                                                    <button class="btn btn-link" type="submit" name="submit"><i class="icon-pause"></i> Suspend</button>
>+                                                                </form>
>+                                                            [% END # / IF AutoResumeSuspendedHolds %]
>+                                                        [% END # / IF RESERVE.suspend %]
>+                                                    [% END # / IF ( RESERVE.cancelable )%]
>+                                                </td>
>+                                            [% END # / IF SuspendHoldsOpac %]
>                                             <td class="modify">
>                                                 [% IF ( RESERVE.cancelable ) %]
>                                                     <form action="/cgi-bin/koha/opac-modrequest.pl" method="post">
>@@ -563,27 +609,6 @@
>                                                     <button type="submit" name="submit" class="btn btn-mini btn-danger" onclick="return confirmDelete(MSG_CONFIRM_DELETE_HOLD);"><i class="icon-remove icon-white"></i> Cancel</button></form>
>                                                 [% END %]
>                                             </td>
>-                                             [% IF SuspendHoldsOpac %]
>-                                                 <td>
>-                                                     [% IF ( RESERVE.cancelable ) %]
>-                                                         <form class="form-inline" action="/cgi-bin/koha/opac-modrequest-suspend.pl" method="post">
>-                                                             <input type="hidden" name="reserve_id" value="[% RESERVE.reserve_id %]" />
>-                                     
>-                                                             [% IF RESERVE.suspend %]
>-                                                                 <button class="btn btn-mini" type="submit" name="submit"><i class="icon-play"></i> Resume suspended hold</button>
>-                                                             [% ELSE %]
>-                                                                 <button class="btn btn-mini" type="submit" name="submit"><i class="icon-pause"></i> Suspend hold</button>
>-                                     
>-                                                                 [% IF AutoResumeSuspendedHolds %]
>-                                                                     <label for="suspend_until_[% RESERVE.reserve_id %]"> until </label>
>-                                                                     <input name="suspend_until" id="suspend_until_[% RESERVE.reserve_id %]" class="suspend-until" readonly="readonly" size="10" />
>-                                                                     <a href="#" style="font-size:85%;text-decoration:none;" onclick="document.getElementById('suspend_until_[% RESERVE.reserve_id %]').value='';return false;">Clear date</a>
>-                                                                 [% END %]
>-                                                             [% END %]
>-                                                         </form>
>-                                                     [% END %]
>-                                                 </td>
>-                                             [% END %]
>                                         </tr>
>                                     [% END # /FOREACH RESERVES %]
>                                 </tbody>
>@@ -598,7 +623,7 @@
>                                         [% IF AutoResumeSuspendedHolds %]
>                                             <label for="suspend_until"> until </label>
>                                             <input name="suspend_until" id="suspend_until" class="suspend-until" readonly="readonly" size="10" />
>-                                            <a href="#" style="font-size:85%;text-decoration:none;" onclick="document.getElementById('suspend_until').value='';return false;">Clear date</a>
>+                                            <a href="#" style="font-size:85%;text-decoration:none;" onclick="document.getElementById('suspend_until').value='';return false;">Clear date to suspend indefinitely</a>
>                                         [% END %]
>                                     </form>
>                                 </div>
>@@ -633,7 +658,10 @@
> 
>         $(function() {
>             $('#opac-user-views').tabs();
>-
>+            $(".js-show").show();
>+            $(".js-hide").hide();
>+            $(".modal-nojs").addClass("modal").addClass("hide").removeClass("modal-nojs");
>+            $(".suspend-until").prop("readonly",1);
>             var dTables = $("#checkoutst,#holdst,#overduest");
>             dTables.each(function(){
>                 var thIndex = $(this).find("th.psort").index();
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less b/koha-tmpl/opac-tmpl/bootstrap/less/opac.less
>index 4e1e422..19ead3d 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less
>+++ b/koha-tmpl/opac-tmpl/bootstrap/less/opac.less
>@@ -10,6 +10,22 @@ body {
>     /* The html and body elements cannot have any padding or margin. */
> }
> 
>+.no-js {
>+    .dateformat {
>+        display: inline;
>+        white-space: nowrap;
>+    }
>+    .modal-body {
>+        padding: 0;
>+    }
>+}
>+
>+.js {
>+    .dateformat {
>+        display: none;
>+    }
>+}
>+
> /* Wrapper for page content to push down footer */
> #wrap {
>     min-height: 100%;
>@@ -121,6 +137,15 @@ table, td {
>     background-color: #FFF;
> }
> 
>+td {
>+    .btn {
>+        white-space: nowrap;
>+    }
>+    .btn-link {
>+        padding: 0;
>+    }
>+}
>+
> #advsearches,
> #booleansearch {
>     label {
>@@ -2315,4 +2340,15 @@ a.reviewlink:visited {
>     padding-right: 6px;
> }
> 
>+.js-show {
>+    display: none;
>+}
>+
>+.modal-nojs {
>+    .modal-header,
>+    .modal-footer {
>+        display: none;
>+    }
>+}
>+
> @import "responsive.less";
>-- 
>1.7.9.5

Actions: View | Diff | Splinter Review

Attachments on bug 11694: 25104 | 25697 | 25698 | 26385 | 26386