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 .required {
  23     color : #C00;
  24 }
  25
  26 caption {
  27         font-size : 140%;
  28         font-weight : bold;
  29         line-height : 144%;
  30         text-align : left;
  31 }
  32
  33 fieldset {
  34         background-color: #FFF;
  35         border : 2px solid #EEEEEE;
  36         margin : 1em 1em 1em 0;
  37         padding : 1em;
  38 }
  39
  40 fieldset.rows {
  41         border-width : 1px;
  42         border-bottom : 1px solid black;
  43         float : left;
  44         font-size : 90%;
  45         clear : left;
  46         margin: .9em 0 0 0;
  47         padding: 0;
  48         width: 100%;
  49 }
  50
  51 fieldset.rows legend {
  52         margin-left: 1em;
  53         font-weight: bold;
  54         font-size : 110%;
  55 }
  56
  57 fieldset.rows label, fieldset.rows span.label {
  58         float: left;
  59         font-weight : bold;
  60         width: 9em;
  61         margin-right: 1em;
  62         text-align: right;
  63 }
  64
  65 fieldset.rows fieldset {
  66         border-width : 1px;
  67         margin : 0;
  68         padding : .3em;
  69 }
  70
  71 fieldset.rows ol {
  72         padding: 1em 1em 0 1em;
  73         list-style-type: none;
  74 }
  75
  76 fieldset.rows li {
  77         float : left;
  78         clear : left;
  79         padding-bottom: 1em;
  80         list-style-type: none;
  81         width: 100%;
  82 }
  83
  84 fieldset.rows.left li {
  85         padding-bottom : .4em;
  86 }
  87
  88 fieldset.rows li.radio {
  89         padding-left: 9em;
  90         width : auto;
  91 }
  92
  93 fieldset.rows li.radio label {
  94         float : none;
  95         width : auto;
  96         margin : 0 0 0 1em;
  97 }
  98
  99 fieldset.rows ol.radio label {
 100         width : auto;
 101         float : none;
 102         margin-right : 0;
 103 }
 104
 105 fieldset.rows ol.radio label.radio {
 106         float : left;
 107         width : 12em;
 108         margin-right : 1em;
 109 }
 110
 111 fieldset.rows table {
 112         clear : both;
 113         margin-left : 1em;
 114 }
 115
 116 fieldset.rows td label {
 117         float : none;
 118         font-weight : normal;
 119         width : auto;
 120 }
 121
 122 fieldset.holds {
 123         background-color : #F3F3F3;
 124         border: 0;
 125         font-size : 110%;
 126         padding : 1px;
 127 }
 128
 129 fieldset.holds ol {
 130         margin : 0;
 131         padding : 0;
 132 }
 133
 134 fieldset.holds li {
 135         background-color : #FFF;
 136         border-bottom : 1px solid #F3F3F3;
 137         padding : .3em;
 138 }
 139
 140 fieldset.holds label, fieldset.holds span.label {
 141
 142 }
 143
 144 fieldset.action {
 145         clear : both;
 146         float : none;
 147         border : none;
 148         margin : 0;
 149         padding : 1em 0 .3em 0;
 150         width : auto;
 151 }
 152
 153 fieldset.action p {
 154         margin-bottom : 1em;
 155 }
 156
 157 form {
 158         display : inline;
 159         margin : 0;
 160         padding : 0;
 161 }
 162
 163 h1 {
 164         font-size : 138.5%;
 165 }
 166
 167 h1#library {
 168         font-size : 100%;
 169         font-weight : normal;
 170         margin : .2em 0 .2em .5em;
 171 }
 172
 173
 174 h1#libraryname {
 175         background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
 176         border: 0;
 177         float : left !important;
 178         margin:0;
 179         padding:0;
 180         width:120px;
 181 }
 182
 183 h1#libraryname a {
 184         border:0;
 185         cursor:pointer;
 186         display:block;
 187         height:0px !important;
 188         margin:0;
 189         overflow:hidden;
 190         padding:40px 0 0;
 191         text-decoration:none;
 192         width:120px;
 193 }
 194
 195 h1,h2,h3,h4,h5,h6 {
 196         font-weight : bold;
 197         margin : .5em 0;
 198 }
 199
 200 h2 {
 201         font-size : 131%;
 202 }
 203
 204 h5.author {
 205 }
 206
 207 h3 {
 208         font-size : 123.1%;
 209 }
 210
 211 h4 {
 212         font-size : 116%;
 213 }
 214
 215 h5 {
 216         font-size : 108%;
 217 }
 218
 219 h6 {
 220         font-size : 100%;
 221 }
 222
 223 input[type=submit], input[type=button], input[type=reset] {
 224         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
 225         background-color : #b8d0e6;
 226         border-top: 1px solid #cccccc;
 227         border-left: 1px solid #cccccc;
 228         border-right: 1px solid #eeeeee;
 229         border-bottom: 1px solid #eeeeee;
 230         color : #333;
 231         font-size : 93%;
 232         font-weight : bold;
 233         padding : 4px;
 234 }
 235
 236 input[type=submit]:active, input[type=button], input[type=reset] {
 237         border: 1px inset #666666;
 238 }
 239
 240 td.resultscontrol,
 241 .searchresults td.resultscontrol {
 242         background-color : #EEE;
 243         border : 1px solid #E8E8E8;
 244         vertical-align : middle;
 245         padding : 3px 3px 5px 5px;
 246 }
 247
 248 table {
 249         background-color: #FFF;
 250         border-collapse : collapse;
 251         margin : 1em 0;
 252         border-right : 1px solid #dddddd;
 253         border-top : 1px solid #dddddd;
 254 }
 255
 256 td,th {
 257         background-color: #FFF;
 258         border-left : 1px solid #dddddd;
 259         border-bottom : 1px solid #dddddd;
 260         padding : 3px 5px;
 261 }
 262
 263 td.place_on_type table,
 264 td.place_on_type table td {
 265         border : 0;
 266 }
 267 td caption {
 268         font-size : 105%;
 269 }
 270
 271 th {
 272         background-color:#EEE;
 273         font-weight : bold;
 274         padding : 2px 23px;
 275         text-align : center;
 276 }
 277
 278 th.sum {
 279         text-align: right;
 280 }
 281
 282 td.sum {
 283         background-color: #FFC;
 284         font-weight: bold;
 285 }
 286
 287 th[scope=row] {
 288         text-align : right;
 289 }
 290
 291 tr.highlight td, tr.highlight th, tr.odd td {
 292         background-color : #F3F3F3;
 293    border-top : 1px solid #DDDDDD;
 294    border-bottom : 1px solid #DDDDDD;
 295 }
 296
 297 tr.even td, tr.even.highlight td {
 298         background-color: #FFF;
 299 }
 300
 301 tr.grouplabel td {
 302         background-color : #E8E8E8;
 303         border : 1px solid #DDDDDD;
 304         border-right : 1px solid #DDDDDD;
 305         text-align : center;
 306         font-weight : bold;
 307     padding: 10px;
 308 }
 309
 310 tr.reserved td {
 311         background-color : #eeffd4;
 312 }
 313 tr.transfered td {
 314         background-color : #e8f0f6;
 315 }
 316
 317 #editions table, #editions td {
 318         border : 0;
 319 }
 320
 321 .header {
 322         background-image:url("../../images/ascdesc.gif");
 323         background-position:right center;
 324         background-repeat:no-repeat;
 325         cursor:pointer;
 326 }
 327 .headerSortUp {
 328         background-image:url("../../images/asc.gif");
 329 }
 330 .headerSortDown {
 331         background-image:url("../../images/desc.gif");
 332 }
 333
 334 ul {
 335         list-style : disc;
 336         padding-left : 1em;
 337 }
 338
 339 li {
 340         list-style : disc;
 341 }
 342
 343 p.availability {
 344         font-size : 87%;
 345 }
 346
 347 .available {
 348         color : #006600;
 349 }
 350
 351 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
 352         display : block;
 353 }
 354 .notforloan {
 355         color : #900;
 356 }
 357 .lost {
 358         color : #666;
 359 }
 360 .waiting {
 361
 362 }
 363
 364 /* "problem" enhancement */
 365 .problem {
 366         color : white;
 367         background-color : red;
 368 }
 369
 370 /* style for search terms in catalogsearch */
 371 .term {
 372         /* color : blue; */
 373     color : #990000;
 374     background-color : #FFFFCC;
 375 }
 376
 377 a .term {
 378         text-decoration : underline;
 379 }
 380
 381 .transfered {
 382         background-color : #F9FF9A;
 383 }
 384
 385 /* action buttons */
 386 #action {
 387         margin-top : .5em;
 388         background-color : #F3F3F3;
 389         border : 1px solid #E8E8E8;
 390         padding-bottom : 3px;
 391 }
 392
 393 #action li {
 394         list-style : none;
 395         margin : .2em;
 396         padding : .3em 0;
 397 }
 398
 399 #action a {
 400         background-position : 5px center;
 401         background-repeat : no-repeat;
 402         text-decoration : none;
 403         padding-left : 35px;
 404 }
 405
 406 #action a.print {
 407         background-image:url(../../images/print.gif);
 408 }
 409
 410 #action a#furthersearches {
 411         background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
 412         border : 1px solid #F3F3F3;
 413         margin-left : 5px;
 414         padding : 2px 26px 2px 10px;
 415         text-decoration : none;
 416 }
 417
 418 #action a#furthersearches:hover {
 419         border-top : 1px solid #FFF;
 420         border-left : 1px solid #FFF;
 421         border-right : 1px solid #979797;
 422         border-bottom : 1px solid #979797;
 423 }
 424
 425 #action a.reserve,
 426 .searchresults a.reserve {
 427         background-image:url(../../images/placereserve.gif);
 428 }
 429
 430 #action a.addtoshelf, #toolbar a.addtoshelf {
 431         background-image:url(../../images/addtoshelf.gif);
 432 }
 433
 434 #action a.addtocart, #toolbar a.addtocart {
 435         background-image:url(../../images/cart2.gif);
 436 }
 437
 438 /* toolbar buttons */
 439
 440 #toolbar a,
 441 #toolbar input {
 442         white-space : nowrap;
 443 }
 444
 445 #toolbar ul {
 446         padding-left : 0;
 447 }
 448
 449 #toolbar ul li {
 450         display : inline;
 451         list-style : none;
 452 }
 453
 454 #toolbar ul li a {
 455         border-left : 1px solid #e8e8e8;
 456 }
 457
 458 #toolbar ul li:first-child a {
 459         border-left : 0;
 460 }
 461
 462
 463 #toolbar a.print {
 464         background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
 465         text-decoration : none;
 466         padding-left : 23px;
 467 }
 468
 469 #toolbar a.brief {
 470         background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
 471         text-decoration : none;
 472         padding-left : 23px;
 473 }
 474
 475 #toolbar a.detail {
 476         background: transparent url(../../images/detail.gif) 5px 50% no-repeat;
 477         text-decoration : none;
 478         padding-left : 27px;
 479 }
 480
 481 #toolbar a.download {
 482         background : transparent url("../../images/download.png") 7px 50% no-repeat;
 483         padding-left : 24px;
 484         text-decoration : none;
 485 }
 486
 487 #toolbar a.editshelf {
 488         background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat;
 489         padding-left : 26px;
 490         text-decoration : none;
 491 }
 492
 493 #toolbar a.empty {
 494         background: transparent url(../../images/empty-small.png) 5px 50% no-repeat;
 495         text-decoration : none;
 496         padding-left : 21px;
 497 }
 498
 499 #toolbar a.hide {
 500         background: transparent url(../../images/close.gif) 5px 50% no-repeat;
 501         text-decoration : none;
 502         padding-left : 26px;
 503 }
 504
 505 #toolbar a.hold {
 506         background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
 507         text-decoration : none;
 508         padding-left : 23px;
 509 }
 510
 511 #toolbar a.newshelf {
 512         background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
 513         padding-left : 23px;
 514         text-decoration : none;
 515 }
 516
 517 #toolbar a.send,
 518 a.send {
 519         background: transparent url(../../images/send.png) 2px 50% no-repeat;
 520         text-decoration : none;
 521         padding-left : 28px;
 522 }
 523
 524 #toolbar a.new {
 525         background : transparent url("../../images/new.gif") 5px 50% no-repeat;
 526         padding-left : 23px;
 527         text-decoration : none;
 528 }
 529
 530 #toolbar input.download {
 531         background : transparent url("../../images/download.png") 7px 50% no-repeat;
 532         border : 0;
 533         color : #006699;
 534         cursor : pointer;
 535         padding-left : 24px;
 536         text-decoration : none;
 537 }
 538
 539 #toolbar input.editshelf,
 540 input.editshelf {
 541         background : transparent url("../../images/shelf-edit.gif") 10px 50% no-repeat;
 542         border : 0;
 543         color : #006699;
 544         cursor : pointer;
 545         font-size : 100%;
 546         padding-left : 29px;
 547         text-decoration : none;
 548 }
 549
 550 #toolbar input.newshelf {
 551         background : transparent url("../../images/shelf-new.gif") center left no-repeat;
 552         border : 0;
 553         color : #006699;
 554         cursor : pointer;
 555         font-size : 100%;
 556         margin: 0 0.5em;
 557         padding-left : 15px;
 558         text-decoration : none;
 559 }
 560
 561 #toolbar input.deleteshelf,
 562 input.deleteshelf {
 563         background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
 564         border : 0;
 565         color : #006699;
 566         cursor : pointer;
 567         font-size : 100%;
 568         padding-left : 20px;
 569 }
 570
 571 #toolbar input.deleteshelf:hover {
 572         color: #990033;
 573 }
 574
 575
 576 #toolbar input.editshelf:active,
 577 input.editshelf:active,
 578 #toolbar input.deleteshelf:active,
 579 input.deleteshelf:active {
 580         border : 0;
 581 }
 582
 583 #tagsel_span input.submit,
 584 #tagsel_tag {
 585         background-image: url(../../images/tags-small.png);
 586         background-position : 7px center;
 587         background-repeat : no-repeat;
 588         padding-left : 25px;
 589         text-decoration: none;
 590 }
 591
 592 #placehold input.submit:hover,
 593 #tagsel_span input.submit:hover {
 594         color: #990033;
 595 }
 596
 597 #addto {
 598         max-width : 10em;
 599 }
 600
 601 .addto a.addtocart {
 602         background-image:url(../../images/cart2.gif);
 603         background-position : 9px -3px;
 604         background-repeat : no-repeat;
 605         text-decoration : none;
 606         padding-left : 33px;
 607 }
 608
 609 #placehold input.submit {
 610         background-image:url(../../images/placereserve.gif);
 611         background-position : 9px center;
 612         background-repeat : no-repeat;
 613         text-decoration : none;
 614         padding-left : 23px;
 615 }
 616
 617 #placehold input.submit,
 618 #tagsel_span input.submit {
 619         border : 0;
 620         background-color: transparent;
 621         font-size : 100%;
 622         font-weight : bold;
 623         padding-left : 31px;
 624         color : #336699;
 625         cursor : pointer;
 626 }
 627 .searchresults a.highlight_toggle {
 628         background : transparent url(../../images/highlight.gif) -4px center no-repeat;
 629         display: none;
 630         font-weight: normal;
 631         padding : 0 10px 0 21px;
 632 }
 633
 634 /* the itemtype list in advanced search */
 635 #advsearch-itemtype table {
 636         border-collapse : separate;
 637         border-spacing : 3px;
 638         border : 0px;
 639         margin : 0px;
 640         background-color : white;
 641         border : 0px solid #D8DEB8;
 642 }
 643
 644 #advsearch-itemtype table tr td {
 645         background-color : #F8F8EB;
 646         border : 0px;
 647         margin : 0px;
 648         width : 700px;
 649 }
 650
 651 #advsearch-itemtype td {
 652         font-size : 0.8em;
 653         background-color : #F8F8EB;
 654 }
 655
 656 body#advsearch #breadcrumbs {
 657         line-height : 1px;
 658         height : 1px;
 659         padding : 0;
 660 }
 661
 662 body#advsearch #cartmenulink,
 663 body#advsearch #listsmenulink {
 664         float : right;
 665 }
 666
 667 #advsearch #branchloop,
 668 #advsearch #sort_by {
 669         width : 23em;
 670 }
 671
 672 #auth {
 673         float : left;
 674 }
 675
 676 #facets {
 677
 678 }
 679
 680 /* the footer */
 681 #footer {
 682         margin-top : 30px;
 683         margin-left : 30%;
 684         margin-right : 20%;
 685         border-top : 1px solid #384b73;
 686         color : #384b73;
 687         font-size : 1em;
 688         text-align : center;
 689 }
 690
 691 /* facets bloc */
 692 /* the USER information block */
 693 #librarian_information {
 694         float : right;
 695         font-size : 10pt;
 696 }
 697
 698 #header-wrapper {
 699         background-color: #FFF;
 700 }
 701
 702 #holds,#opac-auth {
 703         min-width : 750px;
 704         width : 57.69em;
 705         margin : auto;
 706 }
 707
 708 #members {
 709         background-color: #fff;
 710         font-size : 85%;
 711         margin-left : -10px;
 712         margin-right : -10px;
 713         padding : 4px 0 4px 0;
 714         color : #000066;
 715 }
 716
 717 #members a {
 718         text-decoration : none;
 719 }
 720
 721 #members a.logout {
 722         color : #cc3333;
 723         font-weight : bold;
 724         padding : 0 .3em 0 .3em;
 725         text-decoration : none;
 726 }
 727
 728 #members li:last-child {
 729         border-right : 0;
 730 }
 731
 732 #members li {
 733         border-right : 1px solid black;
 734         display : inline;
 735         list-style : none;
 736         margin : 0;
 737         padding : 0 .5em;
 738 }
 739
 740 #members ul {
 741         margin : 0;
 742         padding : 0;
 743         text-align : right;
 744 }
 745
 746 #opac-main-search {
 747         background-image : url( ../../images/menu-background.gif);
 748         background-repeat : repeat-x;
 749         background-color : #739ACF;
 750         background-position : -10px top;
 751         border-top : 1px solid #335599;
 752         border-bottom : 1px solid #335599;
 753         margin-left : -10px;
 754         margin-right : -10px;
 755         padding : .7em 0 .4em .5em;
 756         font-size : 108%;
 757         line-height : 116%;
 758 }
 759
 760 #opac-main-search form {
 761         display : inline;
 762         padding-right : 1em;
 763 }
 764
 765 #opac-main-search label {
 766         color : #FFFFCC;
 767         font-weight : bold;
 768         margin : .2em .3em 0 0;
 769 }
 770
 771
 772 #search-facets ul {
 773         margin : 0;
 774         padding : .3em;
 775 }
 776
 777 #search-facets {
 778         border : 1px solid #e8e8e8;
 779 }
 780
 781 #search-facets h4 {
 782         background-color : #EEE;
 783         border-bottom : 1px solid #e8e8e8;
 784         font-size : 90%;
 785         margin : 0;
 786         padding : .7em .2em;
 787         text-align : center;
 788 }
 789
 790 #search-facets ul li {
 791         font-weight : bold;
 792         list-style-type : none;
 793 }
 794
 795 #search-facets li li {
 796         font-weight : normal;
 797         font-size : 85%;
 798         margin-bottom : 2px;
 799         padding : .1em .2em;
 800 }
 801
 802 #search-facets li li a {
 803         font-weight : normal;
 804 }
 805
 806 #search-facets li.showmore a {
 807         font-weight : bold;
 808         text-indent : 1em;
 809 }
 810
 811 .suggestion {
 812         background-color : #EEEEEB;
 813         border : 1px solid #DDDED3;
 814         margin : 10px auto;
 815         padding : 4px;
 816         width : 35%;
 817 }
 818
 819 #facets ul {
 820         margin : 0;
 821         padding : 0;
 822 }
 823
 824 #facets ul li {
 825         font-weight : bold;
 826         text-align : left;
 827         list-style : none;
 828 }
 829
 830 #facets ul ul li {
 831         border : 0;
 832         font-size : 85%;
 833         font-weight : normal;
 834         padding : 2px;
 835         text-align : left;
 836 }
 837
 838 #facets ul ul li a {
 839         font-weight : normal;
 840         text-decoration : underline;
 841 }
 842
 843 #facets h4 {
 844         font-size : 93%;
 845         padding:3px;
 846         text-align:center;
 847         background-color:#E7E7CA;
 848         line-height:1.8em;
 849         margin-left:-1px;
 850         margin-right:-1px;
 851         margin-top:-1px;
 852 }
 853
 854 #breadcrumbs {
 855         padding : .7em;
 856 }
 857
 858 p {
 859         margin: .7em 0;
 860 }
 861
 862 strong {
 863         font-weight : bold;
 864 }
 865
 866 em {
 867         font-style : italic;
 868 }
 869
 870
 871 table#marc,
 872 table#marc td,
 873 table#marc th {
 874         background-color : transparent;
 875         border : 0;
 876 }
 877
 878 table#marc p span.label {
 879         font-weight : bold;
 880 }
 881
 882 table#marc p,
 883 table#marc ul {
 884         padding-bottom: .6em;
 885 }
 886
 887 table#items,
 888 table#items td
 889 table#items th {
 890         border-width : 1px solid #EEE;
 891         font-size : 90%;
 892 }
 893
 894
 895 table#marc div.results_summary {
 896         clear :  left;
 897 }
 898 table#marc div.results_summary ul {
 899         display : inline;
 900         float :  none;
 901         clear :  none;
 902         margin: 0;
 903         padding: 0;
 904         list-style : none;
 905 }
 906
 907 table#marc div.results_summary ul li {
 908         display : inline;
 909 }
 910
 911 #basketcount {
 912         display : inline;
 913 }
 914
 915 #bookcover {
 916         float : left;
 917         margin : 0;
 918         padding : 0;
 919 }
 920
 921 #bookcover img {
 922         margin : 0 1em 1em 0;
 923 }
 924
 925 fieldset.brief {
 926         border : 1px solid #E8E8E8;
 927 }
 928
 929 fieldset.brief legend {
 930         font-weight : bold;
 931         font-size : 100%;
 932 }
 933
 934 fieldset.brief label {
 935         display : block;
 936         padding : .3em 0;
 937 }
 938
 939 fieldset.brief input+input {
 940         margin-top : 3px;
 941 }
 942
 943 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
 944         background-color: #F3F3F3;
 945         border-top : 1px solid #979797;
 946         border-left : 1px solid #979797;
 947         border-right : 1px solid #DDDDDD;
 948         border-bottom : 1px solid #DDDDDD;
 949         font-size : 140%;
 950         padding : .2em;
 951         font-weight: normal;
 952 }
 953
 954 fieldset.brief textarea {
 955         font-size: 105%;
 956 }
 957
 958 fieldset.brief input:focus {
 959         background-color: #FFFFCC;
 960 }
 961
 962 fieldset.brief ol, fieldset.brief li {
 963         list-style-type : none;
 964 }
 965
 966 fieldset.brief div.hint, fieldset.rows div.hint {
 967         color : #666666;
 968         font-size : 100%;
 969         margin : .4em;
 970 }
 971
 972 h2 span.hint {
 973         font-size: 76%;
 974         font-weight : normal;
 975 }
 976 .thumbnail {
 977         border : 0;
 978         float : left;
 979         margin : 0pt 5px 5px 0pt;
 980 }
 981 a.cancel {
 982         padding-left : 1em;
 983 }
 984
 985 .resultscontrol, .resultscontrol select {
 986         font-size: 90%;
 987 }
 988
 989 .cartlist {
 990         margin-top : 5px;
 991 }
 992
 993 .cartlist input.submit, #tagsel_button {
 994         background-color : #d8deb8;
 995         background-image : none;
 996         border-color : #bebf84;
 997         color : #333;
 998         font-size : 87%;
 999         padding : 2px 0;
