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,
   9 a:visited,
  10 .ui-widget-content a,
  11 .ui-widget-content a:visited {
  12         color : #006699;
  13 }
  14
  15 a:hover,#toolbar input.editshelf:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
  16         color : #990033;
  17 }
  18
  19 a.disabled {
  20         color : #888888 !important;
  21 }
  22
  23 body {
  24         background-color : white;
  25         text-align : left;
  26         padding : 0 0 2.5em 0;
  27 }
  28
  29 .required {
  30     color : #C00;
  31 }
  32
  33 caption {
  34         font-size : 140%;
  35         font-weight : bold;
  36         line-height : 144%;
  37         text-align : left;
  38 }
  39
  40 fieldset {
  41         background-color: #FFF;
  42         border : 2px solid #EEEEEE;
  43         margin : 1em 1em 1em 0;
  44         padding : 1em;
  45 }
  46
  47 fieldset.rows {
  48         border-width : 1px;
  49         border-bottom : 1px solid black;
  50         float : left;
  51         font-size : 90%;
  52         clear : left;
  53         margin: .9em 0 0 0;
  54         padding: 0;
  55         width: 100%;
  56 }
  57
  58 fieldset.rows legend {
  59         margin-left: 1em;
  60         font-weight: bold;
  61         font-size : 110%;
  62 }
  63
  64 fieldset.rows label, fieldset.rows span.label {
  65         float: left;
  66         font-weight : bold;
  67         width: 9em;
  68         margin-right: 1em;
  69         text-align: right;
  70 }
  71
  72 fieldset.rows fieldset {
  73         border-width : 1px;
  74         margin : 0;
  75         padding : .3em;
  76 }
  77
  78 fieldset.rows ol {
  79         padding: 1em 1em 0 1em;
  80         list-style-type: none;
  81 }
  82
  83 fieldset.rows li {
  84         float : left;
  85         clear : left;
  86         padding-bottom: 1em;
  87         list-style-type: none;
  88         width: 100%;
  89 }
  90
  91 fieldset.rows.left li {
  92         padding-bottom : .4em;
  93 }
  94
  95 fieldset.rows li.radio {
  96         padding-left: 9em;
  97         width : auto;
  98 }
  99
 100 fieldset.rows li.radio label {
 101         float : none;
 102         width : auto;
 103         margin : 0 0 0 1em;
 104 }
 105
 106 fieldset.rows ol.radio label {
 107         width : auto;
 108         float : none;
 109         margin-right : 0;
 110 }
 111
 112 fieldset.rows ol.radio label.radio {
 113         float : left;
 114         width : 12em;
 115         margin-right : 1em;
 116 }
 117
 118 fieldset.rows table {
 119         clear : both;
 120         margin-left : 1em;
 121 }
 122
 123 fieldset.rows td label {
 124         float : none;
 125         font-weight : normal;
 126         width : auto;
 127 }
 128
 129 fieldset.holds {
 130         background-color : #F3F3F3;
 131         border: 0;
 132         font-size : 110%;
 133         padding : 1px;
 134 }
 135
 136 fieldset.holds ol {
 137         margin : 0;
 138         padding : 0;
 139 }
 140
 141 fieldset.holds li {
 142         background-color : #FFF;
 143         border-bottom : 1px solid #F3F3F3;
 144         padding : .3em;
 145 }
 146
 147 fieldset.holds label, fieldset.holds span.label {
 148
 149 }
 150
 151 fieldset.action {
 152         clear : both;
 153         float : none;
 154         border : none;
 155         margin : 0;
 156         padding : 1em 0 .3em 0;
 157         width : auto;
 158 }
 159
 160 fieldset.action p {
 161         margin-bottom : 1em;
 162 }
 163
 164 form {
 165         display : inline;
 166         margin : 0;
 167         padding : 0;
 168 }
 169
 170 h1 {
 171         font-size : 138.5%;
 172 }
 173
 174 h1#library {
 175         font-size : 100%;
 176         font-weight : normal;
 177         margin : .2em 0 .2em .5em;
 178 }
 179
 180
 181 h1#libraryname {
 182         background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
 183         border: 0;
 184         float : left !important;
 185         margin:0;
 186         padding:0;
 187         width:120px;
 188 }
 189
 190 h1#libraryname a {
 191         border:0;
 192         cursor:pointer;
 193         display:block;
 194         height:0px !important;
 195         margin:0;
 196         overflow:hidden;
 197         padding:40px 0 0;
 198         text-decoration:none;
 199         width:120px;
 200 }
 201
 202 h1,h2,h3,h4,h5,h6 {
 203         font-weight : bold;
 204         margin : .5em 0;
 205 }
 206
 207 h2 {
 208         font-size : 131%;
 209 }
 210
 211 h5.author {
 212 }
 213
 214 h3 {
 215         font-size : 123.1%;
 216 }
 217
 218 h4 {
 219         font-size : 116%;
 220 }
 221
 222 h5 {
 223         font-size : 108%;
 224 }
 225
 226 h6 {
 227         font-size : 100%;
 228 }
 229
 230 input[type=submit],
 231 input[type=button],
 232 input[type=reset],
 233 fieldset.brief input[type=submit],
 234 fieldset.brief input[type=button],
 235 fieldset.brief input[type=reset]
 236 {
 237         background: #f4f9fc; /* Old browsers */
 238         background: -moz-linear-gradient(top, #f4f9fc 0%, #dfeefa 4%, #bfd5ea 93%, #a1c4e2 97%, #b8d0e6 100%); /* FF3.6+ */
 239         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+ */
 240         background: -webkit-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
 241         background: -o-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Opera11.10+ */
 242         background: -ms-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* IE10+ */
 243         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
 244         background: linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* W3C */
 245         border-top: 1px solid #cccccc;
 246         border-left: 1px solid #cccccc;
 247         border-right: 1px solid #eeeeee;
 248         border-bottom: 1px solid #eeeeee;
 249         color : #333;
 250         font-size : 93%;
 251         font-weight : bold;
 252         padding : 4px;
 253 }
 254
 255 input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
 256         border: 1px inset #666666;
 257 }
 258
 259 td.resultscontrol,
 260 .searchresults td.resultscontrol {
 261         background-color : #EEE;
 262         border : 1px solid #E8E8E8;
 263         vertical-align : middle;
 264         padding : 3px 3px 5px 5px;
 265 }
 266
 267 table {
 268         background-color: #FFF;
 269         border-collapse : collapse;
 270         margin : 1em 0;
 271         border-right : 1px solid #dddddd;
 272         border-top : 1px solid #dddddd;
 273 }
 274
 275 td,th {
 276         background-color: #FFF;
 277         border-left : 1px solid #dddddd;
 278         border-bottom : 1px solid #dddddd;
 279         padding : 3px 5px;
 280 }
 281
 282 td.place_on_type table,
 283 td.place_on_type table td {
 284         border : 0;
 285 }
 286 td caption {
 287         font-size : 105%;
 288 }
 289
 290 th {
 291         background-color:#EEE;
 292         font-weight : bold;
 293         padding : 2px 23px;
 294         text-align : center;
 295 }
 296
 297 th.sum {
 298         text-align: right;
 299 }
 300
 301 td.sum {
 302         background-color: #FFC;
 303         font-weight: bold;
 304 }
 305
 306 th[scope=row] {
 307         text-align : right;
 308 }
 309
 310 tr.highlight td, tr.highlight th, tr.odd td {
 311         background-color : #F3F3F3;
 312    border-top : 1px solid #DDDDDD;
 313    border-bottom : 1px solid #DDDDDD;
 314 }
 315
 316 tr.even td, tr.even.highlight td {
 317         background-color: #FFF;
 318 }
 319
 320 tr.grouplabel td {
 321         background-color : #E8E8E8;
 322         border : 1px solid #DDDDDD;
 323         border-right : 1px solid #DDDDDD;
 324         text-align : center;
 325         font-weight : bold;
 326     padding: 10px;
 327 }
 328
 329 tr.reserved td {
 330         background-color : #eeffd4;
 331 }
 332 tr.transfered td {
 333         background-color : #e8f0f6;
 334 }
 335
 336 #editions table, #editions td {
 337         border : 0;
 338 }
 339
 340 .header {
 341         background-image:url("../../images/ascdesc.gif");
 342         background-position:right center;
 343         background-repeat:no-repeat;
 344         cursor:pointer;
 345 }
 346 .headerSortUp {
 347         background-image:url("../../images/asc.gif");
 348 }
 349 .headerSortDown {
 350         background-image:url("../../images/desc.gif");
 351 }
 352
 353 ul {
 354         list-style : disc;
 355         padding-left : 1em;
 356 }
 357
 358 li {
 359         list-style : disc;
 360 }
 361
 362 p.availability {
 363         font-size : 87%;
 364 }
 365
 366 .available {
 367         color : #006600;
 368 }
 369
 370 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
 371         display : block;
 372 }
 373 .notforloan {
 374         color : #900;
 375 }
 376 .lost {
 377         color : #666;
 378 }
 379 .waiting {
 380
 381 }
 382
 383 /* "problem" enhancement */
 384 .problem {
 385         color : white;
 386         background-color : red;
 387 }
 388
 389 /* style for search terms in catalogsearch */
 390 .term {
 391         /* color : blue; */
 392     color : #990000;
 393     background-color : #FFFFCC;
 394 }
 395
 396 a .term {
 397         text-decoration : underline;
 398 }
 399
 400 /* style for shelving location in catalogsearch */
 401 .shelvingloc {
 402     display : block;
 403     font-style : italic;
 404 }
 405
 406 .transfered {
 407         background-color : #F9FF9A;
 408 }
 409
 410 /* action buttons */
 411 #action {
 412         margin-top : .5em;
 413         background-color : #F3F3F3;
 414         border : 1px solid #E8E8E8;
 415         padding-bottom : 3px;
 416 }
 417
 418 #action li {
 419         list-style : none;
 420         margin : .2em;
 421         padding : .3em 0;
 422 }
 423
 424 #action a {
 425         background-position : 5px center;
 426         background-repeat : no-repeat;
 427         text-decoration : none;
 428         padding-left : 35px;
 429 }
 430
 431 #action a.print {
 432   background-image: url("../../images/sprite.png");
 433   background-position: -5px -186px;
 434   background-repeat: no-repeat;
 435 }
 436
 437 #action a#furthersearches {
 438     background-image: url("../../images/sprite.png");
 439     background-position: 106px -295px;
 440     background-repeat: no-repeat;
 441         border : 1px solid #F3F3F3;
 442         margin-left : 5px;
 443         padding : 2px 26px 2px 10px;
 444         text-decoration : none;
 445 }
 446
 447 #action a#furthersearches:hover {
 448         border-top : 1px solid #FFF;
 449         border-left : 1px solid #FFF;
 450         border-right : 1px solid #979797;
 451         border-bottom : 1px solid #979797;
 452 }
 453
 454 #action a.reserve,
 455 .searchresults a.reserve {
 456   background-image: url("../../images/sprite.png");
 457   background-position: -5px -144px;
 458   background-repeat: no-repeat;
 459 }
 460
 461 #action a.addtoshelf, #toolbar a.addtoshelf {
 462   background-image: url("../../images/sprite.png");
 463   background-position: -5px -225px;
 464   background-repeat: no-repeat;
 465 }
 466
 467 #action a.addtocart, #toolbar a.addtocart {
 468   background-image: url("../../images/sprite.png");
 469   background-position: -5px -265px;
 470   background-repeat: no-repeat;
 471 }
 472
 473 #action a.cartRemove, .actions a.cartRemove {
 474         color: #cc3333;
 475         font-size : 90%;
 476         margin : 0;
 477         padding: 0;
 478 }
 479
 480 #action a.incart {
 481   background-image: url("../../images/sprite.png");
 482   background-position: -5px -265px;
 483   background-repeat: no-repeat;
 484   color : #666;
 485 }
 486
 487 /* toolbar buttons */
 488
 489 #toolbar,
 490 #selections-toolbar {
 491 background-color:#EEEEEE;
 492 border:1px solid #E8E8E8;
 493 margin : 0 0;
 494 padding:3px 3px 5px 5px;
 495 vertical-align:middle;
 496 }
 497
 498 #basket #toolbar {
 499         padding: 7px 5px 9px 9px;
 500 }
 501
 502 #selections-toolbar {
 503 background: #E8E8E8; /* Old browsers */
 504 background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
 505 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
 506 background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
 507 background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
 508 background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
 509 background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
 510 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
 511         margin : 0 0 1em 0;
 512         padding-top : .5em;
 513         padding-left : 10px;
 514 }
 515
 516 #toolbar a,
 517 #selections-toolbar a,
 518 #toolbar input,
 519 #selections-toolbar input {
 520         white-space : nowrap;
 521 }
 522
 523 #toolbar ul {
 524         padding-left : 0;
 525 }
 526
 527 #toolbar ul li {
 528         display : inline;
 529         list-style : none;
 530 }
 531
 532 #toolbar ul li a {
 533         border-left : 1px solid #e8e8e8;
 534 }
 535
 536 #toolbar ul li:first-child a {
 537         border-left : 0;
 538 }
 539
 540
 541 #toolbar a.print {
 542     background-image: url("../../images/sprite.png");
 543     background-position : 0px -423px;
 544     background-repeat: no-repeat;
 545         text-decoration : none;
 546         padding-left : 30px;
 547 }
 548
 549 #toolbar a.brief {
 550     background-image : url("../../images/sprite.png");
 551     background-position : -2px -868px;
 552     background-repeat: no-repeat;
 553         text-decoration : none;
 554         padding-left : 27px;
 555 }
 556
 557 #toolbar a.detail {
 558     background-image : url("../../images/sprite.png");
 559     background-position : -2px -898px;
 560     background-repeat: no-repeat;
 561         text-decoration : none;
 562         padding-left : 27px;
 563 }
 564
 565 #toolbar a.download {
 566     background-image : url("../../images/sprite.png");
 567     background-position : 2px -348px;
 568     background-repeat: no-repeat;
 569     padding-left : 28px;
 570         text-decoration : none;
 571 }
 572
 573 #toolbar a.editshelf {
 574     background-image : url("../../images/sprite.png");
 575     background-position : 2px -348px;
 576     background-repeat: no-repeat;
 577         padding-left : 26px;
 578         text-decoration : none;
 579 }
 580
 581 #toolbar a.empty {
 582     background-image : url("../../images/sprite.png");
 583     background-position : 2px -598px;
 584     background-repeat: no-repeat;
 585         text-decoration : none;
 586     padding-left : 30px;
 587 }
 588
 589 #toolbar a.hide {
 590     background-image : url("../../images/sprite.png");
 591     background-position: -3px -814px;
 592     background-repeat: no-repeat;
 593         text-decoration : none;
 594         padding-left : 26px;
 595 }
 596
 597 #toolbar a.hold,
 598 #selections-toolbar a.hold {
 599     background-image: url("../../images/sprite.png");
 600     background-position : -5px -453px;
 601     background-repeat: no-repeat;
 602         text-decoration : none;
 603         padding-left : 23px;
 604 }
 605
 606 #selections-toolbar a.hold.disabled {
 607     background-image: url("../../images/sprite.png");
 608     background-position : -5px -621px;
 609     background-repeat: no-repeat;
 610 }
 611
 612 #selections-toolbar a.removeitems,
 613 #selections-toolbar a.deleteshelf {
 614     background-image : url("../../images/sprite.png");
 615     background-position : 2px -690px;
 616     background-repeat: no-repeat;
 617         text-decoration : none;
 618         padding-left : 25px;
 619 }
 620
 621
 622 #selections-toolbar a.removeitems.disabled,
 623 #selections-toolbar a.deleteshelf.disabled {
 624     background-image: url("../../images/sprite.png");
 625     background-position : 2px -712px;
 626     background-repeat: no-repeat;
 627 }
 628
 629 #toolbar a.send,
 630 a.send {
 631     background-image: url("../../images/sprite.png");
 632     background-position : 2px -386px;
 633     background-repeat: no-repeat;
 634         text-decoration : none;
 635         padding-left : 28px;
 636 }
 637
 638 #toolbar a.new {
 639     background-image : url("../../images/sprite.png");
 640     background-position : -4px -922px;
 641     background-repeat : no-repeat;
 642         padding-left : 23px;
 643         text-decoration : none;
 644 }
 645
 646 #toolbar input.editshelf,
 647 input.editshelf {
 648     background-image : url("../../images/sprite.png");
 649     background-position : 2px -732px;
 650     background-repeat: no-repeat;
 651         border : 0;
 652         color : #006699;
 653         cursor : pointer;
 654         font-size : 100%;
 655         padding-left : 29px;
 656         text-decoration : none;
 657 }
 658
 659 #toolbar input.newshelf,
 660 #toolbar a.newshelf,
 661 a.newshelf {
 662     background-image: url("../../images/sprite.png"); /* add to list icon */
 663     background-position: -4px -864px;
 664     background-repeat: no-repeat;
 665         border : 0;
 666         color : #006699;
 667         cursor : pointer;
 668         font-size : 100%;
 669         margin: 0 0.5em;
 670     padding-left : 23px;
 671         text-decoration : none;
 672 }
 673
 674 a.newshelf.disabled {
 675     background-image: url("../../images/sprite.png"); /* add to list icon */
 676     background-position: -4px -791px;
 677     background-repeat: no-repeat;
 678 }
 679
 680 #toolbar input.deleteshelf,
 681 input.deleteshelf {
 682     background-image : url("../../images/sprite.png");
 683     background-position : 2px -685px;
 684     background-repeat: no-repeat;
 685         border : 0;
 686         color : #006699;
 687         cursor : pointer;
 688         font-size : 100%;
 689     padding-left : 25px;
 690         text-decoration : none;
 691 }
 692
 693 #toolbar input.deleteshelf:hover {
 694         color: #990033;
 695 }
 696
 697
 698 #toolbar input.editshelf:active,
 699 input.editshelf:active,
 700 #toolbar input.deleteshelf:active,
 701 input.deleteshelf:active {
 702         border : 0;
 703 }
 704
 705 #selections {
 706         font-weight : bold;
 707 }
 708
 709 #tagsel_span input.submit,
 710 #tagsel_tag {
 711     background-image : url("../../images/sprite.png"); /* tag icon */
 712     background-position : 7px -640px;
 713         background-repeat : no-repeat;
 714         padding-left : 25px;
 715         text-decoration: none;
 716 }
 717
 718 #tagsel_tag {
 719     background-position : -1px -643px;
 720 }
 721
 722 #tagsel_tag.disabled {
 723     background-position : -1px -667px;
 724 }
 725
 726 #tagslist li { display : inline; }
 727
 728 a.tag_results_add {
 729     background-image: url(../../images/tag-small.png);
 730     background-position : -1px center;
 731     background-repeat : no-repeat;
 732     padding-left : 13px;
 733     text-decoration: none;
 734 }
 735
 736 #login4tags {
 737     background-image: url(../../images/tag-small-disabled.png);
 738     background-position : -1px center;
 739     background-repeat : no-repeat;
 740     padding-left : 13px;
 741     text-decoration: none;
 742     margin-left: 1em;
 743 }
 744
 745 .tag_results_input {
 746     background-color: #EEE;
 747     display: none;
 748     margin-left: 1em;
 749     padding: 0.3em;
 750 }
 751
 752 #placehold input.submit:hover,
 753 #tagsel_span input.submit:hover {
 754         color: #990033;
 755 }
 756
 757 #addto {
 758         max-width : 10em;
 759 }
 760
 761 .addto a.addtocart {
 762   background-image: url("../../images/sprite.png"); /* cart icon */
 763   background-position: -5px -265px;
 764     background-repeat: no-repeat;
 765         text-decoration : none;
 766         padding-left : 33px;
 767 }
 768
 769 #placehold input.submit {
 770     background-image: url("../../images/sprite.png"); /* place hold icon */
 771     background-position: -1px -140px;
 772     background-repeat: no-repeat;
 773         text-decoration : none;
 774         padding-left : 23px;
 775 }
 776
 777 #placehold input.submit,
 778 #tagsel_span input.submit {
 779         border : 0;
 780         background-color: transparent;
 781         font-size : 100%;
 782         font-weight : bold;
 783         padding-left : 31px;
 784         color : #336699;
 785         cursor : pointer;
 786 }
 787 .searchresults a.highlight_toggle {
 788     background-image: url("../../images/sprite.png"); /* place hold icon */
 789     background-position: -11px -841px;
 790     background-repeat: no-repeat;
 791         display: none;
 792         font-weight: normal;
 793         padding : 0 10px 0 21px;
 794 }
 795
 796 /* the itemtype list in advanced search */
 797 .advsearch table {
 798         border-collapse : separate;
 799         border-spacing : 3px;
 800         border : 0px;
 801         margin : 0px;
 802         background-color : white;
 803         border : 0px solid #D8DEB8;
 804 }
 805
 806 .advsearch table tr td {
 807         background-color : #F8F8EB;
 808         border : 0px;
 809         margin : 0px;
 810         width : 700px;
 811 }
 812
 813 .advsearch td {
 814         font-size : 0.8em;
 815         background-color : #F8F8EB;
 816 }
 817
 818 body#advsearch #breadcrumbs {
 819         line-height : 1px;
 820         height : 1px;
 821         padding : 0;
 822 }
 823
 824 body#advsearch #cartmenulink,
 825 body#advsearch #listsmenulink {
 826         float : right;
 827 }
 828
 829 #advsearch #branchloop,
 830 #advsearch #sort_by {
 831         width : 23em;
 832 }
 833
 834 #auth {
 835         float : left;
 836 }
 837
 838 #facets {
 839
 840 }
 841
 842 /* the footer */
 843 #footer {
 844         margin-top : 30px;
 845         margin-left : 30%;
 846         margin-right : 20%;
 847         border-top : 1px solid #384b73;
 848         color : #384b73;
 849         font-size : 1em;
 850         text-align : center;
 851 }
 852
 853 /* facets bloc */
 854 /* the USER information block */
 855 #librarian_information {
 856         float : right;
 857         font-size : 10pt;
 858 }
 859
 860 #header-wrapper {
 861         background-color: #FFF;
 862 }
 863
 864 #holds,#opac-auth {
 865         min-width : 750px;
 866         width : 57.69em;
 867         margin : auto;
 868 }
 869
 870 #members {
 871         background-color: #fff;
 872         font-size : 85%;
 873         margin-left : -10px;
 874         margin-right : -10px;
 875         padding : 4px 0 4px 0;
 876         color : #000066;
 877 }
 878
 879 #members a {
 880         text-decoration : none;
 881 }
 882
 883 #members a.logout {
 884         color : #cc3333;
 885         font-weight : bold;
 886         padding : 0 .3em 0 .3em;
 887         text-decoration : none;
 888 }
 889
 890 #members li:last-child {
 891         border-right : 0;
 892 }
 893
 894 #members li {
 895         border-right : 1px solid black;
 896         display : inline;
 897         list-style : none;
 898         margin : 0;
 899         padding : 0 .5em;
 900 }
 901
 902 #members ul {
 903         margin : 0;
 904         padding : 0;
 905         text-align : right;
 906 }
 907
 908 #opac-main-search {
 909         background: #8fb4e8; /* Old browsers */
 910         background: -moz-linear-gradient(top, #8fb4e8 0%, #8cb1e5 19%, #80a8dc 48%, #7da5d8 52%, #7198cf 83%, #618ac0 100%); /* FF3.6+ */
 911         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+ */
 912         background: -webkit-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Chrome10+,Safari5.1+ */
 913         background: -o-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Opera 11.10+ */
 914         background: -ms-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* IE10+ */
 915         background: linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* W3C */
 916         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb4e8', endColorstr='#618ac0',GradientType=0 ); /* IE6-9 */
 917         border-top : 1px solid #335599;
 918         border-bottom : 1px solid #335599;
 919         margin-left : -10px;
 920         margin-right : -10px;
 921         padding : .7em 0 .4em .5em;
 922         font-size : 108%;
 923         line-height : 116%;
 924 }
 925
 926 #opac-main-search form {
 927         display : inline;
 928         padding-right : 1em;
 929 }
 930
 931 #opac-main-search label {
 932         color : #FFFFCC;
 933         font-weight : bold;
 934         margin : .2em .3em 0 0;
 935 }
 936
 937 #masthead_search,
 938 #select_library {
 939         max-width: 10em;
 940         width: 10em;
 941 }
 942
 943
 944 #search-facets ul {
 945         margin : 0;
 946         padding : .3em;
 947 }
 948
 949 #search-facets {
 950         border : 1px solid #e8e8e8;
 951 }
 952
 953 #search-facets h4 {
 954         background-color : #EEE;
 955         border-bottom : 1px solid #e8e8e8;
 956         font-size : 90%;
 957         margin : 0;
 958         padding : .7em .2em;
 959         text-align : center;
 960 }
 961
 962 #search-facets ul li {
 963         font-weight : bold;
 964         list-style-type : none;
 965 }
 966
 967 #search-facets li li {
 968         font-weight : normal;
 969         font-size : 85%;
 970         margin-bottom : 2px;
 971         padding : .1em .2em;
 972 }
 973
 974 #search-facets li li a {
 975         font-weight : normal;
 976 }
 977
 978 #search-facets li.showmore a {
 979         font-weight : bold;
 980         text-indent : 1em;
 981 }
 982
 983 .suggestion {
 984         background-color : #EEEEEB;
 985         border : 1px solid #DDDED3;
 986         margin : 10px auto;
 987         padding : 4px;
 988         width : 35%;
 989 }
 990
 991 #facets ul {
 992         margin : 0;
 993         padding : 0;
 994 }
 995
 996 #facets ul li {
 997         font-weight : bold;
 998         text-align : left;
 999         list-style : none;
