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