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

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