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