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