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 {
 340         background-position : left;
 341         background-repeat : no-repeat;
 342         text-decoration : none;
 343         padding-left : 26px;
 344 }
 345
 346 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
 347         background-image:url(../../images/placereserve.gif);
 348 }
 349
 350 #action a.addtoshelf, #toolbar a.addtoshelf {
 351         background-image:url(../../images/addtoshelf.gif);
 352 }
 353
 354 #action a.addtocart, #toolbar a.addtocart {
 355         background-image:url(../../images/cart2.gif);
 356 }
 357
 358 #action a.print, #toolbar a.print {
 359         background-image:url(../../images/print.gif);
 360 }
 361
 362 /* the itemtype list in advanced search */
 363 #advsearch-itemtype table {
 364         border-collapse : separate;
 365         border-spacing : 3px;
 366         border : 0px;
 367         margin : 0px;
 368         background-color : white;
 369         border : 0px solid #D8DEB8;
 370 }
 371
 372 #advsearch-itemtype table tr td {
 373         background-color : #F8F8EB;
 374         border : 0px;
 375         margin : 0px;
 376         width : 700px;
 377 }
 378
 379 #advsearch-itemtype td {
 380         font-size : 0.8em;
 381         background-color : #F8F8EB;
 382 }
 383
 384 #auth {
 385         float : left;
 386 }
 387
 388 #facets {
 389
 390 }
 391
 392 /* the footer */
 393 #footer {
 394         margin-top : 30px;
 395         margin-left : 30%;
 396         margin-right : 20%;
 397         border-top : 1px solid #384b73;
 398         color : #384b73;
 399         font-size : 1em;
 400         text-align : center;
 401 }
 402
 403 /* facets bloc */
 404 /* the USER information block */
 405 #librarian_information {
 406         float : right;
 407         font-size : 10pt;
 408 }
 409
 410 #members {
 411         background-color: #fff;
 412         font-size : 85%;
 413         padding : 4px 0 4px 0;
 414         color : #000066;
 415 }
 416
 417 #members a {
 418         text-decoration : none;
 419 }
 420
 421 #members a.logout {
 422         color : #cc3333;
 423         font-weight : bold;
 424         padding : 0 .3em 0 .3em;
 425         text-decoration : none;
 426 }
 427
 428 #members li:first-child {
 429         border-right : 1px solid black;
 430 }
 431
 432 #members li {
 433         display : inline;
 434         list-style : none;
 435         margin : 0;
 436         padding : 0 .5em;
 437 }
 438
 439 #members ul {
 440         margin : 0;
 441         padding : 0;
 442         text-align : right;
 443 }
 444
 445 #opac-main-search {
 446         background-image : url( ../../images/menu-background.gif);
 447         background-repeat : repeat-x;
 448         background-color : #739ACF;
 449         border-top : 1px solid #335599;
 450         border-bottom : 1px solid #335599;
 451         padding : .7em 0 .4em .5em;
 452         font-size : 108%;
 453         line-height : 116%;
 454 }
 455
 456 #opac-main-search form {
 457         display : inline;
 458         padding-right : 1em;
 459 }
 460
 461 #opac-main-search label {
 462         color : #FFFFCC;
 463         font-weight : bold;
 464         margin : .2em .3em 0 0;
 465 }
 466
 467
 468 #search-facets ul {
 469         margin : 0;
 470         padding : .3em;
 471 }
 472
 473 #search-facets {
 474         border : 1px solid #e8e8e8;
 475 }
 476
 477 #search-facets h4 {
 478         background-color : #EFF1DC;
 479         border-bottom : 1px solid #e8e8e8;
 480         font-size : 90%;
 481         margin : 0;
 482         padding : .7em .2em;
 483         text-align : center;
 484 }
 485
 486 #search-facets ul li {
 487         font-weight : bold;
 488         list-style-type : none;
 489 }
 490
 491 #search-facets li li {
 492         font-weight : normal;
 493         font-size : 85%;
 494         margin-bottom : 2px;
 495         padding : .1em .2em;
 496 }
 497
 498 #search-facets li li a {
 499         font-weight : normal;
 500 }
 501
 502 #search-facets li.showmore a {
 503         font-weight : bold;
 504         text-indent : 1em;
 505 }
 506
 507 .suggestion {
 508         background-color : #EEEEEB;
 509         border : 1px solid #DDDED3;
 510         margin : 10px auto;
 511         padding : 4px;
 512         width : 35%;
 513 }
 514
 515 #facets ul {
 516         margin : 0;
 517         padding : 0;
 518 }
 519
 520 #facets ul li {
 521         font-weight : bold;
 522         text-align : left;
 523         list-style : none;
 524 }
 525
 526 #facets ul ul li {
 527         border : 0;
 528         font-size : 85%;
 529         font-weight : normal;
 530         padding : 2px;
 531         text-align : left;
 532 }
 533
 534 #facets ul ul li a {
 535         font-weight : normal;
 536         text-decoration : underline;
 537 }
 538
 539 #facets h4 {
 540         font-size : 93%;
 541         padding:3px;
 542         text-align:center;
 543         background-color:#E7E7CA;
 544         line-height:1.8em;
 545         margin-left:-1px;
 546         margin-right:-1px;
 547         margin-top:-1px;
 548 }
 549
 550 #breadcrumbs {
 551         padding : .7em;
 552 }
 553
 554 strong {
 555         font-weight : bold;
 556 }
 557
 558 em {
 559         font-style : italic;
 560 }
 561
 562 #catalogue_detail_biblio p span.label {
 563         font-weight : bold;
 564 }
 565
 566 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
 567         padding-bottom: .6em;
 568 }
 569
 570 #basket {
 571         display : inline;
 572 }
 573
 574 #bookcover {
 575         float : left;
 576         margin : 0;
 577         padding : 0;
 578 }
 579
 580 #bookcover img {
 581         margin : 0 1em 1em 0;
 582 }
 583
 584 fieldset.brief {
 585         border : 1px solid #E8E8E8;
 586 }
 587
 588 fieldset.brief legend {
 589         font-weight : bold;
 590         font-size : 100%;
 591 }
 592
 593 fieldset.brief label {
 594         display : block;
 595         padding : .3em 0;
 596 }
 597
 598 fieldset.brief input+input {
 599         margin-top : 3px;
 600 }
 601
 602 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
 603         background-color: #F3F3F3;
 604         border-top : 1px solid #979797;
 605         border-left : 1px solid #979797;
 606         border-right : 1px solid #DDDDDD;
 607         border-bottom : 1px solid #DDDDDD;
 608         font-size : 140%;
 609         padding : .2em;
 610         font-weight: normal;
 611 }
 612
 613 fieldset.brief textarea {
 614         font-size: 105%;
 615 }
 616
 617 fieldset.brief input:focus {
 618         background-color: #FFFFCC;
 619 }
 620
 621 fieldset.brief ol, fieldset.brief li {
 622         list-style-type : none;
 623 }
 624
 625 fieldset.brief div.hint, fieldset.rows div.hint {
 626         color : #666666;
 627         font-size : 100%;
 628         margin : .4em;
 629 }
 630
 631 h2 span.hint {
 632         font-size: 76%;
 633         font-weight : normal;
 634 }
 635 .thumbnail {
 636         border : 0;
 637         float : left;
 638         margin : 0pt 5px 5px 0pt;
 639 }
 640 a.cancel {
 641         padding-left : 1em;
 642 }
 643
 644 #toolbar ul {
 645         border-bottom : 1px solid #AFBCCF;
 646 }
 647
 648 #toolbar ul {
 649         margin : 1em 0 0 0;
 650         padding : 0 0 .3em 0;
 651 }
 652
 653 #toolbar ul li {
 654         display : inline;
 655         list-style : none;
 656 }
 657
 658 #toolbar ul li a {
 659         border-left : 1px solid #afbccf;
 660         border-top : 1px solid #afbccf;
 661         border-right : 1px solid #afbccf;
 662         padding : .3em;
 663         text-decoration : none;
 664         margin-left : .3em;
 665 }
 666
 667 #toolbar ul li a.link {
 668         border : 0;
 669         background-position : left;
 670         background-repeat : no-repeat;
 671         padding : .3em .3em .3em 26px;
 672 }
 673
 674 .resultscontrol, .resultscontrol select {
 675         font-size: 90%;
 676 }
 677
 678 .cartlist {
 679         margin-top : 5px;
 680 }
 681
 682 .cartlist input.submit {
 683         background-color : #d8deb8;
 684         background-image : none;
 685         border-color : #bebf84;
 686         color : #333;
 687         font-size : 87%;
 688         padding : 2px 0;
 689         margin : 0 0 0 0;
 690 }
 691
 692 #CheckAll, #CheckNone {
 693         font-weight : normal;
 694         margin : 0 .5em;
 695 }
 696
 697 .resultscontrol label {
 698         font-weight : bold;
 699         margin-left : .5em;
 700 }
 701
 702 .resort {
 703         float : right;
 704         margin-top : 5px;
 705 }
 706
 707 .searchresults p.details {
 708         color : #979797;
 709 }
 710
 711 .searchresults p {
 712         margin: 0;
 713         padding: 0;
 714         padding-top : .6em;
 715 }
 716
 717 td.resultscontrol img {
 718         vertical-align: middle;
 719 }
 720
 721 .searchresults table td {
 722 }
 723
 724 .searchresults table {
 725         margin : 0;
 726 }
 727
 728 .searchresults td, .searchresults th, .searchresults table {
 729         border: 0;
 730 }
 731
 732 .searchresults tr {
 733         border-bottom : 1px solid #CCCCCC;
 734 }
 735
 736 .searchresults tr:first-child {
 737         border : 0;
 738 }
 739
 740 .searchresults table {
 741         border-top : 0px solid #CCCCCC;
 742         width : 100%;
 743 }
 744
 745 .searchresults a.reserve, .searchresults a.reserve:visited {
 746         background-position:left top;
 747         background-repeat:no-repeat;
 748         float:right;
 749         padding:2px 3px 2px 26px;
 750 }
 751
 752 .searchresults a.reserve {
 753         background-color:transparent;
 754         color:#006699;
 755 }
 756
 757 .unavailable {
 758         color: #990033;
 759 }
 760
 761 #libraryname {
 762         float : left;
 763         line-height : 2em;
 764 }
 765
 766 #corner {
 767         float : right;
 768         line-height : 2em;
 769 }
 770
 771 .pages {
 772         line-height : 1.8em;
 773         text-align: center;
 774 }
 775 a:link.current {
 776         background-color: transparent;
 777         color: #3366CC;
 778         font-weight: bold;
 779         padding: 1px 5px 1px 5px;
 780         text-decoration: none;
 781 }
 782 a:visited.current {
 783         background-color: transparent;
 784         color: #3366CC;
 785         font-weight: bold;
 786         padding: 1px 5px 1px 5px;
 787         text-decoration: none;
 788 }
 789
 790 a:hover.current {
 791         background-color: #CCFF00;
 792         color: #CC3333;
 793         font-weight: bold;
 794         padding: 1px 5px 1px 5px;
 795         text-decoration: none;
 796 }
 797
 798 a:active.current {
 799         background-color: #99CC00;
 800         color: #FFFF99;
 801         font-weight: bold;
 802         padding: 1px 5px 1px 5px;
 803         text-decoration: none;
 804 }
 805
 806 .current {
 807         background-color: #FFFFFF;
 808         color: #3366CC;
 809         font-weight: bold;
 810         padding: 1px 5px 1px 5px;
 811         text-decoration: none;
 812 }
 813
 814 a:link.nav {
 815         background-color: #EFF1DC;
 816         border: 1px solid #CCCC99;
 817         color: #3366CC;
 818         font-weight: bold;
 819         padding: 1px 5px 1px 5px;
 820         text-decoration: none;
 821 }
 822
 823 a:visited.nav {
 824         background-color: #EFF1DC;
 825         border: 1px solid #CCCC99;
 826         color: #3366CC;
 827         font-weight: bold;
 828         padding: 1px 5px 1px 5px;
 829         text-decoration: none;
 830 }
 831
 832 a:hover.nav {
 833         background-color: #FFFFCC;
 834         border: 1px solid #CCCC99;
 835         color: #CC3333;
 836         font-weight: bold;
 837         padding: 1px 5px 1px 5px;
 838         text-decoration: none;
 839 }
 840
 841 a:active.nav {
 842         background-color: #FFFFCC;
 843         border: 1px solid #CCCC99;
 844         color: #D25500;
 845         font-weight: bold;
 846         padding: 1px 5px 1px 5px;
 847         text-decoration: none;
 848 }
 849
 850 /* Tabs */
 851 ul.link-tabs {
 852         list-style-type: none;
 853         margin: 9px 0 -2px 5px;
 854         padding: 0;
 855 }
 856
 857 ul.link-tabs li {
 858         display: inline;
 859         padding: 0px;
 860 }
 861
 862 ul.link-tabs li a {
 863         font-weight: bold;
 864         padding: 2px 4px 2px 4px;
 865         text-decoration: none;
 866         border-top: 1px solid #DDDDDD;
 867         border-left : 1px solid #DDDDDD;
 868         border-right : 1px solid #666666;
 869 }
 870
 871 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 872         padding: 2px 4px 3px 4px;
 873 }
 874
 875 ul.link-tabs li.off a {
 876         background-color: #EEEEEB;
 877         border-bottom: 1px solid #DDDDDD;
 878 }
 879
 880 ul.link-tabs li.off a:hover {
 881         padding: 2px 3px 2px 4px;
 882         background-color: #FFFFEC;
 883         border-top: 1px solid #BEBF84;
 884         border-left : 1px solid #BEBF84;
 885         border-right : 2px solid #333333;
 886 }
 887
 888 ul.link-tabs li.on a {
 889         background-color: #FFFFFF;
 890         border-bottom: 1px solid #FFFFFF;
 891 }
 892
 893 ul.link-tabs li a.debit {
 894         background-color : #FFFF99;
 895         color : #990033;
 896 }
 897
 898 div.tab-container {
 899         border : 1px solid #DDDDDD;
 900         margin-top : 4px;
 901         padding : .7em;
 902         width : 90%;
 903 }
 904
 905 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 906         background-color : transparent;
 907         border : 0;
 908 }
 909
 910 tr.overdue td {
 911         background-color : #ffcccc;
 912         font-weight : bold;
 913 }
 914
 915 tr.highlight.overdue td {
 916         background-color : #ffaeae;
 917         font-weight : bold;
 918 }
 919
 920 td.overdue {
 921         color : #cc3333;
 922 }
 923
 924 .renewals {
 925         display:block;
 926         font-size:0.8em;
 927         padding:0.5em;
 928 }
 929
 930 table#marc, table#marc td, table#marc th {
 931         border : 0;
 932 }
 933
 934 table#marc th {
 935         background-color : transparent;
 936 }
 937
 938 table#marc td:first-child {
 939         text-indent : 2em;
 940 }
 941 #masthead {
 942 float: left;
 943 width: 120px;
 944 }
 945
 946 #fluid {
 947 margin-left: 124px;
 948 margin-top : .4em;
 949 padding-left : 1em;
 950 }
 951
 952 #fluid-offset {
 953 float : right;
 954 width: 100%;
 955 }
 956
 957 .clearfix:after {
 958     content: ".";
 959     display: block;
 960     height: 0;
 961     clear: both;
 962     visibility: hidden;
 963 }
 964
 965 /* Hides from IE-mac \*/
 966 * html .clearfix {height: 1%;}
 967 /* End hide from IE-mac */
 968
 969 .searchhighlightblob {
 970         font-size : 85%;
 971 }
 972
 973
 974 .dialog {
 975   border: 1px solid #bcbcbc;
 976         padding : .5em;
 977         margin : 1em auto;
 978   width: 65%;
 979   }
 980
 981 .dialog  h2, .dialog h3, .dialog h4 {
 982         margin : auto;
 983         text-align : center;
 984   }
 985
 986 div.alert {
 987   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
 988   text-align : center;
 989 }
 990
 991 div.alert strong {
 992         color : #900;
 993 }
 994
 995 div.message {
 996         background : white url("../../images/message-bg.gif") repeat-x left 0;
 997    border : 1px solid #bcbcbc;
 998         width : 55%;
 999 }
