koha-tmpl/opac-tmpl/prog/en/css/opac.css

   1 @import url("../lib/yui/reset-fonts-grids.css");
   2 @import url("../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,#toolbar input.editshelf: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],
 224 input[type=button],
 225 input[type=reset],
 226 fieldset.brief input[type=submit],
 227 fieldset.brief input[type=button],
 228 fieldset.brief input[type=reset]
 229 {
 230         background: #f4f9fc; /* Old browsers */
 231         background: -moz-linear-gradient(top, #f4f9fc 0%, #dfeefa 4%, #bfd5ea 93%, #a1c4e2 97%, #b8d0e6 100%); /* FF3.6+ */
 232         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f9fc), color-stop(4%,#dfeefa), color-stop(93%,#bfd5ea), color-stop(97%,#a1c4e2), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
 233         background: -webkit-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
 234         background: -o-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Opera11.10+ */
 235         background: -ms-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* IE10+ */
 236         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
 237         background: linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* W3C */
 238         border-top: 1px solid #cccccc;
 239         border-left: 1px solid #cccccc;
 240         border-right: 1px solid #eeeeee;
 241         border-bottom: 1px solid #eeeeee;
 242         color : #333;
 243         font-size : 93%;
 244         font-weight : bold;
 245         padding : 4px;
 246 }
 247
 248 input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
 249         border: 1px inset #666666;
 250 }
 251
 252 td.resultscontrol,
 253 .searchresults td.resultscontrol {
 254         background-color : #EEE;
 255         border : 1px solid #E8E8E8;
 256         vertical-align : middle;
 257         padding : 3px 3px 5px 5px;
 258 }
 259
 260 table {
 261         background-color: #FFF;
 262         border-collapse : collapse;
 263         margin : 1em 0;
 264         border-right : 1px solid #dddddd;
 265         border-top : 1px solid #dddddd;
 266 }
 267
 268 td,th {
 269         background-color: #FFF;
 270         border-left : 1px solid #dddddd;
 271         border-bottom : 1px solid #dddddd;
 272         padding : 3px 5px;
 273 }
 274
 275 td.place_on_type table,
 276 td.place_on_type table td {
 277         border : 0;
 278 }
 279 td caption {
 280         font-size : 105%;
 281 }
 282
 283 th {
 284         background-color:#EEE;
 285         font-weight : bold;
 286         padding : 2px 23px;
 287         text-align : center;
 288 }
 289
 290 th.sum {
 291         text-align: right;
 292 }
 293
 294 td.sum {
 295         background-color: #FFC;
 296         font-weight: bold;
 297 }
 298
 299 th[scope=row] {
 300         text-align : right;
 301 }
 302
 303 tr.highlight td, tr.highlight th, tr.odd td {
 304         background-color : #F3F3F3;
 305    border-top : 1px solid #DDDDDD;
 306    border-bottom : 1px solid #DDDDDD;
 307 }
 308
 309 tr.even td, tr.even.highlight td {
 310         background-color: #FFF;
 311 }
 312
 313 tr.grouplabel td {
 314         background-color : #E8E8E8;
 315         border : 1px solid #DDDDDD;
 316         border-right : 1px solid #DDDDDD;
 317         text-align : center;
 318         font-weight : bold;
 319     padding: 10px;
 320 }
 321
 322 tr.reserved td {
 323         background-color : #eeffd4;
 324 }
 325 tr.transfered td {
 326         background-color : #e8f0f6;
 327 }
 328
 329 #editions table, #editions td {
 330         border : 0;
 331 }
 332
 333 .header {
 334         background-image:url("../../images/ascdesc.gif");
 335         background-position:right center;
 336         background-repeat:no-repeat;
 337         cursor:pointer;
 338 }
 339 .headerSortUp {
 340         background-image:url("../../images/asc.gif");
 341 }
 342 .headerSortDown {
 343         background-image:url("../../images/desc.gif");
 344 }
 345
 346 ul {
 347         list-style : disc;
 348         padding-left : 1em;
 349 }
 350
 351 li {
 352         list-style : disc;
 353 }
 354
 355 p.availability {
 356         font-size : 87%;
 357 }
 358
 359 .available {
 360         color : #006600;
 361 }
 362
 363 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
 364         display : block;
 365 }
 366 .notforloan {
 367         color : #900;
 368 }
 369 .lost {
 370         color : #666;
 371 }
 372 .waiting {
 373
 374 }
 375
 376 /* "problem" enhancement */
 377 .problem {
 378         color : white;
 379         background-color : red;
 380 }
 381
 382 /* style for search terms in catalogsearch */
 383 .term {
 384         /* color : blue; */
 385     color : #990000;
 386     background-color : #FFFFCC;
 387 }
 388
 389 a .term {
 390         text-decoration : underline;
 391 }
 392
 393 /* style for shelving location in catalogsearch */
 394 .shelvingloc {
 395     display : block;
 396     font-style : italic;
 397 }
 398
 399 .transfered {
 400         background-color : #F9FF9A;
 401 }
 402
 403 /* action buttons */
 404 #action {
 405         margin-top : .5em;
 406         background-color : #F3F3F3;
 407         border : 1px solid #E8E8E8;
 408         padding-bottom : 3px;
 409 }
 410
 411 #action li {
 412         list-style : none;
 413         margin : .2em;
 414         padding : .3em 0;
 415 }
 416
 417 #action a {
 418         background-position : 5px center;
 419         background-repeat : no-repeat;
 420         text-decoration : none;
 421         padding-left : 35px;
 422 }
 423
 424 #action a.print {
 425         background-image:url(../../images/print.gif);
 426 }
 427
 428 #action a#furthersearches {
 429         background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
 430         border : 1px solid #F3F3F3;
 431         margin-left : 5px;
 432         padding : 2px 26px 2px 10px;
 433         text-decoration : none;
 434 }
 435
 436 #action a#furthersearches:hover {
 437         border-top : 1px solid #FFF;
 438         border-left : 1px solid #FFF;
 439         border-right : 1px solid #979797;
 440         border-bottom : 1px solid #979797;
 441 }
 442
 443 #action a.reserve,
 444 .searchresults a.reserve {
 445         background-image:url(../../images/placereserve.gif);
 446 }
 447
 448 #action a.addtoshelf, #toolbar a.addtoshelf {
 449         background-image:url(../../images/addtoshelf.gif);
 450 }
 451
 452 #action a.addtocart, #toolbar a.addtocart {
 453         background-image:url(../../images/cart2.gif);
 454 }
 455
 456 #action a.cartRemove, .actions a.cartRemove {
 457         color: #cc3333;
 458         font-size : 90%;
 459         margin : 0;
 460         padding: 0;
 461 }
 462
 463 #action a.incart {
 464         background-image:url(../../images/cart2.gif);
 465         color : #666;
 466 }
 467
 468 /* toolbar buttons */
 469
 470 #toolbar {
 471 background-color:#EEEEEE;
 472 border:1px solid #E8E8E8;
 473 margin : .5em 0;
 474 padding:3px 3px 5px 5px;
 475 vertical-align:middle;
 476 }
 477
 478 #toolbar a,
 479 #toolbar input {
 480         white-space : nowrap;
 481 }
 482
 483 #toolbar ul {
 484         padding-left : 0;
 485 }
 486
 487 #toolbar ul li {
 488         display : inline;
 489         list-style : none;
 490 }
 491
 492 #toolbar ul li a {
 493         border-left : 1px solid #e8e8e8;
 494 }
 495
 496 #toolbar ul li:first-child a {
 497         border-left : 0;
 498 }
 499
 500
 501 #toolbar a.print {
 502         background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
 503         text-decoration : none;
 504         padding-left : 23px;
 505 }
 506
 507 #toolbar a.brief {
 508         background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
 509         text-decoration : none;
 510         padding-left : 23px;
 511 }
 512
 513 #toolbar a.detail {
 514         background: transparent url(../../images/detail.gif) 5px 50% no-repeat;
 515         text-decoration : none;
 516         padding-left : 27px;
 517 }
 518
 519 #toolbar a.download {
 520         background : transparent url("../../images/download.png") 7px 50% no-repeat;
 521         padding-left : 24px;
 522         text-decoration : none;
 523 }
 524
 525 #toolbar a.editshelf {
 526         background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat;
 527         padding-left : 26px;
 528         text-decoration : none;
 529 }
 530
 531 #toolbar a.empty {
 532         background: transparent url(../../images/empty-small.png) 5px 50% no-repeat;
 533         text-decoration : none;
 534         padding-left : 21px;
 535 }
 536
 537 #toolbar a.hide {
 538         background: transparent url(../../images/close.gif) 5px 50% no-repeat;
 539         text-decoration : none;
 540         padding-left : 26px;
 541 }
 542
 543 #toolbar a.hold {
 544         background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
 545         text-decoration : none;
 546         padding-left : 23px;
 547 }
 548
 549 #toolbar a.newshelf {
 550         background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
 551         padding-left : 23px;
 552         text-decoration : none;
 553 }
 554
 555 #toolbar a.send,
 556 a.send {
 557         background: transparent url(../../images/send.png) 2px 50% no-repeat;
 558         text-decoration : none;
 559         padding-left : 28px;
 560 }
 561
 562 #toolbar a.new {
 563         background : transparent url("../../images/new.gif") 5px 50% no-repeat;
 564         padding-left : 23px;
 565         text-decoration : none;
 566 }
 567
 568 #toolbar input.download {
 569         background : transparent url("../../images/download.png") 7px 50% no-repeat;
 570         border : 0;
 571         color : #006699;
 572         cursor : pointer;
 573         padding-left : 24px;
 574         text-decoration : none;
 575 }
 576
 577 #toolbar input.editshelf,
 578 input.editshelf {
 579         background : transparent url("../../images/shelf-edit.gif") 10px 50% no-repeat;
 580         border : 0;
 581         color : #006699;
 582         cursor : pointer;
 583         font-size : 100%;
 584         padding-left : 29px;
 585         text-decoration : none;
 586 }
 587
 588 #toolbar input.newshelf {
 589         background : transparent url("../../images/shelf-new.gif") center left no-repeat;
 590         border : 0;
 591         color : #006699;
 592         cursor : pointer;
 593         font-size : 100%;
 594         margin: 0 0.5em;
 595         padding-left : 15px;
 596         text-decoration : none;
 597 }
 598
 599 #toolbar input.deleteshelf,
 600 input.deleteshelf {
 601         background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
 602         border : 0;
 603         color : #006699;
 604         cursor : pointer;
 605         font-size : 100%;
 606         padding-left : 20px;
 607 }
 608
 609 #toolbar input.deleteshelf:hover {
 610         color: #990033;
 611 }
 612
 613
 614 #toolbar input.editshelf:active,
 615 input.editshelf:active,
 616 #toolbar input.deleteshelf:active,
 617 input.deleteshelf:active {
 618         border : 0;
 619 }
 620
 621 #tagsel_span input.submit,
 622 #tagsel_tag {
 623         background-image: url(../../images/tags-small.png);
 624         background-position : 7px center;
 625         background-repeat : no-repeat;
 626         padding-left : 25px;
 627         text-decoration: none;
 628 }
 629
 630 #tagslist li { display : inline; }
 631
 632 #placehold input.submit:hover,
 633 #tagsel_span input.submit:hover {
 634         color: #990033;
 635 }
 636
 637 #addto {
 638         max-width : 10em;
 639 }
 640
 641 .addto a.addtocart {
 642         background-image:url(../../images/cart2.gif);
 643         background-position : 9px -3px;
 644         background-repeat : no-repeat;
 645         text-decoration : none;
 646         padding-left : 33px;
 647 }
 648
 649 #placehold input.submit {
 650         background-image:url(../../images/placereserve.gif);
 651         background-position : 9px center;
 652         background-repeat : no-repeat;
 653         text-decoration : none;
 654         padding-left : 23px;
 655 }
 656
 657 #placehold input.submit,
 658 #tagsel_span input.submit {
 659         border : 0;
 660         background-color: transparent;
 661         font-size : 100%;
 662         font-weight : bold;
 663         padding-left : 31px;
 664         color : #336699;
 665         cursor : pointer;
 666 }
 667 .searchresults a.highlight_toggle {
 668         background : transparent url(../../images/highlight.gif) -4px center no-repeat;
 669         display: none;
 670         font-weight: normal;
 671         padding : 0 10px 0 21px;
 672 }
 673
 674 /* the itemtype list in advanced search */
 675 #advsearch-itemtype table {
 676         border-collapse : separate;
 677         border-spacing : 3px;
 678         border : 0px;
 679         margin : 0px;
 680         background-color : white;
 681         border : 0px solid #D8DEB8;
 682 }
 683
 684 #advsearch-itemtype table tr td {
 685         background-color : #F8F8EB;
 686         border : 0px;
 687         margin : 0px;
 688         width : 700px;
 689 }
 690
 691 #advsearch-itemtype td {
 692         font-size : 0.8em;
 693         background-color : #F8F8EB;
 694 }
 695
 696 body#advsearch #breadcrumbs {
 697         line-height : 1px;
 698         height : 1px;
 699         padding : 0;
 700 }
 701
 702 body#advsearch #cartmenulink,
 703 body#advsearch #listsmenulink {
 704         float : right;
 705 }
 706
 707 #advsearch #branchloop,
 708 #advsearch #sort_by {
 709         width : 23em;
 710 }
 711
 712 #auth {
 713         float : left;
 714 }
 715
 716 #facets {
 717
 718 }
 719
 720 /* the footer */
 721 #footer {
 722         margin-top : 30px;
 723         margin-left : 30%;
 724         margin-right : 20%;
 725         border-top : 1px solid #384b73;
 726         color : #384b73;
 727         font-size : 1em;
 728         text-align : center;
 729 }
 730
 731 /* facets bloc */
 732 /* the USER information block */
 733 #librarian_information {
 734         float : right;
 735         font-size : 10pt;
 736 }
 737
 738 #header-wrapper {
 739         background-color: #FFF;
 740 }
 741
 742 #holds,#opac-auth {
 743         min-width : 750px;
 744         width : 57.69em;
 745         margin : auto;
 746 }
 747
 748 #members {
 749         background-color: #fff;
 750         font-size : 85%;
 751         margin-left : -10px;
 752         margin-right : -10px;
 753         padding : 4px 0 4px 0;
 754         color : #000066;
 755 }
 756
 757 #members a {
 758         text-decoration : none;
 759 }
 760
 761 #members a.logout {
 762         color : #cc3333;
 763         font-weight : bold;
 764         padding : 0 .3em 0 .3em;
 765         text-decoration : none;
 766 }
 767
 768 #members li:last-child {
 769         border-right : 0;
 770 }
 771
 772 #members li {
 773         border-right : 1px solid black;
 774         display : inline;
 775         list-style : none;
 776         margin : 0;
 777         padding : 0 .5em;
 778 }
 779
 780 #members ul {
 781         margin : 0;
 782         padding : 0;
 783         text-align : right;
 784 }
 785
 786 #opac-main-search {
 787         background: #8fb4e8; /* Old browsers */
 788         background: -moz-linear-gradient(top, #8fb4e8 0%, #8cb1e5 19%, #80a8dc 48%, #7da5d8 52%, #7198cf 83%, #618ac0 100%); /* FF3.6+ */
 789         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fb4e8), color-stop(19%,#8cb1e5), color-stop(48%,#80a8dc), color-stop(52%,#7da5d8), color-stop(83%,#7198cf), color-stop(100%,#618ac0)); /* Chrome,Safari4+ */
 790         background: -webkit-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Chrome10+,Safari5.1+ */
 791         background: -o-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Opera 11.10+ */
 792         background: -ms-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* IE10+ */
 793         background: linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* W3C */
 794         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb4e8', endColorstr='#618ac0',GradientType=0 ); /* IE6-9 */
 795         border-top : 1px solid #335599;
 796         border-bottom : 1px solid #335599;
 797         margin-left : -10px;
 798         margin-right : -10px;
 799         padding : .7em 0 .4em .5em;
 800         font-size : 108%;
 801         line-height : 116%;
 802 }
 803
 804 #opac-main-search form {
 805         display : inline;
 806         padding-right : 1em;
 807 }
 808
 809 #opac-main-search label {
 810         color : #FFFFCC;
 811         font-weight : bold;
 812         margin : .2em .3em 0 0;
 813 }
 814
 815 #masthead_search,
 816 #select_library {
 817         max-width: 10em;
 818         width: 10em;
 819 }
 820
 821
 822 #search-facets ul {
 823         margin : 0;
 824         padding : .3em;
 825 }
 826
 827 #search-facets {
 828         border : 1px solid #e8e8e8;
 829 }
 830
 831 #search-facets h4 {
 832         background-color : #EEE;
 833         border-bottom : 1px solid #e8e8e8;
 834         font-size : 90%;
 835         margin : 0;
 836         padding : .7em .2em;
 837         text-align : center;
 838 }
 839
 840 #search-facets ul li {
 841         font-weight : bold;
 842         list-style-type : none;
 843 }
 844
 845 #search-facets li li {
 846         font-weight : normal;
 847         font-size : 85%;
 848         margin-bottom : 2px;
 849         padding : .1em .2em;
 850 }
 851
 852 #search-facets li li a {
 853         font-weight : normal;
 854 }
 855
 856 #search-facets li.showmore a {
 857         font-weight : bold;
 858         text-indent : 1em;
 859 }
 860
 861 .suggestion {
 862         background-color : #EEEEEB;
 863         border : 1px solid #DDDED3;
 864         margin : 10px auto;
 865         padding : 4px;
 866         width : 35%;
 867 }
 868
 869 #facets ul {
 870         margin : 0;
 871         padding : 0;
 872 }
 873
 874 #facets ul li {
 875         font-weight : bold;
 876         text-align : left;
 877         list-style : none;
 878 }
 879
 880 #facets ul ul li {
 881         border : 0;
 882         font-size : 85%;
 883         font-weight : normal;
 884         padding : 2px;
 885         text-align : left;
 886 }
 887
 888 #facets ul ul li a {
 889         font-weight : normal;
 890         text-decoration : underline;
 891 }
 892
 893 #facets h4 {
 894         font-size : 93%;
 895         padding:3px;
 896         text-align:center;
 897         background-color:#E7E7CA;
 898         line-height:1.8em;
 899         margin-left:-1px;
 900         margin-right:-1px;
 901         margin-top:-1px;
 902 }
 903
 904 #breadcrumbs {
 905         padding : .7em;
 906 }
 907
 908 p {
 909         margin: .7em 0;
 910 }
 911
 912 strong {
 913         font-weight : bold;
 914 }
 915
 916 em {
 917         font-style : italic;
 918 }
 919
 920
 921 table#marc,
 922 table#marc td,
 923 table#marc th {
 924         background-color : transparent;
 925         border : 0;
 926 }
 927
 928 table#marc p span.label {
 929         font-weight : bold;
 930 }
 931
 932 table#marc p,
 933 table#marc ul {
 934         padding-bottom: .6em;
 935 }
 936
 937 table#items,
 938 table#items td
 939 table#items th {
 940         border-width : 1px solid #EEE;
 941         font-size : 90%;
 942 }
 943
 944
 945 table#marc div.results_summary {
 946         clear :  left;
 947 }
 948 table#marc div.results_summary ul {
 949         display : inline;
 950         float :  none;
 951         clear :  none;
 952         margin: 0;
 953         padding: 0;
 954         list-style : none;
 955 }
 956
 957 table#marc div.results_summary ul li {
 958         display : inline;
 959 }
 960
 961 #basketcount {
 962         display : inline;
 963 }
 964
 965 #bookcover {
 966         float : left;
 967         margin : 0;
 968         padding : 0;
 969 }
 970
 971 #bookcover img {
 972         margin : 0 1em 1em 0;
 973 }
 974
 975 fieldset.brief {
 976         border : 1px solid #E8E8E8;
 977 }
 978
 979 fieldset.brief legend {
 980         font-weight : bold;
 981         font-size : 100%;
 982 }
 983
 984 fieldset.brief label {
 985         display : block;
 986         padding : .3em 0;
 987 }
 988
 989 fieldset.brief input+input {
 990         margin-top : 3px;
 991 }
 992
 993 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
 994         background-color: #F3F3F3;
 995         border-top : 1px solid #979797;
 996         border-left : 1px solid #979797;
 997         border-right : 1px solid #DDDDDD;
 998         border-bottom : 1px solid #DDDDDD;
 999         font-size : 140%;
