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