koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css

   1 @import url("../lib/yui/reset-fonts-grids.css");
   2 @import url("../lib/yui/skin.css");
   3
   4 input:focus, textarea:focus {
   5     border-color:#538200;
   6     border-style:solid;
   7     border-radius: 4px;
   8 }
   9
  10 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
  11 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
  12
  13 a, a:link, a:visited {
  14     color : #004d99;
  15     text-decoration: none;
  16 }
  17
  18 a:hover, a:active {
  19     color : #538200;
  20     text-decoration: none;
  21 }
  22
  23 .yui-button {
  24     border-radius: 5px;
  25 }
  26
  27 .yui-button .first-child {
  28     border-radius: 5px;
  29 }
  30
  31 .yui-button,.yui-button a:link,.yui-button a:visited {
  32         color : #000;
  33 }
  34
  35 a.yuimenuitemlabel {
  36         color: #000000;
  37 }
  38
  39 .overdue,
  40 .debit {
  41         color : #cc0000;
  42 }
  43
  44 a.popup {
  45         background : transparent url("../../img/pop-up-link.png") center right no-repeat;
  46         padding-right : 15px;
  47 }
  48
  49 body {
  50         text-align : left;
  51         padding:0 0 2.5em 0;
  52   font-family: arial, verdana, helvetica, sans-serif;
  53 }
  54
  55 br.clear {
  56         clear : both;
  57         line-height : 1px;
  58 }
  59
  60 form {
  61         display : inline;
  62 }
  63
  64 form.confirm {
  65         display : block;
  66         text-align : center;
  67 }
  68
  69 h1 {
  70         font-size : 161.6%;
  71         font-weight : bold;
  72 }
  73
  74 h2 {
  75         font-size : 146.5%;
  76         font-weight : bold;
  77 }
  78
  79 h3 {
  80         font-size : 131%;
  81         font-weight : bold;
  82 }
  83
  84 h4 {
  85         font-size : 116%;
  86         font-weight : bold;
  87 }
  88
  89 h5 {
  90         font-size : 100%;
  91         font-weight : bold;
  92 }
  93
  94 h6 {
  95         font-size : 93%;
  96         font-weight : bold;
  97 }
  98
  99 h1,h2,h3,h4,h5,h6 {
 100         margin : .3em 0;
 101 }
 102
 103 p {
 104         margin: .5em 0 .5em 0;
 105 }
 106
 107 strong {
 108         font-weight : bold;
 109 }
 110
 111 strong em {
 112         font-weight : bold;
 113         font-style : italic;
 114 }
 115
 116 em, cite {
 117         font-style : italic;
 118 }
 119
 120 em strong {
 121         font-weight : bold;
 122         font-style : italic;
 123 }
 124
 125 .subfield-label {
 126     font-style : italic;
 127 }
 128
 129 #navmenulist li {
 130         padding : .2em 0;
 131         list-style-image : url("../../img/arrow-bullet.gif");
 132         border-bottom : 1px solid #EEE;
 133 }
 134
 135 #navmenulist li a {
 136         text-decoration : none;
 137 }
 138
 139 #doc, #doc1, #doc2, #doc3 {
 140         padding-top : 1em;
 141 }
 142
 143 #login_controls  {
 144         position : absolute;
 145         right : .5em;
 146 }
 147
 148 ul {
 149         padding-left : 1.1em;
 150 }
 151
 152 ul li {
 153         list-style-type : disc;
 154 }
 155
 156 ul li li {
 157         list-style-type : circle;
 158 }
 159
 160 ol {
 161         padding-left : 1.5em;
 162 }
 163
 164 ol li {
 165         list-style : decimal;
 166 }
 167
 168 #header {
 169     background-color : #e6f0f2;
 170     line-height : 2em;
 171 }
 172
 173 #header a.toplinks {
 174     font-weight: bold;
 175 }
 176
 177 .gradient {
 178     background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 179     background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 180     background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 181     background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 182     background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 183
 184     background-image: -webkit-gradient(
 185         linear,
 186         left top,
 187         left bottom,
 188         color-stop(0.1, rgb(230, 240, 242)),
 189         color-stop(0.99, rgb(255,255,255))
 190     );
 191     display: inline-block;
 192     width:100%;
 193 }
 194
 195 .clearfix:after {
 196     content: ".";
 197     display: block;
 198     height: 0;
 199     clear: both;
 200     visibility: hidden;
 201 }
 202
 203 .clearfix {
 204     display: inline-block;
 205 }
 206
 207 /* Hides from IE-mac \*/
 208 * html .clearfix {height: 1%;}
 209 .clearfix {display: block;}
 210 /* End hide from IE-mac */
 211
 212 table {
 213         border-collapse : collapse;
 214         border-top : 1px solid #BCBCBC;
 215         border-right : 1px solid #BCBCBC;
 216 }
 217
 218 table.invis,
 219 table.invis tr,
 220 table.invis td,
 221 tr.highlight table.invis td {
 222         border : none;
 223 }
 224
 225 td, th {
 226         border-bottom : 1px solid #BCBCBC;
 227         border-left : 1px solid #BCBCBC;
 228         padding : .2em .3em;
 229 }
 230
 231 td {
 232         background-color : White;
 233         vertical-align : top;
 234 }
 235
 236 table.indexes td {
 237     vertical-align : middle;
 238 }
 239
 240 td.borderless {
 241     border-collapse : separate;
 242     border : 0 none;
 243 }
 244
 245 td.data,
 246 th.data {
 247         font-family : "Courier New", Courier, monospace;
 248         text-align : right;
 249 }
 250
 251 th {
 252         background-color : #E8E8E8;
 253         font-weight : bold;
 254         text-align : center;
 255 }
 256
 257 table+table {
 258         margin-top : 1em;
 259 }
 260
 261 #editions table, #editions td {
 262         border : 0;
 263 }
 264
 265
 266 tr.highlight td, tr.highlight th, tr.odd td {
 267         background-color : #F3F3F3;
 268         border : 1px solid #DDDDDD;
 269         border-right : 1px solid #DDDDDD;
 270 }
 271
 272 tr.even td, tr.even.highlight td {
 273         background-color: #FFF;
 274         border-right : 1px solid #DDDDDD;
 275 }
 276
 277 td.od {
 278         color : #cc0000;
 279         font-weight : bold;
 280 }
 281
 282 tr.warn td {
 283         background-color: #FF9090;
 284 }
 285
 286 tr.onissue td {
 287         background-color: #FFFFCC;
 288 }
 289
 290 tr.odd.onissue td {
 291         background-color: #FFFFE1;
 292 }
 293
 294 tfoot td {
 295         background-color : #f3f3f3;
 296         font-weight : bold;
 297 }
 298
 299 td.total {
 300         text-align : right;
 301 }
 302
 303 caption {
 304         font-size : 133.9%;
 305         font-weight : bold;
 306         margin : .3em 0;
 307 }
 308
 309 span.problem {
 310         background-color : #FFFFCC;
 311         color : #990000;
 312         font-weight : bold;
 313         line-height : 1.7em;
 314 }
 315
 316 fieldset {
 317         margin : 1em 1em 1em 0;
 318         padding : 1em;
 319     background-color:#f4f8f9;
 320     border:2px solid #b9d8d9;
 321     border-radius:5px;
 322 }
 323
 324 legend {
 325         font-size : 123.1%;
 326         font-weight : bold;
 327     border:2px solid #b9d8d9;
 328     background-color:#ffffff;
 329     border-radius:3px;
 330     text-align:right;
 331     padding: 0.2em 0.5em;
 332 }
 333
 334 #breadcrumbs {
 335     background-color : #e6f0f2;
 336     clear : both;
 337     font-size : 90%;
 338     padding :.2em .5em .4em 10px;
 339     margin : 0;
 340 }
 341
 342 #header+#breadcrumbs {
 343         margin-top : 1em;
 344 }
 345
 346 div.justify {
 347     text-align: justify;
 348 }
 349
 350 div#header_search {
 351         background-position : .5em .5em;
 352         background-repeat : no-repeat;
 353         float: left;
 354         margin: .3em 0 .5em 0;
 355 }
 356
 357 div#header_search input {
 358         font-size : 1.3em;
 359 }
 360
 361 div#header_search div.residentsearch {
 362         border : 0;
 363     border-bottom : 1px solid #85ca11;
 364         padding : 0 0 .2em 0;
 365 }
 366
 367 div#reserves,div#checkouts {
 368         border : 1px solid #B9D8D9;
 369         padding : 1em;
 370 }
 371
 372 .tip {
 373         font-size: 93%;
 374         color : Gray;
 375 }
 376
 377 .single-line {
 378         white-space: nowrap;
 379 }
 380
 381 .ex {
 382         font-family : "Courier New", Courier, fixed-width;
 383         font-weight : bold;
 384 }
 385
 386
 387 div.yui-b h5 {
 388         font-size : 100%;
 389         margin : .5em 0;
 390 }
 391
 392 dt {
 393         font-weight : bold;
 394 }
 395
 396 dd {
 397         padding : .2em;
 398         font-size : 90%;
 399         text-indent : 2.5em;
 400         font-weight : normal;
 401 }
 402
 403 div#toolbar {
 404        background-color : #EDF4F6;
 405         margin-bottom : .7em;
 406      padding: 5px 5px 5px 5px;
 407       border-radius: 5px 5px 0 0;
 408     border: 1px solid #E6F0F2;
 409 }
 410
 411 div#toolbar .yui-menu-button button,
 412 div#toolbar .yui-button-button button {
 413         line-height : 1.7em;
 414 }
 415
 416 ul.toolbar {
 417         padding-left : 0;
 418 }
 419
 420 ul.toolbar button {
 421         padding-bottom : 2px;
 422         font-family: arial, verdana, helvetica, sans-serif;
 423 }
 424
 425 a.yuimenuitemlabel-disabled, #disabled a {
 426         color: #999;
 427 }
 428 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
 429         color : #999;
 430 }
 431 a.highlight_toggle {
 432     display : none;
 433 }
 434
 435 ul.toolbar li {
 436         display : inline;
 437         list-style : none;
 438 }
 439
 440 div.patroninfo {
 441         margin-top : -.5em;
 442 }
 443
 444 *html div.patroninfo {
 445         margin-right : .5em;
 446 }
 447
 448 div.patroninfo h5 {
 449     border-right:1px solid #b9d8d9;
 450         margin-bottom : 0;
 451         padding-left : -.5em;
 452         padding-top : .3em;
 453         padding-bottom : .5em;
 454 }
 455
 456 div.patroninfo ul {
 457         border : 0;
 458     border-right:1px solid #b9d8d9;
 459         border-bottom : 0;
 460         border-top : 0;
 461         padding : 0;
 462         margin : 0;
 463 }
 464
 465 div.patroninfo ul li {
 466         margin : 0;
 467 }
 468
 469 div.patroninfo ul li {
 470         list-style-type : none;
 471 }
 472
 473 div.patronviews {
 474         border-right :  1px solid #000;
 475         border-top : 1px solid #000;
 476         margin-bottom : .5em;
 477         padding : .5em 0 .5em 0;
 478 }
 479 }
 480
 481 .column-tool {
 482         font-size: 80%;
 483 }
 484
 485 fieldset.brief {
 486     border : 2px solid #B9D8D9;
 487 }
 488
 489 fieldset.brief label,
 490 fieldset.brief span.label {
 491         display : block;
 492         font-weight : bold;
 493         padding : .3em 0;
 494 }
 495
 496 fieldset.brief ol, fieldset.brief li {
 497         list-style-type : none;
 498 }
 499
 500 .hint {
 501         color : #999999;
 502         font-size : 95%;
 503 }
 504
 505 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
 506         font-size : 95%;
 507         margin-bottom : .4em;
 508 }
 509
 510 div.yui-b fieldset.brief {
 511         padding : .4em .7em;
 512 }
 513
 514 div.yui-b fieldset.brief ol {
 515         font-size : 85%;
 516         margin : 0;
 517         padding : 0;
 518 }
 519
 520 div.yui-b fieldset.brief select {
 521         width: 12em;
 522 }
 523 div.yui-b fieldset.brief li.radio {
 524         padding : .7em 0;
 525 }
 526 div.yui-b fieldset.brief li.radio label,
 527 div.yui-b fieldset.brief li.dateinsert label,
 528 div.yui-b fieldset.brief li.dateinsert span.label,
 529 div.yui-b fieldset.brief li.radio span.label {
 530         display : inline;
 531 }
 532
 533 div.yui-b fieldset.brief li.radio input {
 534         padding:0.3em 0;
 535 }
 536
 537 div.yui-b fieldset.brief fieldset {
 538         margin : 0 .3em;
 539         padding : .5em;
 540 }
 541
 542 div.yui-b fieldset.brief fieldset legend {
 543         font-size : 85%;
 544 }
 545
 546 fieldset.rows {
 547 border-width : 1px;
 548 border:2px solid #b9d8d9;
 549 float : left;
 550 font-size : 90%;
 551 clear : left;
 552 margin: .9em 0 0 0;
 553 padding: 0;
 554 width: 100%;
 555 }
 556
 557 fieldset.rows legend {
 558         margin-left: 1em;
 559         font-weight: bold;
 560         font-size : 110%;
 561 }
 562
 563 fieldset.rows label, fieldset.rows span.label {
 564         float: left;
 565         font-weight : bold;
 566         width: 6em;
 567         margin-right: 1em;
 568         text-align: right;
 569 }
 570
 571 fieldset.rows fieldset {
 572     background-color: transparent;
 573         border-width : 1px;
 574     margin : 1em;
 575         padding : .3em;
 576 }
 577
 578 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 579         width: 9em;
 580 }
 581
 582 .yui-b fieldset.rows div.hint {
 583         margin-left : 10.5em;
 584 }
 585
 586 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 587         width: 10em;
 588 }
 589
 590 .yui-u fieldset.rows div.hint {
 591         margin-left : 7.5em;
 592 }
 593
 594 fieldset.rows.left label, fieldset.rows.left span.label {
 595         width : 8em;
 596         text-align : left;
 597 }
 598
 599 fieldset.rows ol {
 600 padding: 1em 1em 0 1em;
 601 list-style-type: none;
 602 }
 603
 604 fieldset.rows li {
 605 float : left;
 606 clear : left;
 607 padding-bottom: 1em;
 608 list-style-type: none;
 609 width: 100%;
 610 }
 611
 612 fieldset.rows.left li {
 613         padding-bottom : .4em;
 614 }
 615
 616 fieldset.rows li.radio {
 617         padding-left: 9em;
 618         width : auto;
 619 }
 620
 621 fieldset.rows li.radio label {
 622         float : none;
 623         width : auto;
 624         margin : 0 0 0 1em;
 625 }
 626
 627 fieldset.rows ol.radio label {
 628         width : auto;
 629         float : none;
 630         margin-right : 0;
 631 }
 632
 633 fieldset.rows ol.radio label.radio {
 634         float : left;
 635         width : 12em;
 636         margin-right : 1em;
 637 }
 638
 639 fieldset.rows caption {
 640     font-size : 120%;
 641 }
 642
 643 fieldset.rows p {
 644     margin : 1em 0 1em 1em;
 645 }
 646
 647 fieldset.rows table {
 648         font-size : 105%;
 649         clear : both;
 650         margin : 1em 0 1em 1em;
 651 }
 652
 653 fieldset.rows td label {
 654         float : none;
 655         font-weight : normal;
 656         width : auto;
 657 }
 658
 659 fieldset.rows label.yesno {
 660         float : none;
 661         width : auto;
 662 }
 663
 664 fieldset.action, div.action {
 665     background-color: transparent;
 666         clear : both;
 667         float : none;
 668     border : 0px;
 669   margin: 0;
 670      padding: .4em .4em .4em .1em;
 671   width: auto;
 672 }
 673
 674 div.rows+div.rows {
 675     margin-top : .6em;
 676 }
 677
 678 div.rows {
 679 float : left;
 680 clear : left;
 681 margin: 0 0 0 0;
 682 padding: 0;
 683 width: 100%;
 684 }
 685
 686
 687 div.rows span.label {
 688         float: left;
 689         font-weight : bold;
 690         width: 9em;
 691         margin-right: 1em;
 692         text-align: left;
 693 }
 694
 695 div.rows ol {
 696 padding: .5em 1em 0 0;
 697 list-style-type: none;
 698 }
 699
 700 div.rows ol li li {
 701         border-bottom: 0;
 702 }
 703
 704 div.rows li {
 705 border-bottom :  1px solid #EEE;
 706 float : left;
 707 clear : left;
 708 padding-bottom: .2em;
 709 padding-top: .1em;
 710 list-style-type: none;
 711 width: 100%;
 712 }
 713
 714 a.cancel {
 715         padding-left : 1em;
 716 }
 717
 718 fieldset.rows fieldset.action {
 719         padding : 1em;
 720 }
 721
 722 fieldset.rows label.inline {
 723         display : inline;
 724         float : none;
 725         margin-left : 1em;
 726         width : auto;
 727 }
 728
 729 fieldset.rows .inputnote {
 730         clear : left;
 731         float : left;
 732         margin : .5em 0 0 11em;
 733 }
 734
 735 .checkedout {
 736         color : #999999;
 737         font-style : italic;
 738 }
 739
 740 .subfield_not_filled {
 741         background-color : #FFFF99;
 742 }
 743 .content_hidden {
 744     visibility:hidden; /* you propably don't need to change this one */
 745     display:none;
 746 }
 747
 748 /* the property for the displayed tab */
 749 .content_visible {
 750     visibility:visible; /* you propably don't need to change this one */
 751     display:block;
 752 }
 753 #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child {
 754         padding-left : 34px;
 755         background-image: url("../../img/toolbar-new.gif");
 756         background-position : center left;
 757         background-repeat : no-repeat;
 758 }
 759
 760 #changepassword a {
 761         padding-left : 34px;
 762         background-image: url("../../img/toolbar-password.gif");
 763         background-position : center left;
 764         background-repeat : no-repeat;
 765 }
 766
 767 #manageorders a {
 768         padding-left : 34px;
 769         background-image: url("../../img/toolbar-orders.gif");
 770         background-position : center left;
 771         background-repeat : no-repeat;
 772 }
 773
 774
 775 #savemenuc .first-child, #addbiblio .first-child {
 776         padding-left : 34px;
 777         background-image: url("../../img/toolbar-save.gif");
 778         background-position : center left;
 779         background-repeat : no-repeat;
 780 }
 781
 782 #editpatron a,
 783 #editreport a,
 784 #editmenuc .first-child,
 785 #editshelf a,
 786 #edit a,
 787 #editsupplier a,
 788 #managelabel a,
 789 #managetemplate a,
 790 #managelabelbatch a,
 791 #manageprofile a,
 792 #periods_menuc .first-child {
 793         padding-left : 34px;
 794         background-image: url("../../img/toolbar-edit.gif");
 795         background-position : center left;
 796         background-repeat : no-repeat;
 797 }
 798
 799 #duplicate a {
 800         padding-left : 34px;
 801         background-image: url("../../img/toolbar-duplicate.gif");
 802         background-position : center left;
 803         background-repeat : no-repeat;
 804 }
 805
 806 #receive a {
 807         padding-left : 34px;
 808         background-image: url("../../img/toolbar-receive.gif");
 809         background-position : center left;
 810         background-repeat : no-repeat;
 811 }
 812
 813 #renew a {
 814         padding-left : 34px;
 815         background-image: url("../../img/toolbar-renew.gif");
 816         background-position : center left;
 817         background-repeat : no-repeat;
 818 }
 819
 820 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 821         padding-left : 34px;
 822         background-image: url("../../img/toolbar-delete.gif");
 823         background-position : center left;
 824         background-repeat : no-repeat;
 825 }
 826
 827 #z3950search .first-child {
 828         padding-left : 34px;
 829         background-image: url("../../img/toolbar-search.gif");
 830         background-position : center left;
 831         background-repeat : no-repeat;
 832 }
 833 #z3950searcht table {
 834         /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
 835         padding: 20px;
 836         border: none;
 837 }
 838 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 839         padding-left : 34px;
 840         background-image: url("../../img/toolbar-print.gif");
 841         background-position : center left;
 842         background-repeat : no-repeat;
 843 }
 844
 845 #addtoshelf button, #addtoshelf a {
 846         padding-left : 34px;
 847         background-image: url("../../img/toolbar-add-to-shelf.gif");
 848         background-position : center left;
 849         background-repeat : no-repeat;
 850 }
 851
 852 #placehold a,
 853 #placehold button,
 854 #holdfor .first-child {
 855         padding-left : 34px;
 856         background-image: url("../../img/toolbar-hold.gif");
 857         background-position : center left;
 858         background-repeat : no-repeat;
 859 }
 860
 861 #placeholdc #yui-gen13 { border-top : 1px solid #CCCCCC; margin-top : .3em; }
 862
 863 #holdfor .first-child { padding-left : 17px; }
 864
 865 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .first-child {
 866         padding-left : 15px;
 867 }
 868
 869 .error,
 870 .error a,
 871 .error a:link,
 872 .error a:visited {
 873        color: #cc0000;
 874 }
 875
 876 div.error {
 877         border : 2px dashed #990000;
 878         background-color : #FFFF99;
 879         padding : .5em;
 880         margin : 1em;
 881 }
 882
 883 input.alert {
 884         background-color : #FFFF99;
 885         border-color: #900;
 886 }
 887
 888 ol.bibliodetails {
 889         float: left;
 890         margin : 0 0 1em 1em;
 891 }
 892
 893 ol.bibliodetails li {
 894         border-bottom: 1px solid #E8E8E8;
 895         list-style-type : none;
 896         padding : .1em;
 897 }
 898
 899 ol.bibliodetails span.label {
 900         border-right : 1px solid #E8E8E8;
 901         float : left;
 902         font-weight: bold;
 903         width: 12em;
 904         margin-right: 1em;
 905 }
 906
 907 div.listgroup {
 908         clear :  left;
 909 }
 910
 911 div.listgroup h4 {
 912         font-style: italic;
 913 }
 914
 915 div.listgroup h4 a {
 916         font-size :  80%;
 917 }
 918
 919 div.listgroup input {
 920         font-size: 80%;
 921 }
 922
 923 div.sysprefs h3 {
 924         margin : .2em 0 .2em .4em;
 925 }
 926
 927 div.sysprefs dl {
 928         margin-left : 1.5em;
 929 }
 930
 931 div.sysprefs div.hint {
 932         width : 25%;
 933         float : right;
 934         padding : .5em;
 935         margin : .7em;
 936 }
 937
 938 tr.highlight td {
 939         background-color : #F6F6F6;
 940         border-color : #BCBCBC;
 941 }
 942
 943 tr.highlight th[scope=row] {
 944         background-color : #DDDDDD;
 945         border-color : #BCBCBC;
 946 }
 947
 948 #circ_circulation_issue label {
 949         font-size: 105%;
 950         font-weight : bold;
 951 }
 952
 953 #circ_circulation_issue div.hint {
 954         color : #666666;
 955         margin: .2em 0;
 956 }
 957
 958 .date-select {
 959     font-size : 85%;
 960     padding-top : .3em;
 961 }
 962
 963 #circ_circulation_issue .date-select label,
 964 .date-select label {
 965     font-size : inherit;
 966     font-weight: normal;
 967 }
 968
 969 .date-select input {
 970     padding : 1px;
 971 }
 972
 973 tr.expired td {
 974         color : #999999;
 975 }
 976
 977 span.expired {
 978         color : #990000;
 979         font-style : italic;
 980 }
 981
 982 div.help {
 983         margin: .9em 0 0 0;
 984 }
 985
 986 .blocker {
 987         color : #990000;
 988 }
 989
 990 .circmessage li {
 991         list-style : url(../../img/arrow-bullet.gif);
 992         margin-bottom : .2em;
 993 }
 994
 995 div.circmessage:first-child {
 996         margin-top : 1em;
 997 }
 998
 999 div.circmessage {
1000         padding: 0 .4em .4em .4em;
1001         margin-bottom : .3em;
1002 }
1003
1004 span.circ-hlt {
1005         color : #cc0000;
1006         font-weight : bold;
1007 }
1008
1009 div.first fieldset {
1010         margin-right : 0;
1011 }
1012
1013 #circ_needsconfirmation {
1014         margin : auto;
1015 }
1016
1017 .dialog {
1018         -moz-border-radius : 2px;
1019         border-radius : 2px;
1020         padding : .5em;
1021         margin : 1em auto;
1022         text-align : center;
1023         width: 65%;
1024 }
1025
1026 .dialog table {
1027         margin : .5em auto;
1028 }
1029
1030 .dialog table th {
1031         text-align : right;
1032 }
1033
1034 .dialog table td {
1035         text-align : left;
1036 }
1037
1038 .dialog  h2, .dialog h3, .dialog h4 {
1039         margin : auto;
1040         text-align : center;
1041   }
1042
1043 .dialog input {
1044         background-color : #FFF;
1045         border : 1px solid #bcbcbc;
1046         margin : .4em;
1047         padding : .4em .4em .4em 25px;
1048  }
1049
1050  .dialog input[type="submit"] {
1051         background : #FFF none;
1052  }
1053
1054 .dialog input.approve, td input.approve {
1055         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1056         padding : .4em .4em .4em 25px;
1057  }
1058
1059 td input.approve {
1060         background-color : #FFC;
1061 }
1062
1063 .dialog input.deny {
1064         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1065         padding : .4em .4em .4em 25px;
1066  }
1067
1068 .dialog input.save {
1069         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1070         color:black;
1071         padding: .4em .4em .4em 34px;
1072 }
1073
1074 .dialog input.edit {
1075         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1076         color:black;
1077         max-width : 13em;
1078         padding: .4em .4em .4em 34px;
1079         white-space: normal;
1080 }
1081
1082 .dialog input.new {
1083         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1084         color:black;
1085         max-width : 13em;
1086         padding: .4em .4em .4em 34px;
1087         white-space: normal;
1088 }
1089
1090 .dialog input.print {
1091         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1092         padding : .4em .4em .4em 25px;
1093 }
1094
1095 .dialog input:hover {
1096         background-color : #ffc;
1097  }
1098
1099 div.dialog {
1100         border: 1px solid #bcbcbc;
1101     text-align : center;
1102 }
1103
1104 div.alert {
1105         background: #fef8d3; /* Old browsers */
1106         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1107         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+ */
1108         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1109         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1110         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1111         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1112         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1113           text-align : center;
1114         border: 1px solid #E0C726;
1115 }
1116
1117 div.alert strong {
1118         color : #900;
1119 }
1120
1121 .dialog li {
1122     list-style-position:inside;
1123 }
1124
1125 a.clear-field {
1126     background : transparent url("../../img/clear-field.png") center left no-repeat;
1127     padding-left : 16px;
1128 }
1129
1130 a.clone-field {
1131     background : transparent url("../../img/clone-field.png") center left no-repeat;
1132     padding-left : 20px;
1133 }
1134
1135 a.document {
1136         background-position : left middle;
1137         background-repeat : no-repeat;
1138         padding-left : 20px;
1139 }
1140
1141 a.pdf {
1142         background-image : url("../../img/famfamfam/silk/page_white_acrobat.png");
1143 }
1144
1145 a.csv {
1146         background-image : url("../../img/famfamfam/silk/page_white_excel.png");
1147 }
1148
1149 a.xml {
1150         background-image : url("../../img/famfamfam/silk/page_white_code.png");
1151 }
1152
1153 div.message {
1154         background: #ffffff; /* Old browsers */
1155         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1156         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+ */
1157         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1158         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1159         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1160         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1161         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1162         border : 1px solid #bcbcbc;
1163         text-align: center;
1164         width : 55%;
1165 }
1166
1167 div.message ul,
1168 div.message h5 {
1169         padding-left : 25%;
1170         text-align : left;
1171 }
1172
1173 div.message ul+h4 {
1174         margin-top : .7em;
1175 }
1176
1177 div.note {
1178         background: #f4f6fa;
1179         background-repeat : no-repeat;
1180         background-position : left center;
1181         background-image : url("../../img/note.png");
1182         background-image: url("../../img/note.png"), -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
1183         background-image: url("../../img/note.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
1184         background-image: url("../../img/note.png"), -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
1185         background-image: url("../../img/note.png"), -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
1186         background-image: url("../../img/note.png"), -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
1187         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
1188         background-image: url("../../img/note.png"), linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
1189         border : 1px solid #BCBCBC;
1190         padding : .5em .5em .5em 20px;
1191         margin : .5em 0;
1192 }
1193
1194  div.results {
1195         padding : .7em 0;
1196  }
1197
1198  .accesskey {
1199         text-decoration : underline;
1200  }
1201
1202 .required {
1203     color : #C00;
1204 }
1205
1206 span.required {
1207         font-style : italic;
1208         margin-left : .5em;
1209 }
1210
1211 .missing{
1212     background-color : #FFFFCC;
1213 }
1214
1215 .term {
1216     background-color: #FFC;
1217          color : #990000;
1218 }
1219
1220 a .term {
1221          text-decoration : underline;
1222 }
1223
1224 /* style for shelving location in catalogsearch */
1225 .shelvingloc {
1226     display : block;
1227     font-style : italic;
1228 }
1229
1230 a:hover .term {
1231         color : #FF9090;
1232 }
1233
1234 div#menu {
1235     border-right:1px solid #b9d8d9;
1236         margin-right: .5em;
1237         padding-top: 1em;
1238         padding-bottom: 2em;
1239 }
1240
1241 *html #menu li {
1242         display : inline;
1243 }
1244
1245 div#menu li a {
1246         text-decoration: none;
1247         display: block;
1248
1249               background: #e8f0f6; /* Old browsers */
1250         background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
1251     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1252     background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1253      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
1254    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
1255         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f6', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
1256        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
1257         -moz-border-top-left-radius: 5px;
1258         border-top-left-radius: 5px;
1259         -moz-border-bottom-left-radius: 5px;
1260         border-bottom-left-radius: 5px;
1261     border:1px solid #b9d8d9;
1262         font-size: 111%;
1263         margin: .5em 0;
1264         padding: .4em .3em;
1265         margin-right :  -1px;
1266 }
1267
1268 div#menu li a:hover {
1269
1270
1271      background: #fff; /* Old browsers */
1272    background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1273   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FAFAFA), color-stop(96%,#FAFAFA), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1274   background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1275      background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
1276    background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1277         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
1278        background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1279     border-left: 1px solid #85CA11;
1280     border-top: 1px solid #85CA11;
1281     border-bottom: 1px solid #85CA11;
1282 }
1283
1284 div#menu li.active a:hover {
1285         background-color: #fff;
1286     color :  #538200;
1287 }
1288
1289 #menu ul li {
1290         list-style-type: none;
1291 }
1292
1293 #menu ul li.active a {
1294         background-color: #FFF;
1295         background-image : none;
1296         font-weight: bold;
1297     color:#000000;
1298     border-left: 1px solid #85CA11;
1299     border-top: 1px solid #85CA11;
1300     border-bottom: 1px solid #85CA11;
1301     border-right: 0;
1302 }
1303
1304 h1#logo {
1305         border:0pt none;
1306         float:left !important;
1307         margin:0;
1308         padding:0;
1309         width:180px;
1310 }
1311 h1#logo {
1312         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1313         margin:0.75em .3em 0.75em .7em;
1314 }
1315
1316 *html h1#logo {
1317         margin : 0.75em .3em 0.75em .3em;
1318 }
1319
1320 h1#logo a {
1321         border:0;
1322         cursor:pointer;
1323         display:block;
1324         height:0px !important;
1325         margin:0;
1326         overflow:hidden;
1327         padding:44px 0 0;
1328         text-decoration:none;
1329         width:180px;
1330 }
1331
1332 #closewindow {
1333         margin-top : 2em;
1334         text-align : center;
1335 }
1336
1337 #closewindow a {
1338         font-weight : bold;
1339 }
1340
1341 .patroninfo+#menu {
1342         margin-right : 0;
1343 }
1344
1345 .barcode {
1346         font-size :  200%;
1347 }
1348
1349 li.email a {
1350         display:block;
1351         overflow:hidden;
1352         width:13em;
1353 }
1354 li.email {
1355         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1356         font-size :  87%;
1357         overflow:hidden;
1358         padding :0 10px 0 0;
1359         width:13em;
1360 }
1361
1362 .empty {
1363         color : #CCC;
1364 }
1365
1366 .address {
1367         font-size: 110%;
1368 }
1369
1370 .clearfix:after {
1371     content: ".";
1372     display: block;
1373     height: 0;
1374     clear: both;
1375     visibility: hidden;
1376 }
1377
1378 /* Hides from IE-mac \*/
1379 * html .clearfix {height: 1%;}
1380 /* End hide from IE-mac */
1381
1382 .title {
1383         font-weight : bold;
1384         font-size : 105%;
1385 }
1386
1387 .hold {
1388         float : right;
1389         font-size: 90%;
1390         margin: 0;
1391 }
1392
1393 .thumbnail {
1394         display : block;
1395         margin : auto;
1396 }
1397
1398 #searchresults ul li {
1399         font-size : 90%;
1400         list-style : url(../../img/item-bullet.gif);
1401         padding : .2em 0;
1402         clear : left;
1403 }
1404
1405 #searchresults span.status {
1406         clear : left;
1407         color : #900;
1408         display : block;
1409 }
1410
1411 #searchresults span.unavailable {
1412         clear : left;
1413         display : block;
1414 }
1415
1416 #searchresults .availability strong {
1417         display : block;
1418 }
1419
1420 #searchresults ul li img {
1421         float : left;
1422         margin : 3px 5px 3px -5px;
1423 }
1424
1425 #searchresults table td {
1426         vertical-align : top;
1427 }
1428
1429 #searchheader {
1430      background-color : #E6F0F2;
1431         font-size : 80%;
1432         margin : 0 0 .5em -1px;
1433  padding : .1em 0 .4em 1em;
1434      border-radius : 5px 5px 0 0;
1435    border : 1px solid #B9D8D9;
1436 }
1437
1438 /* Hack just for Firefox */
1439 html>/**/body #searchheader button, x:-moz-any-link, x:default {
1440         padding-bottom : 3px;
1441 }
1442
1443 #searchheader form {
1444         float : right;
1445   padding : 5px 5px 3px 0;
1446 }
1447
1448 #searchheader form.fz3950 {
1449         float : right;
1450         font-size : 125%;
1451         padding : 0 0 0 5em;
1452 }
1453
1454 #searchheader form.fz3950bigrpad {
1455         float : right;
1456         font-size : 125%;
1457         padding : 5px 25em 0 0;
1458 }
1459
1460 #searchheader .yui-button button,
1461 #searchheader .yui-button a {
1462         line-height : 1.5em;
1463 }
1464
1465 #search-facets ul {
1466         margin : 0;
1467         padding : .3em;
1468 }
1469
1470 #search-facets {
1471     border : 1px solid #B9D8D9;
1472     border-radius: 5px 5px 0 0;
1473 }
1474
1475 #search-facets h4 {
1476      background-color : #E6F0F2;
1477     border-bottom : 1px solid #B9D8D9;
1478      border-radius: 5px 5px 0 0;
1479         font-size : 90%;
1480         margin : 0;
1481         padding : .4em .2em;
1482         text-align : center;
1483 }
1484
1485 #search-facets ul li {
1486         font-weight : bold;
1487         list-style-type : none;
1488 }
1489
1490 #search-facets li li {
1491         font-weight : normal;
1492         font-size : 85%;
1493         margin-bottom : 2px;
1494         padding : .1em .2em;
1495 }
1496
1497 #search-facets li.showmore {
1498         font-weight : bold;
1499         text-indent : 1em;
1500 }
1501
1502 div.pages {
1503         margin : .5em 0;
1504 }
1505
1506 div.pages a {
1507         font-weight: bold;
1508         padding: 1px 5px 1px 5px;
1509         text-decoration: none;
1510 }
1511
1512 div.pages a:link,
1513 div.pages a:visited {
1514         background-color : #eeeeee;
1515         color : #3366CC;
1516 }
1517
1518 div.pages a:hover {
1519         background-color : #FFC;
1520 }
1521
1522 div.pages a:active {
1523         background-color : #ffc;
1524 }
1525
1526 div.pages .current,
1527 div.pages .currentPage {
1528         background-color : #e6fcb7;
1529         color : #666;
1530         font-weight: bold;
1531         padding: 1px 5px 1px 5px;
1532 }
1533
1534 div.pages .inactive {
1535         background-color : #f3f3f3;
1536         color : #BCBCBC;
1537         font-weight: bold;
1538         padding: 1px 5px 1px 5px;
1539 }
1540
1541 div.browse {
1542         margin : .5em 0;
1543 }
1544
1545 div#bookcoverimg {
1546         text-align : center;
1547 }
1548
1549 div#header_search input.submit {
1550         font-size : 1em;
1551 }
1552
1553 *html input.submit {
1554         padding : .1em;
1555 }
1556
1557 input[type=submit]:active, input[type=button]:active, button.submit:active {
1558         border : 1px inset #999999;
1559 }
1560
1561 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1562         border: 1px outset #999999;
1563         border-top-color: #666;
1564         border-left-color: #666;
1565         -moz-border-radius : 2px;
1566         padding: 0.25em;
1567         background: #ffffff; /* Old browsers */
1568         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
1569         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
1570         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
1571         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
1572         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
1573         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
1574         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
1575         color: #333333;
1576 }
1577
1578 input[type=submit]:disabled,
1579 input[type=reset]:disabled,
1580 input[type=button]:disabled,
1581 input.submit:disabled,
1582 button.submit:disabled {
1583     color : #999;
1584     border : 1px solid #C0C0C0;
1585     background : #EEE none;
1586 }
1587
1588 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1589         border : 1px inset #999999;
1590 }
1591
1592 ul li input.submit {
1593         font-size : 87%;
1594         padding : 2px;
1595 }
1596
1597 input.warning {
1598     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1599         padding : 0.25em 0.25em 0.25em 25px;
1600 }
1601
1602 .searchhighlightblob {
1603     font-size:75%;
1604         font-style : italic;
1605 }
1606
1607 a.yuimenuitemlabel:hover {
1608         background-color : #B3D4FF;
1609         color : #000;
1610 }
1611
1612 #displayexample {
1613         padding: 5px;
1614         margin-bottom: 10px;
1615         background-color: #CCCCCC;
1616 }
1617
1618 #irregularity_summary {
1619         vertical-align : top;
1620 }
1621
1622 #toplevelnav {
1623         float : left;
1624         margin-left : .5em;
1625      width: 40%;
1626 }
1627
1628 ul#toplevelmenu {
1629         padding : 0;
1630 }
1631
1632 ul#toplevelmenu li {
1633         display: inline;
1634         padding : 0 .6em;
1635 }
1636
1637 ul#toplevelmenu li.more a {
1638         background-image:url(../../img/more-arrow.gif);
1639         background-position:right center;
1640         background-repeat:no-repeat;
1641         padding-right:13px;
1642 }
1643
1644 ul#toplevelmenu li.more ul li a {
1645         background-image : none;
1646         padding-right : 20px;
1647 }
1648
1649 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1650         padding: .2em 20px .2em 20px;
1651 }
1652
1653 ul#toplevelmenu li a {
1654         text-decoration : none;
1655 }
1656 ul#toplevelmenu li ul li {
1657         display :block;
1658         padding :0;
1659 }
1660 ul#toplevelmenu li ul li a {
1661         text-decoration : none;
1662 }
1663
1664 ul#i18nMenu {
1665         margin : 0;
1666         padding : .2em 0;
1667  }
1668
1669 ul#i18nMenu li {
1670         border-left : 1px solid #CCC;
1671         display : inline;
1672         float: left;
1673         list-style : none;
1674         padding : 0 10px;
1675 }
1676
1677 ul#i18nMenu li.yuimenuitem {
1678         float: none;
1679 }
1680
1681 ul#i18nMenu li:first-child {
1682         border-left : 0;
1683  }
1684
1685 ul#i18nMenu li ul li {
1686         border : 0;
1687         display : block;
1688         padding : 0;
1689  }
1690
1691 ul#i18nMenu li.more a {
1692         background-image:url(../../img/more-up-arrow.gif);
1693         background-position:right center;
1694         background-repeat:no-repeat;
1695         padding-right:13px;
1696 }
1697
1698 ul#i18nMenu li.more ul li a {
1699         background-image : none;
1700         padding-right : 20px;
1701 }
1702
1703 div.lang {
1704         float:left;
1705 }
1706
1707  div#changelanguage{
1708         background-color: #fff;
1709         border-top: 1px solid #CCC;
1710   position:absolute;
1711   bottom:0;
1712   left:0;
1713   width:100%;
1714   height: 2em;
1715  }
1716
1717  @media screen{
1718   body>div#changelanguage {
1719    position: fixed;
1720   }
1721  }
1722
1723  * html body{
1724   overflow:hidden;
1725  }
1726
1727  * html div#doc1{
1728   height:100%;
1729   overflow:auto;
1730  }
1731
1732  * html div#doc2{
1733   height:100%;
1734   overflow:auto;
1735  }
1736
1737  * html div#doc3{
1738   height:100%;
1739   overflow:auto;
1740  }
1741
1742 #CheckAll, #CheckNone, #CheckPending {
1743         font-weight : normal;
1744         margin : 0 .5em 0 0;
1745 }
1746 .lost,.dmg,.wdn {
1747         display : block;
1748         color : #990000;
1749 }
1750 .datedue {
1751         display : block;
1752         color : #999;
1753         font-style : italic;
1754 }
1755 /* Tablesorter */
1756 .header {
1757         background-image:url("../../img/ascdesc.gif");
1758         background-position:right center;
1759         background-repeat:no-repeat;
1760         cursor:pointer;
1761         padding : .2em 23px;
1762 }
1763 .headerSortUp {
1764         background-image:url("../../img/asc.gif");
1765 }
1766 .headerSortDown {
1767         background-image:url("../../img/desc.gif");
1768 }
1769
1770 tr.reserved td {
1771         background-color : #eeffd4;
1772 }
1773 tr.transfered td {
1774         background-color : #e8f0f6;
1775 }
1776 .waitinghere,
1777 .credit {
1778         color : #669900;
1779 }
1780
1781 /* Permissions Labels */
1782 label.permissioncode:before {
1783         content: "(";
1784 }
1785 label.permissioncode:after {
1786         content: ")";
1787 }
1788 label.permissioncode {
1789         font-style : italic;
1790 }
1791 span.permissiondesc {
1792         font-weight : normal;
1793 }
1794 #mainuserblock {
1795         border : 1px solid #E8E8E8;
1796         margin-top : .5em;
1797         padding : .5em;
1798 }
1799
1800 /* borrower autocomplete */
1801 #borrowerautocomplete { width: 500px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1802 .autocomplete .yui-ac-highlight ,
1803 .autocomplete .yui-ac-highlight .sample-result,
1804 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1805 .autocomplete .sample-result { color: black; }
1806 .autocomplete .sample-query { color:#000; }
1807 #findborrower { position:static; width:auto; }
1808 #yborrowercontainer { text-align:left;width:335px; }
1809
1810 /* patron attribues autocomplete for overdues report (pattrodue) */
1811 .pattrodue-autocomplete .pattrodue-result { color: black; }
1812 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1813 .pattrodue-input { position:static; width:auto; }
1814 .pattrodue-container { text-align:left; width:400px; }
1815
1816 .labeledmarc-table {
1817         border: 0;
1818 }
1819
1820 .labeledmarc-label {
1821         border: 0;
1822         padding: 5;
1823         font-size: 11pt;
1824     color: #000000;
1825     font-style: italic;
1826 }
1827
1828 .labeledmarc-value {
1829         border: 0;
1830         padding: 5;
1831         font-size: 10pt;
1832         color: black;
1833 }
1834
1835 #cartDetails {
1836         background-color : #FFF;
1837         border: 1px solid #739acf;
1838          -moz-box-shadow: 1px 1px 3px 0 #666;
1839          -webkit-box-shadow: 1px 1px 3px 0 #666;
1840          box-shadow: 1px 1px 3px 0 #666;
1841         color : black;
1842         display : none;
1843         margin : 0;
1844         padding : 10px;
1845         text-align : center;
1846         width : 180px;
1847         z-index : 50;
1848 }
1849 #cartmenulink {
1850         background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
1851         padding-left : 15px;
1852 }
1853 #cartmenulink span#basketcount span {
1854         display : inline;
1855         font-size : 90%;
1856         font-weight : normal;
1857         padding : 0;
1858 }
1859 #moremenu {
1860         display : none;
1861 }
1862
1863 .results_summary {
1864   display: block;
1865   font-size : 85%;
1866   color: #707070;
1867   padding : 0 0 .5em 0;
1868 }
1869 .results_summary .label {
1870   color: #202020;
1871 }
1872 .results_summary a {
1873   font-weight: normal;
1874 }
1875
1876 img.spinner {
1877     vertical-align: middle;
1878     padding-right: 0.3em;
1879 }
1880 ul.budget_hierarchy {
1881     margin-left: 0px;
1882     padding-left: 0px;
1883 }
1884 ul.budget_hierarchy li {
1885     display: inline;
1886 }
1887 ul.budget_hierarchy li:after {
1888     content: " -> ";
1889 }
1890 ul.budget_hierarchy li:last-child:after {
1891     content: "";
1892 }
1893 ul.budget_hierarchy li:first-child:after {
1894     content: "";
1895 }
1896 .holdcount { font-size : 105%; line-height : 200%; }
1897 .holdcount a {
1898         border : 1px solid #a4bedd;
1899         background-color : #e4ecf5;
1900         font-weight : bold;
1901         -moz-border-radius: 4px;
1902         border-radius: 4px;
1903         padding : .1em .4em;
1904         text-decoration : none;
1905 }
1906 .holdcount a:hover { background-color : #ebeff7; }
1907 .container {
1908         border : 1px solid #EEE;
1909         padding : 1em;
1910         margin : 1em 0;
1911 }
1912 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1913
1914 .import_export{
1915     position:relative;
1916 }
1917 .import_export .import_export_options{
1918     background: white;
1919     border: 1px solid #CDCDCD;
1920     left: 60px;
1921     padding: 10px;
1922     position: absolute;
1923     top: 0;
1924     z-index: 1;
1925     width: 300px;
1926 }
1927 .import_export_options li{
1928     display: block;
1929     list-style: none;
1930     padding-top: 10px;
1931 }
1932 .import_export_options .import_export_close {
1933     cursor: pointer;
1934     text-decoration: underline;
1935 }
1936 .import_export_options .export_ok {
1937     padding: 10;
1938     background: #E3E3E3 none;
1939     cursor: pointer;
1940     margin-left: 20px;
1941     border: none;
1942 }
1943 .import_export_options .import_ok {
1944     padding: 10;
1945     background: #E3E3E3 none;
1946     cursor: pointer;
1947     margin-left: 20px;
1948     border: none;
1949 }
1950 .form_import .input_import {
1951     border: 1px solid #bcbcbc;
1952 }
1953 .import_export_options .importing {
1954     padding: inherit;
1955     background: none;
1956 }
1957 .li_close_import_export {
1958     text-align: right;
1959 }
1960
1961 .importing {
1962     position: relative;
1963 }
1964
1965 .importing .importing_msg {
1966     padding-left: 10px;
1967     padding-bottom: 10px;
1968 }
1969
1970 .m880 {
1971     display:block;
1972     text-align:right;
1973     float:right;
1974     width:50%;
1975     padding-left:20px
1976 }
1977
1978 .advsearch {
1979     margin: 0;
1980 }
1981
1982 .advsearch table {
1983     border-spacing : 5px;
1984     border-collapse : separate;
1985     border-width : 0;
1986 }
1987 .advsearch td {
1988     border : 1px solid #EEE;
1989     padding : 0.3em 0.4em;
1990 }
1991 #circ_circulation_issue {
1992     position: relative;
1993     }
1994
1995 #clearscreen {
1996     position: absolute;
1997     top:0;
1998     right:0;
1999     }
2000
2001 #clearscreen a {
2002     display:block;
2003     -moz-border-radius: 0 0 0 5px;
2004     border-radius: 0 0 0 5px;
2005     padding : 0 .7em .2em .7em;
2006     background-color : #EEE;
2007     color : #CCC;
2008     text-shadow: 0px -1px 0px #666;
2009     text-decoration: none;
2010     font-size: 160%;
2011     font-weight : bold
2012     }
2013 #clearscreen a:hover {
2014     color : #cc0000;
2015     }
2016
2017 div.pager {
2018         background-color : #E8E8E8;
2019         border : 1px solid #BCBCBC;
2020         -moz-border-radius : 5px;
2021     border-radius : 5px;
2022         display : inline-block;
2023         font-size : 85%;
2024         padding : .3em .5em .3em .5em;
2025         margin : .4em 0;
2026 }
2027 div.pager img {
2028         vertical-align : middle;
2029 }
2030
2031 div.pager img.last {
2032         padding-right: 5px;
2033 }
2034 div.pager input.pagedisplay {
2035         border : 0;
2036         background-color : transparent;
2037         font-weight: bold;
2038         text-align : center;
2039 }
2040 a.localimage img {
2041         border : 1px solid #0000CC;
2042         margin : 0 .5em;
2043         padding : .3em;
2044 }
2045 div.pager p {
2046         margin: 0;
2047 }
2048
2049 div#acqui_order_supplierlist > div.supplier {
2050     border: 1px solid #EEEEEE;
2051     margin: 0.5em;
2052     padding: 1em;
2053 }
2054
2055 div#acqui_order_supplierlist > div.supplier > span.suppliername {
2056     display: inline;
2057     font-size: 1.7em;
2058     margin-bottom: 0.5em;
2059 }
2060
2061 div#acqui_order_supplierlist > div.supplier > span.action {
2062     margin-left: 5em;
2063 }
2064
2065 div#acqui_order_supplierlist > div.supplier > div.baskets {
2066     margin-top: 0.5em;
2067 }
2068
2069 /* Override core jQueryUI widgets */
2070 .ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
2071 .ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
2072 .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; }
2073 .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; }
2074 .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; }
2075 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
2076 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
2077
2078 /* Override jQuery Autocomplete */
2079 .ui-autocomplete {
2080     position: absolute;
2081     cursor: default;
2082     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2083     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2084     box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2085 }
2086 .ui-autocomplete.ui-widget-content .ui-state-hover {
2087     border: 1px solid #B9D8D9;
2088     background: #E6F0F2 none;
2089     font-weight: normal;
2090     color: #212121;
2091 }
2092 .ui-autocomplete-loading {
2093     background: #FFF url("../../img/loading-small.gif") right center no-repeat;
2094 }
2095
2096 /* jQuery UI standard tabs */
2097 .ui-menu li {
2098     list-style:none;
2099 }
2100
2101 .ui-tabs-nav .ui-tabs-selected a,
2102 .ui-tabs-nav a:hover,
2103 .ui-tabs-nav a:focus,
2104 .ui-tabs-nav a:active,
2105 .ui-tabs-nav span.a {
2106     background: none repeat scroll 0 0 transparent;
2107     outline: 0 none;
2108 }
2109
2110 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
2111     background-color : #FFF;
2112     border : 1px solid #B9D8D9;
2113 }
2114
2115 .ui-widget,
2116 .ui-widget input,
2117 .ui-widget select,
2118 .ui-widget textarea,
2119 .ui-widget button {
2120     font-family : inherit;
2121     font-size : inherit;
2122 }
2123 ul.ui-tabs-nav li {
2124     list-style : none;
2125 }
2126 .ui-tabs.ui-widget-content {
2127     background : transparent none;
2128     border : 0;
2129 }
2130
2131 .ui-tabs .ui-tabs-panel {
2132     border : 1px solid #B9D8D9;
2133 }
2134 .ui-tabs-nav.ui-widget-header {
2135     border : 0;
2136     background : none;
2137 }
2138 .ui-tabs .ui-tabs-nav li {
2139     background: #E6F0F2 none;
2140     border: 1px solid #B9D8D9;
2141     margin-right : .4em;
2142 }
2143 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
2144     color : #000;
2145     font-weight : bold;
2146 }
2147
2148 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2149     background : #EDF4F5 none;
2150 }
2151
2152 .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
2153     background : #FFF none;
2154 }
2155
2156 .ui-tabs .ui-state-default a,
2157 .ui-tabs .ui-state-default a:link,
2158 .ui-tabs .ui-state-default a:visited {
2159     color: #004D99;
2160 }
2161
2162 .ui-tabs .ui-state-hover a,
2163 .ui-tabs .ui-state-hover a:link,
2164 .ui-tabs .ui-state-hover a:visited {
2165     color: #538200;
2166 }
2167
2168 .statictabs ul {
2169     background: none repeat scroll 0 0 transparent;
2170     border: 0 none;
2171     margin: 0;
2172     padding: 0.2em 0.2em 0;
2173     border-bottom-right-radius: 4px;
2174     border-bottom-left-radius: 4px;
2175     border-top-right-radius: 4px;
2176     border-top-left-radius: 4px;
2177     color: #222222;
2178     font-weight: bold;
2179     font-size: 100%;
2180     line-height: 1.3;
2181     list-style: none outside none;
2182     outline: 0 none;
2183     text-decoration: none;
2184 }
2185
2186 .statictabs ul:after {
2187     clear: both;
2188 }
2189
2190 .statictabs ul:before,
2191 .statictabs ul:after {
2192     content: "";
2193     display: table;
2194 }
2195
2196 .statictabs ul li {
2197     background: none repeat scroll 0 0 #E6F0F2;
2198     border: 1px solid #B9D8D9;
2199     border-bottom: 0 none !important;
2200     border-top-right-radius: 4px;
2201     border-top-left-radius: 4px;
2202     float: left;
2203     list-style: none outside none;
2204     margin-bottom: 0;
2205     margin-right: 0.4em;
2206     padding: 0;
2207     position: relative;
2208     white-space: nowrap;
2209     top: 1px;
2210     color: #555555;
2211     font-weight: normal;
2212
2213 }
2214
2215 .statictabs ul li.active {
2216     background-color: #FFFFFF;
2217     color: #212121;
2218     font-weight: normal;
2219     padding-bottom: 1px;
2220 }
2221
2222 .statictabs ul li a {
2223     color: #004D99;
2224     cursor: pointer;
2225     float: left;
2226     padding: 0.5em 1em;
2227     text-decoration: none;
2228 }
2229
2230 .statictabs ul li a:hover {
2231     background-color : #EDF4F5;
2232     border-top-right-radius: 4px;
2233     border-top-left-radius: 4px;
2234     color : #538200;
2235 }
2236
2237 .statictabs ul li.active a {
2238     color: #000000;
2239     font-weight: bold;
2240     cursor: text;
2241     background: none repeat scroll 0 0 transparent;
2242     outline: 0 none;
2243 }
2244
2245 .statictabs .tabs-container {
2246     border: 1px solid #B9D8D9;
2247     background: none repeat scroll 0 0 transparent;
2248     display: block;
2249     padding: 1em 1.4em;
2250     border-bottom-right-radius: 4px;
2251     border-bottom-left-radius: 4px;
2252     color: #222222;
2253 }
2254
2255 /* jQuery UI header search box tabs */
2256 #header_search ul.ui-tabs-nav {
2257     padding-top : 0;
2258     margin-left: 1em;
2259 }
2260 #header_search ul.ui-tabs-nav li.ui-state-default {
2261     border: 0 !important;
2262     background : transparent none; top: 0;
2263 }
2264 #header_search ul.ui-tabs-nav li.ui-state-default a {
2265     padding : .3em .6em;
2266 }
2267 #header_search ul.ui-tabs-nav li.ui-tabs-selected {
2268     background-color : #FFFFF1;
2269     border: 1px solid #85CA11 !important;
2270     border-top: 0 !important; top: -1px;
2271 }
2272 #header_search ul.ui-tabs-nav li.ui-tabs-selected a {
2273     text-decoration: none;
2274 }
2275 #header_search .ui-corner-top {
2276      border-radius: 0 0 4px 4px;
2277 }
2278
2279 .authref {
2280     text-indent: 2em;
2281 }
2282
2283 .authref .label {
2284     font-style: italic;
2285 }
2286
2287 #authfinderops {
2288     float: right;
2289 }
2290 div.authorizedheading {
2291   font-weight: bold;
2292 }
2293 .authres_notes, .authres_seealso, .authres_otherscript {
2294   padding-top: 3px;
2295 }
2296 .authres_notes {
2297   font-style: italic;
2298 }
2299
2300
2301 .contents {
2302     width: 75%;
2303 }
2304
2305 .contentblock {
2306     position: relative;
2307     margin-left: 2em;
2308 }
2309
2310 .contents .t:first-child:before {
2311     content: "→ ";
2312 }
2313
2314 .contents .t:before {
2315     content: "\A→ ";
2316     white-space: pre;
2317 }
2318
2319 .contents .t {
2320     font-weight: bold;
2321     display: inline;
2322 }
2323
2324 .contents .r {
2325     display: inline;
2326 }
2327
2328 #hierarchies a {
2329     font-weight: normal;
2330     text-decoration: underline;
2331     color: #069;
2332 }
2333
2334 #hierarchies a:hover {
2335     color: #990033;
2336 }
2337
2338 #didyoumeanopac, #didyoumeanintranet {
2339     float: left;
2340     width: 260px;
2341 }
2342
2343 .pluginlist {
2344     padding-bottom: 10px;
2345 }
2346 .plugin {
2347     margin: 0 1em 1em 0;
2348 }
2349 .pluginname {
2350     margin: 0.3em;
2351     padding-bottom: 4px;
2352     padding-left: 0.2em;
2353     background-color: #E6F0F2;
2354 }
2355 .pluginname .ui-icon {
2356     float: right;
2357 }
2358 .plugindesc {
2359     padding: 0.4em;
2360 }
2361 .ui-sortable-placeholder {
2362     border: 1px dotted black;
2363     visibility: visible !important;
2364     height: 80px !important;
2365 }
2366 .ui-sortable-placeholder * {
2367     visibility: hidden;
2368 }
2369
2370 /* jQuery UI Datepicker */
2371 .ui-datepicker table {
2372     width: 100%;
2373     font-size: .9em;
2374     border : 0;
2375     border-collapse: collapse;
2376     margin:0 0 .4em;
2377 }
2378
2379 .ui-datepicker th {
2380     background : transparent none;
2381     padding: .7em .3em;
2382     text-align: center;
2383     font-weight: bold;
2384     border: 0;
2385 }
2386
2387 .ui-datepicker-trigger {
2388     vertical-align: middle;
2389     margin : 0 3px;
2390 }
2391 .ui-datepicker {
2392     -moz-box-shadow: 1px 1px 3px 0 #666;
2393     -webkit-box-shadow: 1px 1px 3px 0 #666;
2394     box-shadow: 1px 1px 3px 0 #666;
2395 }
2396
2397 /* css for timepicker */
2398 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2399 .ui-timepicker-div dl { text-align: left; }
2400 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
2401 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
2402 .ui-timepicker-div td { font-size: 90%; }
2403 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }