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

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