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