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