1000         padding : .2em;
1001         font-weight: normal;
1002 }
1003
1004 fieldset.brief textarea {
1005         font-size: 105%;
1006 }
1007
1008 fieldset.brief input:focus {
1009         background-color: #FFFFCC;
1010 }
1011
1012 fieldset.brief ol, fieldset.brief li {
1013         list-style-type : none;
1014 }
1015
1016 fieldset.brief div.hint, fieldset.rows div.hint {
1017         color : #666666;
1018         font-size : 100%;
1019         margin : .4em;
1020 }
1021
1022 h2 span.hint {
1023         font-size: 76%;
1024         font-weight : normal;
1025 }
1026 .thumbnail {
1027         border : 0;
1028         float : left;
1029         margin : 0pt 5px 5px 0pt;
1030 }
1031 a.cancel {
1032         padding-left : 1em;
1033 }
1034
1035 .resultscontrol, .resultscontrol select {
1036         font-size: 90%;
1037 }
1038
1039 .cartlist {
1040         margin-top : 5px;
1041 }
1042
1043 .cartlist input.submit, #tagsel_button {
1044         background-color : #d8deb8;
1045         background-image : none;
1046         border-color : #bebf84;
1047         color : #333;
1048         font-size : 87%;
1049         padding : 2px 0;
1050         margin : 0 0 0 0;
1051 }
1052
1053 #CheckAll, #CheckNone {
1054         font-weight : normal;
1055         margin : 0 .5em;
1056 }
1057
1058 .resultscontrol label {
1059         font-weight : bold;
1060         margin-left : .5em;
1061 }
1062
1063 .resort {
1064         float : right;
1065         margin-top : 5px;
1066 }
1067
1068 .searchresults p.details {
1069         color : #979797;
1070 }
1071
1072 .searchresults p {
1073         margin: 0;
1074         padding: 0 0 .6em 0;
1075 }
1076
1077 td.resultscontrol img {
1078         vertical-align: middle;
1079 }
1080
1081 .searchresults table td {
1082 }
1083
1084 .searchresults table {
1085         margin : 0;
1086 }
1087
1088 .searchresults td, .searchresults th, .searchresults table {
1089         border: 0;
1090 }
1091 .searchresults td {
1092         vertical-align: top;
1093 }
1094
1095 .searchresults tr {
1096         border-bottom : 1px solid #f3f3f3;
1097 }
1098
1099 .searchresults tr:first-child {
1100         border : 0;
1101 }
1102
1103 .searchresults table {
1104         border-top : 0px solid #CCCCCC;
1105         width : 100%;
1106 }
1107
1108 .searchresults a.reserve, .searchresults a.reserve:visited {
1109         background-position:left top;
1110         background-repeat:no-repeat;
1111         float:right;
1112         padding:2px 3px 2px 26px;
1113 }
1114
1115 .searchresults a.reserve {
1116         background-color:transparent;
1117         color:#006699;
1118 }
1119
1120 .unavailable, .tagerror, .tagerror:visited {
1121         color: #990033;
1122 }
1123
1124 #libraryname {
1125         float : left;
1126         line-height : 2em;
1127 }
1128
1129 #corner {
1130         float : right;
1131         line-height : 2em;
1132 }
1133
1134 .pages {
1135         line-height : 1.8em;
1136         text-align: center;
1137 }
1138
1139 .current,
1140 .currentPage {
1141         background-color: #FFFFFF;
1142         color: #3366CC;
1143         font-weight: bold;
1144         padding: 1px 5px 1px 5px;
1145         text-decoration: none;
1146 }
1147
1148 a:link.nav,
1149 div.pages a:link {
1150         background-color: #EEE;
1151         border: 1px solid #CCCC99;
1152         color: #3366CC;
1153         font-weight: bold;
1154         padding: 1px 5px 1px 5px;
1155         text-decoration: none;
1156 }
1157
1158 a:visited.nav,
1159 div.pages a:visited {
1160         background-color: #EEE;
1161         border: 1px solid #CCCC99;
1162         color: #3366CC;
1163         font-weight: bold;
1164         padding: 1px 5px 1px 5px;
1165         text-decoration: none;
1166 }
1167
1168 a:hover.nav,
1169 div.pages a:hover {
1170         background-color: #FFFFCC;
1171         border: 1px solid #CCCC99;
1172         color: #CC3333;
1173         font-weight: bold;
1174         padding: 1px 5px 1px 5px;
1175         text-decoration: none;
1176 }
1177
1178 a:active.nav,
1179 div.pages a:active {
1180         background-color: #FFFFCC;
1181         border: 1px solid #CCCC99;
1182         color: #D25500;
1183         font-weight: bold;
1184         padding: 1px 5px 1px 5px;
1185         text-decoration: none;
1186 }
1187
1188 /* Tabs */
1189 ul.link-tabs {
1190         list-style-type: none;
1191         margin: 9px 0 -2px 5px;
1192         padding: 0;
1193 }
1194
1195 ul.link-tabs li {
1196         display: inline;
1197         padding: 0px;
1198 }
1199
1200 ul.link-tabs li a {
1201         font-weight: bold;
1202         padding: 2px 4px 2px 4px;
1203         text-decoration: none;
1204         border-top: 1px solid #DDDDDD;
1205         border-left : 1px solid #DDDDDD;
1206         border-right : 1px solid #666666;
1207 }
1208
1209 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1210         padding: 2px 4px 3px 4px;
1211 }
1212
1213 ul.link-tabs li.off a {
1214         background-color: #EEEEEB;
1215         border-bottom: 1px solid #DDDDDD;
1216 }
1217
1218 ul.link-tabs li.off a:hover {
1219         padding: 2px 3px 2px 4px;
1220         background-color: #FFFFEC;
1221         border-top: 1px solid #BEBF84;
1222         border-left : 1px solid #BEBF84;
1223         border-right : 2px solid #333333;
1224 }
1225
1226 ul.link-tabs li.on a {
1227         background-color: #FFFFFF;
1228         border-bottom: 1px solid #FFFFFF;
1229 }
1230
1231 ul.link-tabs li a.debit {
1232         background-color : #FFFF99;
1233         color : #990033;
1234 }
1235
1236 div.tab-container {
1237         border : 1px solid #DDDDDD;
1238         margin-top : 4px;
1239         padding : .7em;
1240         width : 90%;
1241 }
1242
1243 tr.overdue td {
1244         background-color : #ffcccc;
1245         border-bottom : 1px solid #ffaeae;
1246         border-right : 1px solid #ffaeae;
1247         font-weight : bold;
1248 }
1249
1250 td.overdue {
1251         color : #cc3333;
1252 }
1253
1254 .renewals {
1255         display:block;
1256         font-size:0.8em;
1257         padding:0.5em;
1258 }
1259
1260 table#marc, table#marc td, table#marc th {
1261         border : 0;
1262 }
1263
1264 table#marc th {
1265         background-color : transparent;
1266         text-align : left;
1267 }
1268
1269 table#marc td:first-child {
1270         text-indent : 2em;
1271 }
1272 #masthead {
1273 float: left;
1274 width: 120px;
1275 }
1276
1277 #fluid {
1278 margin-left: 124px;
1279 margin-top : .4em;
1280 padding-left : 1em;
1281 }
1282
1283 #fluid-offset {
1284 float : right;
1285 width: 100%;
1286 }
1287
1288 #translControl{
1289 float : left;
1290 padding-left : .4em;
1291 }
1292
1293 .clearfix:after {
1294     content: ".";
1295     display: block;
1296     height: 0;
1297     clear: both;
1298     visibility: hidden;
1299 }
1300
1301 /* Hides from IE-mac \*/
1302 * html .clearfix {height: 1%;}
1303 /* End hide from IE-mac */
1304
1305 .results_summary {
1306         display: block;
1307         font-size : 85%;
1308         color: #707070;
1309         padding : 0 0 .5em 0;
1310 }
1311 .results_summary .results_summary {
1312         font-size : 100%;
1313 }
1314
1315 .m880 {
1316     display:block;
1317     text-align:right;
1318     float:right;
1319     width:50%;
1320     padding-left:20px
1321 }
1322
1323 .searchresults .tagstatus {
1324         display: block;
1325         color: #707070;
1326 }
1327
1328 #login4tags {
1329         margin-top : .3em;
1330 }
1331
1332 .results_summary .label {
1333         color: #202020;
1334 }
1335
1336 .results_summary a {
1337         font-weight: normal;
1338 }
1339
1340 .actions a {
1341         margin-left : 1em;
1342         text-decoration : none;
1343 }
1344
1345 .actions a.hold {
1346         background : url("../../images/placehold-small.gif") center left no-repeat;
1347         padding-left : 16px;
1348 }
1349
1350 .actions a.addtocart {
1351         background : url("../../images/cart-small.gif") center left no-repeat;
1352         padding-left : 13px;
1353         display : none;
1354 }
1355
1356 .actions a.addtoshelf {
1357         background : url("../../images/addtolist-small.gif") center left no-repeat;
1358         padding-left : 13px;
1359 }
1360
1361 .dialog {
1362   border: 1px solid #bcbcbc;
1363         padding : .5em;
1364         margin : 1em auto;
1365   width: 65%;
1366   }
1367
1368 .dialog  h2, .dialog h3, .dialog h4 {
1369         margin : auto;
1370         text-align : center;
1371   }
1372
1373 div.alert {
1374         background: #fef8d3; /* Old browsers */
1375         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1376         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
1377         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1378         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1379         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1380         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1381         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1382         text-align : center;
1383 }
1384
1385 div.alert strong {
1386         color : #900;
1387 }
1388
1389 div.message {
1390         background: #ffffff; /* Old browsers */
1391         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1392         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
1393         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1394         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1395         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1396         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1397         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1398         border : 1px solid #bcbcbc;
1399         width : 55%;
1400 }
1401
1402 #moresearches {
1403         clear : left;
1404         color : #000099;
1405         font-size : 90%;
1406         line-height : 110%;
1407         margin : .6em 0 .3em 0;
1408 }
1409
1410 #moresearches a:link, #moresearches a:visited {
1411         color : #e5ebff;
1412         font-weight : normal;
1413         text-decoration : none;
1414 }
1415
1416 #news th {
1417         text-align : left;
1418         padding : 3px 5px;
1419 }
1420
1421 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1422         color : #000;
1423         font-weight : normal;
1424 }
1425  #opac-main-search #listsmenu h4 {
1426         font-size : 90%;
1427         font-weight : bold;
1428         margin : 0 .2em;
1429  }
1430
1431 #opac-main-search #listsmenu .yuimenuitemlabel {
1432         cursor : pointer;
1433 }
1434
1435 #opac-main-search #listsmenu .bd {
1436         background: #eef4fe; /* Old browsers */
1437         background: -moz-linear-gradient(left, #eef4fe 0%, #eef4fe 88%, #f6f9fe 98%, #ffffff 99%, #a5c2f6 99%, #e6eefe 100%, #cbdefe 100%); /* FF3.6+ */
1438         background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eef4fe), color-stop(88%,#eef4fe), color-stop(98%,#f6f9fe), color-stop(99%,#ffffff), color-stop(99%,#a5c2f6), color-stop(100%,#e6eefe), color-stop(100%,#cbdefe)); /* Chrome,Safari4+ */
1439         background: -webkit-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Chrome10+,Safari5.1+ */
1440         background: -o-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Opera11.10+ */
1441         background: -ms-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* IE10+ */
1442         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef4fe', endColorstr='#cbdefe',GradientType=1 ); /* IE6-9 */
1443         background: linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* W3C */
1444         border : 1px solid #739acf;
1445         padding : .3em 1em 0 0;
1446 }
1447
1448 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1449         background-color : #fff;
1450 }
1451
1452 #opac-main-search #listsmenu ul {
1453         border-color : #b8d0e6;
1454 }
1455
1456 .selectcol {
1457         vertical-align: top;
1458         width: 10px;
1459 }
1460 .itypecol {
1461         vertical-align: top;
1462         width: 10px;
1463 }
1464 #container {
1465         color : #000;
1466 }
1467
1468 div#changelanguage{
1469         background-color: #fff;
1470         border-top: 1px solid #CCC;
1471         color : #666;
1472         font-size : 85%;
1473         padding : 1em;
1474         margin-top : 2em;
1475  }
1476
1477 div#changelanguage a {
1478         font-weight : normal;
1479         padding : .5em;
1480 }
1481
1482 div#changelanguage a.more {
1483         background-image:url(../../images/more-up-arrow.gif);
1484         background-position:right center;
1485         background-repeat:no-repeat;
1486         padding-right:13px;
1487 }
1488
1489 div#changelanguage li.yuimenuitem {
1490         font-size : 120%;
1491         font-weight : normal;
1492         margin : 0;
1493         padding : 0 1em;
1494 }
1495
1496 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1497         padding : 0;
1498 }
1499
1500 div.lang{
1501         float:left;
1502 }
1503
1504 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1505         background-color : #FFF;
1506         border: 1px solid #739acf;
1507         color : black;
1508         display : none;
1509         margin : 0;
1510         padding : 10px;
1511         text-align : center;
1512         width : 180px;
1513         box-shadow: 1px 1px 3px #666;
1514         -moz-box-shadow: 1px 1px 3px #666;
1515         -webkit-box-shadow: 1px 1px 3px #666;
1516         z-index: 2;
1517
1518 }
1519
1520 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1521         background-color : transparent;
1522         border : 0;
1523         padding : inherit;
1524 }
1525
1526 #login #userid, #login #password {
1527         width : 98%;
1528 }
1529
1530 #opac-main-search input.submit {
1531         background: #e6f3fe; /* Old browsers */
1532         background: -moz-linear-gradient(top, #e6f3fe 0%, #dfeefa 8%, #bfd5ea 49%, #b8d0e6 52%, #b8d0e6 100%); /* FF3.6+ */
1533         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f3fe), color-stop(8%,#dfeefa), color-stop(49%,#bfd5ea), color-stop(52%,#b8d0e6), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
1534         background: -webkit-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1535         background: -o-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Opera11.10+ */
1536         background: -ms-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* IE10+ */
1537         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f3fe', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
1538         background: linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* W3C */
1539         -webkit-border-radius: 4px;
1540         -moz-border-radius: 4px;
1541         border-radius: 4px;
1542         -webkit-box-shadow: 1px 1px 1px 1px , , .3);
1543         -moz-box-shadow: 1px 1px 1px 1px , , .3);
1544         box-shadow: 1px 1px 1px 1px , , .3);
1545
1546         color : #333;
1547         font-weight : normal;
1548         font-size : 80%;
1549         padding : 2px;
1550 }
1551
1552 div#menu {
1553         border-right : 1px solid #979797;
1554         font-size : 94%;
1555         margin-right : .5em;
1556         padding-top : 1em;
1557         padding-bottom : 2em;
1558 }
1559
1560 div#menu li a {
1561         background: #eeeeee; /* Old browsers */
1562         background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1563         background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(96%,#eeeeee), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1564         background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1565         background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera 11.10+ */
1566         background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1567         background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1568         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
1569         text-decoration : none;
1570         display : block;
1571         border : 1px solid #979797;
1572         font-size : 111%;
1573         margin : .5em 0;
1574         padding : .4em .3em;
1575         margin-right : -1px;
1576 }
1577
1578 div#menu li a:hover {
1579         background: #eaeef5; /* Old browsers */
1580         background: -moz-linear-gradient(left, #eaeef5 0%, #dee6f4 96%, #c4d5ef 98%, #a2bee8 100%); /* FF3.6+ */
1581         background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eaeef5), color-stop(96%,#dee6f4), color-stop(98%,#c4d5ef), color-stop(100%,#a2bee8)); /* Chrome,Safari4+ */
1582         background: -webkit-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Chrome10+,Safari5.1+ */
1583         background: -o-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Opera 11.10+ */
1584         background: -ms-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* IE10+ */
1585         background: linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* W3C */
1586         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#a2bee8',GradientType=1 ); /* IE6-9 */
1587 }
1588
1589 div#menu li.active a:hover {
1590         background-color : #fff;
1591         color : #0000CC;
1592 }
1593
1594 #menu ul li {
1595         list-style-type : none;
1596 }
1597
1598 #menu ul li.active a {
1599         background-color : #FFF;
1600         background-image : none;
1601         border-right : 0;
1602         font-weight : bold;
1603 }
1604
1605 .left {
1606         float : left;
1607 }
1608
1609 .right {
1610         float : right;
1611 }
1612
1613 #searchsubmit {
1614         cursor : default;
1615         font-size : 87%;
1616         font-weight :  normal;
1617         margin-top : 0;
1618         margin-left :  .2em;
1619         padding: 2px 2px 1px 2px;
1620 }
1621
1622 #export,#further,.detailtagcell {
1623         margin-top : .5em;
1624         background-color : #F3F3F3;
1625         border : 1px solid #E8E8E8;
1626         font-size : 76%;
1627         padding : 3px;
1628         text-align : center;
1629 }
1630 #furtherm { margin-top : .5em; }
1631
1632 #export label, .detailtagcell label {
1633         display : block;
1634         font-weight : bold;
1635         font-size : 110%;
1636         margin-bottom : 2px;
1637 }
1638
1639 #export input, .detailtagcell input {
1640         padding : 2px;
1641 }
1642
1643 #further {
1644         text-align : left;
1645         font-size : 95%;
1646         padding : 3px 3px .5em 1em;
1647 }
1648
1649 #further ul li {
1650         list-style-image : url("../../images/further-bullet.gif");
1651 }
1652
1653 #amazonreviews h4 {
1654         font-size : 90%;
1655         margin : 0;
1656         padding : 0;
1657 }
1658 #amazonreviews h3 {
1659         font-size : 100%;
1660         margin : 0;
1661         padding : 0;
1662 }
1663 span.starFull {
1664         background: url(../../images/star-ratings.gif) top left no-repeat;
1665         display : block;
1666         height: 10px;
1667         margin: 0;
1668         padding: 0;
1669 }
1670
1671 span.starMT {
1672         background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1673         display : block;
1674         height: 10px;
1675         margin: 0 10px 0 10px;
1676         padding: 0;
1677         position: relative;
1678         width: 50px;
1679 }
1680
1681 #cartmenulink, #listsmenulink {
1682         background-repeat: no-repeat;
1683         -webkit-border-radius: 5px;
1684         -moz-border-radius: 5px;
1685         border-radius: 5px;
1686         display : block;
1687         position : relative;
1688         float : left;
1689         color : #333;
1690         text-decoration : none;
1691         cursor : pointer;
1692         font-size : 105%;
1693         font-weight : bold;
1694         line-height : 185%;
1695         margin-left : 1.5em;
1696         padding : .3em .7em;
1697 }
1698
1699 #listsmenulink {
1700         background : #9FBFFF;
1701         background: url("../../images/list.gif"),-moz-linear-gradient(top, #d7e5ff 0%, #b1cbff 50%, #9fbfff 100%); /* FF3.6+ */
1702         background: url("../../images/list.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e5ff), color-stop(50%,#b1cbff), color-stop(100%,#9fbfff)); /* Chrome,Safari4+ */
1703         background: url("../../images/list.gif"),-webkit-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Chrome10+,Safari5.1+ */
1704         background: url("../../images/list.gif"),-o-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Opera 11.10+ */
1705         background: url("../../images/list.gif"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */
1706         background: url("../../images/list.gif"),linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* W3C */
1707         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e5ff', endColorstr='#9fbfff',GradientType=0 ); /* IE6-9 */
1708         background-position: 85% 46%;
1709         background-repeat: no-repeat;
1710         border: 1px solid #629DCF;
1711         color : #006699;
1712         padding-right: 20px;
1713 }
1714
1715 #listsmenulink:hover {
1716         background-color : #b8d0e6;
1717         background: url("../../images/list.gif"),-moz-linear-gradient(top, #e2ecf5 0%, #c3d8ea 50%, #b8d0e6 100%); /* FF3.6+ */
1718         background: url("../../images/list.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ecf5), color-stop(50%,#c3d8ea), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
1719         background: url("../../images/list.gif"),-webkit-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1720         background: url("../../images/list.gif"),-o-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Opera 11.10+ */
1721         background: url("../../images/list.gif"),-ms-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* IE10+ */
1722         background: url("../../images/list.gif"),linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* W3C */
1723         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecf5', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
1724         background-repeat: no-repeat;
1725         background-position: 85% 46%;
1726 }
1727
1728 #cartmenulink {
1729         background: #98CB58; /* Old browsers */
1730         background: url("../../images/cart.gif"),-moz-linear-gradient(top, #d5eaba 0%, #b7db8a 50%, #98cb59 100%); /* FF3.6+ */
1731         background: url("../../images/cart.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5eaba), color-stop(50%,#b7db8a), color-stop(100%,#98cb59)); /* Chrome,Safari4+ */
1732         background: url("../../images/cart.gif"),-webkit-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Chrome10+,Safari5.1+ */
1733         background: url("../../images/cart.gif"),-o-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Opera 11.10+ */
1734         background: url("../../images/cart.gif"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */
1735         background: url("../../images/cart.gif"),linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* W3C */
1736         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaba', endColorstr='#98cb59',GradientType=0 ); /* IE6-9 */
1737         background-position: 15% 46%;
1738         background-repeat: no-repeat;
1739         border: 1px solid #5EA28C;
1740         color : #336600;
1741         padding-left : 30px;
1742 }
1743
1744 #cartmenulink:hover {
1745         background-color : #BFDE96;
1746         background: url("../../images/cart.gif"),-moz-linear-gradient(top, #e5f1d4 0%, #cbe4aa 50%, #c0de98 100%); /* FF3.6+ */
1747         background: url("../../images/cart.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1d4), color-stop(50%,#cbe4aa), color-stop(100%,#c0de98)); /* Chrome,Safari4+ */
1748         background: url("../../images/cart.gif"),-webkit-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Chrome10+,Safari5.1+ */
1749         background: url("../../images/cart.gif"),-o-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Opera 11.10+ */
1750         background: url("../../images/cart.gif"),-ms-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* IE10+ */
1751         background: url("../../images/cart.gif"),linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* W3C */
1752         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1d4', endColorstr='#c0de98',GradientType=0 ); /* IE6-9 */
1753         background-repeat: no-repeat;
1754         background-position: 15% 46%;
1755 }
1756
1757 /* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1758 * html #listsmenulink,
1759 *+html #listsmenulink {
1760         padding-right : .7em;
1761 }
1762
1763 /* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1764 * html #cartmenulink,
1765 *+html #cartmenulink {
1766         padding-left : .7em;
1767 }
1768
1769 /* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1770 #listsmenulink {
1771   padding-right: .7em\0/;
1772 }
1773
1774 /* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1775 #cartmenulink {
1776   padding-left: .7em\0/;
1777 }
1778
1779 #cartmenulink span#basketcount {
1780         background-image : none;
1781         float : none;
1782         display : inline;
1783         height : auto;
1784         position : relative;
1785         margin : 0;
1786         padding : 0;
1787         left : auto;
1788         right : auto;
1789         top : auto;
1790 }
1791
1792 #cartmenulink span#basketcount span {
1793         background-image : none;
1794         background-color : #E6FCB7;
1795         color : #000;
1796         display : inline;
1797         float : none;
1798         font-size : 80%;
1799         font-weight : normal;
1800         margin : 0 0 0 .9em;
1801         padding : 0 .3em 0 .3em;
1802         position : relative;
1803         left : auto;
1804         right : auto;
1805         top : auto;
1806 }
1807
1808 ul.ui-tabs-nav li {
1809         margin-right : .5em;
1810 }
1811
1812 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1813         background-color : #F3F3F3;
1814         border-top : 1px solid #E8E8E8;
1815         border-left : 1px solid #E8E8E8;
1816         border-right : 1px solid #E8E8E8;
1817         border-bottom : 0;
1818         padding : .2em 1em;
1819         text-align : center;
1820         text-decoration : none;
1821 }
1822
1823 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1824         background-color : #FFF;
1825         border-top : 1px solid #E8E8E8;
1826         border-left : 1px solid #E8E8E8;
1827         border-right : 1px solid #E8E8E8;
1828         border-bottom : 1px solid #FFF;
1829         margin-bottom : -5px;
1830         text-align : center;
1831 }
1832
1833 #views {
1834         border-bottom : 1px solid #E8E8E8;
1835         margin-bottom : .5em;
1836         padding : 0 2em 2px 0.2em;
1837         white-space : nowrap;
1838 }
1839
1840 span.view {
1841         padding : 0.2em .2em 2px .2em;
1842 }
1843
1844 #bibliodescriptions,
1845 #isbdcontents {
1846         clear : left;
1847         margin-top : .5em;
1848 }
1849
1850 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
1851         background-position : 5px 3px;
1852         background-repeat : no-repeat;
1853         font-size : 87%;
1854         font-weight : normal;
1855         padding : .2em .5em;
1856         text-decoration: none;
1857 }
1858
1859 a#MARCview, span#MARCview {
1860         background-image : url(../../images/marc.gif);
1861         padding-left : 17px;
1862 }
1863 a#MARCviewPop, span#MARCviewPop {
1864     background-image : url(../../images/marc.gif);
1865     padding-left : 17px;
1866 }
1867 a#ISBDview, span#ISBDview {
1868         background-image : url(../../images/isbd.gif);
1869         padding-left : 20px;
1870 }
1871 a#Normalview, span#Normalview {
1872         background-image : url(../../images/normal.gif);
1873         padding-left : 15px;
1874 }
1875
1876 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
1877         background-color : #F3F3F3;
1878         border-left : 1px solid #E8E8E8;
1879 }
1880
1881 #shelfbrowser table {
1882         margin : 0 20px;
1883 }
1884 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1885         border : 0;
1886         font-size : 90%;
1887         text-align : center;
1888 }
1889 #shelfbrowser a {
1890         font-size : 110%;
1891         text-decoration : none;
1892 }
1893 #shelfbrowser td, #shelfbrowser th {
1894         vertical-align : bottom;
1895         width : 20%;
1896 }
1897 #shelfbrowser td.top {
1898         vertical-align : top;
1899 }
1900 #shelfbrowser td.top a {
1901         text-decoration : underline;
1902 }
1903 #shelfbrowser a {
1904         display : block;
1905 }
1906
1907 #comments .commentline {
1908         border-bottom : 2px solid #eeeeeb;
1909         margin : 0 -.5em 0 -.5em;
1910         padding : 0 .5em .5em .5em;
1911 }
1912 #comments .yours {
1913         background-color : #effed5;
1914 }
1915 .commentline .avatar {
1916         float : right;
1917         padding-left : .5em;
1918 }
1919 #comments #addcomment {
1920         margin : 0 -1em -1em -1em;
1921         padding : .3em 1em;
1922 }
1923 input.tagbutton {
1924         padding : 1px !important;
1925 }
1926 table#items th {
1927         padding : 2px;
1928 }
1929 #action {
1930         /*margin-top: 0;*/
1931 }
1932 #similars h4 {
1933         text-align : left;
1934 }
1935 #similars table,
1936 #similars td {
1937         border : 0;
1938         margin : 0;
1939 }
1940 #similars td {
1941         width : 13em;
1942 }
1943 #similars a {
1944         display : block;
1945         font-weight : normal;
1946 }
1947 #furtherm a,
1948 #furtherm a:link,
1949 #furtherm a:visited {
1950         color : #006699;
1951 }
1952 #furtherm h4 {
1953         font-size : 106%;
1954         margin : .1em .5em;
1955 }
1956 #furtherm .bd {
1957         background-color : #F3F3F3;
1958         border:1px solid #DDD;
1959 }
1960 .results_summary img {
1961         margin : 0 5px;
1962  }
1963 span.no-image {
1964         background-color : #FFF;
1965         border: 1px solid #979797;
1966         color : #AAA;
1967         display:block;
1968         font-size : 86%;
1969         font-weight : bold;
1970         text-align : center;
1971         width : 75px;
1972 }
1973 #bookcover span.no-image {
1974         margin-right : 10px;
1975         margin-bottom : 10px;
1976 }
1977 #shelfbrowser a:link span.no-image,
1978 #shelfbrowser a:visited span.no-image,
1979 #shelfbrowser a:hover span.no-image,
1980 #shelfbrowser a:active span.no-image {
1981         font-size : 95%;
1982 }
1983 #shelfbrowser a:link span.no-image,
1984 #shelfbrowser a:visited span.no-image,
1985 #shelfbrowser a:hover span.no-image,
1986 #shelfbrowser a:active span.no-image,
1987 td.jacketcell a:link,
1988 td.jacketcell a:visited,
1989 td.jacketcell a:hover,
1990 td.jacketcell a:active,
1991 a.p1:link,
1992 a.p1:visited,
1993 a.p1:hover,
1994 a.p1:active {
1995         color : #AAA;
1996         text-decoration : none;
1997         font-weight : bold;
1998 }
1999
2000 .copies_row > td:first-child {
2001     border-left-style : none;
2002 }
2003
2004 .rtl {
2005   unicode-bidi: embed;
2006   direction: rtl;
2007   text-align: right;
2008 }
2009
2010 div.ft {
2011         clear : both;
2012 }
2013 #basket td ul li {
2014         font-size:90%;
2015         list-style:disc outside url("../../images/item-bullet.gif");
2016         padding:0.2em 0;
2017 }
2018
2019 #recentcomments {
2020         margin:auto;
2021         max-width:750px;
2022 }
2023
2024 .searchresults .commentline {
2025         background-color : rgb(255, 255, 204);
2026         background-color : rgba(255, 255, 204, 0.4);
2027         border : 1px solid #CCC;
2028         display: inline-block;
2029         -webkit-border-radius: 4px;
2030         -moz-border-radius: 4px;
2031         border-radius: 4px;
2032         -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2033         -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2034         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2035         margin : .3em;
2036         padding : .4em;
2037 }
2038
2039 .searchresults .commentline.yours {
2040         background-color : rgb(239, 254, 213);
2041         background-color : rgba(239, 254, 213, 0.4);
2042 }
2043
2044 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
2045 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
2046 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
2047
2048 #catalogue_detail_biblio h1 { float:left; margin:0 1em 1em 0; }
2049 #catalogue_detail_biblio h1.title { float:none; margin-top:1em; }
2050 #catalogue_detail_biblio h3 {clear:both; }
2051
2052 #opac-detail #Normalview { font-weight:bold; }
2053 #opac-marcdetail #Normalview { font-weight:normal; }
2054 #opac-marcdetail #MARCview { font-weight:bold; }
2055 #opac-isbddetail #Normalview { font-weight:normal; }
2056 #opac-isbddetail #ISBDview { font-weight:bold; }
2057 #opac-isbddetail #isbdcontents { margin-top: 2em; }
2058
2059 div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px; margin : 2px; }
2060
2061 #renewcontrols {
2062          float: right;
2063          font-size: 66%;
2064 }
2065
2066 #renewcontrols a {
2067         background-position : 3px center;
2068         background-repeat : no-repeat;
2069         text-decoration:none;
2070         padding : .1em .4em;
2071         padding-left : 18px;
2072 }
2073
2074 #renewselected_link {
2075         background-image : url(../../images/check.png);
2076 }
2077
2078 #renewall_link {
2079         background-image : url(../../images/checks.png);
2080 }
2081
2082 div.koha_url {
2083     border-top: none !important;
2084 }
2085 span.koha_url {
2086     position: absolute;
2087     right: 0;
2088 }
2089 a.koha_url {
2090     text-decoration:none;
2091     color: #666666;
2092 }
2093 /* pagination */
2094 .pagination {
2095     position: absolute;
2096     top:32px;
2097     left: -1px;
2098     width: 100%;
2099     height:auto;
2100     border: 1px solid #D0D0D0;
2101     display: none;
2102         background-color:#F3F3F3;
2103         padding-bottom:10px;
2104 }
2105
2106
2107 /* nav */
2108 .nav .close_pagination {
2109     padding-right: 10px;
2110     position: absolute;
2111     right: 3px;
2112     top: -25px;
2113 }
2114 .nav .close_pagination a {
2115     text-decoration:none!important;
2116 }
2117
2118 .nav ul {
2119     padding-top: 10px;
2120 }
2121
2122 .nav li {
2123         list-style:none;
2124         float:left;
2125         padding:4px;
2126         color:#999;
2127 }
2128
2129 .nav li a {
2130         text-decoration:none!important;
2131 }
2132
2133 .nav li a:hover {
2134         text-decoration:underline;
2135 }
2136
2137 .nav li ul {
2138         float:left;
2139 }
2140
2141 .back {
2142         float:right;
2143 }
2144
2145 .back input{
2146         background:none!important;
2147         color:#999!important;
2148 }
2149
2150 .pagination_list {
2151         float:bottom;
2152 }
2153 .pagination_list ul {
2154     padding-top: 40px;
2155         padding-left:0px;
2156 }
2157 .pagination_list li {
2158         list-style:none;
2159         float:bottom;
2160         padding:4px;
2161         color:#999;
2162    /* border-bottom : 1px solid #DDDDDD;*/
2163 }
2164 .pagination_list li.highlight {
2165    background-color : #F3F3F3;
2166    border-top : 1px solid #DDDDDD;
2167    border-bottom : 1px solid #DDDDDD;
2168 }
2169 .pagination_list span.li_pag_index {
2170    color: #999999;
2171     float: left;
2172     font-size: 15px;
2173     font-weight: bold;
2174     padding-right: 10px;
2175     text-align: right;
2176     width: 13px;
2177
2178 }
2179
2180 .pagination_list li a {padding-left:0px;}
2181
2182
2183 .nav_results {
2184     background-color: #F3F3F3;
2185     border: 1px solid #D0D0D0;
2186     margin-top: 0.5em;
2187         position:relative;
2188 }
2189
2190 .nav_results .l_Results a {
2191     background:#E1E1E1 url("../../images/ico_b_results.gif") 14px 13px no-repeat;
2192     color:#006699;
2193     display:block;
2194     padding:8px 28px;
2195     text-decoration:none;
2196 }
2197 .nav_results .l_Results a:hover {
2198     background-color:#D9D9D9;
2199 }
2200 .nav_results ul.pg_menu {
2201     border-top: 1px solid #D0D0D0;
2202     white-space : nowrap;
2203 }
2204 .nav_results ul.pg_menu li {
2205     color:#B2B2B2;
2206     display:inline;
2207     list-style:none;
2208     margin: 0;
2209 }
2210 .nav_results ul.pg_menu li.back_results a {
2211     border-left: 1px solid #D0D0D0;
2212     border-right: 1px solid #D0D0D0;
2213 }
2214 .nav_results ul.pg_menu li a,
2215 .nav_results ul.pg_menu li span {
2216         background-color: #F3F3F3;
2217         display : block;
2218     float:left;
2219     padding:.4em .5em;
2220     text-decoration:none;
2221     font-weight:normal;
2222     text-align:center;
2223 }
2224
2225 .nav_results ul.pg_menu li span {
2226         color : #B2B2B2;
2227 }
2228
2229 .nav_results ul.pg_menu li.left_results a {
2230         padding-left : 0;
2231 }
2232
2233 .nav_results ul.pg_menu li a:hover {
2234 }
2235
2236 .nav_results #listResults{
2237     line-height: 0.7em;
2238 }
2239
2240 .nav_results  #listResults li  {
2241     background-color:#999999;
2242     color:#C5C5C5;
2243     font-weight:normal;
2244         display:block;
2245         margin-right:1px;
2246         font-size:0.9em;
2247         padding:5px 0px;
2248         text-align:center;
2249         min-width:20px;
2250 }
2251
2252 .nav_results  #listResults li:hover  {background-color:#006699;}
2253
2254 .nav_results  #listResults li a { color:#FFFFFF; font-weight:normal;}
2255
2256 a.localimage img {
2257         border : 1px solid #8EB3E7;
2258         margin : 0 .5em;
2259         padding : .3em;
2260 }
2261 p.patronimage {
2262         border:1px solid #EEE;
2263         border-bottom-color:#000;
2264         margin: 0.9em 0 0;
2265         padding:1em;
2266 }
2267
2268 p.patronimage.edit {
2269         border-color:#E8E8E8;
2270         margin: 1em 1em 1em 0;
2271 }