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

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