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

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