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