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         margin:0;
 145         padding:0;
 146         width:120px;
 147 }
 148
 149 h1#libraryname a {
 150         border:0;
 151         cursor:pointer;
 152         display:block;
 153         height:0px !important;
 154         margin:0;
 155         overflow:hidden;
 156         padding:40px 0 0;
 157         text-decoration:none;
 158         width:120px;
 159 }
 160 /*
 161 div#cartmenubutton {
 162         background:transparent url(../../images/cart-button.gif) no-repeat scroll 0%;
 163         border: 0;
 164         float : left;
 165         margin:0 10px 0 0;
 166         padding:0;
 167         width:68px;
 168 }
 169
 170 div#cartmenubutton a {
 171         border:0;
 172         cursor:pointer;
 173         display:block;
 174         height:0px !important;
 175         margin:0;
 176         overflow:hidden;
 177         padding:40px 0 0;
 178         text-decoration:none;
 179         width:68px;
 180 }
 181
 182 div#listmenubutton {
 183         background:transparent url(../../images/lists-button.gif) no-repeat scroll 0%;
 184         border: 0;
 185         float : left;
 186         margin:0;
 187         padding:0;
 188         width:84px;
 189 }
 190
 191 div#listmenubutton a {
 192         border:0;
 193         cursor:pointer;
 194         display:block;
 195         height:0px !important;
 196         margin:0;
 197         overflow:hidden;
 198         padding:40px 0 0;
 199         text-decoration:none;
 200         width:84px;
 201 }
 202 */
 203 h1,h2,h3,h4,h5,h6 {
 204         font-weight : bold;
 205         margin : .5em 0;
 206 }
 207
 208 h2 {
 209         font-size : 131%;
 210 }
 211
 212 h2.author {
 213         text-indent : .5em;
 214 }
 215
 216 h3 {
 217         font-size : 123.1%;
 218 }
 219
 220 h4 {
 221         font-size : 116%;
 222 }
 223
 224 h5 {
 225         font-size : 108%;
 226 }
 227
 228 h6 {
 229         font-size : 100%;
 230 }
 231
 232 input[type=submit], input[type=button], input[type=reset] {
 233         background-color : #6BA037;
 234         border:1px outset #666666;
 235         color : #FFFFFF;
 236         font-size : 93%;
 237         font-weight : bold;
 238         padding : 2px;
 239 }
 240
 241 input[type=submit]:active, input[type=button], input[type=reset] {
 242         border: 1px inset #666666;
 243 }
 244
 245 td.resultscontrol {
 246         background-color : #EFF1DC;
 247         vertical-align : middle;
 248         padding : 3px 3px 5px 5px;
 249 }
 250
 251 table {
 252         border-collapse : collapse;
 253         margin : 1em 0;
 254         border-right : 1px solid #dddddd;
 255         border-top : 1px solid #dddddd;
 256 }
 257
 258 td,th {
 259         border-left : 1px solid #dddddd;
 260         border-bottom : 1px solid #dddddd;
 261         padding : 3px 5px;
 262 }
 263
 264 th {
 265         background-color:#EFF1DC;
 266         font-weight : bold;
 267         padding : 2px 4px;
 268 }
 269
 270 th.sum {
 271         text-align: right;
 272 }
 273
 274 td.sum {
 275         background-color: #FFC;
 276         font-weight: bold;
 277 }
 278
 279 th[scope=row] {
 280         text-align : right;
 281 }
 282
 283 tr.highlight td, tr.highlight th {
 284         background-color : #F3F3F3;
 285         border : 1px solid #DDDDDD;
 286         border-right : 1px solid #DDDDDD;
 287 }
 288
 289 ul {
 290         list-style : disc;
 291         padding-left : 1em;
 292 }
 293
 294 li {
 295         list-style : disc;
 296 }
 297
 298 p.availability {
 299         font-size : 87%;
 300 }
 301
 302 .available {
 303         color : #006600;
 304 }
 305
 306 .inwait {
 307         background-color : #33CC99;
 308 }
 309
 310 /* css styles for reserves color alerts */
 311 .onloan {
 312         background-color : #FFED3D;
 313 }
 314
 315 .other {
 316         background-color : #FF0000;
 317 }
 318
 319 /* "problem" enhancement */
 320 .problem {
 321         color : white;
 322         background-color : red;
 323 }
 324
 325 .reserved {
 326         background-color : #8EBAFF;
 327 }
 328
 329 /* style for search terms in catalogsearch */
 330 .term {
 331         background-color : #ffffe0;
 332         color : #990033;
 333 }
 334
 335 a .term {
 336         text-decoration : underline;
 337 }
 338
 339 .transfered {
 340         background-color : #F9FF9A;
 341 }
 342
 343 /* action buttons */
 344 #action {
 345         margin-top : .5em;
 346 }
 347
 348 #action li {
 349         list-style : none;
 350 }
 351
 352 #action a {
 353         background-color : #F3F3F3;
 354         border : 1px solid #E8E8E8;
 355         display : block;
 356         margin : .2em;
 357         padding : .5em;
 358         text-decoration : none;
 359 }
 360
 361 /* the itemtype list in advanced search */
 362 #advsearch-itemtype table {
 363         border-collapse : separate;
 364         border-spacing : 3px;
 365         border : 0px;
 366         margin : 0px;
 367         background-color : white;
 368         border : 0px solid #D8DEB8;
 369 }
 370
 371 #advsearch-itemtype table tr td {
 372         background-color : #F8F8EB;
 373         border : 0px;
 374         margin : 0px;
 375         width : 700px;
 376 }
 377
 378 #advsearch-itemtype td {
 379         font-size : 0.8em;
 380         background-color : #F8F8EB;
 381 }
 382
 383 #auth {
 384         float : left;
 385 }
 386
 387 #facets {
 388
 389 }
 390
 391 /* the footer */
 392 #footer {
 393         margin-top : 30px;
 394         margin-left : 30%;
 395         margin-right : 20%;
 396         border-top : 1px solid #384b73;
 397         color : #384b73;
 398         font-size : 1em;
 399         text-align : center;
 400 }
 401
 402 /* facets bloc */
 403 /* the USER information block */
 404 #librarian_information {
 405         float : right;
 406         font-size : 10pt;
 407 }
 408
 409 #members {
 410         font-size : 85%;
 411         padding : 4px 0 4px 0;
 412         color : #000066;
 413 }
 414
 415 #members a {
 416         text-decoration : none;
 417 }
 418
 419 #members a.logout {
 420         color : #cc3333;
 421         font-weight : bold;
 422         padding : 0 .3em 0 .3em;
 423         text-decoration : none;
 424 }
 425
 426 #members li:first-child {
 427         border-right : 1px solid black;
 428 }
 429
 430 #members li {
 431         display : inline;
 432         list-style : none;
 433         margin : 0;
 434         padding : 0 .5em;
 435 }
 436
 437 #members ul {
 438         margin : 0;
 439         padding : 0;
 440         text-align : right;
 441 }
 442
 443 #opac-main-search {
 444         background-image : url( ../../images/menu-background.gif);
 445         background-repeat : repeat-x;
 446         background-color : #739ACF;
 447         border-top : 1px solid #335599;
 448         border-bottom : 1px solid #335599;
 449         padding : .7em 0 .4em .5em;
 450         color : #FFFFCC;
 451         font-size : 108%;
 452         line-height : 116%;
 453 }
 454
 455 #opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
 456         color : #FFFFCC;
 457 }
 458
 459 #opac-main-search a:hover {
 460         color : #FFFFFF;
 461 }
 462
 463 #opac-main-search form {
 464         display : inline;
 465         padding-right : 1em;
 466 }
 467
 468 #opac-main-search label {
 469         font-weight : bold;
 470 }
 471
 472
 473 #search-facets ul {
 474         margin : 0;
 475         padding : .3em;
 476 }
 477
 478 #search-facets {
 479         border : 1px solid #e8e8e8;
 480 }
 481
 482 #search-facets h4 {
 483         background-color : #EFF1DC;
 484         border-bottom : 1px solid #e8e8e8;
 485         font-size : 90%;
 486         margin : 0;
 487         padding : .4em .2em;
 488         text-align : center;
 489 }
 490
 491 #search-facets ul li {
 492         font-weight : bold;
 493         list-style-type : none;
 494 }
 495
 496 #search-facets li li {
 497         font-weight : normal;
 498         font-size : 85%;
 499         margin-bottom : 2px;
 500         padding : .1em .2em;
 501 }
 502
 503 #search-facets li li a {
 504         font-weight : normal;
 505 }
 506
 507 #search-facets li.showmore a {
 508         font-weight : bold;
 509         text-indent : 1em;
 510 }
 511
 512 .suggestion {
 513         background-color : #EEEEEB;
 514         border : 1px solid #DDDED3;
 515         margin : 10px auto;
 516         padding : 4px;
 517         width : 35%;
 518 }
 519
 520 #facets ul {
 521         margin : 0;
 522         padding : 0;
 523 }
 524
 525 #facets ul li {
 526         font-weight : bold;
 527         text-align : left;
 528         list-style : none;
 529 }
 530
 531 #facets ul ul li {
 532         border : 0;
 533         font-size : 85%;
 534         font-weight : normal;
 535         padding : 2px;
 536         text-align : left;
 537 }
 538
 539 #facets ul ul li a {
 540         font-weight : normal;
 541         text-decoration : underline;
 542 }
 543
 544 #facets h4 {
 545         font-size : 93%;
 546         padding:3px;
 547         text-align:center;
 548         background-color:#E7E7CA;
 549         line-height:1.8em;
 550         margin-left:-1px;
 551         margin-right:-1px;
 552         margin-top:-1px;
 553 }
 554
 555 #breadcrumbs {
 556         padding : .7em;
 557 }
 558
 559 strong {
 560         font-weight : bold;
 561 }
 562
 563 em {
 564         font-style : italic;
 565 }
 566
 567 #catalogue_detail_biblio p span.label {
 568         font-weight : bold;
 569 }
 570
 571 #catalogue_detail_biblio p {
 572         padding-bottom: .6em;
 573 }
 574
 575 .toptabs {
 576         margin-top : 1em;
 577 }
 578
 579 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 580     top: 0;
 581  }
 582
 583 .toptabs .tabs-nav li {
 584         margin-right : .5em;
 585 }
 586
 587 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 588         background-color : #F3F3F3;
 589         border-top : 1px solid #E8E8E8;
 590         border-left : 1px solid #E8E8E8;
 591         border-right : 1px solid #E8E8E8;
 592         border-bottom : 0;
 593         text-align : center;
 594         text-decoration : none;
 595 }
 596
 597 .toptabs .tabs-nav li.tabs-selected  {
 598         background-color : #FFF;
 599 }
 600
 601 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 602         background-color : #FFF;
 603         border-top : 1px solid #E8E8E8;
 604         border-left : 1px solid #E8E8E8;
 605         border-right : 1px solid #E8E8E8;
 606         border-bottom : 1px solid #FFF;
 607         margin-bottom : -5px;
 608         padding-bottom : 5px;
 609         text-align : center;
 610 }
 611
 612 .toptabs.numbered .tabs-nav li {
 613         min-width : 3em;
 614 }
 615
 616 .toptabs .tabs-container {
 617         border : 1px solid #E8E8E8;
 618         padding : 1em;
 619 }
 620
 621 .tabs-container {
 622     border-top: 0;
 623     padding : inherit;
 624     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 625 }
 626
 627 #bookcover {
 628         float : left;
 629         margin : 0;
 630         padding : 0;
 631 }
 632
 633 #bookcover img {
 634         margin : 0 1em 1em 0;
 635 }
 636
 637 fieldset.brief {
 638         border : 1px solid #E8E8E8;
 639 }
 640
 641 fieldset.brief legend {
 642         font-weight : bold;
 643         font-size : 100%;
 644 }
 645
 646 fieldset.brief label {
 647         display : block;
 648         font-weight : bold;
 649         padding : .3em 0;
 650 }
 651
 652 fieldset.brief ol, fieldset.brief li {
 653         list-style-type : none;
 654 }
 655
 656 fieldset.brief div.hint, fieldset.rows div.hint {
 657         color : #666666;
 658         font-size : 100%;
 659         margin : .4em;
 660 }
 661
 662 #menu {
 663         margin-top: 1em;
 664 }
 665
 666 h2 span.hint {
 667         font-size: 76%;
 668         font-weight : normal;
 669 }
 670 .thumbnail {
 671         border : 0;
 672         float : left;
 673         margin : 0pt 5px 5px 0pt;
 674 }
 675 a.cancel {
 676         padding-left : 1em;
 677 }
 678
 679 #usermenu {
 680         margin-top : 1em;
 681 }
 682
 683 #toolbar ul {
 684         margin : 1em 0 0 0;
 685         padding : 0;
 686 }
 687
 688 #toolbar ul li {
 689         display : inline;
 690         list-style : none;
 691 }
 692
 693 #toolbar ul li a {
 694         border : 1px solid #afbccf;
 695         padding : .3em;
 696         text-decoration : none;
 697         margin-right : .1em;
 698 }
 699
 700 .resultscontrol input, .resultscontrol label, .resultscontrol select {
 701         font-size: 90%;
 702         margin-top :  4px;
 703 }
 704
 705 .resort {
 706         float : right;
 707         margin-top : 5px;
 708 }
 709
 710 .searchresults p.details {
 711         color : #979797;
 712 }
 713
 714 .searchresults p {
 715         margin: 0;
 716         padding: 0;
 717         padding-top : .6em;
 718 }
 719
 720 td.resultscontrol img {
 721         vertical-align: middle;
 722 }
 723
 724 .searchresults table td {
 725 }
 726
 727 .searchresults table {
 728         margin : 0;
 729 }
 730
 731 .searchresults td, .searchresults th, .searchresults table {
 732         border: 0;
 733 }
 734
 735 .searchresults tr {
 736         border-bottom : 1px solid #CCCCCC;
 737 }
 738
 739 .searchresults tr:first-child {
 740         border : 0;
 741 }
 742
 743 .searchresults table {
 744         border-top : 0px solid #CCCCCC;
 745 }
 746
 747 .searchresults a.reserve, .searchresults a.reserve:visited {
 748         background-position:left top;
 749         background-repeat:no-repeat;
 750         float:right;
 751         padding:2px 3px 2px 26px;
 752 }
 753
 754 .searchresults a.reserve {
 755         background-color:transparent;
 756         color:#006699;
 757 }
 758
 759 input.reserve, a.reserve {
 760         background-image:url(../../images/placereserve.gif);
 761 }
 762
 763 a.reserve {
 764         background-color:#006699;
 765         color:White;
 766 }
 767 .unavailable {
 768         color: #990033;
 769 }
 770
 771 #libraryname {
 772         float : left;
 773         line-height : 2em;
 774 }
 775
 776 #corner {
 777         float : right;
 778         line-height : 2em;
 779 }
 780
 781 .pages {
 782         line-height : 1.8em;
 783         text-align: center;
 784 }
 785 a:link.current {
 786         background-color: transparent;
 787         color: #3366CC;
 788         font-weight: bold;
 789         padding: 1px 5px 1px 5px;
 790         text-decoration: none;
 791 }
 792 a:visited.current {
 793         background-color: transparent;
 794         color: #3366CC;
 795         font-weight: bold;
 796         padding: 1px 5px 1px 5px;
 797         text-decoration: none;
 798 }
 799
 800 a:hover.current {
 801         background-color: #CCFF00;
 802         color: #CC3333;
 803         font-weight: bold;
 804         padding: 1px 5px 1px 5px;
 805         text-decoration: none;
 806 }
 807
 808 a:active.current {
 809         background-color: #99CC00;
 810         color: #FFFF99;
 811         font-weight: bold;
 812         padding: 1px 5px 1px 5px;
 813         text-decoration: none;
 814 }
 815
 816 .current {
 817         background-color: #FFFFFF;
 818         color: #3366CC;
 819         font-weight: bold;
 820         padding: 1px 5px 1px 5px;
 821         text-decoration: none;
 822 }
 823
 824 a:link.nav {
 825         background-color: #EFF1DC;
 826         border: 1px solid #CCCC99;
 827         color: #3366CC;
 828         font-weight: bold;
 829         padding: 1px 5px 1px 5px;
 830         text-decoration: none;
 831 }
 832
 833 a:visited.nav {
 834         background-color: #EFF1DC;
 835         border: 1px solid #CCCC99;
 836         color: #3366CC;
 837         font-weight: bold;
 838         padding: 1px 5px 1px 5px;
 839         text-decoration: none;
 840 }
 841
 842 a:hover.nav {
 843         background-color: #FFFFCC;
 844         border: 1px solid #CCCC99;
 845         color: #CC3333;
 846         font-weight: bold;
 847         padding: 1px 5px 1px 5px;
 848         text-decoration: none;
 849 }
 850
 851 a:active.nav {
 852         background-color: #FFFFCC;
 853         border: 1px solid #CCCC99;
 854         color: #D25500;
 855         font-weight: bold;
 856         padding: 1px 5px 1px 5px;
 857         text-decoration: none;
 858 }
 859
 860 input.icon {
 861         background-position: left;
 862         background-repeat: no-repeat;
 863         font-size : 96%;
 864         font-weight: bold;
 865         padding: 2px 2px 2px 22px;
 866         background-color: #6699CC;
 867         border: 1px outset #666666;
 868         color: #FFFFCC;
 869 }
 870
 871 input.shelf, a.shelf {
 872         background-image: url(../../images/addtobasket.gif);
 873 }
 874
 875 input.clearall, a.clearall {
 876         background-image: url(../../images/clearbasket.gif);
 877 }
 878
 879 /* Tabs */
 880 ul.link-tabs {
 881         list-style-type: none;
 882         margin: 9px 0 -2px 5px;
 883         padding: 0;
 884 }
 885
 886 ul.link-tabs li {
 887         display: inline;
 888         padding: 0px;
 889 }
 890
 891 ul.link-tabs li a {
 892         font-weight: bold;
 893         padding: 2px 4px 2px 4px;
 894         text-decoration: none;
 895         border-top: 1px solid #DDDDDD;
 896         border-left : 1px solid #DDDDDD;
 897         border-right : 1px solid #666666;
 898 }
 899
 900 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 901         padding: 2px 4px 3px 4px;
 902 }
 903
 904 ul.link-tabs li.off a {
 905         background-color: #EEEEEB;
 906         border-bottom: 1px solid #DDDDDD;
 907 }
 908
 909 ul.link-tabs li.off a:hover {
 910         padding: 2px 3px 2px 4px;
 911         background-color: #FFFFEC;
 912         border-top: 1px solid #BEBF84;
 913         border-left : 1px solid #BEBF84;
 914         border-right : 2px solid #333333;
 915 }
 916
 917 ul.link-tabs li.on a {
 918         background-color: #FFFFFF;
 919         border-bottom: 1px solid #FFFFFF;
 920 }
 921
 922 ul.link-tabs li a.debit {
 923         background-color : #FFFF99;
 924         color : #990033;
 925 }
 926
 927 div.tab-container {
 928         border : 1px solid #DDDDDD;
 929         margin-top : 4px;
 930         padding : .7em;
 931         width : 90%;
 932 }
 933
 934 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 935         background-color : transparent;
 936         border : 0;
 937 }
 938
 939 tr.overdue td {
 940         background-color : #ffcccc;
 941         font-weight : bold;
 942 }
 943
 944 tr.highlight.overdue td {
 945         background-color : #ffaeae;
 946         font-weight : bold;
 947 }
 948
 949 td.overdue {
 950         color : #cc3333;
 951 }
 952
 953 .renewals {
 954         display:block;
 955         font-size:0.8em;
 956         padding:0.5em;
 957 }
 958
 959 table#marc, table#marc td, table#marc th {
 960         border : 0;
 961 }
 962
 963 table#marc th {
 964         background-color : transparent;
 965 }
 966
 967 table#marc td:first-child {
 968         text-indent : 2em;
 969 }
 970 #masthead {
 971 float: left;
 972 width: 120px;
 973 }
 974
 975 #fluid {
 976 float: right;
 977 width: 100%;
 978 margin-left: -120px;
 979 }
 980
 981 #fluid-offset {
 982 margin-left: 119px;
 983 margin-top : .4em;
 984 }
 985
 986 #fluid-content-1 {
 987 float: left;
 988 width: 65%;
 989 margin : .3em -1px 0 2%;
 990 display: inline /* fix IE6 */;
 991 line-height : 15px;
 992 }
 993
 994 #fluid-content-2 {
 995 float: left;
 996 width: 28%;
 997 margin-left: 2%;
 998 display: inline /* fix IE6 */;
 999 margin-right: -1px /* fix IE6 */;
