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 : .7em .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, .resultscontrol select {
 701         font-size: 90%;
 702 }
 703
 704 .cartlist {
 705         margin-top : 5px;
 706 }
 707
 708 .cartlist input.submit {
 709         background-color : #d8deb8;
 710         color : #333;
 711         font-size : 87%;
 712         padding : 2px 0;
 713         margin : 0 0 0 0;
 714 }
 715
 716 #CheckAll, #CheckNone {
 717         font-weight : normal;
 718         margin : 0 .5em;
 719 }
 720
 721 .resultscontrol label {
 722         font-weight : bold;
 723         margin-left : .5em;
 724 }
 725
 726 .resort {
 727         float : right;
 728         margin-top : 5px;
 729 }
 730
 731 .searchresults p.details {
 732         color : #979797;
 733 }
 734
 735 .searchresults p {
 736         margin: 0;
 737         padding: 0;
 738         padding-top : .6em;
 739 }
 740
 741 td.resultscontrol img {
 742         vertical-align: middle;
 743 }
 744
 745 .searchresults table td {
 746 }
 747
 748 .searchresults table {
 749         margin : 0;
 750 }
 751
 752 .searchresults td, .searchresults th, .searchresults table {
 753         border: 0;
 754 }
 755
 756 .searchresults tr {
 757         border-bottom : 1px solid #CCCCCC;
 758 }
 759
 760 .searchresults tr:first-child {
 761         border : 0;
 762 }
 763
 764 .searchresults table {
 765         border-top : 0px solid #CCCCCC;
 766 }
 767
 768 .searchresults a.reserve, .searchresults a.reserve:visited {
 769         background-position:left top;
 770         background-repeat:no-repeat;
 771         float:right;
 772         padding:2px 3px 2px 26px;
 773 }
 774
 775 .searchresults a.reserve {
 776         background-color:transparent;
 777         color:#006699;
 778 }
 779
 780 input.reserve, a.reserve {
 781         background-image:url(../../images/placereserve.gif);
 782 }
 783
 784 a.reserve {
 785         background-color:#006699;
 786         color:White;
 787 }
 788 .unavailable {
 789         color: #990033;
 790 }
 791
 792 #libraryname {
 793         float : left;
 794         line-height : 2em;
 795 }
 796
 797 #corner {
 798         float : right;
 799         line-height : 2em;
 800 }
 801
 802 .pages {
 803         line-height : 1.8em;
 804         text-align: center;
 805 }
 806 a:link.current {
 807         background-color: transparent;
 808         color: #3366CC;
 809         font-weight: bold;
 810         padding: 1px 5px 1px 5px;
 811         text-decoration: none;
 812 }
 813 a:visited.current {
 814         background-color: transparent;
 815         color: #3366CC;
 816         font-weight: bold;
 817         padding: 1px 5px 1px 5px;
 818         text-decoration: none;
 819 }
 820
 821 a:hover.current {
 822         background-color: #CCFF00;
 823         color: #CC3333;
 824         font-weight: bold;
 825         padding: 1px 5px 1px 5px;
 826         text-decoration: none;
 827 }
 828
 829 a:active.current {
 830         background-color: #99CC00;
 831         color: #FFFF99;
 832         font-weight: bold;
 833         padding: 1px 5px 1px 5px;
 834         text-decoration: none;
 835 }
 836
 837 .current {
 838         background-color: #FFFFFF;
 839         color: #3366CC;
 840         font-weight: bold;
 841         padding: 1px 5px 1px 5px;
 842         text-decoration: none;
 843 }
 844
 845 a:link.nav {
 846         background-color: #EFF1DC;
 847         border: 1px solid #CCCC99;
 848         color: #3366CC;
 849         font-weight: bold;
 850         padding: 1px 5px 1px 5px;
 851         text-decoration: none;
 852 }
 853
 854 a:visited.nav {
 855         background-color: #EFF1DC;
 856         border: 1px solid #CCCC99;
 857         color: #3366CC;
 858         font-weight: bold;
 859         padding: 1px 5px 1px 5px;
 860         text-decoration: none;
 861 }
 862
 863 a:hover.nav {
 864         background-color: #FFFFCC;
 865         border: 1px solid #CCCC99;
 866         color: #CC3333;
 867         font-weight: bold;
 868         padding: 1px 5px 1px 5px;
 869         text-decoration: none;
 870 }
 871
 872 a:active.nav {
 873         background-color: #FFFFCC;
 874         border: 1px solid #CCCC99;
 875         color: #D25500;
 876         font-weight: bold;
 877         padding: 1px 5px 1px 5px;
 878         text-decoration: none;
 879 }
 880
 881 input.icon {
 882         background-position: left;
 883         background-repeat: no-repeat;
 884         font-size : 96%;
 885         font-weight: bold;
 886         padding: 2px 2px 2px 22px;
 887         background-color: #6699CC;
 888         border: 1px outset #666666;
 889         color: #FFFFCC;
 890 }
 891
 892 input.shelf, a.shelf {
 893         background-image: url(../../images/addtobasket.gif);
 894 }
 895
 896 input.clearall, a.clearall {
 897         background-image: url(../../images/clearbasket.gif);
 898 }
 899
 900 /* Tabs */
 901 ul.link-tabs {
 902         list-style-type: none;
 903         margin: 9px 0 -2px 5px;
 904         padding: 0;
 905 }
 906
 907 ul.link-tabs li {
 908         display: inline;
 909         padding: 0px;
 910 }
 911
 912 ul.link-tabs li a {
 913         font-weight: bold;
 914         padding: 2px 4px 2px 4px;
 915         text-decoration: none;
 916         border-top: 1px solid #DDDDDD;
 917         border-left : 1px solid #DDDDDD;
 918         border-right : 1px solid #666666;
 919 }
 920
 921 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 922         padding: 2px 4px 3px 4px;
 923 }
 924
 925 ul.link-tabs li.off a {
 926         background-color: #EEEEEB;
 927         border-bottom: 1px solid #DDDDDD;
 928 }
 929
 930 ul.link-tabs li.off a:hover {
 931         padding: 2px 3px 2px 4px;
 932         background-color: #FFFFEC;
 933         border-top: 1px solid #BEBF84;
 934         border-left : 1px solid #BEBF84;
 935         border-right : 2px solid #333333;
 936 }
 937
 938 ul.link-tabs li.on a {
 939         background-color: #FFFFFF;
 940         border-bottom: 1px solid #FFFFFF;
 941 }
 942
 943 ul.link-tabs li a.debit {
 944         background-color : #FFFF99;
 945         color : #990033;
 946 }
 947
 948 div.tab-container {
 949         border : 1px solid #DDDDDD;
 950         margin-top : 4px;
 951         padding : .7em;
 952         width : 90%;
 953 }
 954
 955 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 956         background-color : transparent;
 957         border : 0;
 958 }
 959
 960 tr.overdue td {
 961         background-color : #ffcccc;
 962         font-weight : bold;
 963 }
 964
 965 tr.highlight.overdue td {
 966         background-color : #ffaeae;
 967         font-weight : bold;
 968 }
 969
 970 td.overdue {
 971         color : #cc3333;
 972 }
 973
 974 .renewals {
 975         display:block;
 976         font-size:0.8em;
 977         padding:0.5em;
 978 }
 979
 980 table#marc, table#marc td, table#marc th {
 981         border : 0;
 982 }
 983
 984 table#marc th {
 985         background-color : transparent;
 986 }
 987
 988 table#marc td:first-child {
 989         text-indent : 2em;
 990 }
 991 #masthead {
 992 float: left;
 993 width: 120px;
 994 }
 995
 996 #fluid {
 997 float: right;
 998 width: 100%;
 999 margin-left: -120px;
