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

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