koha-tmpl/opac-tmpl/bootstrap/css/opac.css

   1 .shadowed {
   2   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
   3   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
   4   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
   5 }
   6 body {
   7   background-color: #EAEAE6;
   8 }
   9 /* Sticky footer styles */
  10 html,
  11 body {
  12   height: 100%;
  13   /* The html and body elements cannot have any padding or margin. */
  14 }
  15 .no-js .dateformat {
  16   display: inline;
  17   white-space: nowrap;
  18 }
  19 .no-js .modal-body {
  20   padding: 0;
  21 }
  22 .no-js .selections-toolbar {
  23   display: none;
  24 }
  25 .js .dateformat {
  26   display: none;
  27 }
  28 /* Wrapper for page content to push down footer */
  29 #wrap {
  30   min-height: 100%;
  31   height: auto !important;
  32   height: 100%;
  33   /* Negative indent footer by it's height */
  34 }
  35 /* Set the fixed height of the footer here */
  36 .popup {
  37   padding-left: 0;
  38   padding-right: 0;
  39 }
  40 a {
  41   color: #0076B2;
  42 }
  43 a.cancel {
  44   padding-left: 1em;
  45 }
  46 a:visited {
  47   color: #0076B2;
  48 }
  49 a.title {
  50   font-weight: bold;
  51   font-size: 108%;
  52 }
  53 a.btn:visited {
  54   color: #333;
  55 }
  56 a.btn-primary:visited {
  57   color: #FFF;
  58 }
  59 .ui-widget-content a,
  60 .ui-widget-content a:visited {
  61   color: #0076B2;
  62 }
  63 h1 {
  64   font-size: 140%;
  65   line-height: 150%;
  66 }
  67 h1#libraryname {
  68   background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
  69   border: 0;
  70   float: left !important;
  71   margin: 0;
  72   padding: 0;
  73   width: 120px;
  74 }
  75 h1#libraryname a {
  76   border: 0;
  77   cursor: pointer;
  78   display: block;
  79   height: 0px !important;
  80   margin: 0;
  81   overflow: hidden;
  82   padding: 40px 0 0;
  83   text-decoration: none;
  84   width: 120px;
  85 }
  86 h2 {
  87   font-size: 130%;
  88   line-height: 150%;
  89 }
  90 h3 {
  91   font-size: 120%;
  92   line-height: 150%;
  93 }
  94 h4 {
  95   font-size: 110%;
  96 }
  97 h5 {
  98   font-size: 100%;
  99 }
 100 caption {
 101   font-size: 120%;
 102   font-weight: bold;
 103   margin: 0;
 104   text-align: left;
 105 }
 106 input,
 107 textarea {
 108   width: auto;
 109 }
 110 .input-fluid {
 111   width: 50%;
 112 }
 113 legend {
 114   font-size: 110%;
 115   font-weight: bold;
 116 }
 117 table,
 118 td {
 119   background-color: #FFF;
 120 }
 121 td .btn {
 122   white-space: nowrap;
 123 }
 124 td .btn-link {
 125   padding: 0;
 126 }
 127 #advsearches label,
 128 #booleansearch label {
 129   display: inline;
 130 }
 131 #basketcount {
 132   display: inline;
 133   margin: 0;
 134   padding: 0;
 135 }
 136 #basketcount span {
 137   background-color: #FFC;
 138   color: #000;
 139   display: inline;
 140   font-size: 80%;
 141   font-weight: normal;
 142   margin: 0 0 0 .9em;
 143   padding: 0 .3em 0 .3em;
 144   -webkit-border-radius: 3px;
 145   -moz-border-radius: 3px;
 146   border-radius: 3px;
 147 }
 148 #members {
 149   display: block;
 150 }
 151 #members p {
 152   color: #EEE;
 153 }
 154 #members a {
 155   color: #A6D8ED;
 156   font-weight: bold;
 157 }
 158 #members a.logout {
 159   color: #E8583C;
 160   padding: 0 .3em 0 .3em;
 161 }
 162 #koha_url p {
 163   color: #666666;
 164   float: right;
 165   margin: 0;
 166 }
 167 #moresearches {
 168   margin: .5em 0;
 169   padding: 0 .8em;
 170 }
 171 #moresearches li {
 172   display: inline;
 173   white-space: nowrap;
 174 }
 175 #moresearches li:after {
 176   content: " | ";
 177 }
 178 #moresearches ul {
 179   margin: 0;
 180 }
 181 #moresearches li:last-child:after {
 182   content: "";
 183 }
 184 #news {
 185   margin: .5em 0;
 186 }
 187 .newscontainer {
 188   border: 1px solid #ddd;
 189   border-bottom-width: 0;
 190   border-top-left-radius: 5px;
 191   border-top-right-radius: 5px;
 192 }
 193 .newsheader {
 194   background-color: #ecede6;
 195   border-bottom: 1px solid #ddd;
 196   margin: 0;
 197   padding: 8px;
 198 }
 199 .newsbody {
 200   padding: 8px;
 201 }
 202 .newsfooter {
 203   border-bottom: 1px solid #ddd;
 204   font-style: italic;
 205   padding: 4px 8px;
 206 }
 207 #opacheader {
 208   background-color: #DDD;
 209 }
 210 #selections,
 211 .selections {
 212   font-weight: bold;
 213 }
 214 .actions a {
 215   white-space: nowrap;
 216   /* List contents remove from list link */
 217 }
 218 .actions a.hold {
 219   background-image: url("../images/sprite.png");
 220   /* Place hold small */
 221   background-position: -5px -542px;
 222   background-repeat: no-repeat;
 223   margin-right: 1em;
 224   padding-left: 21px;
 225   text-decoration: none;
 226 }
 227 .actions a.article_request {
 228   background-image: url("../images/sprite.png");
 229   /* Place hold small */
 230   background-position: -2px -26px;
 231   background-repeat: no-repeat;
 232   margin-right: 1em;
 233   padding-left: 21px;
 234   text-decoration: none;
 235 }
 236 .actions a.addtocart {
 237   background-image: url("../images/sprite.png");
 238   /* Cart small */
 239   background-position: -5px -572px;
 240   background-repeat: no-repeat;
 241   margin-right: 1em;
 242   padding-left: 20px;
 243   text-decoration: none;
 244 }
 245 .actions a.addtoshelf {
 246   background-image: url("../images/sprite.png");
 247   /* MARC view */
 248   background-position: -5px -27px;
 249   background-repeat: no-repeat;
 250   margin-right: 1em;
 251   padding-left: 20px;
 252   text-decoration: none;
 253 }
 254 .actions a.addtolist {
 255   background-position: -5px -27px;
 256   margin-right: 1em;
 257   padding-left: 20px;
 258   text-decoration: none;
 259 }
 260 .actions a.tag_add {
 261   background-position: -5px -1110px;
 262   margin-right: 1em;
 263   padding-left: 20px;
 264   text-decoration: none;
 265 }
 266 .actions a.removefromlist {
 267   background-position: -8px -690px;
 268   /* Delete */
 269   margin-right: 1em;
 270   text-decoration: none;
 271   padding-left: 15px;
 272 }
 273 /* Override Bootstrap alert */
 274 .alert {
 275   background: #fffbe5;
 276   /* Old browsers */
 277   background: -moz-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
 278   /* FF3.6+ */
 279   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffbe5), color-stop(9%, #fff0b2), color-stop(89%, #fff1a8), color-stop(100%, #f7e665));
 280   /* Chrome,Safari4+ */
 281   background: -webkit-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
 282   /* Chrome10+,Safari5.1+ */
 283   background: -o-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
 284   /* Opera 11.10+ */
 285   background: -ms-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
 286   /* IE10+ */
 287   background: linear-gradient(to bottom, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);
 288   /* W3C */
 289   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbe5', endColorstr='#f7e665', GradientType=0);
 290   /* IE6-9 */
 291   border-color: #D6C43B;
 292   color: #333;
 293 }
 294 /* Override Bootstrap alert.alert-info */
 295 .alert-info {
 296   background: #f4f6fa;
 297   /* Old browsers */
 298   background: -moz-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
 299   /* FF3.6+ */
 300   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f6fa), color-stop(4%, #eaeef5), color-stop(96%, #e8edf6), color-stop(100%, #cddbf2));
 301   /* Chrome,Safari4+ */
 302   background: -webkit-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
 303   /* Chrome10+,Safari5.1+ */
 304   background: -o-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
 305   /* Opera 11.10+ */
 306   background: -ms-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
 307   /* IE10+ */
 308   background: linear-gradient(to bottom, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);
 309   /* W3C */
 310   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6fa', endColorstr='#cddbf2', GradientType=0);
 311   /* IE6-9 */
 312   border-color: #C5D1E5;
 313   color: #333;
 314 }
 315 /* Override Bootstrap alert.alert-success */
 316 .alert-success {
 317   background: #f8ffe8;
 318   /* Old browsers */
 319   background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
 320   /* FF3.6+ */
 321   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ffe8), color-stop(4%, #e3f5ab), color-stop(98%, #dcf48d), color-stop(100%, #9ebf28));
 322   /* Chrome,Safari4+ */
 323   background: -webkit-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
 324   /* Chrome10+,Safari5.1+ */
 325   background: -o-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
 326   /* Opera 11.10+ */
 327   background: -ms-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
 328   /* IE10+ */
 329   background: linear-gradient(to bottom, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);
 330   /* W3C */
 331   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ffe8', endColorstr='#9ebf28', GradientType=0);
 332   /* IE6-9 */
 333   border-color: #9FBA35;
 334   color: #333;
 335 }
 336 .breadcrumb {
 337   background-color: #F2F2EF;
 338   font-size: 85%;
 339   list-style: none outside none;
 340   margin: 10px 20px;
 341   padding: 5px 10px;
 342   -webkit-border-radius: 7px;
 343   -moz-border-radius: 7px;
 344   border-radius: 7px;
 345 }
 346 .form-inline {
 347   display: inline;
 348   padding: 0;
 349   margin: 0;
 350 }
 351 .form-inline fieldset {
 352   margin: 0.3em 0;
 353   padding: 0.3em;
 354 }
 355 .main {
 356   background-color: #FFF;
 357   border: 1px solid #D2D2CF;
 358   -webkit-border-radius: 7px;
 359   -moz-border-radius: 7px;
 360   border-radius: 7px;
 361   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 362   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 363   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 364   margin-top: 0.5em;
 365   margin-bottom: 0.5em;
 366 }
 367 .mastheadsearch {
 368   -webkit-border-radius: 7px;
 369   -moz-border-radius: 7px;
 370   border-radius: 7px;
 371   padding: .8em;
 372   margin: .5em 0;
 373   background: #c7c7c1;
 374   /* Old browsers */
 375   background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
 376   /* FF3.6+ */
 377   background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #c7c7c1), color-stop(100%, #a7a7a2));
 378   /* Chrome,Safari4+ */
 379   background: -webkit-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
 380   /* Chrome10+,Safari5.1+ */
 381   background: -o-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
 382   /* Opera 11.10+ */
 383   background: -ms-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
 384   /* IE10+ */
 385   background: linear-gradient(to bottom, #c7c7c1 38%, #a7a7a2 100%);
 386   /* W3C */
 387   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c1', endColorstr='#a7a7a2', GradientType=0);
 388   /* IE6-9 */
 389 }
 390 .mastheadsearch label {
 391   font-size: 115%;
 392   font-weight: bold;
 393 }
 394 .navbar-inverse .brand,
 395 .navbar-inverse .nav > li > a {
 396   color: #9FE1FF;
 397   font-weight: bold;
 398 }
 399 .navbar-fixed-bottom.navbar-static-bottom {
 400   margin-top: .5em;
 401   position: static;
 402 }
 403 #changelanguage .nav > .active > p {
 404   padding: 0 15px;
 405 }
 406 .table-striped tbody > tr:nth-child(odd) > td,
 407 .table-striped tbody > tr:nth-child(odd) > th {
 408   background-color: #F4F4F4;
 409 }
 410 /* jQuery UI standard tabs */
 411 .ui-tabs-nav .ui-tabs-active a,
 412 .ui-tabs-nav a:hover,
 413 .ui-tabs-nav a:focus,
 414 .ui-tabs-nav a:active,
 415 .ui-tabs-nav span.a {
 416   background: none repeat scroll 0 0 transparent;
 417   outline: 0 none;
 418 }
 419 .ui-widget,
 420 .ui-widget input,
 421 .ui-widget select,
 422 .ui-widget textarea,
 423 .ui-widget button {
 424   font-family: inherit;
 425   font-size: inherit;
 426 }
 427 ul.ui-tabs-nav li {
 428   list-style: none;
 429 }
 430 .ui-tabs.ui-widget-content {
 431   background: transparent none;
 432   border: 0;
 433 }
 434 .ui-tabs .ui-tabs-panel {
 435   border: 1px solid #D8D8D8;
 436   margin-bottom: 1em;
 437 }
 438 .ui-tabs-nav.ui-widget-header {
 439   border: 0;
 440   background: none;
 441 }
 442 .ui-tabs .ui-tabs-nav li {
 443   background: #F3F3F3 none;
 444   border-color: #D8D8D8;
 445   margin-right: .4em;
 446 }
 447 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 448   background-color: #FFF;
 449   border: 1px solid #D8D8D8;
 450   border-bottom: 0;
 451 }
 452 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
 453   color: #000;
 454   font-weight: bold;
 455 }
 456 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
 457   background: #F3F3F3 none;
 458 }
 459 .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
 460   background: #FFF none;
 461 }
 462 .ui-tabs .ui-state-default a,
 463 .ui-tabs .ui-state-default a:link,
 464 .ui-tabs .ui-state-default a:visited {
 465   color: #006699;
 466 }
 467 .ui-tabs .ui-state-hover a,
 468 .ui-tabs .ui-state-hover a:link,
 469 .ui-tabs .ui-state-hover a:visited {
 470   color: #990033;
 471 }
 472 .statictabs ul {
 473   background: none repeat scroll 0 0 transparent;
 474   border: 0 none;
 475   margin: 0;
 476   padding: 0.2em 0.2em 0;
 477   border-bottom-right-radius: 4px;
 478   border-bottom-left-radius: 4px;
 479   border-top-right-radius: 4px;
 480   border-top-left-radius: 4px;
 481   color: #222222;
 482   font-weight: bold;
 483   font-size: 100%;
 484   line-height: 1.3;
 485   list-style: none outside none;
 486   outline: 0 none;
 487   text-decoration: none;
 488 }
 489 .statictabs ul:before {
 490   content: "";
 491   display: table;
 492 }
 493 .statictabs ul:after {
 494   clear: both;
 495   content: "";
 496   display: table;
 497 }
 498 .statictabs li {
 499   background: none repeat scroll 0 0 #E6F0F2;
 500   border: 1px solid #B9D8D9;
 501   border-bottom: 0 none !important;
 502   border-top-right-radius: 4px;
 503   border-top-left-radius: 4px;
 504   float: left;
 505   list-style: none outside none;
 506   margin-bottom: 0;
 507   margin-right: 0.4em;
 508   padding: 0;
 509   position: relative;
 510   white-space: nowrap;
 511   top: 1px;
 512   color: #555555;
 513   font-weight: normal;
 514 }
 515 .statictabs li.active {
 516   background-color: #FFFFFF;
 517   color: #212121;
 518   font-weight: normal;
 519   padding-bottom: 1px;
 520 }
 521 .statictabs li a {
 522   color: #004D99;
 523   cursor: pointer;
 524   float: left;
 525   padding: 0.5em 1em;
 526   text-decoration: none;
 527 }
 528 .statictabs li a:hover {
 529   background-color: #EDF4F5;
 530   border-top-right-radius: 4px;
 531   border-top-left-radius: 4px;
 532   color: #538200;
 533 }
 534 .statictabs li.active a {
 535   color: #000000;
 536   font-weight: bold;
 537   cursor: text;
 538   background: none repeat scroll 0 0 transparent;
 539   outline: 0 none;
 540 }
 541 .statictabs .tabs-container {
 542   border: 1px solid #B9D8D9;
 543   background: none repeat scroll 0 0 transparent;
 544   display: block;
 545   padding: 1em 1.4em;
 546   border-bottom-right-radius: 4px;
 547   border-bottom-left-radius: 4px;
 548   color: #222222;
 549 }
 550 /* End jQueryUI tab styles */
 551 /* jQuery UI Datepicker */
 552 .ui-datepicker table {
 553   width: 100%;
 554   font-size: .9em;
 555   border: 0;
 556   border-collapse: collapse;
 557   margin: 0 0 .4em;
 558 }
 559 .ui-datepicker th {
 560   background: transparent none;
 561   padding: .7em .3em;
 562   text-align: center;
 563   font-weight: bold;
 564   border: 0;
 565 }
 566 .ui-datepicker-trigger {
 567   vertical-align: middle;
 568   margin: 0 3px;
 569 }
 570 .ui-datepicker {
 571   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 572   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 573   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 574 }
 575 /* End jQueryUI datepicker styles */
 576 /* jQueryUI Core */
 577 .ui-widget-content {
 578   border: 1px solid #AAA;
 579   background: #ffffff none;
 580   color: #222222;
 581 }
 582 .ui-widget-header {
 583   border: 1px solid #AAA;
 584   background: #E6F0F2 none;
 585   color: #222222;
 586   font-weight: bold;
 587 }
 588 .ui-state-default,
 589 .ui-widget-content .ui-state-default,
 590 .ui-widget-header .ui-state-default {
 591   border: 1px solid #AAA;
 592   background: #F4F8F9 none;
 593   font-weight: normal;
 594   color: #555555;
 595 }
 596 .ui-state-hover,
 597 .ui-widget-content .ui-state-hover,
 598 .ui-widget-header .ui-state-hover,
 599 .ui-state-focus,
 600 .ui-widget-content .ui-state-focus,
 601 .ui-widget-header .ui-state-focus {
 602   border: 1px solid #AAA;
 603   background: #E6F0F2 none;
 604   font-weight: normal;
 605   color: #212121;
 606 }
 607 .ui-state-active,
 608 .ui-widget-content .ui-state-active,
 609 .ui-widget-header .ui-state-active {
 610   border: 1px solid #aaaaaa;
 611   background: #ffffff none;
 612   font-weight: normal;
 613   color: #212121;
 614 }
 615 .ui-state-highlight,
 616 .ui-widget-content .ui-state-highlight,
 617 .ui-widget-header .ui-state-highlight {
 618   border: 1px solid #fcefa1;
 619   background: #fbf9ee;
 620   color: #363636;
 621 }
 622 .ui-state-error,
 623 .ui-widget-content .ui-state-error,
 624 .ui-widget-header .ui-state-error {
 625   border: 1px solid #cd0a0a;
 626   background: #fef1ec;
 627   color: #cd0a0a;
 628 }
 629 /* end jQueryUI core */
 630 /* jQueryUI autocomplete */
 631 .ui-autocomplete {
 632   position: absolute;
 633   cursor: default;
 634   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 635   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 636   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 637 }
 638 .ui-autocomplete.ui-widget-content .ui-state-hover {
 639   border: 1px solid #AAA;
 640   background: #E6F0F2 none;
 641   font-weight: normal;
 642   color: #212121;
 643 }
 644 .ui-autocomplete-loading {
 645   background: #FFF url("../../img/loading-small.gif") right center no-repeat;
 646 }
 647 .ui-menu li {
 648   list-style: none;
 649 }
 650 /* end jQueryUI autocomplete */
 651 th {
 652   background-color: #ECEDE6;
 653 }
 654 .item-thumbnail {
 655   max-width: none;
 656 }
 657 .no-image {
 658   background-color: #FFF;
 659   border: 1px solid #AAA;
 660   color: #979797;
 661   display: block;
 662   font-size: 86%;
 663   font-weight: bold;
 664   text-align: center;
 665   width: 75px;
 666   -webkit-border-radius: 3px;
 667   -moz-border-radius: 3px;
 668   border-radius: 3px;
 669 }
 670 #bookcover .no-image {
 671   margin-right: 10px;
 672   margin-bottom: 10px;
 673 }
 674 td.overdue {
 675   color: #cc3333;
 676 }
 677 table {
 678   font-size: 90%;
 679 }
 680 th.sum {
 681   text-align: right;
 682 }
 683 td.sum {
 684   background-color: #FFC;
 685   font-weight: bold;
 686 }
 687 th[scope=row] {
 688   background-color: transparent;
 689   text-align: right;
 690 }
 691 .required {
 692   color: #C00;
 693 }
 694 .label {
 695   background-color: transparent;
 696   color: inherit;
 697   display: inline;
 698   font-weight: normal;
 699   padding: 0;
 700   text-shadow: none;
 701 }
 702 .blabel {
 703   background-color: #999999;
 704   border-radius: 3px;
 705   color: #ffffff;
 706   display: inline-block;
 707   font-weight: bold;
 708   padding: 2px 4px;
 709   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 710 }
 711 .label-important {
 712   background-color: #b94a48;
 713 }
 714 .label-warning {
 715   background-color: #f89406;
 716 }
 717 .label-success {
 718   background-color: #468847;
 719 }
 720 .label-info {
 721   background-color: #3a87ad;
 722 }
 723 .label-inverse {
 724   background-color: #333333;
 725 }
 726 fieldset.rows {
 727   float: left;
 728   font-size: 90%;
 729   clear: left;
 730   margin: .9em 0 0 0;
 731   padding: 0;
 732   width: 100%;
 733 }
 734 fieldset.rows legend {
 735   font-weight: bold;
 736   font-size: 130%;
 737 }
 738 fieldset.rows label,
 739 fieldset.rows .label {
 740   float: left;
 741   font-weight: bold;
 742   width: 9em;
 743   margin-right: 1em;
 744   text-align: right;
 745 }
 746 fieldset.rows label.lradio {
 747   float: none;
 748   margin: inherit;
 749   width: auto;
 750 }
 751 fieldset.rows fieldset {
 752   margin: 0;
 753   padding: .3em;
 754 }
 755 fieldset.rows ol {
 756   padding: 1em 1em 0 1em;
 757   list-style-type: none;
 758 }
 759 fieldset.rows ol.lradio label {
 760   width: auto;
 761   float: none;
 762   margin-right: 0;
 763 }
 764 fieldset.rows ol.lradio label.lradio {
 765   float: left;
 766   width: 12em;
 767   margin-right: 1em;
 768 }
 769 fieldset.rows li {
 770   float: left;
 771   clear: left;
 772   padding-bottom: 1em;
 773   list-style-type: none;
 774   width: 100%;
 775 }
 776 fieldset.rows li.lradio {
 777   padding-left: 8.5em;
 778   width: auto;
 779 }
 780 fieldset.rows li.lradio label {
 781   float: none;
 782   width: auto;
 783   margin: 0 0 0 1em;
 784 }
 785 fieldset.rows .hint {
 786   display: block;
 787   margin-left: 11em;
 788 }
 789 fieldset.action {
 790   clear: both;
 791   float: none;
 792   border: none;
 793   margin: 0;
 794   padding: 1em 0 .3em 0;
 795   width: auto;
 796 }
 797 fieldset.action p {
 798   margin-bottom: 1em;
 799 }
 800 fieldset table {
 801   font-size: 100%;
 802 }
 803 div.rows + div.rows {
 804   margin-top: .6em;
 805 }
 806 div.rows {
 807   float: left;
 808   clear: left;
 809   margin: 0 0 0 0;
 810   padding: 0;
 811   width: 100%;
 812 }
 813 div.rows span.label {
 814   float: left;
 815   font-weight: bold;
 816   width: 9em;
 817   margin-right: 1em;
 818   text-align: left;
 819 }
 820 div.rows ol {
 821   list-style-type: none;
 822   margin-left: 0;
 823   padding: .5em 1em 0 0;
 824 }
 825 div.rows li {
 826   border-bottom: 1px solid #EEE;
 827   float: left;
 828   clear: left;
 829   padding-bottom: .2em;
 830   padding-top: .1em;
 831   list-style-type: none;
 832   width: 100%;
 833 }
 834 div.rows ul li {
 835   margin-left: 7.3em;
 836 }
 837 div.rows ul li:first-child {
 838   float: none;
 839   clear: none;
 840   margin-left: 0;
 841 }
 842 div.rows ol li li {
 843   border-bottom: 0;
 844 }
 845 /* different sizes for different tags in opac-tags.tt */
 846 .tagweight0 {
 847   font-size: 12px;
 848 }
 849 .tagweight1 {
 850   font-size: 14px;
 851 }
 852 .tagweight2 {
 853   font-size: 16px;
 854 }
 855 .tagweight3 {
 856   font-size: 18px;
 857 }
 858 .tagweight4 {
 859   font-size: 20px;
 860 }
 861 .tagweight5 {
 862   font-size: 22px;
 863 }
 864 .tagweight6 {
 865   font-size: 24px;
 866 }
 867 .tagweight7 {
 868   font-size: 26px;
 869 }
 870 .tagweight8 {
 871   font-size: 28px;
 872 }
 873 .tagweight9 {
 874   font-size: 30px;
 875 }
 876 .toolbar {
 877   background-color: #EEEEEE;
 878   border: 1px solid #E8E8E8;
 879   font-size: 85%;
 880   padding: 3px 3px 5px 5px;
 881   vertical-align: middle;
 882 }
 883 .toolbar a {
 884   white-space: nowrap;
 885 }
 886 .toolbar label {
 887   display: inline;
 888   font-size: 100%;
 889   font-weight: bold;
 890   margin-left: .5em;
 891 }
 892 .toolbar select {
 893   font-size: 97%;
 894   height: auto;
 895   line-height: inherit;
 896   padding: 0;
 897   margin: 0;
 898   width: auto;
 899   white-space: nowrap;
 900 }
 901 .toolbar .hold,
 902 .toolbar #tagsel_tag {
 903   padding-left: 28px;
 904   font-size: 97%;
 905   font-weight: bold;
 906 }
 907 .toolbar #tagsel_form {
 908   margin-top: .5em;
 909 }
 910 .toolbar li {
 911   display: inline;
 912   list-style: none;
 913 }
 914 .toolbar li a {
 915   border-left: 1px solid #e8e8e8;
 916 }
 917 .toolbar li:first-child a {
 918   border-left: 0;
 919 }
 920 .toolbar ul {
 921   padding-left: 0;
 922 }
 923 #basket .toolbar {
 924   padding: 7px 5px 9px 9px;
 925 }
 926 #selections-toolbar,
 927 .selections-toolbar {
 928   background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
 929   /* FF3.6+ */
 930   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(14%, #e0e0e0), color-stop(100%, #e8e8e8));
 931   /* Chrome,Safari4+ */
 932   background: -webkit-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
 933   /* Chrome10+,Safari5.1+ */
 934   background: -o-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
 935   /* Opera 11.10+ */
 936   background: -ms-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
 937   /* IE10+ */
 938   background: linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%);
 939   /* W3C */
 940   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e8e8e8', GradientType=0);
 941   /* IE6-9 */
 942   margin: 0 0 1em 0;
 943   padding-top: .5em;
 944   padding-left: 10px;
 945 }
 946 .list-actions {
 947   display: inline;
 948 }
 949 #tagsel_span input.submit,
 950 #tagsel_tag {
 951   border: 0;
 952   background-color: transparent;
 953   font-size: 100%;
 954   color: #0076B2;
 955   cursor: pointer;
 956   background-image: url("../images/sprite.png");
 957   /* Tags */
 958   background-position: 1px -643px;
 959   background-repeat: no-repeat;
 960   padding-left: 25px;
 961   text-decoration: none;
 962 }
 963 #tagsel_tag.disabled {
 964   background-position: -1px -667px;
 965 }
 966 #tagsel_span input:hover,
 967 #selections-toolbar input.hold:hover {
 968   color: #005580;
 969   text-decoration: underline;
 970 }
 971 #tagsel_span input.disabled,
 972 #tagsel_span input.disabled:hover,
 973 #tagsel_span input.hold.disabled,
 974 #tagsel_span input.hold.disabled:hover,
 975 #selections-toolbar input.hold.disabled,
 976 #selections-toolbar input.hold.disabled:hover,
 977 #selections-toolbar a.disabled,
 978 #selections-toolbar a.disabled:hover,
 979 .selections-toolbar a.disabled,
 980 .selections-toolbar a.disabled:hover {
 981   color: #888888;
 982   text-decoration: none;
 983   padding-left: 23px;
 984 }
 985 .results_summary {
 986   display: block;
 987   font-size: 85%;
 988   color: #707070;
 989   padding: 0 0 .5em 0;
 990 }
 991 .results_summary .results_summary {
 992   font-size: 100%;
 993 }
 994 .results_summary.actions {
 995   margin-top: .5em;
 996 }
 997 .results_summary.tagstatus {
 998   display: inline;
 999 }