1000 }
1001
1002 #fluid-offset {
1003 margin-left: 119px;
1004 margin-top : .4em;
1005 }
1006
1007 #fluid-content-1 {
1008 float: left;
1009 width: 65%;
1010 margin : .3em -1px 0 2%;
1011 display: inline /* fix IE6 */;
1012 line-height : 15px;
1013 }
1014
1015 #fluid-content-2 {
1016 float: left;
1017 width: 28%;
1018 margin-left: 2%;
1019 display: inline /* fix IE6 */;
1020 margin-right: -1px /* fix IE6 */;
1021 line-height : 25px;
1022 }
1023
1024 .clearfix:after {
1025     content: ".";
1026     display: block;
1027     height: 0;
1028     clear: both;
1029     visibility: hidden;
1030 }
1031
1032 /* Hides from IE-mac \*/
1033 * html .clearfix {height: 1%;}
1034 /* End hide from IE-mac */
1035
1036 .searchhighlightblob {
1037         font-size : 85%;
1038 }
1039
1040
1041 .dialog {
1042   border: 1px solid #bcbcbc;
1043         padding : .5em;
1044         margin : 1em auto;
1045   width: 65%;
1046   }
1047
1048 .dialog  h2, .dialog h3, .dialog h4 {
1049         margin : auto;
1050         text-align : center;
1051   }
1052
1053 div.alert {
1054   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1055   text-align : center;
1056 }
1057
1058 div.alert strong {
1059         color : #900;
1060 }
1061
1062 div.message {
1063         background : white url("../../images/message-bg.gif") repeat-x left 0;
1064    border : 1px solid #bcbcbc;
1065         width : 55%;
1066 }
1067
1068 #moresearches {
1069         color : #000099;
1070         font-size : 90%;
1071         line-height : 110%;
1072         margin : .6em 0 .3em 2%;
1073 }
1074
1075 #moresearches a:link, #moresearches a:visited {
1076         color : #e5ebff;
1077         font-weight : normal;
1078         text-decoration : none;
1079 }
1080 /*
1081 #cart-box {
1082         float : left;
1083         background : url(../../images/cart-background-right.gif) top right no-repeat;
1084         margin : 0 !important;
1085         margin : 5px 0 0 0;
1086 }
1087
1088 #cart-box a {
1089         font-size : 120%;
1090         text-decoration : none;
1091 }
1092
1093 #cart-box .cart {
1094         margin : 0;
1095         padding : 10px 23px 0 9px;
1096         background : url(../../images/cart-background-left.gif) top left no-repeat;
1097 }
1098
1099 #cart-box .cart-bottom {
1100         margin : 0;
1101         padding : 0 0 0 12px;
1102         background : url(../../images/cart-background-left.gif) bottom left no-repeat;
1103 }
1104
1105 #cart-box .cart-bottom em {
1106         display : block;
1107         line-height : 1px;
1108         background : url(../../images/cart-background-right.gif) bottom right no-repeat;
1109         padding : 9px 9px 0 0;
1110         margin : 0;
1111 }
1112
1113 #cart-box a.cartbutton {
1114         background : #9bc1dd url(../../images/cart-small.gif) center left no-repeat;
1115         padding-left : 20px;
1116 }*/
1117
1118 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1119         color : #000;
1120         font-weight : normal;
1121 }
1122  #opac-main-search #listsmenu h4 {
1123         font-weight : bold;
1124         margin : 0 .3em;
1125  }
1126
1127 /*body #listsmenu .yuimenu ul {
1128         border-top : 1px dashed #CC9;
1129 }*/
1130
1131 #opac-main-search #listsmenu .bd {
1132         background-color : #F2EDBA;
1133         border : 2px solid #DFD69A;
1134         // margin : 3em 0 0 0;
1135 }
1136 #opac-main-search #listsmenu .yui-menu-shadow {
1137         // margin : 3em 0 0 0;
1138 }
1139
1140 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1141         background-color : #F9F6D5;
1142 }
1143
1144 #opac-main-search #listsmenu ul {
1145         border-color : #DFD69A;
1146 }
1147
1148 #container {
1149         color : #000;
1150 }
1151
1152
1153 ul#i18nMenu {
1154         margin : 0;
1155         padding : .2em 0;
1156  }
1157
1158 ul#i18nMenu li {
1159         border-left : 1px solid #CCC;
1160         display : inline;
1161         list-style : none;
1162         padding : 0 10px;
1163  }
1164
1165 ul#i18nMenu li a {
1166         text-decoration : none;
1167 }
1168
1169 ul#i18nMenu li:first-child {
1170         border-left : 0;
1171  }
1172
1173 ul#i18nMenu li ul li {
1174         border : 0;
1175         display : block;
1176  }
1177
1178
1179 ul#i18nMenu li.more a {
1180         background-image:url(../../images/more-up-arrow.gif);
1181         background-position:right center;
1182         background-repeat:no-repeat;
1183         padding-right:13px;
1184 }
1185
1186 ul#i18nMenu li.more ul li a {
1187         background-image : none;
1188         padding-right : 20px;
1189 }
1190
1191  div#changelanguage{
1192         background-color: #fff;
1193         border-top: 1px solid #CCC;
1194   position:absolute;
1195   bottom:0;
1196   left:0;
1197   width:100%;
1198   height: 1.8em;
1199  }
1200
1201  @media screen{
1202   body>div#changelanguage {
1203    position: fixed;
1204   }
1205  }
1206
1207  * html body{
1208   overflow:hidden;
1209  }
1210
1211  * html div#doc1{
1212   height:100%;
1213   overflow:auto;
1214  }
1215
1216  * html div#doc2{
1217   height:100%;
1218   overflow:auto;
1219  }
1220
1221  * html div#doc3{
1222   height:100%;
1223   overflow:auto;
1224  }
1225
1226 div#changelanguage a.yuimenuitemlabel {
1227         color : #006699;
1228         font-weight : normal;
1229  }
1230
1231 #cartDetails {
1232         background-color : #FFF;
1233         border: 1px solid black;
1234         color : black;
1235         padding : .1em;
1236         text-align : center;
1237 }
1238
1239 body #listsmenulink.yui-button {
1240         background-color : #F2EDBA;
1241         background-image : none;
1242 }
1243
1244 body #listsmenulink.yui-button-hover {
1245         background-color : #F9F6D5;
1246         background-image : none;
1247 }
1248
1249 body #listsmenulink.yui-button a {
1250         color : #000;
1251 }
1252
1253 body #cartmenulink.yui-button {
1254         background-color : #c3e186;
1255         background-image : none;
1256 }
1257
1258 body #cartmenulink.yui-button-hover {
1259         background-color : #d3e9a6;
1260         background-image : none;
1261 }
1262
1263 body #cartmenulink.yui-button a {
1264         color : #000;
1265 }
1266
1267 #login #userid, #login #password {
1268         width : 98%;
1269 }