koha-dev.rot13.org Git - koha_fer/blob - 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         width : 100%;
 787 }
 788
 789 .searchresults a.reserve, .searchresults a.reserve:visited {
 790         background-position:left top;
 791         background-repeat:no-repeat;
 792         float:right;
 793         padding:2px 3px 2px 26px;
 794 }
 795
 796 .searchresults a.reserve {
 797         background-color:transparent;
 798         color:#006699;
 799 }
 800
 801 .unavailable {
 802         color: #990033;
 803 }
 804
 805 #libraryname {
 806         float : left;
 807         line-height : 2em;
 808 }
 809
 810 #corner {
 811         float : right;
 812         line-height : 2em;
 813 }
 814
 815 .pages {
 816         line-height : 1.8em;
 817         text-align: center;
 818 }
 819 a:link.current {
 820         background-color: transparent;
 821         color: #3366CC;
 822         font-weight: bold;
 823         padding: 1px 5px 1px 5px;
 824         text-decoration: none;
 825 }
 826 a:visited.current {
 827         background-color: transparent;
 828         color: #3366CC;
 829         font-weight: bold;
 830         padding: 1px 5px 1px 5px;
 831         text-decoration: none;
 832 }
 833
 834 a:hover.current {
 835         background-color: #CCFF00;
 836         color: #CC3333;
 837         font-weight: bold;
 838         padding: 1px 5px 1px 5px;
 839         text-decoration: none;
 840 }
 841
 842 a:active.current {
 843         background-color: #99CC00;
 844         color: #FFFF99;
 845         font-weight: bold;
 846         padding: 1px 5px 1px 5px;
 847         text-decoration: none;
 848 }
 849
 850 .current {
 851         background-color: #FFFFFF;
 852         color: #3366CC;
 853         font-weight: bold;
 854         padding: 1px 5px 1px 5px;
 855         text-decoration: none;
 856 }
 857
 858 a:link.nav {
 859         background-color: #EFF1DC;
 860         border: 1px solid #CCCC99;
 861         color: #3366CC;
 862         font-weight: bold;
 863         padding: 1px 5px 1px 5px;
 864         text-decoration: none;
 865 }
 866
 867 a:visited.nav {
 868         background-color: #EFF1DC;
 869         border: 1px solid #CCCC99;
 870         color: #3366CC;
 871         font-weight: bold;
 872         padding: 1px 5px 1px 5px;
 873         text-decoration: none;
 874 }
 875
 876 a:hover.nav {
 877         background-color: #FFFFCC;
 878         border: 1px solid #CCCC99;
 879         color: #CC3333;
 880         font-weight: bold;
 881         padding: 1px 5px 1px 5px;
 882         text-decoration: none;
 883 }
 884
 885 a:active.nav {
 886         background-color: #FFFFCC;
 887         border: 1px solid #CCCC99;
 888         color: #D25500;
 889         font-weight: bold;
 890         padding: 1px 5px 1px 5px;
 891         text-decoration: none;
 892 }
 893
 894 /* Tabs */
 895 ul.link-tabs {
 896         list-style-type: none;
 897         margin: 9px 0 -2px 5px;
 898         padding: 0;
 899 }
 900
 901 ul.link-tabs li {
 902         display: inline;
 903         padding: 0px;
 904 }
 905
 906 ul.link-tabs li a {
 907         font-weight: bold;
 908         padding: 2px 4px 2px 4px;
 909         text-decoration: none;
 910         border-top: 1px solid #DDDDDD;
 911         border-left : 1px solid #DDDDDD;
 912         border-right : 1px solid #666666;
 913 }
 914
 915 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 916         padding: 2px 4px 3px 4px;
 917 }
 918
 919 ul.link-tabs li.off a {
 920         background-color: #EEEEEB;
 921         border-bottom: 1px solid #DDDDDD;
 922 }
 923
 924 ul.link-tabs li.off a:hover {
 925         padding: 2px 3px 2px 4px;
 926         background-color: #FFFFEC;
 927         border-top: 1px solid #BEBF84;
 928         border-left : 1px solid #BEBF84;
 929         border-right : 2px solid #333333;
 930 }
 931
 932 ul.link-tabs li.on a {
 933         background-color: #FFFFFF;
 934         border-bottom: 1px solid #FFFFFF;
 935 }
 936
 937 ul.link-tabs li a.debit {
 938         background-color : #FFFF99;
 939         color : #990033;
 940 }
 941
 942 div.tab-container {
 943         border : 1px solid #DDDDDD;
 944         margin-top : 4px;
 945         padding : .7em;
 946         width : 90%;
 947 }
 948
 949 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 950         background-color : transparent;
 951         border : 0;
 952 }
 953
 954 tr.overdue td {
 955         background-color : #ffcccc;
 956         font-weight : bold;
 957 }
 958
 959 tr.highlight.overdue td {
 960         background-color : #ffaeae;
 961         font-weight : bold;
 962 }
 963
 964 td.overdue {
 965         color : #cc3333;
 966 }
 967
 968 .renewals {
 969         display:block;
 970         font-size:0.8em;
 971         padding:0.5em;
 972 }
 973
 974 table#marc, table#marc td, table#marc th {
 975         border : 0;
 976 }
 977
 978 table#marc th {
 979         background-color : transparent;
 980 }
 981
 982 table#marc td:first-child {
 983         text-indent : 2em;
 984 }
 985 #masthead {
 986 float: left;
 987 width: 120px;
 988 }
 989
 990 #fluid {
 991 margin-left: 124px;
 992 margin-top : .4em;
 993 padding-left : 1em;
 994 }
 995
 996 #fluid-offset {
 997 float : right;
 998 width: 100%;
 999 }
