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