koha-tmpl/opac-tmpl/ccsr/en/css/opac.css

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