1000 }
1001
1002 #facets ul ul li {
1003         border : 0;
1004         font-size : 85%;
1005         font-weight : normal;
1006         padding : 2px;
1007         text-align : left;
1008 }
1009
1010 #facets ul ul li a {
1011         font-weight : normal;
1012         text-decoration : underline;
1013 }
1014
1015 #facets h4 {
1016         font-size : 93%;
1017         padding:3px;
1018         text-align:center;
1019         background-color:#E7E7CA;
1020         line-height:1.8em;
1021         margin-left:-1px;
1022         margin-right:-1px;
1023         margin-top:-1px;
1024 }
1025
1026 #breadcrumbs {
1027         padding : .7em;
1028 }
1029
1030 p {
1031         margin: .7em 0;
1032 }
1033
1034 strong {
1035         font-weight : bold;
1036 }
1037
1038 em {
1039         font-style : italic;
1040 }
1041
1042
1043 table#marc,
1044 table#marc td,
1045 table#marc th {
1046         background-color : transparent;
1047         border : 0;
1048 }
1049
1050 table#marc p span.label {
1051         font-weight : bold;
1052 }
1053
1054 table#marc p,
1055 table#marc ul {
1056         padding-bottom: .6em;
1057 }
1058
1059 table#items,
1060 table#items td
1061 table#items th {
1062         border-width : 1px solid #EEE;
1063         font-size : 90%;
1064 }
1065
1066
1067 table#marc div.results_summary {
1068         clear :  left;
1069 }
1070 table#marc div.results_summary ul {
1071         display : inline;
1072         float :  none;
1073         clear :  none;
1074         margin: 0;
1075         padding: 0;
1076         list-style : none;
1077 }
1078
1079 table#marc div.results_summary ul li {
1080         display : inline;
1081 }
1082
1083 #basketcount {
1084         display : inline;
1085 }
1086
1087 #bookcover {
1088         float : left;
1089         margin : 0;
1090         padding : 0;
1091 }
1092
1093 #bookcover img {
1094         margin : 0 1em 1em 0;
1095 }
1096
1097 fieldset.brief {
1098         border : 1px solid #E8E8E8;
1099 }
1100
1101 fieldset.brief legend {
1102         font-weight : bold;
1103         font-size : 100%;
1104 }
1105
1106 fieldset.brief label {
1107         display : block;
1108         padding : .3em 0;
1109 }
1110
1111 fieldset.brief input+input {
1112         margin-top : 3px;
1113 }
1114
1115 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
1116         background-color: #F3F3F3;
1117         border-top : 1px solid #979797;
1118         border-left : 1px solid #979797;
1119         border-right : 1px solid #DDDDDD;
1120         border-bottom : 1px solid #DDDDDD;
1121         font-size : 140%;
1122         padding : .2em;
1123         font-weight: normal;
1124 }
1125
1126 fieldset.brief textarea {
1127         font-size: 105%;
1128 }
1129
1130 fieldset.brief input:focus {
1131         background-color: #FFFFCC;
1132 }
1133
1134 fieldset.brief ol, fieldset.brief li {
1135         list-style-type : none;
1136 }
1137
1138 fieldset.brief div.hint, fieldset.rows div.hint {
1139         color : #666666;
1140         font-size : 100%;
1141         margin : .4em;
1142 }
1143
1144 h2 span.hint {
1145         font-size: 76%;
1146         font-weight : normal;
1147 }
1148 .thumbnail {
1149         border : 0;
1150         float : left;
1151         margin : 0pt 5px 5px 0pt;
1152 }
1153 a.cancel {
1154         padding-left : 1em;
1155 }
1156
1157 .resultscontrol, .resultscontrol select {
1158         font-size: 90%;
1159 }
1160
1161 .cartlist {
1162         margin-top : 5px;
1163 }
1164
1165 .cartlist input.submit, #tagsel_button {
1166         background-color : #d8deb8;
1167         background-image : none;
1168         border-color : #bebf84;
1169         color : #333;
1170         font-size : 87%;
1171         padding : 2px 0;
1172         margin : 0 0 0 0;
1173 }
1174
1175 #CheckAll, #CheckNone {
1176         font-weight : normal;
1177         margin : 0 .5em;
1178 }
1179
1180 .resultscontrol label {
1181         font-weight : bold;
1182         margin-left : .5em;
1183 }
1184
1185 .resort {
1186         float : right;
1187         margin-top : 5px;
1188 }
1189
1190 .searchresults p.details {
1191         color : #979797;
1192 }
1193
1194 .searchresults p {
1195         margin: 0;
1196         padding: 0 0 .6em 0;
1197 }
1198
1199 td.resultscontrol img {
1200         vertical-align: middle;
1201 }
1202
1203 .searchresults table td {
1204 }
1205
1206 .searchresults table {
1207         margin : 0;
1208 }
1209
1210 .searchresults td, .searchresults th, .searchresults table {
1211         border: 0;
1212 }
1213 .searchresults td {
1214         vertical-align: top;
1215 }
1216
1217 .searchresults tr {
1218         border-bottom : 1px solid #f3f3f3;
1219 }
1220
1221 .searchresults tr:first-child {
1222         border : 0;
1223 }
1224
1225 .searchresults table {
1226         border-top : 0px solid #CCCCCC;
1227         width : 100%;
1228 }
1229
1230 .searchresults a.reserve, .searchresults a.reserve:visited {
1231         background-position:left top;
1232         background-repeat:no-repeat;
1233         float:right;
1234         padding:2px 3px 2px 26px;
1235 }
1236
1237 .searchresults a.reserve {
1238         background-color:transparent;
1239         color:#006699;
1240 }
1241
1242 .unavailable, .tagerror, .tagerror:visited {
1243         color: #990033;
1244 }
1245
1246 #libraryname {
1247         float : left;
1248         line-height : 2em;
1249 }
1250
1251 #corner {
1252         float : right;
1253         line-height : 2em;
1254 }
1255
1256 .pages {
1257         line-height : 1.8em;
1258         text-align: center;
1259 }
1260
1261 .current,
1262 .currentPage {
1263         background-color: #FFFFFF;
1264         color: #3366CC;
1265         font-weight: bold;
1266         padding: 1px 5px 1px 5px;
1267         text-decoration: none;
1268 }
1269
1270 a:link.nav,
1271 div.pages a:link {
1272         background-color: #EEE;
1273         border: 1px solid #CCCC99;
1274         color: #3366CC;
1275         font-weight: bold;
1276         padding: 1px 5px 1px 5px;
1277         text-decoration: none;
1278 }
1279
1280 a:visited.nav,
1281 div.pages a:visited {
1282         background-color: #EEE;
1283         border: 1px solid #CCCC99;
1284         color: #3366CC;
1285         font-weight: bold;
1286         padding: 1px 5px 1px 5px;
1287         text-decoration: none;
1288 }
1289
1290 a:hover.nav,
1291 div.pages a:hover {
1292         background-color: #FFFFCC;
1293         border: 1px solid #CCCC99;
1294         color: #CC3333;
1295         font-weight: bold;
1296         padding: 1px 5px 1px 5px;
1297         text-decoration: none;
1298 }
1299
1300 a:active.nav,
1301 div.pages a:active {
1302         background-color: #FFFFCC;
1303         border: 1px solid #CCCC99;
1304         color: #D25500;
1305         font-weight: bold;
1306         padding: 1px 5px 1px 5px;
1307         text-decoration: none;
1308 }
1309
1310 /* Tabs */
1311 ul.link-tabs {
1312         list-style-type: none;
1313         margin: 9px 0 -2px 5px;
1314         padding: 0;
1315 }
1316
1317 ul.link-tabs li {
1318         display: inline;
1319         padding: 0px;
1320 }
1321
1322 ul.link-tabs li a {
1323         font-weight: bold;
1324         padding: 2px 4px 2px 4px;
1325         text-decoration: none;
1326         border-top: 1px solid #DDDDDD;
1327         border-left : 1px solid #DDDDDD;
1328         border-right : 1px solid #666666;
1329 }
1330
1331 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1332         padding: 2px 4px 3px 4px;
1333 }
1334
1335 ul.link-tabs li.off a {
1336         background-color: #EEEEEB;
1337         border-bottom: 1px solid #DDDDDD;
1338 }
1339
1340 ul.link-tabs li.off a:hover {
1341         padding: 2px 3px 2px 4px;
1342         background-color: #FFFFEC;
1343         border-top: 1px solid #BEBF84;
1344         border-left : 1px solid #BEBF84;
1345         border-right : 2px solid #333333;
1346 }
1347
1348 ul.link-tabs li.on a {
1349         background-color: #FFFFFF;
1350         border-bottom: 1px solid #FFFFFF;
1351 }
1352
1353 ul.link-tabs li a.debit {
1354         background-color : #FFFF99;
1355         color : #990033;
1356 }
1357
1358 div.tab-container {
1359         border : 1px solid #DDDDDD;
1360         margin-top : 4px;
1361         padding : .7em;
1362         width : 90%;
1363 }
1364
1365 tr.overdue td {
1366         background-color : #ffcccc;
1367         border-bottom : 1px solid #ffaeae;
1368         border-right : 1px solid #ffaeae;
1369         font-weight : bold;
1370 }
1371
1372 td.overdue {
1373         color : #cc3333;
1374 }
1375
1376 .renewals {
1377         display:block;
1378         font-size:0.8em;
1379         padding:0.5em;
1380 }
1381
1382 table#marc, table#marc td, table#marc th {
1383         border : 0;
1384 }
1385
1386 table#marc th {
1387         background-color : transparent;
1388         text-align : left;
1389 }
1390
1391 table#marc td:first-child {
1392         text-indent : 2em;
1393 }
1394 #masthead {
1395 float: left;
1396 width: 120px;
1397 }
1398
1399 #fluid {
1400 margin-left: 124px;
1401 margin-top : .4em;
1402 padding-left : 1em;
1403 }
1404
1405 #fluid-offset {
1406 float : right;
1407 width: 100%;
1408 }
1409
1410 #translControl{
1411 float : left;
1412 padding-left : .4em;
1413 }
1414
1415 .clearfix:after {
1416     content: ".";
1417     display: block;
1418     height: 0;
1419     clear: both;
1420     visibility: hidden;
1421 }
1422
1423 /* Hides from IE-mac \*/
1424 * html .clearfix {height: 1%;}
1425 /* End hide from IE-mac */
1426
1427 .results_summary {
1428         display: block;
1429         font-size : 85%;
1430         color: #707070;
1431         padding : 0 0 .5em 0;
1432 }
1433 .results_summary .results_summary {
1434         font-size : 100%;
1435 }
1436
1437 .results_summary.actions {
1438     margin-top : .5em;
1439 }
1440
1441 .m880 {
1442     display:block;
1443     text-align:right;
1444     float:right;
1445     width:50%;
1446     padding-left:20px
1447 }
1448
1449 .searchresults .tagstatus {
1450         display: block;
1451         color: #707070;
1452 }
1453
1454 .results_summary .label {
1455         color: #202020;
1456 }
1457
1458 .results_summary a {
1459         font-weight: normal;
1460 }
1461
1462 .actions a {
1463         margin-left : 1em;
1464         text-decoration : none;
1465 }
1466
1467 .actions a.hold {
1468     background-image : url("../../images/sprite.png");
1469     background-position : -10px -542px;
1470     background-repeat: no-repeat;
1471         padding-left : 16px;
1472 }
1473
1474 .actions a.addtocart {
1475     background-image : url("../../images/sprite.png");
1476     background-position : -10px -572px;
1477     background-repeat: no-repeat;
1478     padding-left : 15px;
1479         display : none;
1480 }
1481
1482 .actions a.addtoshelf {
1483     background-image : url("../../images/sprite.png");
1484     background-position: -10px -27px;
1485     background-repeat: no-repeat;
1486         padding-left : 13px;
1487 }
1488
1489 .dialog {
1490   border: 1px solid #bcbcbc;
1491         padding : .5em;
1492         margin : 1em auto;
1493   width: 65%;
1494   }
1495
1496 .dialog  h2, .dialog h3, .dialog h4 {
1497         margin : auto;
1498         text-align : center;
1499   }
1500
1501 div.alert {
1502         background: #fef8d3; /* Old browsers */
1503         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1504         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+ */
1505         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1506         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1507         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1508         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1509         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1510         text-align : center;
1511 }
1512
1513 div.alert strong {
1514         color : #900;
1515 }
1516
1517 div.message {
1518         background: #ffffff; /* Old browsers */
1519         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1520         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+ */
1521         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1522         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1523         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1524         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1525         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1526         border : 1px solid #bcbcbc;
1527         width : 55%;
1528 }
1529
1530 #moresearches {
1531         clear : left;
1532         color : #000099;
1533         font-size : 90%;
1534         line-height : 110%;
1535         margin : .6em 0 .3em 0;
1536 }
1537
1538 #moresearches a:link, #moresearches a:visited {
1539         color : #e5ebff;
1540         font-weight : normal;
1541         text-decoration : none;
1542 }
1543
1544 #news th {
1545         text-align : left;
1546         padding : 3px 5px;
1547 }
1548
1549 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1550         color : #000;
1551         font-weight : normal;
1552 }
1553  #opac-main-search #listsmenu h4 {
1554         font-size : 90%;
1555         font-weight : bold;
1556         margin : 0 .2em;
1557  }
1558
1559 #opac-main-search #listsmenu .yuimenuitemlabel {
1560         cursor : pointer;
1561 }
1562
1563 #opac-main-search #listsmenu .bd {
1564         background: #eef4fe; /* Old browsers */
1565         background: -moz-linear-gradient(left, #eef4fe 0%, #eef4fe 88%, #f6f9fe 98%, #ffffff 99%, #a5c2f6 99%, #e6eefe 100%, #cbdefe 100%); /* FF3.6+ */
1566         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+ */
1567         background: -webkit-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Chrome10+,Safari5.1+ */
1568         background: -o-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Opera11.10+ */
1569         background: -ms-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* IE10+ */
1570         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef4fe', endColorstr='#cbdefe',GradientType=1 ); /* IE6-9 */
1571         background: linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* W3C */
1572         border : 1px solid #739acf;
1573         padding : .3em 1em 0 0;
1574 }
1575
1576 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1577         background-color : #fff;
1578 }
1579
1580 #opac-main-search #listsmenu ul {
1581         border-color : #b8d0e6;
1582 }
1583
1584 .selectcol {
1585         vertical-align: top;
1586         width: 10px;
1587 }
1588 .itypecol {
1589         vertical-align: top;
1590         width: 10px;
1591 }
1592 #container {
1593         color : #000;
1594 }
1595
1596 div#changelanguage{
1597         background-color: #fff;
1598         border-top: 1px solid #CCC;
1599         color : #666;
1600         font-size : 85%;
1601         padding : 1em;
1602         margin-top : 2em;
1603  }
1604
1605 div#changelanguage a {
1606         font-weight : normal;
1607         padding : .5em 0;
1608 }
1609
1610 div#changelanguage li.yuimenuitem {
1611     font-size: 120%;
1612     font-weight: normal;
1613     margin: 0;
1614     padding: 0 1em;
1615 }
1616 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1617     padding: 0;
1618 }
1619
1620 ul#i18nMenu {
1621         margin : 0;
1622         padding : .2em 0;
1623  }
1624
1625 ul#i18nMenu li {
1626         border-left : 1px solid #CCC;
1627         display : inline;
1628         list-style : none;
1629         padding : 0 .4em;
1630  }
1631
1632 ul#i18nMenu li:first-child {
1633         border-left : 0;
1634  }
1635
1636 ul#i18nMenu li ul li {
1637         border : 0;
1638         display : block;
1639         padding : 0;
1640  }
1641
1642
1643 ul#i18nMenu li.more a {
1644     background-image : url("../../images/sprite.png");
1645     background-position : 37px -940px;
1646         background-repeat:no-repeat;
1647         padding-right: 1.3em;
1648 }
1649
1650 ul#i18nMenu li.more ul li a {
1651         background-image : none;
1652         padding: 0 1.3em;
1653 }
1654
1655 span.lang{
1656         float:left;
1657         border-right : 1px solid black;
1658         padding : 0 .5em;
1659 }
1660
1661 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1662         background-color : #FFF;
1663         border: 1px solid #739acf;
1664         color : black;
1665         display : none;
1666         margin : 0;
1667         padding : 10px;
1668         text-align : center;
1669         width : 180px;
1670         box-shadow: 1px 1px 3px #666;
1671         -moz-box-shadow: 1px 1px 3px #666;
1672         -webkit-box-shadow: 1px 1px 3px #666;
1673         z-index: 2;
1674
1675 }
1676
1677 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1678         background-color : transparent;
1679         border : 0;
1680         padding : inherit;
1681 }
1682
1683 #login #userid, #login #password {
1684         width : 98%;
1685 }
1686
1687 #opac-main-search input.submit {
1688         background: #e6f3fe; /* Old browsers */
1689         background: -moz-linear-gradient(top, #e6f3fe 0%, #dfeefa 8%, #bfd5ea 49%, #b8d0e6 52%, #b8d0e6 100%); /* FF3.6+ */
1690         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+ */
1691         background: -webkit-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1692         background: -o-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Opera11.10+ */
1693         background: -ms-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* IE10+ */
1694         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f3fe', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
1695         background: linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* W3C */
1696         -webkit-border-radius: 4px;
1697         -moz-border-radius: 4px;
1698         border-radius: 4px;
1699         -webkit-box-shadow: 1px 1px 1px 1px , , .3);
1700         -moz-box-shadow: 1px 1px 1px 1px , , .3);
1701         box-shadow: 1px 1px 1px 1px , , .3);
1702
1703         color : #333;
1704         font-weight : normal;
1705         font-size : 80%;
1706         padding : 2px;
1707 }
1708
1709 div#menu {
1710         border-right : 1px solid #979797;
1711         font-size : 94%;
1712         margin-right : .5em;
1713         padding-top : 1em;
1714         padding-bottom : 2em;
1715 }
1716
1717 div#menu li a {
1718         background: #eeeeee; /* Old browsers */
1719         background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1720         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+ */
1721         background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1722         background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera 11.10+ */
1723         background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1724         background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1725         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
1726         text-decoration : none;
1727         display : block;
1728         border : 1px solid #979797;
1729         font-size : 111%;
1730         margin : .5em 0;
1731         padding : .4em .3em;
1732         margin-right : -1px;
1733 }
1734
1735 div#menu li a:hover {
1736         background: #eaeef5; /* Old browsers */
1737         background: -moz-linear-gradient(left, #eaeef5 0%, #dee6f4 96%, #c4d5ef 98%, #a2bee8 100%); /* FF3.6+ */
1738         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+ */
1739         background: -webkit-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Chrome10+,Safari5.1+ */
1740         background: -o-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Opera 11.10+ */
1741         background: -ms-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* IE10+ */
1742         background: linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* W3C */
1743         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#a2bee8',GradientType=1 ); /* IE6-9 */
1744 }
1745
1746 div#menu li.active a:hover {
1747         background-color : #fff;
1748         color : #0000CC;
1749 }
1750
1751 #menu ul li {
1752         list-style-type : none;
1753 }
1754
1755 #menu ul li.active a {
1756         background-color : #FFF;
1757         background-image : none;
1758         border-right : 0;
1759         font-weight : bold;
1760 }
1761
1762 .left {
1763         float : left;
1764 }
1765
1766 .right {
1767         float : right;
1768 }
1769
1770 #searchsubmit {
1771         cursor : default;
1772         font-size : 87%;
1773         font-weight :  normal;
1774         margin-top : 0;
1775         margin-left :  .2em;
1776         padding: 2px 2px 1px 2px;
1777 }
1778
1779 #export,#further,.detailtagcell {
1780         margin-top : .5em;
1781         background-color : #F3F3F3;
1782         border : 1px solid #E8E8E8;
1783         font-size : 76%;
1784         padding : 3px;
1785         text-align : center;
1786 }
1787 #furtherm { margin-top : .5em; }
1788
1789 #export label, .detailtagcell label {
1790         display : block;
1791         font-weight : bold;
1792         font-size : 110%;
1793         margin-bottom : 2px;
1794 }
1795
1796 #export input, .detailtagcell input {
1797         padding : 2px;
1798 }
1799
1800 #amazonreviews h4 {
1801         font-size : 90%;
1802         margin : 0;
1803         padding : 0;
1804 }
1805 #amazonreviews h3 {
1806         font-size : 100%;
1807         margin : 0;
1808         padding : 0;
1809 }
1810 span.starFull {
1811         background: url(../../images/star-ratings.gif) top left no-repeat;
1812         display : block;
1813         height: 10px;
1814         margin: 0;
1815         padding: 0;
1816 }
1817
1818 span.starMT {
1819         background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1820         display : block;
1821         height: 10px;
1822         margin: 0 10px 0 10px;
1823         padding: 0;
1824         position: relative;
1825         width: 50px;
1826 }
1827
1828 #cartmenulink, #listsmenulink {
1829         background-repeat: no-repeat;
1830         -webkit-border-radius: 5px;
1831         -moz-border-radius: 5px;
1832         border-radius: 5px;
1833         display : block;
1834         position : relative;
1835         float : left;
1836         color : #333;
1837         text-decoration : none;
1838         cursor : pointer;
1839         font-size : 105%;
1840         font-weight : bold;
1841         line-height : 185%;
1842         margin-left : 1.5em;
1843         padding : .3em .7em;
1844 }
1845
1846 #listsmenulink {
1847         background : #9FBFFF;
1848     background: url("../../images/sprite.png"),-moz-linear-gradient(top, #d7e5ff 0%, #b1cbff 50%, #9fbfff 100%); /* FF3.6+ */
1849     background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e5ff), color-stop(50%,#b1cbff), color-stop(100%,#9fbfff)); /* Chrome,Safari4+ */
1850     background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Chrome10+,Safari5.1+ */
1851     background: url("../../images/sprite.png"),-o-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Opera 11.10+ */
1852     background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */
1853     background: url("../../images/sprite.png"),linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* W3C */
1854         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e5ff', endColorstr='#9fbfff',GradientType=0 ); /* IE6-9 */
1855     background-position: 40px -287px,top left;
1856         background-repeat: no-repeat;
1857         border: 1px solid #629DCF;
1858         color : #006699;
1859         padding-right: 20px;
1860 }
1861
1862 #listsmenulink:hover {
1863         background-color : #b8d0e6;
1864     background: url("../../images/sprite.png"),-moz-linear-gradient(top, #e2ecf5 0%, #c3d8ea 50%, #b8d0e6 100%); /* FF3.6+ */
1865     background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ecf5), color-stop(50%,#c3d8ea), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
1866     background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1867     background: url("../../images/sprite.png"),-o-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Opera 11.10+ */
1868     background: url("../../images/sprite.png"),-ms-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* IE10+ */
1869     background: url("../../images/sprite.png"),linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* W3C */
1870         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecf5', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
1871         background-repeat: no-repeat;
1872     background-position: 40px -287px,top left;
1873 }
1874
1875 #cartmenulink {
1876         background: #98CB58; /* Old browsers */
1877     background: url("../../images/sprite.png"),-moz-linear-gradient(top, #d5eaba 0%, #b7db8a 50%, #98cb59 100%); /* FF3.6+ */
1878     background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5eaba), color-stop(50%,#b7db8a), color-stop(100%,#98cb59)); /* Chrome,Safari4+ */
1879     background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Chrome10+,Safari5.1+ */
1880     background: url("../../images/sprite.png"),-o-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Opera 11.10+ */
1881     background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */
1882     background: url("../../images/sprite.png"),linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* W3C */
1883         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaba', endColorstr='#98cb59',GradientType=0 ); /* IE6-9 */
1884     background-position: -5px -256px, left top;
1885         background-repeat: no-repeat;
1886         border: 1px solid #5EA28C;
1887         color : #336600;
1888         padding-left : 30px;
1889 }
1890
1891 #cartmenulink:hover {
1892         background-color : #BFDE96;
1893     background: url("../../images/sprite.png"),-moz-linear-gradient(top, #e5f1d4 0%, #cbe4aa 50%, #c0de98 100%); /* FF3.6+ */
1894     background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1d4), color-stop(50%,#cbe4aa), color-stop(100%,#c0de98)); /* Chrome,Safari4+ */
1895     background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Chrome10+,Safari5.1+ */
1896     background: url("../../images/sprite.png"),-o-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Opera 11.10+ */
1897     background: url("../../images/sprite.png"),-ms-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* IE10+ */
1898     background: url("../../images/sprite.png"),linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* W3C */
1899         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1d4', endColorstr='#c0de98',GradientType=0 ); /* IE6-9 */
1900         background-repeat: no-repeat;
1901     background-position: -5px -256px, left top;
1902 }
1903
1904 /* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1905 * html #listsmenulink,
1906 *+html #listsmenulink {
1907         padding-right : .7em;
1908 }
1909
1910 /* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1911 * html #cartmenulink,
1912 *+html #cartmenulink {
1913         padding-left : .7em;
1914 }
1915
1916 /* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1917 #listsmenulink {
1918   padding-right: .7em\0/;
1919 }
1920
1921 /* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1922 #cartmenulink {
1923   padding-left: .7em\0/;
1924 }
1925
1926 #cartmenulink span#basketcount {
1927         background-image : none;
1928         float : none;
1929         display : inline;
1930         height : auto;
1931         position : relative;
1932         margin : 0;
1933         padding : 0;
1934         left : auto;
1935         right : auto;
1936         top : auto;
1937 }
1938
1939 #cartmenulink span#basketcount span {
1940         background-image : none;
1941         background-color : #E6FCB7;
1942         color : #000;
1943         display : inline;
1944         float : none;
1945         font-size : 80%;
1946         font-weight : normal;
1947         margin : 0 0 0 .9em;
1948         padding : 0 .3em 0 .3em;
1949         position : relative;
1950         left : auto;
1951         right : auto;
1952         top : auto;
1953 }
1954
1955 #views {
1956         border-bottom : 1px solid #E8E8E8;
1957         margin-bottom : .5em;
1958         padding : 0 2em 2px 0.2em;
1959         white-space : nowrap;
1960 }
1961
1962 span.view {
1963         padding : 0.2em .2em 2px .2em;
1964 }
1965
1966 #bibliodescriptions,
1967 #isbdcontents {
1968         clear : left;
1969         margin-top : .5em;
1970 }
1971
1972 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
1973         background-repeat : no-repeat;
1974         font-size : 87%;
1975         font-weight : normal;
1976         padding : .2em .5em;
1977     padding-left : 21px;
1978         text-decoration: none;
1979 }
1980
1981 a#MARCview, span#MARCview {
1982     background-image: url("../../images/sprite.png");
1983     background-position: -5px -26px;
1984     background-repeat: no-repeat;
1985 }
1986 a#MARCviewPop, span#MARCviewPop {
1987     background-image: url("../../images/sprite.png");
1988     background-position: -5px -26px;
1989     background-repeat: no-repeat;
1990 }
1991 a#ISBDview, span#ISBDview {
1992     background-image: url("../../images/sprite.png");
1993     background-position: -5px -55px;
1994     background-repeat: no-repeat;
1995 }
1996 a#Normalview, span#Normalview {
1997     background-image: url("../../images/sprite.png");
1998     background-position: -7px 3px;
1999     background-repeat: no-repeat;
2000         padding-left : 15px;
2001 }
2002
2003 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
2004         background-color : #F3F3F3;
2005         border-left : 1px solid #E8E8E8;
2006 }
2007
2008 #shelfbrowser table {
2009         margin : 0 20px;
2010 }
2011 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
2012         border : 0;
2013         font-size : 90%;
2014         text-align : center;
2015 }
2016 #shelfbrowser a {
2017         font-size : 110%;
2018         text-decoration : none;
2019 }
2020 #shelfbrowser td, #shelfbrowser th {
2021         vertical-align : bottom;
2022         width : 20%;
2023 }
2024 #shelfbrowser td.top {
2025         vertical-align : top;
2026 }
2027 #shelfbrowser td.top a {
2028         text-decoration : underline;
2029 }
2030 #shelfbrowser a {
2031         display : block;
2032 }
2033
2034 #comments .commentline {
2035         border-bottom : 2px solid #eeeeeb;
2036         margin : 0 -.5em 0 -.5em;
2037         padding : 0 .5em .5em .5em;
2038 }
2039 #comments .yours {
2040         background-color : #effed5;
2041 }
2042 .commentline .avatar {
2043         float : right;
2044         padding-left : .5em;
2045 }
2046 #comments #addcomment {
2047         margin : 0 -1em -1em -1em;
2048         padding : .3em 1em;
2049 }
2050 input.tagbutton {
2051         padding : 1px !important;
2052 }
2053 table#items th {
2054         padding : 2px;
2055 }
2056 #action {
2057         /*margin-top: 0;*/
2058 }
2059 #similars h4 {
2060         text-align : left;
2061 }
2062 #similars table,
2063 #similars td {
2064         border : 0;
2065         margin : 0;
2066 }
2067 #similars td {
2068         width : 13em;
2069 }
2070 #similars a {
2071         display : block;
2072         font-weight : normal;
2073 }
2074 #furtherm a,
2075 #furtherm a:link,
2076 #furtherm a:visited {
2077         color : #006699;
2078 }
2079 #furtherm h4 {
2080         font-size : 106%;
2081         margin : .1em .5em;
2082 }
2083 #furtherm .bd {
2084         background-color : #F3F3F3;
2085         border:1px solid #DDD;
2086 }
2087 .results_summary img {
2088         margin : 0 5px;
2089  }
2090 span.no-image {
2091         background-color : #FFF;
2092         border: 1px solid #979797;
2093         color : #AAA;
2094         display:block;
2095         font-size : 86%;
2096         font-weight : bold;
2097         text-align : center;
2098         width : 75px;
2099 }
2100 #bookcover span.no-image {
2101         margin-right : 10px;
2102         margin-bottom : 10px;
2103 }
2104 #shelfbrowser a:link span.no-image,
2105 #shelfbrowser a:visited span.no-image,
2106 #shelfbrowser a:hover span.no-image,
2107 #shelfbrowser a:active span.no-image {
2108         font-size : 95%;
2109 }
2110 #shelfbrowser a:link span.no-image,
2111 #shelfbrowser a:visited span.no-image,
2112 #shelfbrowser a:hover span.no-image,
2113 #shelfbrowser a:active span.no-image,
2114 td.jacketcell a:link,
2115 td.jacketcell a:visited,
2116 td.jacketcell a:hover,
2117 td.jacketcell a:active,
2118 a.p1:link,
2119 a.p1:visited,
2120 a.p1:hover,
2121 a.p1:active {
2122         color : #AAA;
2123         text-decoration : none;
2124         font-weight : bold;
2125 }
2126
2127 .copies_row > td:first-child {
2128     border-left-style : none;
2129 }
2130
2131 .rtl {
2132   unicode-bidi: embed;
2133   direction: rtl;
2134   text-align: right;
2135 }
2136
2137 div.ft {
2138         clear : both;
2139 }
2140 #basket td ul li {
2141         font-size:90%;
2142         list-style:disc outside url("../../images/item-bullet.gif");
2143         padding:0.2em 0;
2144 }
2145
2146 #recentcomments {
2147         margin:auto;
2148         max-width:750px;
2149     margin-left: 13.3207em;
2150 }
2151
2152 .searchresults .commentline {
2153         background-color : rgb(255, 255, 204);
2154         background-color : rgba(255, 255, 204, 0.4);
2155         border : 1px solid #CCC;
2156         display: inline-block;
2157         -webkit-border-radius: 4px;
2158         -moz-border-radius: 4px;
2159         border-radius: 4px;
2160         -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2161         -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2162         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2163         margin : .3em;
2164         padding : .4em;
2165 }
2166
2167 .searchresults .commentline.yours {
2168         background-color : rgb(239, 254, 213);
2169         background-color : rgba(239, 254, 213, 0.4);
2170 }
2171
2172 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
2173 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
2174 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
2175
2176 #catalogue_detail_biblio h1 { float:left; margin:0 1em 1em 0; }
2177 #catalogue_detail_biblio h1.title { float:none; margin-top:1em; }
2178 #catalogue_detail_biblio h3 {clear:both; }
2179
2180 #opac-detail #Normalview { font-weight:bold; }
2181 #opac-marcdetail #Normalview { font-weight:normal; }
2182 #opac-marcdetail #MARCview { font-weight:bold; }
2183 #opac-isbddetail #Normalview { font-weight:normal; }
2184 #opac-isbddetail #ISBDview { font-weight:bold; }
2185 #opac-isbddetail #isbdcontents { margin-top: 2em; }
2186
2187 div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px; margin : 2px; }
2188
2189 #renewcontrols {
2190          float: right;
2191          font-size: 66%;
2192 }
2193
2194 #renewcontrols a {
2195         background-repeat : no-repeat;
2196         text-decoration:none;
2197         padding : .1em .4em;
2198         padding-left : 18px;
2199 }
2200
2201 #renewselected_link {
2202     background-image : url("../../images/sprite.png");
2203     background-position : -5px -988px;
2204     background-repeat: no-repeat;
2205 }
2206
2207 #renewall_link {
2208     background-image : url("../../images/sprite.png");
2209     background-position : -8px -964px;
2210     background-repeat: no-repeat;
2211 }
2212
2213 .koha_url {
2214     color: #666666;
2215 }
2216
2217 div.koha_url {
2218     border-top: none !important;
2219 }
2220 span.koha_url {
2221     position: absolute;
2222     right: 0;
2223     font-size: 85%;
2224 }
2225 a.koha_url {
2226     text-decoration:none;
2227 }
2228 /* pagination */
2229 .pagination {
2230     position: absolute;
2231     top:32px;
2232     left: -1px;
2233     width: 100%;
2234     height:auto;
2235     border: 1px solid #D0D0D0;
2236     display: none;
2237         background-color:#F3F3F3;
2238         padding-bottom:10px;
2239 }
2240
2241
2242 /* nav */
2243 .nav .close_pagination {
2244     padding-right: 10px;
2245     position: absolute;
2246     right: 3px;
2247     top: -25px;
2248 }
2249 .nav .close_pagination a {
2250     text-decoration:none!important;
2251 }
2252
2253 .nav ul {
2254     padding-top: 10px;
2255 }
2256
2257 .nav li {
2258         list-style:none;
2259         float:left;
2260         padding:4px;
2261         color:#999;
2262 }
2263
2264 .nav li a {
2265         text-decoration:none!important;
2266 }
2267
2268 .nav li a:hover {
2269         text-decoration:underline;
2270 }
2271
2272 .nav li ul {
2273         float:left;
2274 }
2275
2276 .back {
2277         float:right;
2278 }
2279
2280 .back input{
2281         background:none!important;
2282         color:#999!important;
2283 }
2284
2285 .pagination_list {
2286         float:bottom;
2287 }
2288 .pagination_list ul {
2289     padding-top: 40px;
2290         padding-left:0px;
2291 }
2292 .pagination_list li {
2293         list-style:none;
2294         float:bottom;
2295         padding:4px;
2296         color:#999;
2297    /* border-bottom : 1px solid #DDDDDD;*/
2298 }
2299 .pagination_list li.highlight {
2300    background-color : #F3F3F3;
2301    border-top : 1px solid #DDDDDD;
2302    border-bottom : 1px solid #DDDDDD;
2303 }
2304 .pagination_list span.li_pag_index {
2305    color: #999999;
2306     float: left;
2307     font-size: 15px;
2308     font-weight: bold;
2309     padding-right: 10px;
2310     text-align: right;
2311     width: 13px;
2312
2313 }
2314
2315 .pagination_list li a {padding-left:0px;}
2316
2317
2318 .nav_results {
2319     background-color: #F3F3F3;
2320     border: 1px solid #D0D0D0;
2321     margin-top: 0.5em;
2322         position:relative;
2323 }
2324
2325 .nav_results .l_Results a {
2326     background:#E1E1E1 url("../../images/sprite.png") no-repeat 0px -504px;
2327     color:#006699;
2328     display:block;
2329     padding:8px 28px;
2330     text-decoration:none;
2331 }
2332 .nav_results .l_Results a:hover {
2333     background-color:#D9D9D9;
2334 }
2335 .nav_results ul.pg_menu {
2336     border-top: 1px solid #D0D0D0;
2337     white-space : nowrap;
2338 }
2339 .nav_results ul.pg_menu li {
2340     color:#B2B2B2;
2341     display:inline;
2342     list-style:none;
2343     margin: 0;
2344 }
2345 .nav_results ul.pg_menu li.back_results a {
2346     border-left: 1px solid #D0D0D0;
2347     border-right: 1px solid #D0D0D0;
2348 }
2349 .nav_results ul.pg_menu li a,
2350 .nav_results ul.pg_menu li span {
2351         background-color: #F3F3F3;
2352         display : block;
2353     float:left;
2354     padding:.4em .5em;
2355     text-decoration:none;
2356     font-weight:normal;
2357     text-align:center;
2358 }
2359
2360 .nav_results ul.pg_menu li span {
2361         color : #B2B2B2;
2362 }
2363
2364 .nav_results ul.pg_menu li.left_results a {
2365         padding-left : 0;
2366 }
2367
2368 .nav_results ul.pg_menu li a:hover {
2369 }
2370
2371 .nav_results #listResults{
2372     line-height: 0.7em;
2373 }
2374
2375 .nav_results  #listResults li  {
2376     background-color:#999999;
2377     color:#C5C5C5;
2378     font-weight:normal;
2379         display:block;
2380         margin-right:1px;
2381         font-size:0.9em;
2382         padding:5px 0px;
2383         text-align:center;
2384         min-width:20px;
2385 }
2386
2387 .nav_results  #listResults li:hover  {background-color:#006699;}
2388
2389 .nav_results  #listResults li a { color:#FFFFFF; font-weight:normal;}
2390
2391 a.localimage img {
2392         border : 1px solid #8EB3E7;
2393         margin : 0 .5em;
2394         padding : .3em;
2395 }
2396
2397 p.patronimage {
2398         border:1px solid #EEE;
2399         border-bottom-color:#000;
2400         margin: 0.9em 0 0;
2401         padding:1em;
2402 }
2403
2404 p.patronimage.edit {
2405         border-color:#E8E8E8;
2406         margin: 1em 1em 1em 0;
2407 }
2408
2409 span.sep {
2410         color: #888;
2411         padding: 0 .2em;
2412         text-shadow: 1px 1px 0 #FFF;
2413 }
2414
2415 #daily-quote {
2416     /*border-top : 1px solid #000000;*/
2417     border : 1px solid #000000;
2418     margin-top: 2px;
2419     margin-bottom: 10px;
2420     margin-left: 2px;
2421     margin-right: 2px;
2422     width: 300px;
2423     text-align: center;
2424 }
2425
2426 #daily-quote h1 {
2427     font-size: 18px;
2428     font-weight: normal;
2429     margin: 0;
2430 }
2431
2432 #daily-quote div {
2433     font-size: 12px;
2434     margin: 5px;
2435 }
2436
2437 /* jQuery UI standard tabs */
2438 .ui-tabs-nav .ui-tabs-selected a,
2439 .ui-tabs-nav a:hover,
2440 .ui-tabs-nav a:focus,
2441 .ui-tabs-nav a:active,
2442 .ui-tabs-nav span.a {
2443     background: none repeat scroll 0 0 transparent;
2444     outline: 0 none;
2445 }
2446
2447 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
2448     background-color : #FFF;
2449     border : 1px solid #D8D8D8;
2450 }
2451
2452 .ui-widget,
2453 .ui-widget input,
2454 .ui-widget select,
2455 .ui-widget textarea,
2456 .ui-widget button {
2457     font-family : inherit;
2458     font-size : inherit;
2459 }
2460 ul.ui-tabs-nav li {
2461     list-style : none;
2462 }
2463 .ui-tabs.ui-widget-content {
2464     background : transparent none;
2465     border : 0;
2466 }
2467
2468 .ui-tabs .ui-tabs-panel {
2469     border : 1px solid #D8D8D8;
2470 }
2471 .ui-tabs-nav.ui-widget-header {
2472     border : 0;
2473     background : none;
2474 }
2475 .ui-tabs .ui-tabs-nav li {
2476     background: #F3F3F3 none;
2477     border: 1px solid #D8D8D8;
2478     margin-right : .4em;
2479 }
2480 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
2481     color : #000;
2482     font-weight : bold;
2483 }
2484
2485 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2486     background : #F3F3F3 none;
2487 }
2488
2489 .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
2490     background : #FFF none;
2491 }
2492
2493 .ui-tabs .ui-state-default a,
2494 .ui-tabs .ui-state-default a:link,
2495 .ui-tabs .ui-state-default a:visited {
2496     color: #006699;
2497 }
2498
2499 .ui-tabs .ui-state-hover a,
2500 .ui-tabs .ui-state-hover a:link,
2501 .ui-tabs .ui-state-hover a:visited {
2502     color: #990033;
2503 }
2504
2505 .statictabs ul {
2506     background: none repeat scroll 0 0 transparent;
2507     border: 0 none;
2508     margin: 0;
2509     padding: 0.2em 0.2em 0;
2510     border-bottom-right-radius: 4px;
2511     border-bottom-left-radius: 4px;
2512     border-top-right-radius: 4px;
2513     border-top-left-radius: 4px;
2514     color: #222222;
2515     font-weight: bold;
2516     font-size: 100%;
2517     line-height: 1.3;
2518     list-style: none outside none;
2519     outline: 0 none;
2520     text-decoration: none;
2521 }
2522
2523 .statictabs ul:after {
2524     clear: both;
2525 }
2526
2527 .statictabs ul:before,
2528 .statictabs ul:after {
2529     content: "";
2530     display: table;
2531 }
2532
2533 .statictabs ul li {
2534     background: none repeat scroll 0 0 #E6F0F2;
2535     border: 1px solid #B9D8D9;
2536     border-bottom: 0 none !important;
2537     border-top-right-radius: 4px;
2538     border-top-left-radius: 4px;
2539     float: left;
2540     list-style: none outside none;
2541     margin-bottom: 0;
2542     margin-right: 0.4em;
2543     padding: 0;
2544     position: relative;
2545     white-space: nowrap;
2546     top: 1px;
2547     color: #555555;
2548     font-weight: normal;
2549
2550 }
2551
2552 .statictabs ul li.active {
2553     background-color: #FFFFFF;
2554     color: #212121;
2555     font-weight: normal;
2556     padding-bottom: 1px;
2557 }
2558
2559 .statictabs ul li a {
2560     color: #004D99;
2561     cursor: pointer;
2562     float: left;
2563     padding: 0.5em 1em;
2564     text-decoration: none;
2565 }
2566
2567 .statictabs ul li a:hover {
2568     background-color : #EDF4F5;
2569     border-top-right-radius: 4px;
2570     border-top-left-radius: 4px;
2571     color : #538200;
2572 }
2573
2574 .statictabs ul li.active a {
2575     color: #000000;
2576     font-weight: bold;
2577     cursor: text;
2578     background: none repeat scroll 0 0 transparent;
2579     outline: 0 none;
2580 }
2581
2582 .statictabs .tabs-container {
2583     border: 1px solid #B9D8D9;
2584     background: none repeat scroll 0 0 transparent;
2585     display: block;
2586     padding: 1em 1.4em;
2587     border-bottom-right-radius: 4px;
2588     border-bottom-left-radius: 4px;
2589     color: #222222;
2590 }
2591
2592 .authref {
2593     text-indent: 2em;
2594 }
2595
2596 .authref .label {
2597     font-style: italic;
2598 }
2599
2600 .authstanza {
2601     margin-top: 1em;
2602 }
2603
2604 .authstanzaheading {
2605     font-weight: bold;
2606 }
2607
2608 .authstanza li {
2609     margin-left: 0.5em;
2610 }
2611
2612 /* jQuery UI Datepicker */
2613 .ui-datepicker-trigger {
2614     vertical-align: middle;
2615     margin : 0 3px;
2616 }
2617 .ui-datepicker {
2618     -moz-box-shadow: 1px 1px 3px 0 #666;
2619     -webkit-box-shadow: 1px 1px 3px 0 #666;
2620     box-shadow: 1px 1px 3px 0 #666;
2621 }
2622
2623 /* ## BABELTHEQUE ## */
2624 /* Uncomment if babeltheque configuration no contains these lines */
2625 /*
2626 #BW_etiquettes {
2627   clear :left;
2628   border: 1px solid #E8E8E8;
2629   margin-top: 10px;
2630   width: 49%;
2631   float: left;
2632   visibility: hidden;
2633   visibility: visible\9;
2634 }
2635 #BW_etiquettes:not(:empty) {
2636   visibility: visible;
2637 }
2638
2639 #BW_etiquettes h2 {
2640   clear:left;
2641   background-color: #E8E8E8;
2642   margin: 5px 10px;
2643   padding: 0 5px;
2644 }
2645
2646 #BW_ulEti {max-width:100%;}
2647
2648 #BW_ulEti ul  {
2649   margin:0;
2650   padding:0 15px;
2651   list-style-type: none;
2652 }
2653
2654 #BW_ulEti a {
2655   text-decoration: none;
2656 }
2657
2658 #BW_ulEti a.tag_s0  {font-weight: 120;font-size:0.8em;}
2659 #BW_ulEti a.tag_s1  {font-weight: 150;font-size:0.9em;}
2660 #BW_ulEti a.tag_s2  {font-weight: 180;font-size:1.0em;}
2661 #BW_ulEti a.tag_s3  {font-weight: 200;font-size:1.2em;}
2662 #BW_ulEti a.tag_s4  {font-weight: 220;font-size:1.4em;}
2663 #BW_ulEti a.tag_s5  {font-weight: 230;font-size:1.5em;}
2664 #BW_ulEti a.tag_s6  {font-weight: 320;font-size:1.6em;}
2665 #BW_ulEti a.tag_s7  {font-weight: 350;font-size:1.7em;}
2666 #BW_ulEti a.tag_s8  {font-weight: 400;font-size:1.8em;}
2667 #BW_ulEti { padding: 0px; line-height: 2em; text-align: center;}
2668 #BW_ulEti a { padding: 2px; }
2669 #BW_ulEti { margin: 0px; }
2670
2671 #BW_ulEti ol {
2672   float:left;
2673   display: inline;
2674   margin: 0 10px;
2675 }
2676
2677 #BW_suggestions {
2678   border: 1px solid #E8E8E8;
2679   margin-top: 10px;
2680   float: right;
2681   width: 49%;
2682   visibility: hidden;
2683   visibility: visible\9;
2684 }
2685 #BW_suggestions:not(:empty) {
2686   visibility: visible;
2687 }
2688 #BW_suggestions h2 {
2689   background-color: #E8E8E8;
2690   margin: 5px 10px;
2691   padding: 0 5px;
2692 }
2693 #BW_suggestions .BW_livres_tag_page {
2694   padding: 0 15px;
2695 }
2696 #BW_suggestions .BW_livres_tag_page:before {
2697   content : '> ';
2698 }
2699 #BW_droite .BW_livres_tag:before {
2700   content : '> ';
2701 }
2702
2703 #BW_videos {
2704   clear : both;
2705   border: 1px solid #E8E8E8;
2706   padding-bottom: 140px;
2707   margin-top: 10px;
2708   max-width: 100%;
2709   visibility: hidden;
2710   visibility: visible\9;
2711 }
2712
2713 #BW_videos:not(:empty) {
2714   visibility: visible;
2715 }
2716
2717 #BW_videos h2 {
2718   background-color: #E8E8E8;
2719   margin: 5px 10px;
2720   padding: 0 5px;
2721 }
2722 #BW_videos .BW_bloc_vid {
2723   clear: both;
2724   padding: 0 15px;
2725 }
2726 .BW_vignette_vid {
2727   border: 1px solid #DFD9CE;
2728   float: left;
2729   height: 141px;
2730   margin: 5px;
2731   min-height: 141px;
2732   padding: 5px;
2733   white-space: nowrap;
2734 }
2735
2736 #BW_notes {clear :left;}
2737 #BW_notes h2 {font-size:85%;}
2738
2739 #BW_citations {}
2740 #BW_citations h2 {font-size:85%;}
2741
2742 #BW_critiques {}
2743 #BW_critiques h2 {font-size:85%;}
2744
2745 #BW_critiques_pro {}
2746 #BW_critiques_pro h2 {font-size:85%;}
2747
2748 #BW_citations,#BW_critiques,#BW_critiques_pro {
2749   background: -moz-linear-gradient(center top , #3399FF, #3333FF) repeat scroll 0 0 transparent;
2750   background: -webkit-gradient(linear, center top, center bottom, from(#3399FF), to(#3333FF));
2751   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399FF', endColorstr='#3333FF');
2752   border: 1px solid #B7B7B7;
2753   border-radius: 5px 5px 5px 5px;
2754   color: #FFFFCC;
2755   display: inline-block;
2756   float: left;
2757   font-weight: bold;
2758   margin: 15px 20px 15px 0;
2759   min-width: 150px;
2760   padding: 0 15px 8px;
2761   position: relative;
2762   text-align: center;
2763   text-shadow: 1px 1px 1px #777777;
2764   white-space: nowrap;
2765 }
2766
2767 #BW_citations a,#BW_critiques a,#BW_critiques_pro a {
2768   color: #FFFFCC;
2769 }
2770
2771 */