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