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

   1 @import url("../../en/lib/yui/reset-fonts-grids.css");
   2
   3 a {
   4         font-weight : bold;
   5 }
   6
   7 a, a:visited {
   8         color : #006699;
   9 }
  10
  11 a:hover {
  12         color : #990033;
  13 }
  14
  15 body {
  16         background-color : white;
  17         text-align : left;
  18         padding : 0 0 2.5em 0;
  19 }
  20
  21 caption {
  22         font-size : 140%;
  23         text-align : left;
  24         font-weight : bold;
  25 }
  26
  27 fieldset {
  28         background-color: #FFF;
  29         border : 2px solid #EEEEEE;
  30         margin : 1em 1em 1em 0;
  31         padding : 1em;
  32 }
  33
  34 fieldset.rows {
  35 border-width : 1px;
  36 border-bottom : 1px solid black;
  37 float : left;
  38 font-size : 90%;
  39 clear : left;
  40 margin: .9em 0 0 0;
  41 padding: 0;
  42 width: 100%;
  43 }
  44
  45 fieldset.rows legend {
  46         margin-left: 1em;
  47         font-weight: bold;
  48         font-size : 110%;
  49 }
  50
  51 fieldset.rows label, fieldset.rows span.label {
  52         float: left;
  53         font-weight : bold;
  54         width: 9em;
  55         margin-right: 1em;
  56         text-align: right;
  57 }
  58
  59 fieldset.rows fieldset {
  60         border-width : 1px;
  61         margin : 0;
  62         padding : .3em;
  63 }
  64
  65 fieldset.rows ol {
  66 padding: 1em 1em 0 1em;
  67 list-style-type: none;
  68 }
  69
  70 fieldset.rows li {
  71 float : left;
  72 clear : left;
  73 padding-bottom: 1em;
  74 list-style-type: none;
  75 width: 100%;
  76 }
  77
  78 fieldset.rows.left li {
  79         padding-bottom : .4em;
  80 }
  81
  82 fieldset.rows li.radio {
  83         padding-left: 9em;
  84         width : auto;
  85 }
  86
  87 fieldset.rows li.radio label {
  88         float : none;
  89         width : auto;
  90         margin : 0 0 0 1em;
  91 }
  92
  93 fieldset.rows ol.radio label {
  94         width : auto;
  95         float : none;
  96         margin-right : 0;
  97 }
  98
  99 fieldset.rows ol.radio label.radio {
 100         float : left;
 101         width : 12em;
 102         margin-right : 1em;
 103 }
 104
 105 fieldset.rows table {
 106         clear : both;
 107         margin-left : 1em;
 108 }
 109
 110 fieldset.rows td label {
 111         float : none;
 112         font-weight : normal;
 113         width : auto;
 114 }
 115
 116 fieldset.action {
 117         clear : both;
 118         float : none;
 119         border : none;
 120         margin : 0;
 121         padding : 1em 0 .3em 0;
 122         width : auto;
 123 }
 124
 125 form {
 126         display : inline;
 127         margin : 0;
 128         padding : 0;
 129 }
 130
 131 h1 {
 132         font-size : 138.5%;
 133 }
 134
 135 h1#library {
 136         font-size : 100%;
 137         font-weight : normal;
 138         margin : .2em 0 .2em .5em;
 139 }
 140
 141
 142 h1#libraryname {
 143         background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
 144         border: 0;
 145         float : left !important;
 146         margin:0;
 147         padding:0;
 148         width:120px;
 149 }
 150
 151 h1#libraryname a {
 152         border:0;
 153         cursor:pointer;
 154         display:block;
 155         height:0px !important;
 156         margin:0;
 157         overflow:hidden;
 158         padding:40px 0 0;
 159         text-decoration:none;
 160         width:120px;
 161 }
 162
 163 h1,h2,h3,h4,h5,h6 {
 164         font-weight : bold;
 165         margin : .5em 0;
 166 }
 167
 168 h2 {
 169         font-size : 131%;
 170 }
 171
 172 h2.author {
 173         text-indent : .5em;
 174 }
 175
 176 h3 {
 177         font-size : 123.1%;
 178 }
 179
 180 h4 {
 181         font-size : 116%;
 182 }
 183
 184 h5 {
 185         font-size : 108%;
 186 }
 187
 188 h6 {
 189         font-size : 100%;
 190 }
 191
 192 input[type=submit], input[type=button], input[type=reset] {
 193 /*      background-color : #6BA037;
 194         border:1px outset #666666;
 195         color : #FFFFFF;
 196         font-size : 93%;
 197         font-weight : bold;
 198         padding : 2px;*/
 199
 200                 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
 201         background-color : #b8d0e6;
 202         border-top: 1px solid #cccccc;
 203         border-left: 1px solid #cccccc;
 204         border-right: 1px solid #eeeeee;
 205         border-bottom: 1px solid #eeeeee;
 206         color : #333;
 207         font-size : 93%;
 208         font-weight : bold;
 209         padding : 4px;
 210 }
 211
 212 input[type=submit]:active, input[type=button], input[type=reset] {
 213         border: 1px inset #666666;
 214 }
 215
 216 td.resultscontrol {
 217         background-color : #EFF1DC;
 218         vertical-align : middle;
 219         padding : 3px 3px 5px 5px;
 220 }
 221
 222 table {
 223         background-color: #FFF;
 224         border-collapse : collapse;
 225         margin : 1em 0;
 226         border-right : 1px solid #dddddd;
 227         border-top : 1px solid #dddddd;
 228 }
 229
 230 td,th {
 231         background-color: #FFF;
 232         border-left : 1px solid #dddddd;
 233         border-bottom : 1px solid #dddddd;
 234         padding : 3px 5px;
 235 }
 236
 237 th {
 238         background-color:#EFF1DC;
 239         font-weight : bold;
 240         padding : 2px 4px;
 241 }
 242
 243 th.sum {
 244         text-align: right;
 245 }
 246
 247 td.sum {
 248         background-color: #FFC;
 249         font-weight: bold;
 250 }
 251
 252 th[scope=row] {
 253         text-align : right;
 254 }
 255
 256 tr.highlight td, tr.highlight th {
 257         background-color : #F3F3F3;
 258         border : 1px solid #DDDDDD;
 259         border-right : 1px solid #DDDDDD;
 260 }
 261
 262 tr.grouplabel td {
 263         background-color : #E8E8E8;
 264         border : 1px solid #DDDDDD;
 265         border-right : 1px solid #DDDDDD;
 266         text-align : center;
 267         font-weight : bold;
 268     padding: 10px;
 269 }
 270
 271 ul {
 272         list-style : disc;
 273         padding-left : 1em;
 274 }
 275
 276 li {
 277         list-style : disc;
 278 }
 279
 280 p.availability {
 281         font-size : 87%;
 282 }
 283
 284 .available {
 285         color : #006600;
 286 }
 287
 288 .inwait {
 289         background-color : #33CC99;
 290 }
 291
 292 /* css styles for reserves color alerts */
 293 .onloan {
 294         background-color : #eeeeee;
 295 }
 296
 297 .other {
 298         background-color : #ffcccc;
 299 }
 300
 301 /* "problem" enhancement */
 302 .problem {
 303         color : white;
 304         background-color : red;
 305 }
 306
 307 .reserved {
 308         background-color : #8EBAFF;
 309 }
 310
 311 /* style for search terms in catalogsearch */
 312 .term {
 313         background-color : #ffffe0;
 314         color : #990033;
 315 }
 316
 317 a .term {
 318         text-decoration : underline;
 319 }
 320
 321 .transfered {
 322         background-color : #F9FF9A;
 323 }
 324
 325 /* action buttons */
 326 #action {
 327         margin-top : .5em;
 328         background-color : #F3F3F3;
 329         border : 1px solid #E8E8E8;
 330         padding-bottom : 3px;
 331 }
 332
 333 #action li {
 334         list-style : none;
 335         margin : .2em;
 336         padding : .3em 0;
 337 }
 338
 339 #action a, #toolbar a {
 340         background-position : 5px center;
 341         background-repeat : no-repeat;
 342         text-decoration : none;
 343         padding-left : 26px;
 344 }
 345
 346
 347
 348 #toolbar ul li {
 349         display : inline;
 350         list-style : none;
 351 }
 352
 353 #toolbar ul li a {
 354         border-left : 1px solid #e8e8e8;
 355 }
 356
 357 #toolbar ul li:first-child {
 358         border-left : 0;
 359 }
 360
 361 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
 362         background-image:url(../../images/placereserve.gif);
 363 }
 364
 365 #action a.addtoshelf, #toolbar a.addtoshelf {
 366         background-image:url(../../images/addtoshelf.gif);
 367 }
 368
 369 #action a.addtocart, #toolbar a.addtocart {
 370         background-image:url(../../images/cart2.gif);
 371 }
 372
 373 #action a.print, #toolbar a.print {
 374         background-image:url(../../images/print.gif);
 375 }
 376
 377 #toolbar a.brief {
 378         background-image: url(../../images/brief.gif);
 379 }
 380
 381 #toolbar  a.detail {
 382         background-image: url(../../images/detail.gif);
 383 }
 384
 385 #toolbar a.print {
 386         background-image: url(../../images/print.gif);
 387 }
 388
 389 #toolbar a.hide {
 390         background-image: url(../../images/close.gif);
 391 }
 392
 393 #toolbar a.send {
 394         background-image: url(../../images/send.gif);
 395 }
 396 #toolbar a.empty {
 397         background-image: url(../../images/trash.gif);
 398 }
 399
 400 /* the itemtype list in advanced search */
 401 #advsearch-itemtype table {
 402         border-collapse : separate;
 403         border-spacing : 3px;
 404         border : 0px;
 405         margin : 0px;
 406         background-color : white;
 407         border : 0px solid #D8DEB8;
 408 }
 409
 410 #advsearch-itemtype table tr td {
 411         background-color : #F8F8EB;
 412         border : 0px;
 413         margin : 0px;
 414         width : 700px;
 415 }
 416
 417 #advsearch-itemtype td {
 418         font-size : 0.8em;
 419         background-color : #F8F8EB;
 420 }
 421
 422 #auth {
 423         float : left;
 424 }
 425
 426 #facets {
 427
 428 }
 429
 430 /* the footer */
 431 #footer {
 432         margin-top : 30px;
 433         margin-left : 30%;
 434         margin-right : 20%;
 435         border-top : 1px solid #384b73;
 436         color : #384b73;
 437         font-size : 1em;
 438         text-align : center;
 439 }
 440
 441 /* facets bloc */
 442 /* the USER information block */
 443 #librarian_information {
 444         float : right;
 445         font-size : 10pt;
 446 }
 447
 448 #members {
 449         background-color: #fff;
 450         font-size : 85%;
 451         padding : 4px 0 4px 0;
 452         color : #000066;
 453 }
 454
 455 #members a {
 456         text-decoration : none;
 457 }
 458
 459 #members a.logout {
 460         color : #cc3333;
 461         font-weight : bold;
 462         padding : 0 .3em 0 .3em;
 463         text-decoration : none;
 464 }
 465
 466 #members li:first-child {
 467         border-right : 1px solid black;
 468 }
 469
 470 #members li {
 471         display : inline;
 472         list-style : none;
 473         margin : 0;
 474         padding : 0 .5em;
 475 }
 476
 477 #members ul {
 478         margin : 0;
 479         padding : 0;
 480         text-align : right;
 481 }
 482
 483 #opac-main-search {
 484         background-image : url( ../../images/menu-background.gif);
 485         background-repeat : repeat-x;
 486         background-color : #739ACF;
 487         border-top : 1px solid #335599;
 488         border-bottom : 1px solid #335599;
 489         padding : .7em 0 .4em .5em;
 490         font-size : 108%;
 491         line-height : 116%;
 492 }
 493
 494 #opac-main-search form {
 495         display : inline;
 496         padding-right : 1em;
 497 }
 498
 499 #opac-main-search label {
 500         color : #FFFFCC;
 501         font-weight : bold;
 502         margin : .2em .3em 0 0;
 503 }
 504
 505
 506 #search-facets ul {
 507         margin : 0;
 508         padding : .3em;
 509 }
 510
 511 #search-facets {
 512         border : 1px solid #e8e8e8;
 513 }
 514
 515 #search-facets h4 {
 516         background-color : #EFF1DC;
 517         border-bottom : 1px solid #e8e8e8;
 518         font-size : 90%;
 519         margin : 0;
 520         padding : .7em .2em;
 521         text-align : center;
 522 }
 523
 524 #search-facets ul li {
 525         font-weight : bold;
 526         list-style-type : none;
 527 }
 528
 529 #search-facets li li {
 530         font-weight : normal;
 531         font-size : 85%;
 532         margin-bottom : 2px;
 533         padding : .1em .2em;
 534 }
 535
 536 #search-facets li li a {
 537         font-weight : normal;
 538 }
 539
 540 #search-facets li.showmore a {
 541         font-weight : bold;
 542         text-indent : 1em;
 543 }
 544
 545 .suggestion {
 546         background-color : #EEEEEB;
 547         border : 1px solid #DDDED3;
 548         margin : 10px auto;
 549         padding : 4px;
 550         width : 35%;
 551 }
 552
 553 #facets ul {
 554         margin : 0;
 555         padding : 0;
 556 }
 557
 558 #facets ul li {
 559         font-weight : bold;
 560         text-align : left;
 561         list-style : none;
 562 }
 563
 564 #facets ul ul li {
 565         border : 0;
 566         font-size : 85%;
 567         font-weight : normal;
 568         padding : 2px;
 569         text-align : left;
 570 }
 571
 572 #facets ul ul li a {
 573         font-weight : normal;
 574         text-decoration : underline;
 575 }
 576
 577 #facets h4 {
 578         font-size : 93%;
 579         padding:3px;
 580         text-align:center;
 581         background-color:#E7E7CA;
 582         line-height:1.8em;
 583         margin-left:-1px;
 584         margin-right:-1px;
 585         margin-top:-1px;
 586 }
 587
 588 #breadcrumbs {
 589         padding : .7em;
 590 }
 591
 592 strong {
 593         font-weight : bold;
 594 }
 595
 596 em {
 597         font-style : italic;
 598 }
 599
 600 #catalogue_detail_biblio p span.label {
 601         font-weight : bold;
 602 }
 603
 604 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
 605         padding-bottom: .6em;
 606 }
 607
 608 #basket {
 609         display : inline;
 610 }
 611
 612 #bookcover {
 613         float : left;
 614         margin : 0;
 615         padding : 0;
 616 }
 617
 618 #bookcover img {
 619         margin : 0 1em 1em 0;
 620 }
 621
 622 fieldset.brief {
 623         border : 1px solid #E8E8E8;
 624 }
 625
 626 fieldset.brief legend {
 627         font-weight : bold;
 628         font-size : 100%;
 629 }
 630
 631 fieldset.brief label {
 632         display : block;
 633         padding : .3em 0;
 634 }
 635
 636 fieldset.brief input+input {
 637         margin-top : 3px;
 638 }
 639
 640 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
 641         background-color: #F3F3F3;
 642         border-top : 1px solid #979797;
 643         border-left : 1px solid #979797;
 644         border-right : 1px solid #DDDDDD;
 645         border-bottom : 1px solid #DDDDDD;
 646         font-size : 140%;
 647         padding : .2em;
 648         font-weight: normal;
 649 }
 650
 651 fieldset.brief textarea {
 652         font-size: 105%;
 653 }
 654
 655 fieldset.brief input:focus {
 656         background-color: #FFFFCC;
 657 }
 658
 659 fieldset.brief ol, fieldset.brief li {
 660         list-style-type : none;
 661 }
 662
 663 fieldset.brief div.hint, fieldset.rows div.hint {
 664         color : #666666;
 665         font-size : 100%;
 666         margin : .4em;
 667 }
 668
 669 h2 span.hint {
 670         font-size: 76%;
 671         font-weight : normal;
 672 }
 673 .thumbnail {
 674         border : 0;
 675         float : left;
 676         margin : 0pt 5px 5px 0pt;
 677 }
 678 a.cancel {
 679         padding-left : 1em;
 680 }
 681
 682 .resultscontrol, .resultscontrol select {
 683         font-size: 90%;
 684 }
 685
 686 .cartlist {
 687         margin-top : 5px;
 688 }
 689
 690 .cartlist input.submit {
 691         background-color : #d8deb8;
 692         background-image : none;
 693         border-color : #bebf84;
 694         color : #333;
 695         font-size : 87%;
 696         padding : 2px 0;
 697         margin : 0 0 0 0;
 698 }
 699
 700 #CheckAll, #CheckNone {
 701         font-weight : normal;
 702         margin : 0 .5em;
 703 }
 704
 705 .resultscontrol label {
 706         font-weight : bold;
 707         margin-left : .5em;
 708 }
 709
 710 .resort {
 711         float : right;
 712         margin-top : 5px;
 713 }
 714
 715 .searchresults p.details {
 716         color : #979797;
 717 }
 718
 719 .searchresults p {
 720         margin: 0;
 721         padding: 0;
 722         padding-top : .6em;
 723 }
 724
 725 td.resultscontrol img {
 726         vertical-align: middle;
 727 }
 728
 729 .searchresults table td {
 730 }
 731
 732 .searchresults table {
 733         margin : 0;
 734 }
 735
 736 .searchresults td, .searchresults th, .searchresults table {
 737         border: 0;
 738 }
 739
 740 .searchresults tr {
 741         border-bottom : 1px solid #CCCCCC;
 742 }
 743
 744 .searchresults tr:first-child {
 745         border : 0;
 746 }
 747
 748 .searchresults table {
 749         border-top : 0px solid #CCCCCC;
 750         width : 100%;
 751 }
 752
 753 .searchresults a.reserve, .searchresults a.reserve:visited {
 754         background-position:left top;
 755         background-repeat:no-repeat;
 756         float:right;
 757         padding:2px 3px 2px 26px;
 758 }
 759
 760 .searchresults a.reserve {
 761         background-color:transparent;
 762         color:#006699;
 763 }
 764
 765 .unavailable {
 766         color: #990033;
 767 }
 768
 769 #libraryname {
 770         float : left;
 771         line-height : 2em;
 772 }
 773
 774 #corner {
 775         float : right;
 776         line-height : 2em;
 777 }
 778
 779 .pages {
 780         line-height : 1.8em;
 781         text-align: center;
 782 }
 783 a:link.current {
 784         background-color: transparent;
 785         color: #3366CC;
 786         font-weight: bold;
 787         padding: 1px 5px 1px 5px;
 788         text-decoration: none;
 789 }
 790 a:visited.current {
 791         background-color: transparent;
 792         color: #3366CC;
 793         font-weight: bold;
 794         padding: 1px 5px 1px 5px;
 795         text-decoration: none;
 796 }
 797
 798 a:hover.current {
 799         background-color: #CCFF00;
 800         color: #CC3333;
 801         font-weight: bold;
 802         padding: 1px 5px 1px 5px;
 803         text-decoration: none;
 804 }
 805
 806 a:active.current {
 807         background-color: #99CC00;
 808         color: #FFFF99;
 809         font-weight: bold;
 810         padding: 1px 5px 1px 5px;
 811         text-decoration: none;
 812 }
 813
 814 .current {
 815         background-color: #FFFFFF;
 816         color: #3366CC;
 817         font-weight: bold;
 818         padding: 1px 5px 1px 5px;
 819         text-decoration: none;
 820 }
 821
 822 a:link.nav {
 823         background-color: #EFF1DC;
 824         border: 1px solid #CCCC99;
 825         color: #3366CC;
 826         font-weight: bold;
 827         padding: 1px 5px 1px 5px;
 828         text-decoration: none;
 829 }
 830
 831 a:visited.nav {
 832         background-color: #EFF1DC;
 833         border: 1px solid #CCCC99;
 834         color: #3366CC;
 835         font-weight: bold;
 836         padding: 1px 5px 1px 5px;
 837         text-decoration: none;
 838 }
 839
 840 a:hover.nav {
 841         background-color: #FFFFCC;
 842         border: 1px solid #CCCC99;
 843         color: #CC3333;
 844         font-weight: bold;
 845         padding: 1px 5px 1px 5px;
 846         text-decoration: none;
 847 }
 848
 849 a:active.nav {
 850         background-color: #FFFFCC;
 851         border: 1px solid #CCCC99;
 852         color: #D25500;
 853         font-weight: bold;
 854         padding: 1px 5px 1px 5px;
 855         text-decoration: none;
 856 }
 857
 858 /* Tabs */
 859 ul.link-tabs {
 860         list-style-type: none;
 861         margin: 9px 0 -2px 5px;
 862         padding: 0;
 863 }
 864
 865 ul.link-tabs li {
 866         display: inline;
 867         padding: 0px;
 868 }
 869
 870 ul.link-tabs li a {
 871         font-weight: bold;
 872         padding: 2px 4px 2px 4px;
 873         text-decoration: none;
 874         border-top: 1px solid #DDDDDD;
 875         border-left : 1px solid #DDDDDD;
 876         border-right : 1px solid #666666;
 877 }
 878
 879 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 880         padding: 2px 4px 3px 4px;
 881 }
 882
 883 ul.link-tabs li.off a {
 884         background-color: #EEEEEB;
 885         border-bottom: 1px solid #DDDDDD;
 886 }
 887
 888 ul.link-tabs li.off a:hover {
 889         padding: 2px 3px 2px 4px;
 890         background-color: #FFFFEC;
 891         border-top: 1px solid #BEBF84;
 892         border-left : 1px solid #BEBF84;
 893         border-right : 2px solid #333333;
 894 }
 895
 896 ul.link-tabs li.on a {
 897         background-color: #FFFFFF;
 898         border-bottom: 1px solid #FFFFFF;
 899 }
 900
 901 ul.link-tabs li a.debit {
 902         background-color : #FFFF99;
 903         color : #990033;
 904 }
 905
 906 div.tab-container {
 907         border : 1px solid #DDDDDD;
 908         margin-top : 4px;
 909         padding : .7em;
 910         width : 90%;
 911 }
 912
 913 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 914         background-color : transparent;
 915         border : 0;
 916 }
 917
 918 tr.overdue td {
 919         background-color : #ffcccc;
 920         font-weight : bold;
 921 }
 922
 923 tr.highlight.overdue td {
 924         background-color : #ffaeae;
 925         font-weight : bold;
 926 }
 927
 928 td.overdue {
 929         color : #cc3333;
 930 }
 931
 932 .renewals {
 933         display:block;
 934         font-size:0.8em;
 935         padding:0.5em;
 936 }
 937
 938 table#marc, table#marc td, table#marc th {
 939         border : 0;
 940 }
 941
 942 table#marc th {
 943         background-color : transparent;
 944 }
 945
 946 table#marc td:first-child {
 947         text-indent : 2em;
 948 }
 949 #masthead {
 950 float: left;
 951 width: 120px;
 952 }
 953
 954 #fluid {
 955 margin-left: 124px;
 956 margin-top : .4em;
 957 padding-left : 1em;
 958 }
 959
 960 #fluid-offset {
 961 float : right;
 962 width: 100%;
 963 }
 964
 965 .clearfix:after {
 966     content: ".";
 967     display: block;
 968     height: 0;
 969     clear: both;
 970     visibility: hidden;
 971 }
 972
 973 /* Hides from IE-mac \*/
 974 * html .clearfix {height: 1%;}
 975 /* End hide from IE-mac */
 976
 977 .searchhighlightblob {
 978         font-size : 85%;
 979 }
 980
 981
 982 .dialog {
 983   border: 1px solid #bcbcbc;
 984         padding : .5em;
 985         margin : 1em auto;
 986   width: 65%;
 987   }
 988
 989 .dialog  h2, .dialog h3, .dialog h4 {
 990         margin : auto;
 991         text-align : center;
 992   }
 993
 994 div.alert {
 995   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
 996   text-align : center;
 997 }
 998
 999 div.alert strong {
1000         color : #900;
1001 }
1002
1003 div.message {
1004         background : white url("../../images/message-bg.gif") repeat-x left 0;
1005    border : 1px solid #bcbcbc;
1006         width : 55%;
1007 }
1008
1009 #moresearches {
1010         clear : left;
1011         color : #000099;
1012         font-size : 90%;
1013         line-height : 110%;
1014         margin : .6em 0 .3em 0;
1015 }
1016
1017 #moresearches a:link, #moresearches a:visited {
1018         color : #e5ebff;
1019         font-weight : normal;
1020         text-decoration : none;
1021 }
1022
1023 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1024         color : #000;
1025         font-weight : normal;
1026 }
1027  #opac-main-search #listsmenu h4 {
1028         font-size : 90%;
1029         font-weight : bold;
1030         margin : 0 .2em;
1031  }
1032
1033 #opac-main-search #listsmenu .bd {
1034         background-color : #f3f3f3;
1035         border : 1px solid #739acf;
1036         background-image : url("../../images/listmenu-container-bg.gif");
1037         background-position : top right;
1038         background-repeat : repeat-y;
1039         padding : .3em 1em 0 0;
1040 }
1041 #opac-main-search #listsmenu .yui-menu-shadow {
1042 }
1043
1044 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1045         background-color : #fff;
1046 }
1047
1048 #opac-main-search #listsmenu ul {
1049         border-color : #b8d0e6;
1050 }
1051
1052 #container {
1053         color : #000;
1054 }
1055
1056
1057 ul#i18nMenu {
1058         margin : 0;
1059         padding : .2em 0;
1060  }
1061
1062 ul#i18nMenu li {
1063         border-left : 1px solid #CCC;
1064         display : inline;
1065         list-style : none;
1066         padding : 0 10px;
1067  }
1068
1069 ul#i18nMenu li a {
1070         text-decoration : none;
1071 }
1072
1073 ul#i18nMenu li:first-child {
1074         border-left : 0;
1075  }
1076
1077 ul#i18nMenu li ul li {
1078         border : 0;
1079         display : block;
1080  }
1081
1082
1083 ul#i18nMenu li.more a {
1084         background-image:url(../../images/more-up-arrow.gif);
1085         background-position:right center;
1086         background-repeat:no-repeat;
1087         padding-right:13px;
1088 }
1089
1090 ul#i18nMenu li.more ul li a {
1091         background-image : none;
1092         padding-right : 20px;
1093 }
1094
1095  div#changelanguage{
1096         background-color: #fff;
1097         border-top: 1px solid #CCC;
1098   position:absolute;
1099   bottom:0;
1100   left:0;
1101   width:100%;
1102   height: 1.8em;
1103  }
1104
1105  @media screen{
1106   body>div#changelanguage {
1107    position: fixed;
1108   }
1109  }
1110
1111  * html body{
1112   overflow:hidden;
1113  }
1114
1115  * html div#doc1{
1116   height:100%;
1117   overflow:auto;
1118  }
1119
1120  * html div#doc2{
1121   height:100%;
1122   overflow:auto;
1123  }
1124
1125  * html div#doc3{
1126   height:100%;
1127   overflow:auto;
1128  }
1129
1130 div#changelanguage a.yuimenuitemlabel {
1131         color : #006699;
1132         font-weight : normal;
1133  }
1134
1135 #cartDetails,#cartUpdate {
1136         background-color : #FFF;
1137         border: 1px solid #739acf;
1138         color : black;
1139         padding : .3em;
1140         text-align : center;
1141 }
1142
1143 #login #userid, #login #password {
1144         width : 98%;
1145 }
1146
1147 #opac-main-search input.submit {
1148         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1149         background-color : #b8d0e6;
1150         border-top: 1px solid #cccccc;
1151         border-left: 1px solid #cccccc;
1152         border-right: 1px solid #eeeeee;
1153         border-bottom: 1px solid #eeeeee;
1154         color : #333;
1155         font-weight : normal;
1156         font-size : 80%;
1157         padding : 2px;
1158 }
1159
1160 div#menu {
1161         border-right : 1px solid #979797;
1162         font-size : 94%;
1163         margin-right : .5em;
1164         padding-top : 1em;
1165         padding-bottom : 2em;
1166 }
1167
1168 div#menu li a {
1169         text-decoration : none;
1170         display : block;
1171         background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1172         border : 1px solid #979797;
1173         font-size : 111%;
1174         margin : .5em 0;
1175         padding : .4em .3em;
1176         margin-right : -1px;
1177 }
1178
1179 div#menu li a:hover {
1180         background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1181 }
1182
1183 div#menu li.active a:hover {
1184         background-color : #fff;
1185         color : #0000CC;
1186 }
1187
1188 #menu ul li {
1189         list-style-type : none;
1190 }
1191
1192 #menu ul li.active a {
1193         background-color : #FFF;
1194         background-image : none;
1195         border-right : 0;
1196         font-weight : bold;
1197 }
1198
1199 .left {
1200         float : left;
1201 }
1202
1203 .right {
1204         float : right;
1205 }
1206
1207 #searchsubmit {
1208         cursor : default;
1209         font-size : 87%;
1210         font-weight :  normal;
1211         margin-top : 0;
1212         margin-left :  .2em;
1213         padding: 2px 2px 1px 2px;
1214 }
1215
1216
1217 #export,#further {
1218         margin-top : .5em;
1219         background-color : #F3F3F3;
1220         border : 1px solid #E8E8E8;
1221         font-size : 76%;
1222         padding : 3px;
1223         text-align : center;
1224 }
1225
1226 #export label {
1227         display : block;
1228         font-weight : bold;
1229         font-size : 110%;
1230         margin-bottom : 2px;
1231 }
1232
1233 #export input {
1234         padding : 2px;
1235 }
1236
1237 #further {
1238         text-align : left;
1239         font-size : 95%;
1240         padding : 3px 3px .5em 1em;
1241 }
1242
1243 #similars {
1244     text-align : left;
1245     font-size : 95%;
1246     padding : 3px 3px .5em 1em;
1247 }
1248
1249 span.starFull {
1250         background: url(../../images/bluestars.png) top left no-repeat;
1251         height: 25px;
1252         margin: 0;
1253         padding: 0;
1254 }
1255
1256 span.starMT {
1257         background: url(../../images/emptystars.png) top left no-repeat;
1258         height: 25px;
1259         margin: 0 3px 0 30px;
1260         padding: 0;
1261         position: relative;
1262         width: 100px;
1263 }
1264
1265 #cartmenulink, #listsmenulink {
1266         display : block;
1267         position : relative;
1268         background : #aaa;
1269         padding : 5px;
1270         float : left;
1271         color : #333;
1272         text-decoration : none;
1273         cursor : pointer;
1274 }
1275
1276  #cartmenulink *, #listsmenulink * {
1277         font-style : normal;
1278         background-image : url(../../images/button-background.png);
1279         background-repeat : no-repeat;
1280         display : block;
1281         position : relative;
1282 }
1283
1284  #cartmenulink i, #listsmenulink i {
1285         background-position : top left;
1286         position : absolute;
1287         margin-bottom : -5px;
1288         top : 0;
1289         left : 0;
1290         width : 5px;
1291         height : 5px;
1292 }
1293
1294  #cartmenulink span, #listsmenulink span {
1295         background-position : bottom left;
1296         left : -5px;
1297         padding : 0 0 5px 10px;
1298         margin-bottom : -5px;
1299 }
1300
1301  #cartmenulink span i, #listsmenulink span i {
1302         background-position : bottom right;
1303         margin-bottom : 0;
1304         position : absolute;
1305         left : 100%;
1306         width : 10px;
1307         height : 100%;
1308         top : 0;
1309 }
1310
1311  #cartmenulink span span, #listsmenulink span span {
1312         background-position : top right;
1313         position : absolute;
1314         right : -10px;
1315         margin-left : 10px;
1316         top : -5px;
1317         height : 0;
1318 }
1319
1320 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1321         float : left;
1322         width : auto;
1323         background-image : none;
1324         cursor : pointer;
1325 }
1326
1327 #listsmenulink {
1328         background : #9FBFFF;
1329 }
1330
1331 #cartmenulink {
1332         background : #98CB58;
1333         color : #336600;
1334         font-size : 105%;
1335 }
1336
1337 #cartmenulink:active,  #listsmenulink:active {
1338         background-color : #cc3399;
1339 }
1340
1341 #cartmenulink[class], #listsmenulink[class] {
1342         background-image : url(../../images/button-background-gradient.png);
1343         background-position : left top;
1344 }
1345
1346 #listsmenulink:hover {
1347         background-color : #6699FF;
1348 }
1349
1350 #cartmenulink:hover {
1351         background-color : #BFDE96;
1352 }
1353
1354 #cartmenulink img {
1355         background-image : none;
1356         display : inline;
1357         padding : 3px 3px 0 3px;
1358 }
1359
1360 #cartmenulink span#basket {
1361         background-image : none;
1362         float : none;
1363         display : inline;
1364         height : auto;
1365         position : relative;
1366         margin : 0;
1367         padding : 0;
1368         left : auto;
1369         right : auto;
1370         top : auto;
1371 }
1372
1373 #cartmenulink span#basket span {
1374         background-image : none;
1375         background-color : #E6FCB7;
1376         color : #000;
1377         display : inline;
1378         float : none;
1379         font-size : 80%;
1380         font-weight : normal;
1381         margin : 0 0 0 .9em;
1382         padding : 0 .3em 0 .3em;
1383         position : relative;
1384         left : auto;
1385         right : auto;
1386         top : auto;
1387 }
1388
1389 *html #cartmenulink span#basket, *html #cartmenulink span#basket span {
1390 }
1391
1392 a#listsmenulink, a#listsmenulink:hover {
1393         color : #006699;
1394         font-size : 105%;
1395         font-weight : bold;
1396         line-height : 185%;
1397         margin-left : 1.5em;
1398 }
1399
1400 a#cartmenulink, a#cartmenulink:hover {
1401         color : #336600;
1402         font-size : 105%;
1403         font-weight : bold;
1404         line-height : 185%;
1405         margin-left : 1.5em;
1406 }
1407
1408 #listsmenulink img {
1409         background-image : none;
1410         display : inline;
1411         padding : 0 0 2px 0;
1412 }
1413
1414 * html #cartmenulink {
1415         border : 1px solid #66ff00;
1416 }
1417
1418 * html #listsmenulink {
1419         border : 1px solid #99ccff;
1420 }
1421
1422 ul.ui-tabs-nav li {
1423         margin-right : .5em;
1424 }
1425
1426 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1427         background-color : #F3F3F3;
1428         border-top : 1px solid #E8E8E8;
1429         border-left : 1px solid #E8E8E8;
1430         border-right : 1px solid #E8E8E8;
1431         border-bottom : 0;
1432         padding : .2em 1em;
1433         text-align : center;
1434         text-decoration : none;
1435 }
1436
1437 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1438         background-color : #FFF;
1439         border-top : 1px solid #E8E8E8;
1440         border-left : 1px solid #E8E8E8;
1441         border-right : 1px solid #E8E8E8;
1442         border-bottom : 1px solid #FFF;
1443         margin-bottom : -5px;
1444         text-align : center;
1445 }
1446
1447 #views {
1448         border-bottom : 1px solid #E8E8E8;
1449 }
1450
1451 #views h1 {
1452         display : inline;
1453         margin-right : .7em;
1454         margin-bottom : 1em;
1455 }
1456
1457 .views {
1458         white-space : nowrap;
1459 }
1460
1461 #bibliodescriptions {
1462         margin-top : .5em;
1463 }
1464
1465 a#MARCview, span#MARCview, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1466         background-position : 5px 3px;
1467         background-repeat : no-repeat;
1468         font-size : 87%;
1469         font-weight : normal;
1470         padding : .2em .5em;
1471         text-decoration: none;
1472 }
1473
1474 a#MARCview, span#MARCview {
1475         background-image : url(../../images/marc.gif);
1476         padding-left : 17px;
1477 }
1478 a#ISBDview, span#ISBDview {
1479         background-image : url(../../images/isbd.gif);
1480         padding-left : 20px;
1481 }
1482 a#Normalview, span#Normalview {
1483         background-image : url(../../images/normal.gif);
1484         padding-left : 15px;
1485 }
1486
1487 a#MARCview, a#ISBDview, a#Normalview {
1488         background-color : #F3F3F3;
1489         border-left : 1px solid #E8E8E8;
1490 }