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