1000         margin : 0 0 0 0;
1001 }
1002
1003 #CheckAll, #CheckNone {
1004         font-weight : normal;
1005         margin : 0 .5em;
1006 }
1007
1008 .resultscontrol label {
1009         font-weight : bold;
1010         margin-left : .5em;
1011 }
1012
1013 .resort {
1014         float : right;
1015         margin-top : 5px;
1016 }
1017
1018 .searchresults p.details {
1019         color : #979797;
1020 }
1021
1022 .searchresults p {
1023         margin: 0;
1024         padding: 0 0 .6em 0;
1025 }
1026
1027 td.resultscontrol img {
1028         vertical-align: middle;
1029 }
1030
1031 .searchresults table td {
1032 }
1033
1034 .searchresults table {
1035         margin : 0;
1036 }
1037
1038 .searchresults td, .searchresults th, .searchresults table {
1039         border: 0;
1040 }
1041 .searchresults td {
1042         vertical-align: top;
1043 }
1044
1045 .searchresults tr {
1046         border-bottom : 1px solid #f3f3f3;
1047 }
1048
1049 .searchresults tr:first-child {
1050         border : 0;
1051 }
1052
1053 .searchresults table {
1054         border-top : 0px solid #CCCCCC;
1055         width : 100%;
1056 }
1057
1058 .searchresults a.reserve, .searchresults a.reserve:visited {
1059         background-position:left top;
1060         background-repeat:no-repeat;
1061         float:right;
1062         padding:2px 3px 2px 26px;
1063 }
1064
1065 .searchresults a.reserve {
1066         background-color:transparent;
1067         color:#006699;
1068 }
1069
1070 .unavailable, .tagerror, .tagerror:visited {
1071         color: #990033;
1072 }
1073
1074 #libraryname {
1075         float : left;
1076         line-height : 2em;
1077 }
1078
1079 #corner {
1080         float : right;
1081         line-height : 2em;
1082 }
1083
1084 .pages {
1085         line-height : 1.8em;
1086         text-align: center;
1087 }
1088 a:link.current {
1089         background-color: transparent;
1090         color: #3366CC;
1091         font-weight: bold;
1092         padding: 1px 5px 1px 5px;
1093         text-decoration: none;
1094 }
1095 a:visited.current {
1096         background-color: transparent;
1097         color: #3366CC;
1098         font-weight: bold;
1099         padding: 1px 5px 1px 5px;
1100         text-decoration: none;
1101 }
1102
1103 a:hover.current {
1104         background-color: #CCFF00;
1105         color: #CC3333;
1106         font-weight: bold;
1107         padding: 1px 5px 1px 5px;
1108         text-decoration: none;
1109 }
1110
1111 a:active.current {
1112         background-color: #99CC00;
1113         color: #FFFF99;
1114         font-weight: bold;
1115         padding: 1px 5px 1px 5px;
1116         text-decoration: none;
1117 }
1118
1119 .current {
1120         background-color: #FFFFFF;
1121         color: #3366CC;
1122         font-weight: bold;
1123         padding: 1px 5px 1px 5px;
1124         text-decoration: none;
1125 }
1126
1127 a:link.nav {
1128         background-color: #EEE;
1129         border: 1px solid #CCCC99;
1130         color: #3366CC;
1131         font-weight: bold;
1132         padding: 1px 5px 1px 5px;
1133         text-decoration: none;
1134 }
1135
1136 a:visited.nav {
1137         background-color: #EEE;
1138         border: 1px solid #CCCC99;
1139         color: #3366CC;
1140         font-weight: bold;
1141         padding: 1px 5px 1px 5px;
1142         text-decoration: none;
1143 }
1144
1145 a:hover.nav {
1146         background-color: #FFFFCC;
1147         border: 1px solid #CCCC99;
1148         color: #CC3333;
1149         font-weight: bold;
1150         padding: 1px 5px 1px 5px;
1151         text-decoration: none;
1152 }
1153
1154 a:active.nav {
1155         background-color: #FFFFCC;
1156         border: 1px solid #CCCC99;
1157         color: #D25500;
1158         font-weight: bold;
1159         padding: 1px 5px 1px 5px;
1160         text-decoration: none;
1161 }
1162
1163 /* Tabs */
1164 ul.link-tabs {
1165         list-style-type: none;
1166         margin: 9px 0 -2px 5px;
1167         padding: 0;
1168 }
1169
1170 ul.link-tabs li {
1171         display: inline;
1172         padding: 0px;
1173 }
1174
1175 ul.link-tabs li a {
1176         font-weight: bold;
1177         padding: 2px 4px 2px 4px;
1178         text-decoration: none;
1179         border-top: 1px solid #DDDDDD;
1180         border-left : 1px solid #DDDDDD;
1181         border-right : 1px solid #666666;
1182 }
1183
1184 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1185         padding: 2px 4px 3px 4px;
1186 }
1187
1188 ul.link-tabs li.off a {
1189         background-color: #EEEEEB;
1190         border-bottom: 1px solid #DDDDDD;
1191 }
1192
1193 ul.link-tabs li.off a:hover {
1194         padding: 2px 3px 2px 4px;
1195         background-color: #FFFFEC;
1196         border-top: 1px solid #BEBF84;
1197         border-left : 1px solid #BEBF84;
1198         border-right : 2px solid #333333;
1199 }
1200
1201 ul.link-tabs li.on a {
1202         background-color: #FFFFFF;
1203         border-bottom: 1px solid #FFFFFF;
1204 }
1205
1206 ul.link-tabs li a.debit {
1207         background-color : #FFFF99;
1208         color : #990033;
1209 }
1210
1211 div.tab-container {
1212         border : 1px solid #DDDDDD;
1213         margin-top : 4px;
1214         padding : .7em;
1215         width : 90%;
1216 }
1217
1218 tr.overdue td {
1219         background-color : #ffcccc;
1220         border-bottom : 1px solid #ffaeae;
1221         border-right : 1px solid #ffaeae;
1222         font-weight : bold;
1223 }
1224
1225 td.overdue {
1226         color : #cc3333;
1227 }
1228
1229 .renewals {
1230         display:block;
1231         font-size:0.8em;
1232         padding:0.5em;
1233 }
1234
1235 table#marc, table#marc td, table#marc th {
1236         border : 0;
1237 }
1238
1239 table#marc th {
1240         background-color : transparent;
1241         text-align : left;
1242 }
1243
1244 table#marc td:first-child {
1245         text-indent : 2em;
1246 }
1247 #masthead {
1248 float: left;
1249 width: 120px;
1250 }
1251
1252 #fluid {
1253 margin-left: 124px;
1254 margin-top : .4em;
1255 padding-left : 1em;
1256 }
1257
1258 #fluid-offset {
1259 float : right;
1260 width: 100%;
1261 }
1262
1263 #translControl{
1264 float : left;
1265 padding-left : .4em;
1266 }
1267
1268 .clearfix:after {
1269     content: ".";
1270     display: block;
1271     height: 0;
1272     clear: both;
1273     visibility: hidden;
1274 }
1275
1276 /* Hides from IE-mac \*/
1277 * html .clearfix {height: 1%;}
1278 /* End hide from IE-mac */
1279
1280 .results_summary {
1281         display: block;
1282         font-size : 85%;
1283         color: #707070;
1284         padding : 0 0 .5em 0;
1285 }
1286
1287 .searchresults .tagstatus {
1288         display: block;
1289         color: #707070;
1290 }
1291
1292 #login4tags {
1293         margin-top : .3em;
1294 }
1295
1296 .results_summary .label {
1297         color: #202020;
1298 }
1299
1300 .results_summary a {
1301         font-weight: normal;
1302 }
1303
1304 .actions a {
1305         margin-left : 1em;
1306         text-decoration : none;
1307 }
1308
1309 .actions a.hold {
1310         background : url("../../images/placehold-small.gif") center left no-repeat;
1311         padding-left : 16px;
1312 }
1313
1314 .actions a.addtocart {
1315         background : url("../../images/cart-small.gif") center left no-repeat;
1316         padding-left : 13px;
1317         display : none;
1318 }
1319
1320 .actions a.addtoshelf {
1321         background : url("../../images/addtolist-small.gif") center left no-repeat;
1322         padding-left : 13px;
1323 }
1324
1325 .dialog {
1326   border: 1px solid #bcbcbc;
1327         padding : .5em;
1328         margin : 1em auto;
1329   width: 65%;
1330   }
1331
1332 .dialog  h2, .dialog h3, .dialog h4 {
1333         margin : auto;
1334         text-align : center;
1335   }
1336
1337 div.alert {
1338   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1339   text-align : center;
1340 }
1341
1342 div.alert strong {
1343         color : #900;
1344 }
1345
1346 div.message {
1347         background : white url("../../images/message-bg.gif") repeat-x left 0;
1348    border : 1px solid #bcbcbc;
1349         width : 55%;
1350 }
1351
1352 #moresearches {
1353         clear : left;
1354         color : #000099;
1355         font-size : 90%;
1356         line-height : 110%;
1357         margin : .6em 0 .3em 0;
1358 }
1359
1360 #moresearches a:link, #moresearches a:visited {
1361         color : #e5ebff;
1362         font-weight : normal;
1363         text-decoration : none;
1364 }
1365
1366 #news th {
1367         text-align : left;
1368         padding : 3px 5px;
1369 }
1370
1371 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1372         color : #000;
1373         font-weight : normal;
1374 }
1375  #opac-main-search #listsmenu h4 {
1376         font-size : 90%;
1377         font-weight : bold;
1378         margin : 0 .2em;
1379  }
1380
1381 #opac-main-search #listsmenu .yuimenuitemlabel {
1382         cursor : pointer;
1383 }
1384
1385 #opac-main-search #listsmenu .bd {
1386         background-color : #f3f3f3;
1387         border : 1px solid #739acf;
1388         background-image : url("../../images/listmenu-container-bg.gif");
1389         background-position : top right;
1390         background-repeat : repeat-y;
1391         padding : .3em 1em 0 0;
1392 }
1393
1394 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1395         background-color : #fff;
1396 }
1397
1398 #opac-main-search #listsmenu ul {
1399         border-color : #b8d0e6;
1400 }
1401
1402 .selectcol {
1403         vertical-align: top;
1404         width: 10px;
1405 }
1406 .itypecol {
1407         vertical-align: top;
1408         width: 10px;
1409 }
1410 #container {
1411         color : #000;
1412 }
1413
1414 div#changelanguage{
1415         background-color: #fff;
1416         border-top: 1px solid #CCC;
1417         color : #666;
1418         font-size : 85%;
1419         padding : 1em;
1420  }
1421
1422 div#changelanguage a {
1423         font-weight : normal;
1424         padding : .5em;
1425 }
1426
1427 div#changelanguage a.more {
1428         background-image:url(../../images/more-up-arrow.gif);
1429         background-position:right center;
1430         background-repeat:no-repeat;
1431         padding-right:13px;
1432 }
1433
1434 div#changelanguage li.yuimenuitem {
1435         font-size : 120%;
1436         font-weight : normal;
1437         margin : 0;
1438         padding : 0 1em;
1439 }
1440
1441 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1442         padding : 0;
1443 }
1444
1445 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1446         background-color : #FFF;
1447         border: 1px solid #739acf;
1448         color : black;
1449         display : none;
1450         margin : 0;
1451         padding : 10px;
1452         text-align : center;
1453         width : 180px;
1454         box-shadow: 1px 1px 3px #666;
1455         -moz-box-shadow: 1px 1px 3px #666;
1456         -webkit-box-shadow: 1px 1px 3px #666;
1457
1458 }
1459
1460 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1461         background-color : transparent;
1462         border : 0;
1463         padding : inherit;
1464 }
1465
1466 #login #userid, #login #password {
1467         width : 98%;
1468 }
1469
1470 #opac-main-search input.submit {
1471         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1472         background-color : #b8d0e6;
1473         border-top: 1px solid #cccccc;
1474         border-left: 1px solid #cccccc;
1475         border-right: 1px solid #eeeeee;
1476         border-bottom: 1px solid #eeeeee;
1477         color : #333;
1478         font-weight : normal;
1479         font-size : 80%;
1480         padding : 2px;
1481 }
1482
1483 div#menu {
1484         border-right : 1px solid #979797;
1485         font-size : 94%;
1486         margin-right : .5em;
1487         padding-top : 1em;
1488         padding-bottom : 2em;
1489 }
1490
1491 div#menu li a {
1492         text-decoration : none;
1493         display : block;
1494         background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1495         border : 1px solid #979797;
1496         font-size : 111%;
1497         margin : .5em 0;
1498         padding : .4em .3em;
1499         margin-right : -1px;
1500 }
1501
1502 div#menu li a:hover {
1503         background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1504 }
1505
1506 div#menu li.active a:hover {
1507         background-color : #fff;
1508         color : #0000CC;
1509 }
1510
1511 #menu ul li {
1512         list-style-type : none;
1513 }
1514
1515 #menu ul li.active a {
1516         background-color : #FFF;
1517         background-image : none;
1518         border-right : 0;
1519         font-weight : bold;
1520 }
1521
1522 .left {
1523         float : left;
1524 }
1525
1526 .right {
1527         float : right;
1528 }
1529
1530 #searchsubmit {
1531         cursor : default;
1532         font-size : 87%;
1533         font-weight :  normal;
1534         margin-top : 0;
1535         margin-left :  .2em;
1536         padding: 2px 2px 1px 2px;
1537 }
1538
1539 #export,#further,.detailtagcell {
1540         margin-top : .5em;
1541         background-color : #F3F3F3;
1542         border : 1px solid #E8E8E8;
1543         font-size : 76%;
1544         padding : 3px;
1545         text-align : center;
1546 }
1547 #furtherm { margin-top : .5em; }
1548
1549 #export label, .detailtagcell label {
1550         display : block;
1551         font-weight : bold;
1552         font-size : 110%;
1553         margin-bottom : 2px;
1554 }
1555
1556 #export input, .detailtagcell input {
1557         padding : 2px;
1558 }
1559
1560 #further {
1561         text-align : left;
1562         font-size : 95%;
1563         padding : 3px 3px .5em 1em;
1564 }
1565
1566 #further ul li {
1567         list-style-image : url("../../images/further-bullet.gif");
1568 }
1569
1570 #amazonreviews h4 {
1571         font-size : 90%;
1572         margin : 0;
1573         padding : 0;
1574 }
1575 #amazonreviews h3 {
1576         font-size : 100%;
1577         margin : 0;
1578         padding : 0;
1579 }
1580 span.starFull {
1581         background: url(../../images/star-ratings.gif) top left no-repeat;
1582         display : block;
1583         height: 10px;
1584         margin: 0;
1585         padding: 0;
1586 }
1587
1588 span.starMT {
1589         background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1590         display : block;
1591         height: 10px;
1592         margin: 0 10px 0 10px;
1593         padding: 0;
1594         position: relative;
1595         width: 50px;
1596 }
1597
1598 #cartmenulink, #listsmenulink {
1599         display : block;
1600         position : relative;
1601         background : #aaa;
1602         padding : 5px;
1603         float : left;
1604         color : #333;
1605         text-decoration : none;
1606         cursor : pointer;
1607 }
1608
1609  #cartmenulink *, #listsmenulink * {
1610         font-style : normal;
1611         background-image : url(../../images/button-background.png);
1612         background-repeat : no-repeat;
1613         display : block;
1614         position : relative;
1615 }
1616
1617  #cartmenulink i, #listsmenulink i {
1618         background-position : top left;
1619         position : absolute;
1620         margin-bottom : -5px;
1621         top : 0;
1622         left : 0;
1623         width : 5px;
1624         height : 5px;
1625 }
1626
1627  #cartmenulink span, #listsmenulink span {
1628         background-position : bottom left;
1629         left : -5px;
1630         padding : 0 0 5px 10px;
1631         margin-bottom : -5px;
1632 }
1633 /* For IE7 */
1634  *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1635  *:first-child+html #listsmenulink span { padding-top : 5px; }
1636
1637  #cartmenulink span i, #listsmenulink span i {
1638         background-position : bottom right;
1639         margin-bottom : 0;
1640         position : absolute;
1641         left : 100%;
1642         width : 10px;
1643         height : 100%;
1644         top : 0;
1645 }
1646
1647  #cartmenulink span span, #listsmenulink span span {
1648         background-position : top right;
1649         position : absolute;
1650         right : -10px;
1651         margin-left : 10px;
1652         top : -5px;
1653         height : 0;
1654 }
1655
1656 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1657         float : left;
1658         width : auto;
1659         background-image : none;
1660         cursor : pointer;
1661 }
1662 * html #cartmenulink span, * html #listsmenulink span {
1663         padding-top : 5px;
1664 }
1665 #listsmenulink {
1666         background : #9FBFFF;
1667 }
1668
1669 #cartmenulink {
1670         background : #98CB58;
1671         color : #336600;
1672         font-size : 105%;
1673 }
1674
1675 #cartmenulink[class], #listsmenulink[class] {
1676         background-image : url(../../images/button-background-gradient.png);
1677         background-position : left top;
1678 }
1679
1680 #listsmenulink:hover {
1681         background-color : #b8d0e6;
1682 }
1683
1684 #cartmenulink:hover {
1685         background-color : #BFDE96;
1686 }
1687
1688 #cartmenulink img {
1689         background-image : none;
1690         display : inline;
1691         padding : 3px 3px 0 3px;
1692 }
1693
1694 #cartmenulink span#basketcount {
1695         background-image : none;
1696         float : none;
1697         display : inline;
1698         height : auto;
1699         position : relative;
1700         margin : 0;
1701         padding : 0;
1702         left : auto;
1703         right : auto;
1704         top : auto;
1705 }
1706
1707 #cartmenulink span#basketcount span {
1708         background-image : none;
1709         background-color : #E6FCB7;
1710         color : #000;
1711         display : inline;
1712         float : none;
1713         font-size : 80%;
1714         font-weight : normal;
1715         margin : 0 0 0 .9em;
1716         padding : 0 .3em 0 .3em;
1717         position : relative;
1718         left : auto;
1719         right : auto;
1720         top : auto;
1721 }
1722
1723 a#listsmenulink, a#listsmenulink:hover {
1724         color : #006699;
1725         font-size : 105%;
1726         font-weight : bold;
1727         line-height : 185%;
1728         margin-left : 1.5em;
1729 }
1730
1731 a#cartmenulink, a#cartmenulink:hover {
1732         color : #336600;
1733         font-size : 105%;
1734         font-weight : bold;
1735         line-height : 185%;
1736         margin-left : 1.5em;
1737 }
1738 * html a#cartmenulink {
1739         padding-top: 0;
1740 }
1741  * html a#cartmenulink:hover {
1742         padding-top : 0;
1743 }
1744 /* For IE7 */
1745 *:first-child+html a#listsmenulink { padding-top : 0; }
1746 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1747 *:first-child+html a#cartmenulink { padding-top : 0; }
1748 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1749 *:first-child+html #cartmenulink span i{ top : -4px; }
1750 *:first-child+html #listsmenulink span i { top : -5px; }
1751
1752 #listsmenulink img {
1753         background-image : none;
1754         display : inline;
1755         padding : 0 0 2px 0;
1756 }
1757
1758 * html #cartmenulink {
1759         border : 1px solid #336600;
1760 }
1761
1762 * html #listsmenulink {
1763         border : 1px solid #006699;
1764 }
1765
1766 ul.ui-tabs-nav li {
1767         margin-right : .5em;
1768 }
1769
1770 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1771         background-color : #F3F3F3;
1772         border-top : 1px solid #E8E8E8;
1773         border-left : 1px solid #E8E8E8;
1774         border-right : 1px solid #E8E8E8;
1775         border-bottom : 0;
1776         padding : .2em 1em;
1777         text-align : center;
1778         text-decoration : none;
1779 }
1780
1781 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1782         background-color : #FFF;
1783         border-top : 1px solid #E8E8E8;
1784         border-left : 1px solid #E8E8E8;
1785         border-right : 1px solid #E8E8E8;
1786         border-bottom : 1px solid #FFF;
1787         margin-bottom : -5px;
1788         text-align : center;
1789 }
1790
1791 #views {
1792         border-bottom : 1px solid #E8E8E8;
1793         margin-bottom : .5em;
1794         padding : 0 2em 2px 0.2em;
1795         white-space : nowrap;
1796 }
1797
1798 span.view {
1799         padding : 0.2em .2em 2px .2em;
1800 }
1801
1802 #bibliodescriptions,
1803 #isbdcontents {
1804         clear : left;
1805         margin-top : .5em;
1806 }
1807
1808 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
1809         background-position : 5px 3px;
1810         background-repeat : no-repeat;
1811         font-size : 87%;
1812         font-weight : normal;
1813         padding : .2em .5em;
1814         text-decoration: none;
1815 }
1816
1817 a#MARCview, span#MARCview {
1818         background-image : url(../../images/marc.gif);
1819         padding-left : 17px;
1820 }
1821 a#MARCviewPop, span#MARCviewPop {
1822     background-image : url(../../images/marc.gif);
1823     padding-left : 17px;
1824 }
1825 a#ISBDview, span#ISBDview {
1826         background-image : url(../../images/isbd.gif);
1827         padding-left : 20px;
1828 }
1829 a#Normalview, span#Normalview {
1830         background-image : url(../../images/normal.gif);
1831         padding-left : 15px;
1832 }
1833
1834 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
1835         background-color : #F3F3F3;
1836         border-left : 1px solid #E8E8E8;
1837 }
1838
1839 #shelfbrowser table {
1840         margin : 0 20px;
1841 }
1842 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1843         border : 0;
1844         font-size : 90%;
1845         text-align : center;
1846 }
1847 #shelfbrowser a {
1848         font-size : 110%;
1849         text-decoration : none;
1850 }
1851 #shelfbrowser td, #shelfbrowser th {
1852         vertical-align : bottom;
1853         width : 20%;
1854 }
1855 #shelfbrowser td.top {
1856         vertical-align : top;
1857 }
1858 #shelfbrowser td.top a {
1859         text-decoration : underline;
1860 }
1861 #shelfbrowser a {
1862         display : block;
1863 }
1864
1865 #comments .commentline {
1866         border-bottom : 2px solid #eeeeeb;
1867         margin : 0 -.5em 0 -.5em;
1868         padding : 0 .5em .5em .5em;
1869 }
1870 #comments .yours {
1871         background-color : #effed5;
1872 }
1873 #comments #addcomment {
1874         margin : 0 -1em -1em -1em;
1875         padding : .3em 1em;
1876 }
1877 input.tagbutton {
1878         padding : 1px !important;
1879 }
1880 table#items th {
1881         padding : 2px;
1882 }
1883 #action {
1884         margin-top: 0;
1885 }
1886 #similars h4 {
1887         text-align : left;
1888 }
1889 #similars table,
1890 #similars td {
1891         border : 0;
1892         margin : 0;
1893 }
1894 #similars td {
1895         width : 13em;
1896 }
1897 #similars a {
1898         display : block;
1899         font-weight : normal;
1900 }
1901 #furtherm a,
1902 #furtherm a:link,
1903 #furtherm a:visited {
1904         color : #006699;
1905 }
1906 #furtherm h4 {
1907         font-size : 106%;
1908         margin : .1em .5em;
1909 }
1910 #furtherm .bd {
1911         background-color : #F3F3F3;
1912         border:1px solid #DDD;
1913 }
1914 .results_summary img {
1915         margin : 0 5px;
1916  }
1917 span.no-image {
1918         background-color : #FFF;
1919         border: 1px solid #979797;
1920         color : #AAA;
1921         display:block;
1922         font-size : 86%;
1923         font-weight : bold;
1924         text-align : center;
1925         width : 75px;
1926 }
1927 #bookcover span.no-image {
1928         margin-right : 10px;
1929         margin-bottom : 10px;
1930 }
1931 #shelfbrowser a:link span.no-image,
1932 #shelfbrowser a:visited span.no-image,
1933 #shelfbrowser a:hover span.no-image,
1934 #shelfbrowser a:active span.no-image {
1935         font-size : 95%;
1936 }
1937 #shelfbrowser a:link span.no-image,
1938 #shelfbrowser a:visited span.no-image,
1939 #shelfbrowser a:hover span.no-image,
1940 #shelfbrowser a:active span.no-image,
1941 td.jacketcell a:link,
1942 td.jacketcell a:visited,
1943 td.jacketcell a:hover,
1944 td.jacketcell a:active,
1945 a.p1:link,
1946 a.p1:visited,
1947 a.p1:hover,
1948 a.p1:active {
1949         color : #AAA;
1950         text-decoration : none;
1951         font-weight : bold;
1952 }
1953
1954 .copies_row > td:first-child {
1955     border-left-style : none;
1956 }
1957
1958 .rtl {
1959   unicode-bidi: embed;
1960   direction: rtl;
1961   text-align: right;
1962 }
1963
1964 div.ft {
1965         clear : both;
1966 }
1967 #basket td ul li {
1968         font-size:90%;
1969         list-style:disc outside url("../../images/item-bullet.gif");
1970         padding:0.2em 0;
1971 }
1972
1973 #recentcomments {
1974         margin:auto;
1975         max-width:750px;
1976 }
1977
1978 .searchresults .commentline {
1979         background-color : rgb(255, 255, 204);
1980         background-color : rgba(255, 255, 204, 0.4);
1981         border : 1px solid #CCC;
1982         display: inline-block;
1983         -webkit-border-radius: 4px;
1984         -moz-border-radius: 4px;
1985         border-radius: 4px;
1986         -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
1987         -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
1988         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
1989         margin : .3em;
1990         padding : .4em;
1991 }
1992
1993 .searchresults .commentline.yours {
1994         background-color : rgb(239, 254, 213);
1995         background-color : rgba(239, 254, 213, 0.4);
1996 }