1000 .results_summary .label {
1001   color: #202020;
1002 }
1003 .results_summary a {
1004   font-weight: normal;
1005 }
1006 #views {
1007   margin-bottom: .5em;
1008   padding: 0 2em 0.2em 0.2em;
1009 }
1010 .view {
1011   background-color: #F3F3F3;
1012   border: 1px solid #C9C9C9;
1013   border-radius: 4px;
1014   display: inline-block;
1015   padding: 0.2em 0.5em;
1016   white-space: nowrap;
1017 }
1018 #bibliodescriptions,
1019 #isbdcontents {
1020   clear: left;
1021   margin-top: .5em;
1022 }
1023 .view a,
1024 .view span {
1025   background-image: url("../images/sprite.png");
1026   background-repeat: no-repeat;
1027   font-size: 87%;
1028   padding-left: 15px;
1029   text-decoration: none;
1030 }
1031 .view a {
1032   font-weight: normal;
1033 }
1034 .current-view {
1035   background-color: #fff;
1036   font-weight: bold;
1037 }
1038 #MARCview {
1039   background-position: -9px -27px;
1040 }
1041 #ISBDview {
1042   background-position: -10px -56px;
1043 }
1044 #Normalview {
1045   background-position: -8px 3px;
1046 }
1047 #bookcover {
1048   float: left;
1049   margin: 0;
1050   padding: 0;
1051 }
1052 #bookcover .no-image {
1053   margin-right: 10px;
1054   margin-bottom: 10px;
1055 }
1056 #bookcover img {
1057   margin: 0 1em 1em 0;
1058 }
1059 /* pagination */
1060 .results-pagination {
1061   position: absolute;
1062   top: 32px;
1063   left: -1px;
1064   width: 100%;
1065   height: auto;
1066   border: 1px solid #D0D0D0;
1067   display: none;
1068   background-color: #F3F3F3;
1069   padding-bottom: 10px;
1070   z-index: 100;
1071 }
1072 .back {
1073   float: right;
1074 }
1075 .back input {
1076   background: none!important;
1077   color: #999!important;
1078 }
1079 .pagination_list ul {
1080   padding-top: 40px;
1081   padding-left: 0px;
1082 }
1083 .pagination_list li {
1084   list-style: none;
1085   float: bottom;
1086   padding: 4px;
1087   color: #999;
1088 }
1089 .pagination_list li.highlight {
1090   background-color: #F3F3F3;
1091   border-top: 1px solid #DDDDDD;
1092   border-bottom: 1px solid #DDDDDD;
1093 }
1094 .pagination_list li a {
1095   padding-left: 0px;
1096 }
1097 .pagination_list .li_pag_index {
1098   color: #999999;
1099   float: left;
1100   font-size: 15px;
1101   font-weight: bold;
1102   padding-right: 10px;
1103   text-align: right;
1104   width: 13px;
1105 }
1106 .nav_results {
1107   background-color: #F3F3F3;
1108   border: 1px solid #D0D0D0;
1109   font-size: 95%;
1110   font-weight: bold;
1111   margin-top: 0.5em;
1112   position: relative;
1113 }
1114 .nav_results .l_Results a {
1115   background: #E1E1E1 url("../images/sprite.png") no-repeat 0px -504px;
1116   /* Browse results menu */
1117   color: #006699;
1118   display: block;
1119   padding: 8px 28px;
1120   text-decoration: none;
1121 }
1122 .nav_results .l_Results:hover {
1123   background-color: #D9D9D9;
1124 }
1125 .pg_menu {
1126   margin: 0;
1127   border-top: 1px solid #D0D0D0;
1128   white-space: nowrap;
1129 }
1130 .pg_menu li {
1131   color: #B2B2B2;
1132   display: inline;
1133   list-style: none;
1134   margin: 0;
1135 }
1136 .pg_menu li.back_results a {
1137   border-left: 1px solid #D0D0D0;
1138   border-right: 1px solid #D0D0D0;
1139 }
1140 .pg_menu li a,
1141 .pg_menu li span {
1142   background-color: #F3F3F3;
1143   display: block;
1144   float: left;
1145   padding: .4em .5em;
1146   text-decoration: none;
1147   font-weight: normal;
1148   text-align: center;
1149 }
1150 .pg_menu li span {
1151   color: #B2B2B2;
1152 }
1153 #listResults li {
1154   background-color: #999999;
1155   color: #C5C5C5;
1156   font-weight: normal;
1157   display: block;
1158   margin-right: 1px;
1159   font-size: 80%;
1160   padding: 0;
1161   text-align: center;
1162   min-width: 18px;
1163 }
1164 #listResults li:hover {
1165   background-color: #006699;
1166 }
1167 #listResults li a {
1168   color: #FFFFFF;
1169   font-weight: normal;
1170 }
1171 /* nav */
1172 .nav_pages .close_pagination {
1173   padding-right: 10px;
1174   position: absolute;
1175   right: 3px;
1176   top: -25px;
1177 }
1178 .nav_pages .close_pagination a {
1179   text-decoration: none!important;
1180 }
1181 .nav_pages ul {
1182   padding-top: 10px;
1183 }
1184 .nav_pages li {
1185   list-style: none;
1186   float: left;
1187   padding: 4px;
1188   color: #999;
1189 }
1190 .nav_pages li a {
1191   text-decoration: none!important;
1192 }
1193 .nav_pages li a:hover {
1194   text-decoration: underline;
1195 }
1196 .nav_pages li ul {
1197   float: left;
1198 }
1199 /* action buttons */
1200 #action {
1201   margin: .5em 0 0 0;
1202   background-color: #F3F3F3;
1203   border: 1px solid #E8E8E8;
1204   padding-bottom: 3px;
1205 }
1206 #action li {
1207   list-style: none;
1208   margin: .2em;
1209   padding: .3em 0;
1210 }
1211 #action a {
1212   font-weight: bold;
1213   text-decoration: none;
1214 }
1215 #export li,
1216 #moresearches_menu li {
1217   padding: 0;
1218   margin: 0;
1219 }
1220 #export li a,
1221 #moresearches_menu li a {
1222   font-weight: normal;
1223 }
1224 #export li a.menu-inactive,
1225 #moresearches_menu li a.menu-inactive {
1226   font-weight: bold;
1227 }
1228 #format,
1229 #furthersearches {
1230   padding-left: 35px;
1231 }
1232 .highlight_controls {
1233   float: left;
1234 }
1235 a.addtocart,
1236 a.addtoshelf,
1237 a.brief,
1238 a.deleteshelf,
1239 a.deleteshelf.disabled,
1240 a.detail,
1241 a.download,
1242 a.editshelf,
1243 a.empty,
1244 a.hide,
1245 a.highlight_toggle,
1246 a.hold,
1247 a.hold.disabled,
1248 a.incart,
1249 a.new,
1250 a.print-small,
1251 a.print-large,
1252 a.removeitems,
1253 a.removeitems.disabled,
1254 a.reserve,
1255 a.article_request,
1256 a.send,
1257 a.tag_add,
1258 a.removefromlist,
1259 input.hold,
1260 input.hold.disabled,
1261 input.editshelf,
1262 .newshelf,
1263 .newshelf.disabled,
1264 .deleteshelf {
1265   background-image: url("../images/sprite.png");
1266   background-repeat: no-repeat;
1267 }
1268 a.addtocart {
1269   background-position: -5px -265px;
1270   /* Cart */
1271   padding-left: 35px;
1272 }
1273 a.addtoshelf {
1274   background-position: -5px -225px;
1275   /* Virtual shelf */
1276   padding-left: 35px;
1277 }
1278 a.brief {
1279   background-position: -2px -868px;
1280   /* Zoom out */
1281   text-decoration: none;
1282   padding-left: 27px;
1283 }
1284 a.cartRemove {
1285   color: #cc3333;
1286   font-size: 90%;
1287   margin: 0;
1288   padding: 0;
1289 }
1290 a.detail {
1291   background-position: -2px -898px;
1292   /* Zoom in */
1293   text-decoration: none;
1294   padding-left: 27px;
1295 }
1296 a.download {
1297   background-position: -5px -348px;
1298   /* Download */
1299   padding-left: 20px;
1300   text-decoration: none;
1301 }
1302 a.editshelf {
1303   background-position: 2px -348px;
1304   /* List edit */
1305   padding-left: 26px;
1306   text-decoration: none;
1307 }
1308 a.empty {
1309   background-position: 2px -598px;
1310   /* Trash */
1311   text-decoration: none;
1312   padding-left: 30px;
1313 }
1314 a.hide {
1315   background-position: -3px -814px;
1316   /* Close */
1317   text-decoration: none;
1318   padding-left: 26px;
1319 }
1320 a.highlight_toggle {
1321   background-position: -5px -841px;
1322   /* Highlight */
1323   display: none;
1324   padding-left: 35px;
1325 }
1326 a.hold,
1327 input.hold {
1328   background-position: -2px -453px;
1329   /* Toolbar place hold */
1330   text-decoration: none;
1331   padding-left: 23px;
1332 }
1333 a.hold.disabled,
1334 input.hold.disabled {
1335   background-position: -5px -621px;
1336   /* Place hold disabled */
1337 }
1338 a.incart {
1339   background-position: -5px -265px;
1340   /* Cart */
1341   color: #666;
1342   padding-left: 35px;
1343 }
1344 a.new {
1345   background-image: url("../images/sprite.png");
1346   /* New */
1347   background-position: -4px -922px;
1348   padding-left: 23px;
1349   text-decoration: none;
1350 }
1351 a.print-small {
1352   background-position: 0px -423px;
1353   /* Toolbar print */
1354   text-decoration: none;
1355   padding-left: 30px;
1356 }
1357 a.print-large {
1358   background-position: -5px -186px;
1359   /* Toolbar print */
1360   text-decoration: none;
1361   padding-left: 35px;
1362 }
1363 a.removeitems,
1364 a.deleteshelf {
1365   background-position: 2px -690px;
1366   /* Delete */
1367   text-decoration: none;
1368   padding-left: 25px;
1369 }
1370 a.removeitems.disabled,
1371 a.deleteshelf.disabled {
1372   background-position: 2px -712px;
1373   /* Delete disabled */
1374 }
1375 a.reserve {
1376   background-position: -6px -144px;
1377   /* Place hold */
1378   padding-left: 35px;
1379 }
1380 a.article_request {
1381   background-position: 0px -24px;
1382   /* Place article request */
1383   padding-left: 35px;
1384 }
1385 a.send {
1386   background-position: 2px -386px;
1387   /* Email */
1388   text-decoration: none;
1389   padding-left: 28px;
1390 }
1391 a.tag_add {
1392   background-position: 3px -1111px;
1393   /* Tag results */
1394   padding-left: 27px;
1395   text-decoration: none;
1396 }
1397 input.hold {
1398   background-color: transparent;
1399   border: 0;
1400   color: #0076B2;
1401   font-weight: bold;
1402 }
1403 input.editshelf {
1404   background-color: transparent;
1405   background-position: 2px -736px;
1406   /* List edit */
1407   border: 0;
1408   color: #006699;
1409   cursor: pointer;
1410   filter: none;
1411   font-size: 100%;
1412   padding-left: 29px;
1413   text-decoration: none;
1414 }
1415 .newshelf {
1416   background-position: 2px -764px;
1417   /* List new */
1418   border: 0;
1419   color: #006699;
1420   cursor: pointer;
1421   filter: none;
1422   font-size: 100%;
1423   padding-left: 28px;
1424   text-decoration: none;
1425 }
1426 .newshelf.disabled {
1427   background-position: -4px -791px;
1428   /* List new disabled */
1429 }
1430 .deleteshelf {
1431   background-color: transparent;
1432   background-position: 2px -690px;
1433   /* Delete */
1434   border: 0;
1435   color: #006699;
1436   cursor: pointer;
1437   filter: none;
1438   font-size: 100%;
1439   padding-left: 25px;
1440   text-decoration: none;
1441 }
1442 .links a {
1443   font-weight: bold;
1444 }
1445 .deleteshelf:hover {
1446   color: #990033;
1447 }
1448 .editshelf:active,
1449 .deleteshelf:active {
1450   border: 0;
1451 }
1452 #tagslist li {
1453   display: inline;
1454 }
1455 #login4tags {
1456   background-image: url("../images/sprite.png");
1457   /* Tag results disabled */
1458   background-position: -6px -1130px;
1459   background-repeat: no-repeat;
1460   padding-left: 20px;
1461   text-decoration: none;
1462 }
1463 .tag_results_input {
1464   margin-left: 1em;
1465   padding: 0.3em;
1466   font-size: 12px;
1467 }
1468 .tag_results_input input[type="text"] {
1469   font-size: inherit;
1470   margin: 0;
1471   padding: 0;
1472 }
1473 .tag_results_input label {
1474   display: inline;
1475 }
1476 .tagsinput input[type="text"] {
1477   font-size: inherit;
1478   margin: 0;
1479   padding: 0;
1480 }
1481 .tagsinput label {
1482   display: inline;
1483 }
1484 .branch-info-tooltip {
1485   display: none;
1486 }
1487 .ui-tooltip-content p {
1488   margin: 0.3em 0;
1489 }
1490 #social_networks a {
1491   background: transparent url("../images/social-sprite.png") no-repeat;
1492   display: block;
1493   height: 20px !important;
1494   width: 20px;
1495   text-indent: -999em;
1496 }
1497 #social_networks span {
1498   color: #274D7F;
1499   display: block;
1500   float: left;
1501   font-size: 85%;
1502   font-weight: bold;
1503   line-height: 2em;
1504   margin: .5em 0 .5em .5em !important;
1505 }
1506 #social_networks div {
1507   float: left !important;
1508   margin: .5em 0 .5em .2em !important;
1509 }
1510 #social_networks #facebook {
1511   background-position: -7px -35px;
1512 }
1513 #social_networks #twitter {
1514   background-position: -7px -5px;
1515 }
1516 #social_networks #linkedin {
1517   background-position: -7px -95px;
1518 }
1519 #social_networks #delicious {
1520   background-position: -7px -66px;
1521 }
1522 #social_networks #email {
1523   background-position: -7px -126px;
1524 }
1525 #marc td,
1526 #marc th {
1527   background-color: transparent;
1528   border: 0;
1529   padding: 3px 5px;
1530   text-align: left;
1531 }
1532 #marc td:first-child {
1533   text-indent: 2em;
1534 }
1535 #marc p {
1536   padding-bottom: .6em;
1537 }
1538 #marc p .label {
1539   font-weight: bold;
1540 }
1541 #marc ul {
1542   padding-bottom: .6em;
1543 }
1544 #marc .results_summary {
1545   clear: left;
1546 }
1547 #marc .results_summary ul {
1548   display: inline;
1549   float: none;
1550   clear: none;
1551   margin: 0;
1552   padding: 0;
1553   list-style: none;
1554 }
1555 #marc .results_summary li {
1556   display: inline;
1557 }
1558 #items,
1559 #items td #items th {
1560   border: 1px solid #EEE;
1561   font-size: 90%;
1562 }
1563 #plainmarc table {
1564   border: 0;
1565   margin: .7em 0 0 0;
1566   font-family: monospace;
1567   font-size: 95%;
1568 }
1569 #plainmarc th {
1570   background-color: #FFF;
1571   border: 0;
1572   white-space: nowrap;
1573   text-align: left;
1574   vertical-align: top;
1575   padding: 2px;
1576 }
1577 #plainmarc td {
1578   border: 0;
1579   padding: 2px;
1580   vertical-align: top;
1581 }
1582 #renewcontrols {
1583   float: right;
1584   font-size: 66%;
1585 }
1586 #renewcontrols a {
1587   background-repeat: no-repeat;
1588   text-decoration: none;
1589   padding: .1em .4em;
1590   padding-left: 18px;
1591 }
1592 #renewselected_link {
1593   background-image: url("../images/sprite.png");
1594   background-position: -5px -986px;
1595   background-repeat: no-repeat;
1596 }
1597 #renewall_link {
1598   background-image: url("../images/sprite.png");
1599   background-position: -8px -967px;
1600   background-repeat: no-repeat;
1601 }
1602 .authref {
1603   text-indent: 2em;
1604 }
1605 .authref .label {
1606   font-style: italic;
1607 }
1608 .authstanza {
1609   margin-top: 1em;
1610 }
1611 .authstanzaheading {
1612   font-weight: bold;
1613 }
1614 .authorizedheading {
1615   font-weight: bold;
1616 }
1617 .authstanza li {
1618   margin-left: 0.5em;
1619 }
1620 .authres_notes,
1621 .authres_seealso,
1622 .authres_otherscript {
1623   padding-top: .5em;
1624 }
1625 .authres_notes {
1626   font-style: italic;
1627 }
1628 #didyoumean {
1629   background-color: #EEE;
1630   border: 1px solid #E8E8E8;
1631   margin: 0 0 0.5em;
1632   text-align: left;
1633   padding: 0.5em;
1634   -webkit-border-radius: 3px;
1635   -moz-border-radius: 3px;
1636   border-radius: 3px;
1637 }
1638 .suggestionlabel {
1639   font-weight: bold;
1640 }
1641 .searchsuggestion {
1642   padding: 0.2em 0.5em;
1643   white-space: nowrap;
1644   display: inline-block;
1645 }
1646 .authlink {
1647   padding-left: 0.25em;
1648 }
1649 #hierarchies a {
1650   font-weight: normal;
1651   text-decoration: underline;
1652   color: #069;
1653 }
1654 #hierarchies a:hover {
1655   color: #990033;
1656 }
1657 #top-pages {
1658   margin: 0 0 0.5em;
1659 }
1660 .dropdown-menu > li > a {
1661   font-size: 90%;
1662 }
1663 a.listmenulink:link,
1664 a.listmenulink:visited {
1665   color: #0076B2;
1666   font-weight: bold;
1667 }
1668 a.listmenulink:hover,
1669 a.listmenulink:active {
1670   color: #FFF;
1671   font-weight: bold;
1672 }
1673 #cartDetails,
1674 #cartUpdate,
1675 #holdDetails,
1676 #listsDetails {
1677   background-color: #FFF;
1678   border: 1px solid rgba(0, 0, 0, 0.2);
1679   border-radius: 6px 6px 6px 6px;
1680   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1681   color: black;
1682   display: none;
1683   font-size: 90%;
1684   margin: 0;
1685   padding: 8px 20px;
1686   text-align: center;
1687   width: 180px;
1688   z-index: 2;
1689 }
1690 #cartmenulink {
1691   white-space: nowrap;
1692 }
1693 #search-facets,
1694 #menu {
1695   border: 1px solid #D2D2CF;
1696   -webkit-border-radius: 7px;
1697   -moz-border-radius: 7px;
1698   border-radius: 7px;
1699 }
1700 #search-facets ul,
1701 #menu ul {
1702   margin: 0;
1703   padding: .3em;
1704 }
1705 #search-facets form,
1706 #menu form {
1707   margin: 0;
1708 }
1709 #search-facets h4,
1710 #menu h4 {
1711   font-size: 90%;
1712   margin: 0 0 .6em 0;
1713   text-align: center;
1714 }
1715 #search-facets h4 a,
1716 #menu h4 a {
1717   background-color: #F2F2EF;
1718   border-radius: 8px 8px 0 0;
1719   border-bottom: 1px solid #D8D8D8;
1720   display: block;
1721   font-weight: bold;
1722   padding: .7em .2em;
1723   text-decoration: none;
1724 }
1725 #search-facets li,
1726 #menu li {
1727   font-size: 90%;
1728   font-weight: bold;
1729   list-style-type: none;
1730 }
1731 #search-facets li li,
1732 #menu li li {
1733   font-weight: normal;
1734   font-size: 95%;
1735   line-height: 125%;
1736   margin-bottom: 2px;
1737   padding: .1em .2em;
1738 }
1739 #search-facets li.showmore a,
1740 #menu li.showmore a {
1741   font-weight: bold;
1742   text-indent: 1em;
1743 }
1744 #search-facets a,
1745 #menu a {
1746   font-weight: normal;
1747   text-decoration: underline;
1748 }
1749 #search-facets .facet-count,
1750 #menu .facet-count {
1751   display: inline-block;
1752 }
1753 #menu {
1754   font-size: 94%;
1755 }
1756 #menu li {
1757   list-style-type: none;
1758 }
1759 #menu li a {
1760   background: #eeeeee;
1761   text-decoration: none;
1762   display: block;
1763   border: 1px solid #D8D8D8;
1764   border-radius: 5px 0 0 5px;
1765   border-bottom-color: #999;
1766   font-size: 111%;
1767   padding: .4em .6em;
1768   margin: .4em 0;
1769   margin-right: -1px;
1770 }
1771 #menu li a:hover {
1772   background: #eaeef5;
1773 }
1774 #menu li.active a {
1775   background-color: #FFF;
1776   background-image: none;
1777   border-right-width: 0;
1778   font-weight: bold;
1779 }
1780 #menu li.active a:hover {
1781   background-color: #fff;
1782 }
1783 #menu h4 {
1784   display: none;
1785 }
1786 #addto {
1787   max-width: 10em;
1788 }
1789 /* Search results add to cart (lists disabled) */
1790 .addto a.addtocart {
1791   background-image: url("../images/sprite.png");
1792   /* Cart */
1793   background-position: -5px -266px;
1794   background-repeat: no-repeat;
1795   text-decoration: none;
1796   padding-left: 33px;
1797 }
1798 .searchresults p {
1799   margin: 0;
1800   padding: 0 0 .6em 0;
1801 }
1802 .searchresults p.details {
1803   color: #979797;
1804 }
1805 .searchresults a.highlight_toggle {
1806   background-image: url("../images/sprite.png");
1807   /* Highlight */
1808   background-position: -11px -841px;
1809   background-repeat: no-repeat;
1810   display: none;
1811   font-weight: normal;
1812   padding: 0 10px 0 21px;
1813 }
1814 .searchresults .commentline {
1815   background-color: #ffffcc;
1816   background-color: rgba(255, 255, 204, 0.4);
1817   border: 1px solid #CCC;
1818   display: inline-block;
1819   -webkit-border-radius: 3px;
1820   -moz-border-radius: 3px;
1821   border-radius: 3px;
1822   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
1823   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
1824   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
1825   margin: .3em;
1826   padding: .4em;
1827 }
1828 .searchresults .commentline.yours {
1829   background-color: #effed5;
1830   background-color: rgba(239, 254, 213, 0.4);
1831 }
1832 .commentline .avatar {
1833   float: right;
1834   padding-left: .5em;
1835 }
1836 /* style for search terms in catalogsearch */
1837 .term {
1838   /* color : blue; */
1839   color: #990000;
1840   background-color: #FFFFCC;
1841 }
1842 /* style for shelving location in catalogsearch */
1843 .shelvingloc {
1844   display: block;
1845   font-style: italic;
1846 }
1847 #CheckAll,
1848 #CheckNone,
1849 .CheckAll,
1850 .CheckNone {
1851   font-weight: normal;
1852   margin: 0 .5em;
1853   text-decoration: underline;
1854 }
1855 span.sep {
1856   color: #888;
1857   padding: 0 .2em 0 .5em;
1858   text-shadow: 1px 1px 0 #FFF;
1859 }
1860 /* style for PM-generated pagination bar */
1861 .pages {
1862   margin: 20px 0;
1863 }
1864 .pages span:first-child,
1865 .pages a:first-child {
1866   border-width: 1px 1px 1px 1px;
1867   border-bottom-left-radius: 3px;
1868   border-top-left-radius: 3px;
1869 }
1870 .pages span:last-child,
1871 .pages a:last-child {
1872   border-width: 1px 1px 1px 0;
1873   border-bottom-right-radius: 3px;
1874   border-top-right-radius: 3px;
1875 }
1876 .pages .inactive,
1877 .pages .currentPage,
1878 .pages a {
1879   -moz-border-bottom-colors: none;
1880   -moz-border-left-colors: none;
1881   -moz-border-right-colors: none;
1882   -moz-border-top-colors: none;
1883   background-color: #FFFFFF;
1884   border-color: #DDDDDD;
1885   border-image: none;
1886   border-style: solid;
1887   border-width: 1px 1px 1px 0;
1888   float: left;
1889   font-size: 11.9px;
1890   line-height: 20px;
1891   padding: 4px 12px;
1892   text-decoration: none;
1893 }
1894 .pages .inactive {
1895   background-color: #F5F5F5;
1896 }
1897 .pages a[rel='last'] {
1898   border-bottom-right-radius: 3px;
1899   border-top-right-radius: 3px;
1900 }
1901 .hold-message {
1902   background-color: #FFF0B1;
1903   display: inline-block;
1904   margin: 0.5em;
1905   padding: 0.2em 0.5em;
1906   -webkit-border-radius: 3px;
1907   -moz-border-radius: 3px;
1908   border-radius: 3px;
1909 }
1910 .reserve_date,
1911 .expiration_date {
1912   white-space: nowrap;
1913 }
1914 .close {
1915   color: #0088CC;
1916   position: inherit;
1917   top: auto;
1918   right: auto;
1919   filter: none;
1920   float: none;
1921   font-size: inherit;
1922   font-weight: normal;
1923   opacity: inherit;
1924   text-shadow: none;
1925 }
1926 .close:hover {
1927   color: #538200;
1928   filter: inherit;
1929   font-size: inherit;
1930   opacity: inherit;
1931 }
1932 /* Redefine a new style for Bootstrap's class "close" since we use that already */
1933 /* Use <a class="closebtn" href="#">&times;</a> */
1934 .alert .closebtn {
1935   position: relative;
1936   top: -2px;
1937   right: -21px;
1938   line-height: 20px;
1939 }
1940 .modal-header .closebtn {
1941   margin-top: 2px;
1942 }
1943 .closebtn {
1944   float: right;
1945   font-size: 20px;
1946   font-weight: bold;
1947   line-height: 20px;
1948   color: #000000;
1949   text-shadow: 0 1px 0 #ffffff;
1950   opacity: 0.2;
1951   filter: alpha(opacity=20);
1952 }
1953 .closebtn:hover {
1954   color: #000000;
1955   text-decoration: none;
1956   cursor: pointer;
1957   opacity: 0.4;
1958   filter: alpha(opacity=40);
1959 }
1960 button.closebtn {
1961   padding: 0;
1962   cursor: pointer;
1963   background: transparent;
1964   border: 0;
1965   -webkit-appearance: none;
1966 }
1967 .btn-group label,
1968 .btn-group select {
1969   font-size: 13px;
1970 }
1971 .span2 select {
1972   width: 100%;
1973 }
1974 .popup .main {
1975   font-size: 90%;
1976   padding: 0 1em;
1977 }
1978 .popup legend {
1979   line-height: 1.5em;
1980   margin-bottom: .5em;
1981 }
1982 .item-status {
1983   display: block;
1984   font-size: 95%;
1985   margin-bottom: .5em;
1986 }
1987 .available {
1988   color: #006600;
1989 }
1990 .unavailable {
1991   color: #990033;
1992 }
1993 .waiting,
1994 .intransit,
1995 .notforloan,
1996 .checkedout,
1997 .lost,
1998 .notonhold {
1999   display: block;
2000 }
2001 .notforloan {
2002   color: #900;
2003 }
2004 .lost {
2005   color: #666;
2006 }
2007 .suggestion {
2008   background-color: #EEEEEB;
2009   border: 1px solid #DDDED3;
2010   margin: 1em auto;
2011   padding: .5em;
2012   width: 35%;
2013   -webkit-border-radius: 3px;
2014   -moz-border-radius: 3px;
2015   border-radius: 3px;
2016 }
2017 .librarypulldown .transl1 {
2018   width: auto;
2019 }
2020 .nolibrarypulldown {
2021   width: 68%;
2022 }
2023 .nolibrarypulldown .transl1 {
2024   width: 87%;
2025 }
2026 #opac-main-search select {
2027   width: auto;
2028   max-width: 12em;
2029 }
2030 #logo {
2031   background: transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2032   border: 0;
2033   float: left !important;
2034   margin: 0;
2035   padding: 0;
2036   width: 100px;
2037 }
2038 #logo a {
2039   border: 0;
2040   cursor: pointer;
2041   display: block;
2042   height: 0px !important;
2043   margin: 0;
2044   overflow: hidden;
2045   padding: 40px 0 0;
2046   text-decoration: none;
2047   width: 100px;
2048 }
2049 #user-menu-trigger {
2050   display: none;
2051 }
2052 #user-menu-trigger .icon-user {
2053   background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2054   background-position: -168px 0;
2055   background-repeat: no-repeat;
2056   height: 14px;
2057   line-height: 14px;
2058   margin: 12px 0 0;
2059   vertical-align: text-top;
2060   width: 14px;
2061 }
2062 #user-menu-trigger .caret {
2063   border-bottom-color: #999999;
2064   border-top-color: #999999;
2065   margin-top: 18px;
2066 }
2067 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2068 .floating {
2069   -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.4);
2070   box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.4);
2071   margin-top: 0;
2072 }
2073 .tdlabel {
2074   font-weight: bold;
2075   display: none;
2076 }
2077 td img {
2078   max-width: none;
2079 }
2080 #ulactioncontainer {
2081   min-width: 16em;
2082 }
2083 .notesrow label {
2084   font-weight: bold;
2085 }
2086 .notesrow span {
2087   display: block;
2088 }
2089 .thumbnail-shelfbrowser span {
2090   margin: 0px auto;
2091 }
2092 .dropdown-menu > li > a.menu-inactive:hover {
2093   background: #FFF none;
2094   color: #000;
2095 }
2096 .table .sorting_asc {
2097   padding-right: 19px;
2098   background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2099 }
2100 .table .sorting_desc {
2101   padding-right: 19px;
2102   background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2103 }
2104 .table .sorting {
2105   padding-right: 19px;
2106   background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2107 }
2108 .table .nosort,
2109 .table .nosort.sorting_asc,
2110 .table .nosort.sorting_desc,
2111 .table .nosort.sorting {
2112   padding-right: 19px;
2113   background: #ECEDE6 none;
2114 }
2115 .table th,
2116 .table td {
2117   line-height: 135%;
2118 }
2119 .tags ul,
2120 .shelves ul {
2121   display: inline;
2122   list-style: none;
2123   margin-left: 0;
2124 }
2125 .tags ul li,
2126 .shelves ul li {
2127   display: inline;
2128 }
2129 .coverimages {
2130   float: right;
2131 }
2132 #i18nMenu {
2133   margin-left: 1em;
2134 }
2135 #i18nMenu li {
2136   font-size: 85%;
2137 }
2138 #i18nMenu li li {
2139   font-size: 100%;
2140 }
2141 #i18nMenu li li > a {
2142   font-size: 100%;
2143 }
2144 #i18nMenu li li > a:hover {
2145   color: #FFF;
2146 }
2147 #i18nMenu li a {
2148   color: #0076B2;
2149 }
2150 #i18nMenu .dropdown-menu li p {
2151   clear: both;
2152   display: block;
2153   font-weight: normal;
2154   line-height: 20px;
2155   padding: 3px 20px;
2156   white-space: nowrap;
2157 }
2158 #subjectsList label,
2159 #authorSearch label {
2160   display: inline;
2161   vertical-align: middle;
2162 }
2163 #subjectsList ul,
2164 #authorSearch ul {
2165   border-bottom: 1px solid #EEE;
2166   list-style-type: none;
2167   margin: 0;
2168   padding: .6em 0;
2169 }
2170 #subjectsList li,
2171 #authorSearch li {
2172   list-style-type: none;
2173   margin: 0;
2174   padding: 0;
2175 }
2176 #overdrive-results,
2177 #openlibrary-results {
2178   font-weight: bold;
2179   padding-left: 1em;
2180 }
2181 .throbber {
2182   vertical-align: middle;
2183 }
2184 #overdrive-results-list .star-rating-control {
2185   display: block;
2186   overflow: auto;
2187 }
2188 #shelfbrowser table {
2189   margin: 0;
2190 }
2191 #shelfbrowser table,
2192 #shelfbrowser td,
2193 #shelfbrowser th {
2194   border: 0;
2195   font-size: 90%;
2196   text-align: center;
2197 }
2198 #shelfbrowser td,
2199 #shelfbrowser th {
2200   padding: 3px 5px;
2201   width: 20%;
2202 }
2203 #shelfbrowser a {
2204   display: block;
2205   font-size: 110%;
2206   font-weight: bold;
2207   text-decoration: none;
2208 }
2209 #shelfbrowser #browser_next,
2210 #shelfbrowser #browser_previous {
2211   background-image: url("../images/sprite.png");
2212   background-repeat: no-repeat;
2213   width: 16px;
2214 }
2215 #shelfbrowser #browser_next a,
2216 #shelfbrowser #browser_previous a {
2217   cursor: pointer;
2218   display: block;
2219   height: 0 !important;
2220   margin: 0;
2221   overflow: hidden;
2222   padding: 50px 0 0;
2223   text-decoration: none;
2224   width: 16px;
2225 }
2226 #shelfbrowser #browser_previous {
2227   background-position: -9px -1007px;
2228 }
2229 #shelfbrowser #browser_next {
2230   background-position: -9px -1057px;
2231 }
2232 #holds {
2233   margin: 0 auto;
2234   max-width: 800px;
2235 }
2236 .holdrow {
2237   clear: both;
2238   padding: 0 1em 1em 1em;
2239   border-bottom: 1px solid #CCC;
2240   margin-bottom: .5em;
2241 }
2242 .holdrow fieldset {
2243   border: 0;
2244   margin: 0;
2245   float: none;
2246 }
2247 .holdrow fieldset .label {
2248   font-size: 14px;
2249 }
2250 .holdrow label {
2251   display: inline;
2252 }
2253 .hold-options {
2254   clear: both;
2255 }
2256 .toggle-hold-options {
2257   background-color: #eee;
2258   clear: both;
2259   display: block;
2260   font-weight: bold;
2261   margin: 1em 0;
2262   padding: .5em;
2263 }
2264 .copiesrow {
2265   clear: both;
2266 }
2267 #idreambooksreadometer {
2268   float: right;
2269 }
2270 a.idreambooksrating {
2271   font-size: 30px;
2272   color: #29ADE4;
2273   padding-left: 85px;
2274   line-height: 30px;
2275   text-decoration: none;
2276 }
2277 .idreambookslegend {
2278   font-size: small;
2279 }
2280 a.reviewlink,
2281 a.reviewlink:visited {
2282   text-decoration: none;
2283   color: black;
2284   font-weight: normal;
2285 }
2286 .idreambookssummary a {
2287   color: #707070;
2288   text-decoration: none;
2289 }
2290 .idreambookssummary img,
2291 .idbresult img {
2292   vertical-align: middle;
2293 }
2294 .idbresult {
2295   color: #29ADE4;
2296   text-align: center;
2297   margin: 0.5em;
2298   padding: 0.5em;
2299 }
2300 .idbresult a,
2301 .idbresult a:visited {
2302   text-decoration: none;
2303   color: #29ADE4;
2304 }
2305 .idbresult img {
2306   padding-right: 6px;
2307 }
2308 .js-show {
2309   display: none;
2310 }
2311 .modal-nojs .modal-header,
2312 .modal-nojs .modal-footer {
2313   display: none;
2314 }
2315 .contents {
2316   width: 75%;
2317 }
2318 .contentblock {
2319   font-size: 95%;
2320   line-height: 135%;
2321   position: relative;
2322   margin-left: 2em;
2323 }
2324 .contents .t:first-child:before {
2325   content: "→ ";
2326 }
2327 .contents .t:before {
2328   content: "\A → ";
2329   white-space: pre;
2330 }
2331 .contents .t {
2332   font-weight: bold;
2333   display: inline;
2334 }
2335 .contents .r {
2336   display: inline;
2337 }
2338 .m880 {
2339   display: block;
2340   text-align: right;
2341   float: right;
2342   width: 50%;
2343   padding-left: 20px;
2344 }
2345 #memberentry-form input.error {
2346   border-color: #c00;
2347   box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2348   color: red;
2349   outline: 0 none;
2350 }
2351 #memberentry-form input.error:focus {
2352   border-color: #c00;
2353   box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2354   color: red;
2355   outline: 0 none;
2356 }
2357 #memberentry-form label.error {
2358   color: #c00;
2359   float: none;
2360   font-size: 90%;
2361 }
2362 #dc_fieldset {
2363   border: 1px solid #dddddd;
2364   border-width: 1px;
2365   padding: 5px;
2366   border-radius: 10px;
2367 }
2368 .label_dc {
2369   display: inline;
2370   padding: 0px;
2371   margin: 0px;
2372   cursor: pointer;
2373 }
2374 .btn-danger {
2375   color: white !important;
2376 }
2377 @media only screen and (min-width: 0px) and (max-width: 304px) {
2378   /* Screens bewteen 0 and 304 pixels wide */
2379   #oh:after {
2380     content: "(min-width: 0px) and (max-width: 304px)";
2381   }
2382   input,
2383   select,
2384   textarea {
2385     width: auto;
2386     max-width: 11em;
2387   }
2388 }
2389 @media only screen and (min-width: 0px) and (max-width: 390px) {
2390   /* Screens bewteen 0 and 390 pixels wide */
2391   #oh:after {
2392     content: "(min-width: 0px) and (max-width: 390px)";
2393   }
2394   .ui-tabs .ui-tabs-nav li a,
2395   .statictabs li a {
2396     padding: .1em .5em;
2397   }
2398   .input-fluid {
2399     width: 90%;
2400   }
2401 }
2402 @media only screen and (min-width: 305px) and (max-width: 341px) {
2403   /* Screens bewteen 305 and 341 pixels wide */
2404   #oh:after {
2405     content: "(min-width: 305px) and (max-width: 341px)";
2406   }
2407 }
2408 @media only screen and (min-width: 342px) and (max-width: 479px) {
2409   /* Screens bewteen 342 and 479 pixels wide */
2410   #oh:after {
2411     content: "(min-width: 342px) and (max-width: 479px)";
2412   }
2413   .input-fluid {
2414     width: 75%;
2415   }
2416 }
2417 /* Override Bootstrap Responsive CSS fixed navbar */
2418 @media (max-width: 979px) {
2419   .navbar-fixed-top,
2420   .navbar-fixed-bottom {
2421     position: fixed;
2422     margin-left: 0px;
2423     margin-right: 0px;
2424   }
2425 }
2426 @media only screen and (max-width: 608px) {
2427   /* Screens below 608 pixels wide */
2428   fieldset.rows label {
2429     display: block;
2430     float: none;
2431     text-align: left;
2432   }
2433   fieldset.rows li {
2434     padding-bottom: .5em;
2435   }
2436   fieldset.rows ol {
2437     margin-left: 0;
2438   }
2439   fieldset.rows .hint {
2440     margin-left: 0;
2441   }
2442   body {
2443     padding: 0;
2444   }
2445   .tdlabel {
2446     display: inline;
2447   }
2448   .navbar-fixed-top,
2449   .navbar-static-top {
2450     margin: 0;
2451   }
2452   .navbar-inner {
2453     padding: 0;
2454   }
2455   .checkall,
2456   .clearall,
2457   .highlight_controls,
2458   #selections-toolbar,
2459   .selectcol,
2460   .list-actions,
2461   #remove-selected {
2462     display: none;
2463   }
2464   .table td.bibliocol {
2465     padding-left: 1.3em;
2466   }
2467   .actions {
2468     display: block;
2469   }
2470   .actions a,
2471   .actions #login4tags {
2472     background-color: #F2F2EF;
2473     border: 1px solid #DDD;
2474     -webkit-border-radius: 4px;
2475     -moz-border-radius: 4px;
2476     border-radius: 4px;
2477     font-weight: bold;
2478     display: block;
2479     font-size: 120%;
2480     margin: 2px 0;
2481   }
2482   .actions .label {
2483     display: block;
2484     font-weight: bold;
2485   }
2486   .actions #login4tags {
2487     margin-right: 1em;
2488   }
2489   #opac-main-search button,
2490   #opac-main-search input,
2491   #opac-main-search select,
2492   #opac-main-search .librarypulldown .transl1,
2493   #opac-main-search .input-append {
2494     display: block;
2495     width: 97%;
2496     max-width: 100%;
2497     margin: .5em 0;
2498     -webkit-border-radius: 5px;
2499     -moz-border-radius: 5px;
2500     border-radius: 5px;
2501   }
2502   #opac-main-search .input-append {
2503     margin: 0;
2504     width: 100%;
2505   }
2506   #opac-main-search .librarypulldown .transl1 {
2507     width: 94.5%;
2508   }
2509   #toolbar .resort {
2510     font-size: 14px;
2511     max-width: 100%;
2512     margin: .5em 0;
2513     padding: 4px 6px;
2514     -webkit-border-radius: 5px;
2515     -moz-border-radius: 5px;
2516     border-radius: 5px;
2517   }
2518   .mastheadsearch {
2519     margin: 0;
2520     -webkit-border-radius: 0px;
2521     -moz-border-radius: 0px;
2522     border-radius: 0px;
2523   }
2524   .main {
2525     margin: .5em 0;
2526     padding: 15px;
2527     -webkit-border-radius: 0px;
2528     -moz-border-radius: 0px;
2529     border-radius: 0px;
2530   }
2531   .breadcrumb {
2532     margin: 10px 0;
2533   }
2534   #moresearches {
2535     text-align: center;
2536   }
2537   #searchsubmit {
2538     font-weight: bold;
2539   }
2540   .ui-tabs-panel .item-thumbnail,
2541   .tabs-container .item-thumbnail,
2542   #topissues .item-thumbnail,
2543   #usertags .item-thumbnail,
2544   #usersuggestions .item-thumbnail {
2545     margin: .5em 0 0 .5em;
2546   }
2547   .ui-tabs-panel .table-bordered,
2548   .tabs-container .table-bordered,
2549   #topissues .table-bordered,
2550   #usertags .table-bordered,
2551   #usersuggestions .table-bordered {
2552     border: none;
2553   }
2554   .ui-tabs-panel .table th,
2555   .tabs-container .table th,
2556   #topissues .table th,
2557   #usertags .table th,
2558   #usersuggestions .table th,
2559   .ui-tabs-panel .table thead,
2560   .tabs-container .table thead,
2561   #topissues .table thead,
2562   #usertags .table thead,
2563   #usersuggestions .table thead {
2564     display: none;
2565   }
2566   .ui-tabs-panel .table td,
2567   .tabs-container .table td,
2568   #topissues .table td,
2569   #usertags .table td,
2570   #usersuggestions .table td {
2571     border-right: 1px solid #dddddd;
2572     border-left: 1px solid #dddddd;
2573     border-top: 0;
2574     display: block;
2575     padding: .2em;
2576   }
2577   .ui-tabs-panel .table p,
2578   .tabs-container .table p,
2579   #topissues .table p,
2580   #usertags .table p,
2581   #usersuggestions .table p {
2582     margin-bottom: 2px;
2583   }
2584   .ui-tabs-panel tr,
2585   .tabs-container tr,
2586   #topissues tr,
2587   #usertags tr,
2588   #usersuggestions tr {
2589     display: block;
2590     margin-bottom: .6em;
2591   }
2592   .ui-tabs-panel tr td:first-child,
2593   .tabs-container tr td:first-child,
2594   #topissues tr td:first-child,
2595   #usertags tr td:first-child,
2596   #usersuggestions tr td:first-child {
2597     border-top: 1px solid #dddddd;
2598     border-radius: 5px 5px 0 0;
2599   }
2600   .ui-tabs-panel tr td:last-child,
2601   .tabs-container tr td:last-child,
2602   #topissues tr td:last-child,
2603   #usertags tr td:last-child,
2604   #usersuggestions tr td:last-child {
2605     border-radius: 0 0 5px 5px;
2606     border-bottom: 2px solid #CACACA;
2607   }
2608   .no-image {
2609     display: none;
2610   }
2611 }
2612 @media only screen and (max-width: 700px) {
2613   /* Screens below 700 pixels wide */
2614   #opac-main-search label {
2615     display: none;
2616   }
2617   #logo {
2618     background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2619     background-position: 0 -24px;
2620     margin: 14px 14px 0 14px;
2621     width: 14px;
2622   }
2623   #logo a {
2624     padding: 14px 0 0;
2625     width: 14px;
2626   }
2627   #user-menu-trigger {
2628     display: inline;
2629     margin-right: 12px;
2630   }
2631   #members {
2632     display: none;
2633     clear: both;
2634   }
2635   #members li {
2636     padding-right: 20px;
2637     text-align: right;
2638     border-bottom: 1px solid #555;
2639   }
2640   #members li:first-child {
2641     border-top: 1px solid #555;
2642   }
2643   #members li:last-child {
2644     border-bottom: none;
2645   }
2646   #members .nav {
2647     float: none;
2648   }
2649   #members .nav.pull-right {
2650     float: none;
2651   }
2652   #members .nav > li {
2653     float: none;
2654   }
2655   #members .divider-vertical {
2656     border: 0;
2657     height: 0;
2658     margin: 0;
2659   }
2660 }
2661 @media only screen and (min-width: 480px) and (max-width: 608px) {
2662   /* Screens between 480 and 608 pixels wide */
2663   #oh:after {
2664     content: " Between 480 pixels and 608 pixels. ";
2665   }
2666   .input-fluid {
2667     width: 75%;
2668   }
2669 }
2670 @media only screen and (min-width: 608px) {
2671   #views {
2672     border-bottom: 1px solid #D6D6D6;
2673     margin: 0;
2674     padding: 0;
2675     white-space: nowrap;
2676   }
2677   .view {
2678     border-radius: 0;
2679     border-right-width: 0;
2680     border-top-width: 0;
2681     border-bottom-width: 0;
2682   }
2683   .current-view {
2684     border: 0;
2685     -webkit-box-shadow: none;
2686     -moz-box-shadow: none;
2687     box-shadow: none;
2688   }
2689 }
2690 @media only screen and (min-width: 608px) and (max-width: 767px) {
2691   /* Screens between 608 and 767 pixels wide */
2692   #oh:after {
2693     content: " Between 608 pixels and 767 pixels. ";
2694   }
2695   .main {
2696     padding: 0.8em 20px;
2697   }
2698   .breadcrumb {
2699     margin: 10px 0;
2700   }
2701   .navbar-static-bottom {
2702     margin-left: -20px;
2703     margin-right: -20px;
2704   }
2705   .row-fluid input.span6 {
2706     width: 48.9362%;
2707   }
2708 }
2709 @media only screen and (max-width: 767px) {
2710   /* Screens below 767 pixels wide */
2711   a.title {
2712     font-size: 120%;
2713   }
2714   #userresults {
2715     margin: 0 -20px;
2716   }
2717   .breadcrumb,
2718   #top-pages,
2719   .menu-collapse {
2720     display: none;
2721   }
2722   #search-facets,
2723   #menu {
2724     margin-bottom: .5em;
2725   }
2726   #search-facets h4,
2727   #menu h4 {
2728     display: block;
2729     margin: 0;
2730     padding: 0;
2731   }
2732   #search-facets h4 a,
2733   #menu h4 a {
2734     -webkit-border-radius: 7px;
2735     -moz-border-radius: 7px;
2736     border-radius: 7px;
2737     border-bottom: 0;
2738     font-weight: normal;
2739     padding: .7em .2em;
2740   }
2741   #search-facets ul,
2742   #menu ul {
2743     padding: 0;
2744   }
2745   #menu li a {
2746     -webkit-border-radius: 0px;
2747     -moz-border-radius: 0px;
2748     border-radius: 0px;
2749     border: 0;
2750     display: block;
2751     font-size: 120%;
2752     text-decoration: none;
2753     border-bottom: 1px solid #D8D8D8;
2754     margin: 0;
2755   }
2756   #menu li.active a {
2757     border-top: 1px solid #D8D8D8;
2758     border-right-width: 1px;
2759   }
2760   #menu li:last-child a {
2761     -webkit-border-radius: 0 0 7px 7px;
2762     -moz-border-radius: 0 0 7px 7px;
2763     border-radius: 0 0 7px 7px;
2764   }
2765   #search-facets li {
2766     padding: .4em;
2767   }
2768   #search-facets h5 {
2769     margin: .2em;
2770   }
2771   #menu h4 a.menu-open,
2772   #search-facets h4 a.menu-open {
2773     -webkit-border-radius: 7px 7px 0 0;
2774     -moz-border-radius: 7px 7px 0 0;
2775     border-radius: 7px 7px 0 0;
2776     border-bottom: 1px solid #D8D8D8;
2777   }
2778 }
2779 @media only screen and (max-width: 800px) {
2780   /* Screens below 800 pixels wide */
2781   .cartlabel,
2782   .listslabel {
2783     display: none;
2784   }
2785   .navbar .divider-vertical {
2786     margin: 0 2px;
2787   }
2788   .navbar #members .divider-vertical {
2789     margin: 0 9px;
2790   }
2791 }
2792 @media only screen and (min-width: 768px) {
2793   /* Screens above 768 pixels wide */
2794   .main {
2795     margin-left: 20px;
2796     margin-right: 20px;
2797   }
2798   #menu {
2799     border: 0;
2800     -webkit-border-radius: 0px;
2801     -moz-border-radius: 0px;
2802     border-radius: 0px;
2803     border-right: 1px solid #D8D8D8;
2804   }
2805   #menu h4 {
2806     display: none;
2807   }
2808   #menu ul {
2809     padding: 1em 0 1em 0;
2810   }
2811 }
2812 @media only screen and (min-width: 768px) and (max-width: 984px) {
2813   /* Screens between 768 and 984 pixels wide */
2814   #oh:after {
2815     content: " Between 768 and 984 pixels. ";
2816   }
2817   .librarypulldown .transl1 {
2818     width: 38%;
2819   }
2820 }
2821 @media only screen and (max-width: 984px) {
2822   /* Screens up to 984 pixels wide */
2823 }
2824 @media only screen and (min-width: 984px) {
2825   /* Screens above 969 pixels wide */
2826   #oh:after {
2827     content: " Above 984 pixels. ";
2828   }
2829   .librarypulldown .transl1 {
2830     width: 53%;
2831   }
2832 }
2833 @media only screen and (max-width: 1040px) {
2834   .pg_menu li a {
2835     float: none;
2836     text-align: left;
2837   }
2838   .pg_menu li.back_results a {
2839     border: 1px solid #D0D0D0;
2840     border-width: 1px 0 1px 0;
2841   }
2842   #ulactioncontainer {
2843     min-width: 0;
2844   }
2845 }