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