1000
1001 #moresearches {
1002         clear : left;
1003         color : #000099;
1004         font-size : 90%;
1005         line-height : 110%;
1006         margin : .6em 0 .3em 0;
1007 }
1008
1009 #moresearches a:link, #moresearches a:visited {
1010         color : #e5ebff;
1011         font-weight : normal;
1012         text-decoration : none;
1013 }
1014
1015 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1016         color : #000;
1017         font-weight : normal;
1018 }
1019  #opac-main-search #listsmenu h4 {
1020         font-size : 90%;
1021         font-weight : bold;
1022         margin : 0 .2em;
1023  }
1024
1025 #opac-main-search #listsmenu .bd {
1026         background-color : #f3f3f3;
1027         border : 1px solid #739acf;
1028         background-image : url("../../images/listmenu-container-bg.gif");
1029         background-position : top right;
1030         background-repeat : repeat-y;
1031         padding : .3em 1em 0 0;
1032         // margin : 3em 0 0 0;
1033 }
1034 #opac-main-search #listsmenu .yui-menu-shadow {
1035         // margin : 3em 0 0 0;
1036 }
1037
1038 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1039         background-color : #fff;
1040 }
1041
1042 #opac-main-search #listsmenu ul {
1043         border-color : #b8d0e6;
1044         m
1045 }
1046
1047 #container {
1048         color : #000;
1049 }
1050
1051
1052 ul#i18nMenu {
1053         margin : 0;
1054         padding : .2em 0;
1055  }
1056
1057 ul#i18nMenu li {
1058         border-left : 1px solid #CCC;
1059         display : inline;
1060         list-style : none;
1061         padding : 0 10px;
1062  }
1063
1064 ul#i18nMenu li a {
1065         text-decoration : none;
1066 }
1067
1068 ul#i18nMenu li:first-child {
1069         border-left : 0;
1070  }
1071
1072 ul#i18nMenu li ul li {
1073         border : 0;
1074         display : block;
1075  }
1076
1077
1078 ul#i18nMenu li.more a {
1079         background-image:url(../../images/more-up-arrow.gif);
1080         background-position:right center;
1081         background-repeat:no-repeat;
1082         padding-right:13px;
1083 }
1084
1085 ul#i18nMenu li.more ul li a {
1086         background-image : none;
1087         padding-right : 20px;
1088 }
1089
1090  div#changelanguage{
1091         background-color: #fff;
1092         border-top: 1px solid #CCC;
1093   position:absolute;
1094   bottom:0;
1095   left:0;
1096   width:100%;
1097   height: 1.8em;
1098  }
1099
1100  @media screen{
1101   body>div#changelanguage {
1102    position: fixed;
1103   }
1104  }
1105
1106  * html body{
1107   overflow:hidden;
1108  }
1109
1110  * html div#doc1{
1111   height:100%;
1112   overflow:auto;
1113  }
1114
1115  * html div#doc2{
1116   height:100%;
1117   overflow:auto;
1118  }
1119
1120  * html div#doc3{
1121   height:100%;
1122   overflow:auto;
1123  }
1124
1125 div#changelanguage a.yuimenuitemlabel {
1126         color : #006699;
1127         font-weight : normal;
1128  }
1129
1130 #cartDetails {
1131         background-color : #FFF;
1132         border: 1px solid #739acf;
1133         color : black;
1134         padding : .3em;
1135         text-align : center;
1136 }
1137
1138 #login #userid, #login #password {
1139         width : 98%;
1140 }
1141
1142 #opac-main-search input.submit {
1143         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1144         background-color : #b8d0e6;
1145         border-top: 1px solid #cccccc;
1146         border-left: 1px solid #cccccc;
1147         border-right: 1px solid #eeeeee;
1148         border-bottom: 1px solid #eeeeee;
1149         color : #333;
1150         font-weight : normal;
1151         font-size : 80%;
1152         padding : 2px;
1153 }
1154
1155 div#menu {
1156         border-right : 1px solid #979797;
1157         font-size : 94%;
1158         margin-right : .5em;
1159         padding-top : 1em;
1160         padding-bottom : 2em;
1161 }
1162
1163 div#menu li a {
1164         text-decoration : none;
1165         display : block;
1166         background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1167         border : 1px solid #979797;
1168         font-size : 111%;
1169         margin : .5em 0;
1170         padding : .4em .3em;
1171         margin-right : -1px;
1172 }
1173
1174 div#menu li a:hover {
1175         background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1176 }
1177
1178 div#menu li.active a:hover {
1179         background-color : #fff;
1180         color : #0000CC;
1181 }
1182
1183 #menu ul li {
1184         list-style-type : none;
1185 }
1186
1187 #menu ul li.active a {
1188         background-color : #FFF;
1189         background-image : none;
1190         border-right : 0;
1191         font-weight : bold;
1192 }
1193
1194 .left {
1195         float : left;
1196 }
1197
1198 .right {
1199         float : right;
1200 }
1201
1202 #searchsubmit {
1203         cursor : default;
1204         font-size : 87%;
1205         font-weight :  normal;
1206         margin-top : 0;
1207         margin-left :  .2em;
1208         padding: 2px 2px 1px 2px;
1209 }
1210
1211 #export {
1212         margin-top : .5em;
1213         background-color : #F3F3F3;
1214         border : 1px solid #E8E8E8;
1215         font-size : 76%;
1216         padding : 3px;
1217         text-align : center;
1218 }
1219
1220 #export label {
1221         display : block;
1222         font-weight : bold;
1223         font-size : 110%;
1224         margin-bottom : 2px;
1225 }
1226
1227 #export input {
1228         padding : 2px;
1229 }
1230 #starFull {
1231         background: url(../../images/bluestars.png) top left no-repeat;
1232         height: 25px;
1233         margin: 0;
1234         padding: 0;
1235 }
1236
1237 #starMT {
1238         background: url(../../images/emptystars.png) top left no-repeat;
1239         height: 25px;
1240         margin: 0 3px 0 30px;
1241         padding: 0;
1242         position: relative;
1243         width: 100px;
1244 }
1245
1246 #cartmenulink, #listsmenulink {
1247         display : block;
1248         position : relative;
1249         background : #aaa;
1250         padding : 5px;
1251         float : left;
1252         color : #333;
1253         text-decoration : none;
1254         cursor : pointer;
1255 }
1256
1257  #cartmenulink *, #listsmenulink * {
1258         font-style : normal;
1259         background-image : url(../../images/button-background.png);
1260         background-repeat : no-repeat;
1261         display : block;
1262         position : relative;
1263 }
1264
1265  #cartmenulink i, #listsmenulink i {
1266         background-position : top left;
1267         position : absolute;
1268         margin-bottom : -5px;
1269         top : 0;
1270         left : 0;
1271         width : 5px;
1272         height : 5px;
1273 }
1274
1275  #cartmenulink span, #listsmenulink span {
1276         background-position : bottom left;
1277         left : -5px;
1278         padding : 0 0 5px 10px;
1279         margin-bottom : -5px;
1280 }
1281
1282  #cartmenulink span i, #listsmenulink span i {
1283         background-position : bottom right;
1284         margin-bottom : 0;
1285         position : absolute;
1286         left : 100%;
1287         width : 10px;
1288         height : 100%;
1289         top : 0;
1290 }
1291
1292  #cartmenulink span span, #listsmenulink span span {
1293         background-position : top right;
1294         position : absolute;
1295         right : -10px;
1296         margin-left : 10px;
1297         top : -5px;
1298         height : 0;
1299 }
1300
1301 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1302         float : left;
1303         width : auto;
1304         background-image : none;
1305         cursor : pointer;
1306 }
1307
1308 #listsmenulink {
1309         background : #9FBFFF;
1310 }
1311
1312 #cartmenulink {
1313         background : #98CB58;
1314         color : #336600;
1315         font-size : 105%;
1316 }
1317
1318 #cartmenulink:active,  #listsmenulink:active {
1319         background-color : #cc3399;
1320 }
1321
1322 #cartmenulink[class], #listsmenulink[class] {
1323         background-image : url(../../images/button-background-gradient.png);
1324         background-position : left top;
1325 }
1326
1327 #listsmenulink:hover {
1328         background-color : #6699FF;
1329 }
1330
1331 #cartmenulink:hover {
1332         background-color : #BFDE96;
1333 }
1334
1335 #cartmenulink img {
1336         background-image : none;
1337         display : inline;
1338         padding : 3px 3px 0 3px;
1339 }
1340
1341 #cartmenulink span#basket {
1342         background-image : none;
1343         float : none;
1344         display : inline;
1345         height : auto;
1346         position : relative;
1347         margin : 0;
1348         padding : 0;
1349         left : auto;
1350         right : auto;
1351         top : auto;
1352 }
1353
1354 #cartmenulink span#basket span {
1355         background-image : none;
1356         background-color : #E6FCB7;
1357         color : #000;
1358         display : inline;
1359         float : none;
1360         font-size : 80%;
1361         font-weight : normal;
1362         margin : 0 0 0 .9em;
1363         padding : 0 .3em 0 .3em;
1364         position : relative;
1365         left : auto;
1366         right : auto;
1367         top : auto;
1368 }
1369
1370 *html #cartmenulink span#basket, *html #cartmenulink span#basket span {
1371 }
1372
1373 a#listsmenulink, a#listsmenulink:hover {
1374         color : #006699;
1375         font-size : 105%;
1376         font-weight : bold;
1377         line-height : 185%;
1378         margin-left : 1.5em;
1379 }
1380
1381 a#cartmenulink, a#cartmenulink:hover {
1382         color : #336600;
1383         font-size : 105%;
1384         font-weight : bold;
1385         line-height : 185%;
1386         margin-left : 1.5em;
1387 }
1388
1389 #listsmenulink img {
1390         background-image : none;
1391         display : inline;
1392         padding : 0 0 2px 0;
1393 }
1394
1395 * html #cartmenulink {
1396         border : 1px solid #66ff00;
1397 }
1398
1399 * html #listsmenulink {
1400         border : 1px solid #99ccff;
1401 }
1402
1403 ul.ui-tabs-nav li {
1404         margin-right : .5em;
1405 }
1406
1407 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1408         background-color : #F3F3F3;
1409         border-top : 1px solid #E8E8E8;
1410         border-left : 1px solid #E8E8E8;
1411         border-right : 1px solid #E8E8E8;
1412         border-bottom : 0;
1413         padding : .2em 1em;
1414         text-align : center;
1415         text-decoration : none;
1416 }
1417
1418 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1419         background-color : #FFF;
1420         border-top : 1px solid #E8E8E8;
1421         border-left : 1px solid #E8E8E8;
1422         border-right : 1px solid #E8E8E8;
1423         border-bottom : 1px solid #FFF;
1424         margin-bottom : -5px;
1425         text-align : center;
1426 }
1427
1428 #views {
1429         border-bottom : 1px solid #E8E8E8;
1430 }
1431
1432 .views {
1433         margin-left : .7em;
1434 }
1435
1436 #bibliodescriptions {
1437         margin-top : .5em;
1438 }
1439
1440 a#MARCview, span#MARCview, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1441         background-position : 5px 3px;
1442         background-repeat : no-repeat;
1443         font-size : 87%;
1444         font-weight : normal;
1445         padding : .2em .5em;
1446         text-decoration: none;
1447 }
1448
1449 a#MARCview, span#MARCview {
1450         background-image : url(../../images/marc.gif);
1451         padding-left : 17px;
1452 }
1453 a#ISBDview, span#ISBDview {
1454         background-image : url(../../images/isbd.gif);
1455         padding-left : 20px;
1456 }
1457 a#Normalview, span#Normalview {
1458         background-image : url(../../images/normal.gif);
1459         padding-left : 15px;
1460 }
1461
1462 a#MARCview, a#ISBDview, a#Normalview {
1463         background-color : #F3F3F3;
1464         border-left : 1px solid #E8E8E8;
1465 }