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

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