1000 line-height : 25px;
1001 }
1002
1003 .clearfix:after {
1004     content: ".";
1005     display: block;
1006     height: 0;
1007     clear: both;
1008     visibility: hidden;
1009 }
1010
1011 /* Hides from IE-mac \*/
1012 * html .clearfix {height: 1%;}
1013 /* End hide from IE-mac */
1014
1015 .searchhighlightblob {
1016         font-size : 85%;
1017 }
1018
1019
1020 .dialog {
1021   border: 1px solid #bcbcbc;
1022         padding : .5em;
1023         margin : 1em auto;
1024   width: 65%;
1025   }
1026
1027 .dialog  h2, .dialog h3, .dialog h4 {
1028         margin : auto;
1029         text-align : center;
1030   }
1031
1032 div.alert {
1033   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1034   text-align : center;
1035 }
1036
1037 div.alert strong {
1038         color : #900;
1039 }
1040
1041 div.message {
1042         background : white url("../../images/message-bg.gif") repeat-x left 0;
1043    border : 1px solid #bcbcbc;
1044         width : 55%;
1045 }
1046
1047 #moresearches {
1048         color : #000099;
1049         font-size : 90%;
1050         line-height : 110%;
1051         margin : .6em 0 .3em 2%;
1052 }
1053
1054 #moresearches a:link, #moresearches a:visited {
1055         color : #e5ebff;
1056         font-weight : normal;
1057         text-decoration : none;
1058 }
1059 /*
1060 #cart-box {
1061         float : left;
1062         background : url(../../images/cart-background-right.gif) top right no-repeat;
1063         margin : 0 !important;
1064         margin : 5px 0 0 0;
1065 }
1066
1067 #cart-box a {
1068         font-size : 120%;
1069         text-decoration : none;
1070 }
1071
1072 #cart-box .cart {
1073         margin : 0;
1074         padding : 10px 23px 0 9px;
1075         background : url(../../images/cart-background-left.gif) top left no-repeat;
1076 }
1077
1078 #cart-box .cart-bottom {
1079         margin : 0;
1080         padding : 0 0 0 12px;
1081         background : url(../../images/cart-background-left.gif) bottom left no-repeat;
1082 }
1083
1084 #cart-box .cart-bottom em {
1085         display : block;
1086         line-height : 1px;
1087         background : url(../../images/cart-background-right.gif) bottom right no-repeat;
1088         padding : 9px 9px 0 0;
1089         margin : 0;
1090 }
1091
1092 #cart-box a.cartbutton {
1093         background : #9bc1dd url(../../images/cart-small.gif) center left no-repeat;
1094         padding-left : 20px;
1095 }*/
1096
1097 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1098         color : #000;
1099         font-weight : normal;
1100 }
1101  #opac-main-search #listsmenu h4 {
1102         font-weight : bold;
1103         margin : 0 .3em;
1104  }
1105
1106 /*body #listsmenu .yuimenu ul {
1107         border-top : 1px dashed #CC9;
1108 }*/
1109
1110 #opac-main-search #listsmenu .bd {
1111         background-color : #F2EDBA;
1112         border : 2px solid #DFD69A;
1113         // margin : 3em 0 0 0;
1114 }
1115 #opac-main-search #listsmenu .yui-menu-shadow {
1116         // margin : 3em 0 0 0;
1117 }
1118
1119 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1120         background-color : #F9F6D5;
1121 }
1122
1123 #opac-main-search #listsmenu ul {
1124         border-color : #DFD69A;
1125 }
1126
1127 #container {
1128         color : #000;
1129 }
1130
1131
1132 ul#i18nMenu {
1133         margin : 0;
1134         padding : .2em 0;
1135  }
1136
1137 ul#i18nMenu li {
1138         border-left : 1px solid #CCC;
1139         display : inline;
1140         list-style : none;
1141         padding : 0 10px;
1142  }
1143
1144 ul#i18nMenu li a {
1145         text-decoration : none;
1146 }
1147
1148 ul#i18nMenu li:first-child {
1149         border-left : 0;
1150  }
1151
1152 ul#i18nMenu li ul li {
1153         border : 0;
1154         display : block;
1155  }
1156
1157
1158 ul#i18nMenu li.more a {
1159         background-image:url(../../images/more-up-arrow.gif);
1160         background-position:right center;
1161         background-repeat:no-repeat;
1162         padding-right:13px;
1163 }
1164
1165 ul#i18nMenu li.more ul li a {
1166         background-image : none;
1167         padding-right : 20px;
1168 }
1169
1170  div#changelanguage{
1171         background-color: #fff;
1172         border-top: 1px solid #CCC;
1173   position:absolute;
1174   bottom:0;
1175   left:0;
1176   width:100%;
1177   height: 1.8em;
1178  }
1179
1180  @media screen{
1181   body>div#changelanguage {
1182    position: fixed;
1183   }
1184  }
1185
1186  * html body{
1187   overflow:hidden;
1188  }
1189
1190  * html div#doc1{
1191   height:100%;
1192   overflow:auto;
1193  }
1194
1195  * html div#doc2{
1196   height:100%;
1197   overflow:auto;
1198  }
1199
1200  * html div#doc3{
1201   height:100%;
1202   overflow:auto;
1203  }
1204
1205 div#changelanguage a.yuimenuitemlabel {
1206         color : #006699;
1207         font-weight : normal;
1208  }
1209
1210 #cartDetails {
1211         background-color : #FFF;
1212         border: 1px solid black;
1213         padding : .5em;
1214 }
1215
1216 body #listsmenulink.yui-button {
1217         background-color : #F2EDBA;
1218         background-image : none;
1219 }
1220
1221 body #listsmenulink.yui-button-hover {
1222         background-color : #F9F6D5;
1223         background-image : none;
1224 }
1225
1226 body #listsmenulink.yui-button a {
1227         color : #000;
1228 }
1229
1230 body #cartmenulink.yui-button {
1231         background-color : #c3e186;
1232         background-image : none;
1233 }
1234
1235 body #cartmenulink.yui-button-hover {
1236         background-color : #d3e9a6;
1237         background-image : none;
1238 }
1239
1240 body #cartmenulink.yui-button a {
1241         color : #000;
1242 }