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