1000
1001 .clearfix:after {
1002     content: ".";
1003     display: block;
1004     height: 0;
1005     clear: both;
1006     visibility: hidden;
1007 }
1008
1009 /* Hides from IE-mac \*/
1010 * html .clearfix {height: 1%;}
1011 /* End hide from IE-mac */
1012
1013 .searchhighlightblob {
1014         font-size : 85%;
1015 }
1016
1017
1018 .dialog {
1019   border: 1px solid #bcbcbc;
1020         padding : .5em;
1021         margin : 1em auto;
1022   width: 65%;
1023   }
1024
1025 .dialog  h2, .dialog h3, .dialog h4 {
1026         margin : auto;
1027         text-align : center;
1028   }
1029
1030 div.alert {
1031   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1032   text-align : center;
1033 }
1034
1035 div.alert strong {
1036         color : #900;
1037 }
1038
1039 div.message {
1040         background : white url("../../images/message-bg.gif") repeat-x left 0;
1041    border : 1px solid #bcbcbc;
1042         width : 55%;
1043 }
1044
1045 #moresearches {
1046         clear : left;
1047         color : #000099;
1048         font-size : 90%;
1049         line-height : 110%;
1050         margin : .6em 0 .3em 0;
1051 }
1052
1053 #moresearches a:link, #moresearches a:visited {
1054         color : #e5ebff;
1055         font-weight : normal;
1056         text-decoration : none;
1057 }
1058
1059 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1060         color : #000;
1061         font-weight : normal;
1062 }
1063  #opac-main-search #listsmenu h4 {
1064         font-size : 90%;
1065         font-weight : bold;
1066         margin : 0 .2em;
1067  }
1068
1069 #opac-main-search #listsmenu .bd {
1070         background-color : #f3f3f3;
1071         border : 1px solid #739acf;
1072         background-image : url("../../images/listmenu-container-bg.gif");
1073         background-position : top right;
1074         background-repeat : repeat-y;
1075         padding : .3em 1em 0 0;
1076         // margin : 3em 0 0 0;
1077 }
1078 #opac-main-search #listsmenu .yui-menu-shadow {
1079         // margin : 3em 0 0 0;
1080 }
1081
1082 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1083         background-color : #fff;
1084 }
1085
1086 #opac-main-search #listsmenu ul {
1087         border-color : #b8d0e6;
1088         m
1089 }
1090
1091 #container {
1092         color : #000;
1093 }
1094
1095
1096 ul#i18nMenu {
1097         margin : 0;
1098         padding : .2em 0;
1099  }
1100
1101 ul#i18nMenu li {
1102         border-left : 1px solid #CCC;
1103         display : inline;
1104         list-style : none;
1105         padding : 0 10px;
1106  }
1107
1108 ul#i18nMenu li a {
1109         text-decoration : none;
1110 }
1111
1112 ul#i18nMenu li:first-child {
1113         border-left : 0;
1114  }
1115
1116 ul#i18nMenu li ul li {
1117         border : 0;
1118         display : block;
1119  }
1120
1121
1122 ul#i18nMenu li.more a {
1123         background-image:url(../../images/more-up-arrow.gif);
1124         background-position:right center;
1125         background-repeat:no-repeat;
1126         padding-right:13px;
1127 }
1128
1129 ul#i18nMenu li.more ul li a {
1130         background-image : none;
1131         padding-right : 20px;
1132 }
1133
1134  div#changelanguage{
1135         background-color: #fff;
1136         border-top: 1px solid #CCC;
1137   position:absolute;
1138   bottom:0;
1139   left:0;
1140   width:100%;
1141   height: 1.8em;
1142  }
1143
1144  @media screen{
1145   body>div#changelanguage {
1146    position: fixed;
1147   }
1148  }
1149
1150  * html body{
1151   overflow:hidden;
1152  }
1153
1154  * html div#doc1{
1155   height:100%;
1156   overflow:auto;
1157  }
1158
1159  * html div#doc2{
1160   height:100%;
1161   overflow:auto;
1162  }
1163
1164  * html div#doc3{
1165   height:100%;
1166   overflow:auto;
1167  }
1168
1169 div#changelanguage a.yuimenuitemlabel {
1170         color : #006699;
1171         font-weight : normal;
1172  }
1173
1174 #cartDetails {
1175         background-color : #FFF;
1176         border: 1px solid #739acf;
1177         color : black;
1178         padding : .3em;
1179         text-align : center;
1180 }
1181
1182 a#listsmenulink, a#listsmenulink:hover {
1183         color : #006699;
1184         font-size : 105%;
1185         line-height : 185%;
1186 }
1187
1188 a#cartmenulink, a#cartmenulink:hover {
1189         color : #336600;
1190         font-size : 105%;
1191         line-height : 185%;
1192         margin-left : 1.5em;
1193 }
1194
1195 #login #userid, #login #password {
1196         width : 98%;
1197 }
1198
1199 #opac-main-search input.submit {
1200         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1201         background-color : #b8d0e6;
1202         border-top: 1px solid #cccccc;
1203         border-left: 1px solid #cccccc;
1204         border-right: 1px solid #eeeeee;
1205         border-bottom: 1px solid #eeeeee;
1206         color : #333;
1207         font-weight : normal;
1208         font-size : 80%;
1209         padding : 2px;
1210 }
1211
1212 .btn {
1213         display : block;
1214         position : relative;
1215         padding : 5px;
1216         text-decoration : none;
1217         cursor : default;
1218         margin-left : .5em;
1219 }
1220
1221 .btn * {
1222         font-style : normal;
1223         background-image : url('../../images/button-background.png');
1224         background-repeat : no-repeat;
1225         display : block;
1226         position : relative;
1227 }
1228
1229 #cartmenulink.btn span#basket {
1230         background-image : none;
1231         display : inline;
1232         height : auto;
1233         position : relative;
1234         margin : 0;
1235         padding : 0;
1236         left : auto;
1237         right : auto;
1238         top : auto;
1239 }
1240
1241 #cartmenulink.btn span#basket span {
1242         background-image : none;
1243         background-color : #E6FCB7;
1244         color : #000;
1245         display : inline;
1246         font-size : 80%;
1247         font-weight : normal;
1248         height : auto;
1249         left : auto;
1250         margin : 0 .5em 0 .5em;
1251         padding : 0 .3em 0 .3em;
1252         position : relative;
1253         right : auto;
1254         top : auto;
1255 }
1256
1257 #cartmenulink.btn img {
1258         background-image : none;
1259         float : left;
1260         padding : 3px 3px 0 3px;
1261 }
1262
1263 #listsmenulink.btn img {
1264         background-image : none;
1265         display : inline;
1266         padding : 0 0 2px 3px;
1267 }
1268
1269 .btn i {
1270         background-position : top left;
1271         position : absolute;
1272         margin-bottom : -5px;
1273         top : 0;
1274         left : 0;
1275         width : 5px;
1276         height : 5px;
1277 }
1278
1279 .btn span {
1280         background-position : bottom left;
1281         left : -5px;
1282         padding : 0 0 5px 10px;
1283         margin-bottom : -5px;
1284 }
1285
1286 .btn span i {
1287         background-position : bottom right;
1288         margin-bottom : 0;
1289         position : absolute;
1290         left : 100%;
1291         width : 10px;
1292         height : 100%;
1293         top : 0;
1294 }
1295
1296 .btn span span {
1297         background-position : top right;
1298         position : absolute;
1299         right : -10px;
1300         margin-left : 10px;
1301         top : -5px;
1302         height : 0;
1303 }
1304
1305 * html .btn span,       * html .btn i {
1306         float : left;
1307         width : auto;
1308         background-image : none;
1309         cursor : pointer;
1310 }
1311
1312 .btn.blue {
1313         background : #9fbfff;
1314 }
1315
1316 .btn.blue:hover {
1317         background-color : #6699FF;
1318         background-image : none;
1319 }
1320
1321 .btn.green {
1322         background : #98CB58;
1323 }
1324
1325 .btn.green:hover {
1326         background-color : #98CB58;
1327         background-image : none;
1328 }
1329
1330 .btn:active {
1331         background-color : #444;
1332 }
1333
1334 .btn[class] {
1335         background-image : url('../../images/button-background-gradient.png');
1336         background-position : 0 0;
1337 }
1338
1339 .btn[class]:hover {
1340         background-image : url('../../images/button-background-gradient.png');
1341         background-position : 0 -200px;
1342 }
1343
1344 * html .btn {
1345         border : 1px solid #aaa;
1346 }
1347
1348 * html .btn.blue {
1349         border-color : #2ae;
1350 }
1351
1352 * html .btn.green {
1353         border-color : #9d4;
1354 }
1355
1356 * html .btn:hover {
1357         border-color : #a00;
1358 }
1359
1360 div#menu {
1361         border-right : 1px solid #979797;
1362         font-size : 94%;
1363         margin-right : .5em;
1364         padding-top : 1em;
1365         padding-bottom : 2em;
1366 }
1367
1368 div#menu li a {
1369         text-decoration : none;
1370         display : block;
1371         background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1372         border : 1px solid #979797;
1373         font-size : 111%;
1374         margin : .5em 0;
1375         padding : .4em .3em;
1376         margin-right : -1px;
1377 }
1378
1379 div#menu li a:hover {
1380         background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1381 }
1382
1383 div#menu li.active a:hover {
1384         background-color : #fff;
1385         color : #0000CC;
1386 }
1387
1388 #menu ul li {
1389         list-style-type : none;
1390 }
1391
1392 #menu ul li.active a {
1393         background-color : #FFF;
1394         background-image : none;
1395         border-right : 0;
1396         font-weight : bold;
1397 }
1398
1399 .left {
1400         float : left;
1401 }
1402
1403 .right {
1404         float : right;
1405 }
1406
1407 #searchsubmit {
1408         cursor : default;
1409         font-size : 87%;
1410         margin-top : -.1em;
1411 }
1412
1413 #export {
1414         margin-top : .5em;
1415         background-color : #F3F3F3;
1416         border : 1px solid #E8E8E8;
1417         font-size : 76%;
1418         padding : 3px;
1419         text-align : center;
1420 }
1421
1422 #export label {
1423         display : block;
1424         font-weight : bold;
1425         font-size : 110%;
1426         margin-bottom : 2px;
1427 }
1428
1429 #export input {
1430         padding : 2px;
1431 }
1432 #starFull {
1433         background: url(../../images/bluestars.png) top left no-repeat;
1434         height: 25px;
1435         margin: 0;
1436         padding: 0;
1437 }
1438
1439 #starMT {
1440         background: url(../../images/emptystars.png) top left no-repeat;
1441         height: 25px;
1442         margin: 0 3px 0 30px;
1443         padding: 0;
1444         position: relative;
1445         width: 100px;
1446 }