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