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