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