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