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