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