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 a, a:link, a:visited, a:active {
   5         color : #0000CC;
   6 }
   7
   8 .yui-button,.yui-button a:link,.yui-button a:visited {
   9         color : #000;
  10 }
  11
  12 a.yuimenuitemlabel {
  13         color: #000000;
  14 }
  15
  16 a:hover {
  17         color : #669ACC;
  18 }
  19
  20 a.overdue,.overdue {
  21         color : #cc0000;
  22 }
  23
  24 body {
  25         text-align : left;
  26         padding:0 0 2.5em 0;
  27 }
  28
  29 br.clear {
  30         clear : both;
  31         line-height : 1px;
  32 }
  33
  34 form {
  35         display : inline;
  36 }
  37
  38 form.confirm {
  39         display : block;
  40         text-align : center;
  41 }
  42
  43 h1 {
  44         font-size : 161.6%;
  45         font-weight : bold;
  46 }
  47
  48 h2 {
  49         font-size : 146.5%;
  50         font-weight : bold;
  51 }
  52
  53 h3 {
  54         font-size : 131%;
  55         font-weight : bold;
  56 }
  57
  58 h4 {
  59         font-size : 116%;
  60         font-weight : bold;
  61 }
  62
  63 h5 {
  64         font-size : 100%;
  65         font-weight : bold;
  66 }
  67
  68 h6 {
  69         font-size : 93%;
  70         font-weight : bold;
  71 }
  72
  73 h1,h2,h3,h4,h5,h6 {
  74         margin : .3em 0;
  75 }
  76
  77 html {
  78 }
  79
  80 p {
  81         margin: .5em 0 .5em 0;
  82 }
  83
  84 strong {
  85         font-weight : bold;
  86 }
  87
  88 strong em {
  89         font-weight : bold;
  90         font-style : italic;
  91 }
  92
  93 em, cite {
  94         font-style : italic;
  95 }
  96
  97 em strong {
  98         font-weight : bold;
  99         font-style : italic;
 100 }
 101
 102 .subfield-label {
 103     font-style : italic;
 104 }
 105
 106 #hd {
 107 }
 108
 109 #navigation {
 110         border-right : 1px solid #BCBCBC;
 111 }
 112
 113 #navigation li {
 114         font-weight : bold;
 115 }
 116
 117 #navigation li li {
 118         font-weight : normal;
 119 }
 120
 121 #navigation input {
 122         font-size : 85%;
 123 }
 124
 125 #navmenulist li {
 126         padding : .2em 0;
 127         list-style-image : url("../../img/arrow-bullet.gif");
 128         border-bottom : 1px solid #EEE;
 129 }
 130
 131 #navmenulist li a {
 132         text-decoration : none;
 133 }
 134
 135 #ft {
 136 }
 137
 138 .yui-u {
 139 }
 140
 141 #doc, #doc1, #doc2, #doc3 {
 142         padding-top : 1em;
 143 }
 144
 145 #login   {
 146         position : absolute;
 147         right : .5em;
 148 }
 149
 150 #login a {
 151
 152 }
 153
 154 ul {
 155         padding-left : 1.1em;
 156 }
 157
 158 ul li {
 159         list-style-type : disc;
 160 }
 161
 162 ul li li {
 163         list-style-type : circle;
 164 }
 165
 166 ol {
 167         padding-left : 1.5em;
 168 }
 169
 170 ol li {
 171         list-style : decimal;
 172 }
 173
 174 #header {
 175         background-color : #F3F3F3;
 176         border-bottom : 1px solid #E8E8E8;
 177         line-height : 2em;
 178 }
 179
 180 .clearfix:after {
 181     content: ".";
 182     display: block;
 183     height: 0;
 184     clear: both;
 185     visibility: hidden;
 186 }
 187
 188 .clearfix {display: inline-block;}
 189
 190 /* Hides from IE-mac \*/
 191 * html .clearfix {height: 1%;}
 192 .clearfix {display: block;}
 193 /* End hide from IE-mac */
 194
 195 #sitetitle {
 196 /*      background-image : url("../../img/koha-logo-black.png");
 197         background-position : 5px 2px;
 198         background-repeat : no-repeat;
 199         float : left;
 200         height : 54px;
 201         padding-left : 50px;*/
 202         border-bottom : 1px solid #E8E8E8;
 203 }
 204
 205 #sitetitle h1 {
 206         display : inline;
 207         line-height : 54px;
 208 }
 209
 210 #sitetitle h1 a {
 211         text-decoration : none;
 212 }
 213
 214 #submenu {
 215         margin : 0 0 .5em 0;
 216         padding : 0;
 217 }
 218
 219 #submenu ul {
 220         margin : 0;
 221         padding : 0;
 222 }
 223
 224 #submenu ul li {
 225         padding-left : 0;
 226 }
 227
 228 table {
 229         border-collapse : collapse;
 230         border-top : 1px solid #BCBCBC;
 231         border-right : 1px solid #BCBCBC;
 232 }
 233
 234 table.borderless {
 235     border-collapse : separate;
 236     border: 0 none;
 237 }
 238
 239 #label-search-results {
 240         width: 700px;
 241 }
 242
 243 td, th {
 244         border-bottom : 1px solid #BCBCBC;
 245         border-left : 1px solid #BCBCBC;
 246         padding : .2em .3em;
 247 }
 248
 249 td {
 250         background-color : White;
 251 }
 252
 253 td.borderless {
 254     border-collapse : separate;
 255     border : 0 none;
 256 }
 257
 258 th {
 259         background-color : #E8E8E8;
 260         font-weight : bold;
 261         text-align : center;
 262 }
 263
 264 table+table {
 265         margin-top : 1em;
 266 }
 267
 268 #editions table, #editions td {
 269         border : 0;
 270 }
 271
 272
 273 tr.highlight td, tr.highlight th, tr.odd td {
 274         background-color : #F3F3F3;
 275         border : 1px solid #DDDDDD;
 276         border-right : 1px solid #DDDDDD;
 277 }
 278
 279 tr.even td, tr.even.highlight td {
 280         background-color: #FFF;
 281         border-right : 1px solid #DDDDDD;
 282 }
 283
 284 td.od {
 285         color : #cc0000;
 286         font-weight : bold;
 287 }
 288
 289 tr.warn td {
 290         background-color: #FF9090;
 291 }
 292
 293 tr.onissue td {
 294         background-color: #FFFFCC;
 295 }
 296
 297 tr.highlight.onissue td {
 298         background-color: #FFFFE1;
 299 }
 300
 301 caption {
 302         font-size : 133.9%;
 303         font-weight : bold;
 304         margin : .3em 0;
 305 }
 306
 307 span.problem {
 308         background-color : #FFFFCC;
 309         color : #990000;
 310         font-weight : bold;
 311         line-height : 1.7em;
 312 }
 313
 314 fieldset {
 315         border : 2px solid #EEEEEE;
 316         margin : 1em 1em 1em 0;
 317         padding : 1em;
 318 }
 319
 320 legend {
 321         font-size : 123.1%;
 322         font-weight : bold;
 323         margin : 0 0 0 -1em;
 324         padding : 0;
 325 }
 326
 327 #breadcrumbs {
 328         background-color : #F3F3F3;
 329         border-bottom : 1px solid #E8E8E8;
 330         clear : both;
 331         font-size : 90%;
 332         padding :.2em .5em .4em 10px;
 333         margin : 0;
 334 }
 335
 336 #header+#breadcrumbs {
 337         margin-top : 1em;
 338 }
 339
 340 #commonsearch {
 341         display : inline;
 342 }
 343
 344 div.justify {
 345     text-align: justify;
 346 }
 347
 348 div#header_search {
 349         background-position : .5em .5em;
 350         background-repeat : no-repeat;
 351         float: left;
 352         margin: .3em 0 .5em 0;
 353 }
 354
 355 div#header_search input {
 356         font-size : 1.3em;
 357 }
 358
 359 div#header_search ul.link-tabs {
 360         font-family : Arial, Geneva, sans-serif;
 361         margin-bottom : -4px;
 362 }
 363
 364 div#header_search ul.link-tabs li.on a,
 365 div#header_search ul.link-tabs li a,
 366 div#header_search ul.link-tabs li.off a {
 367         padding : 0.1em .5em .2em .5em;
 368 }
 369
 370 div#header_search div.residentsearch {
 371         border : 0;
 372         border-bottom : 1px solid #FF9900;
 373         padding : 0 0 .2em 0;
 374 }
 375
 376 div#reserves,div#checkouts {
 377         border : 1px solid #E8E8E8;
 378         padding : 1em;
 379 }
 380
 381 .tip {
 382         font-size: 93%;
 383         color : Gray;
 384 }
 385
 386 .single-line {
 387         white-space: nowrap;
 388 }
 389
 390 .ex {
 391         font-family : "Courier New", Courier, fixed-width;
 392         font-weight : bold;
 393 }
 394
 395
 396 div.yui-b h5 {
 397         font-size : 100%;
 398         margin : .5em 0;
 399 }
 400
 401 dt {
 402         font-weight : bold;
 403 }
 404
 405 dd {
 406         padding : .2em;
 407         font-size : 90%;
 408         text-indent : 2.5em;
 409         font-weight : normal;
 410 }
 411
 412 div#toolbar {
 413         background-color : #F3F3F3;
 414         margin-bottom : .7em;
 415 }
 416
 417 ul.toolbar {
 418         padding-left : 0;
 419 }
 420
 421 .yui-menu-button  {
 422
 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 #000;
 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 #000;
 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, div.patronviews 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 .column-tool {
 481         font-size: 80%;
 482 }
 483
 484 fieldset.brief {
 485         border : 1px solid #E8E8E8;
 486 }
 487
 488 fieldset.brief label {
 489         display : block;
 490         font-weight : bold;
 491         padding : .3em 0;
 492 }
 493
 494 fieldset.brief ol, fieldset.brief li {
 495         list-style-type : none;
 496 }
 497
 498 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
 499         color : #999999;
 500         font-size : 95%;
 501         margin-bottom : .4em;
 502 }
 503
 504 div.yui-b fieldset.brief {
 505         padding : .4em .7em;
 506 }
 507
 508 div.yui-b fieldset.brief ol {
 509         font-size : 85%;
 510         margin : 0;
 511         padding : 0;
 512 }
 513
 514 div.yui-b fieldset.brief select {
 515         width: 12em;
 516 }
 517
 518 fieldset.rows {
 519 border-width : 1px;
 520 border-bottom : 1px solid #666;
 521 float : left;
 522 font-size : 90%;
 523 clear : left;
 524 margin: .9em 0 0 0;
 525 padding: 0;
 526 width: 100%;
 527 }
 528
 529 fieldset.rows legend {
 530         margin-left: 1em;
 531         font-weight: bold;
 532         font-size : 110%;
 533 }
 534
 535 fieldset.rows label, fieldset.rows span.label {
 536         float: left;
 537         font-weight : bold;
 538         width: 6em;
 539         margin-right: 1em;
 540         text-align: right;
 541 }
 542
 543 fieldset.rows fieldset {
 544         border-width : 1px;
 545         margin : 0 0 .5em 0;
 546         padding : .3em;
 547 }
 548
 549 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 550         width: 9em;
 551 }
 552
 553 .yui-b fieldset.rows div.hint {
 554         margin-left : 10.5em;
 555 }
 556
 557 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 558         width: 10em;
 559 }
 560
 561 .yui-u fieldset.rows div.hint {
 562         margin-left : 7.5em;
 563 }
 564
 565 fieldset.rows.left label, fieldset.rows.left span.label {
 566         width : 8em;
 567         text-align : left;
 568 }
 569
 570 fieldset.rows ol {
 571 padding: 1em 1em 0 1em;
 572 list-style-type: none;
 573 }
 574
 575 fieldset.rows li {
 576 float : left;
 577 clear : left;
 578 padding-bottom: 1em;
 579 list-style-type: none;
 580 width: 100%;
 581 }
 582
 583 fieldset.rows.left li {
 584         padding-bottom : .4em;
 585 }
 586
 587 fieldset.rows li.radio {
 588         padding-left: 9em;
 589         width : auto;
 590 }
 591
 592 fieldset.rows li.radio label {
 593         float : none;
 594         width : auto;
 595         margin : 0 0 0 1em;
 596 }
 597
 598 fieldset.rows ol.radio label {
 599         width : auto;
 600         float : none;
 601         margin-right : 0;
 602 }
 603
 604 fieldset.rows ol.radio label.radio {
 605         float : left;
 606         width : 12em;
 607         margin-right : 1em;
 608 }
 609
 610 fieldset.rows table {
 611         font-size : 105%;
 612         clear : both;
 613         margin : 1em 0 1em 1em;
 614 }
 615
 616 fieldset.rows td label {
 617         float : none;
 618         font-weight : normal;
 619         width : auto;
 620 }
 621
 622 fieldset.rows label.yesno {
 623         float : none;
 624         width : auto;
 625 }
 626
 627 fieldset.action, div.action {
 628         clear : both;
 629         float : none;
 630         border : none;
 631         margin : 0;
 632         padding : 1em 0 .3em 0;
 633         width : auto;
 634 }
 635
 636 div.rows {
 637 float : left;
 638 clear : left;
 639 margin: 0 0 0 0;
 640 padding: 0;
 641 width: 100%;
 642 }
 643
 644
 645 div.rows span.label {
 646         float: left;
 647         font-weight : bold;
 648         width: 9em;
 649         margin-right: 1em;
 650         text-align: left;
 651 }
 652
 653 div.rows ol {
 654 padding: .5em 1em 0 0;
 655 list-style-type: none;
 656 }
 657
 658 div.rows ol li li {
 659         border-bottom: 0;
 660 }
 661
 662 div.rows li {
 663 border-bottom :  1px solid #EEE;
 664 float : left;
 665 clear : left;
 666 padding-bottom: .2em;
 667 padding-top: .1em;
 668 list-style-type: none;
 669 width: 100%;
 670 }
 671
 672 a.cancel {
 673         padding-left : 1em;
 674 }
 675
 676 fieldset.rows fieldset.action {
 677         padding : 1em;
 678 }
 679
 680 fieldset.rows label.inline {
 681         display : inline;
 682         float : none;
 683         margin-left : 1em;
 684         width : auto;
 685 }
 686
 687 fieldset.rows .inputnote {
 688         float : left;
 689         margin : .5em 0 0 10em;
 690 }
 691
 692 .ui-tabs-nav li {
 693         margin-right : .5em;
 694         position : relative;
 695         top : -1px;
 696 }
 697
 698 .ui-tabs-nav li.ui-tabs-selected {
 699
 700 }
 701
 702 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
 703    background : none;
 704         display : block;
 705         padding: .2em .5em .25em .5em;
 706 }
 707
 708 .ui-tabs-nav a, .ui-tabs-nav span.a {
 709
 710 }
 711
 712 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
 713         background-color : #FFFFCC;
 714         border-top: 1px solid #FFFFCC;
 715         border-right: 1px solid #FF9900;
 716         border-bottom: 1px solid #FF9900;
 717         border-left: 1px solid #FFCC66;
 718         font-weight : bold;
 719         text-align : center;
 720         text-decoration : none;
 721
 722 }
 723
 724 .ui-tabs-nav .tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
 725     outline: 0; /* prevent dotted border in Firefox */
 726 }
 727
 728 .ui-tabs-nav .ui-tabs-selected a:hover {
 729         color : #0000CC;
 730 }
 731
 732 .ui-tabs-nav li.ui-tabs-selected {
 733         background-color : #FFFFCC;
 734 }
 735
 736 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
 737          background : none;
 738     outline: 0; /* prevent dotted border in Firefox */
 739 }
 740
 741 .tabs-container {
 742     border-top: 0;
 743     padding : inherit;
 744     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 745 }
 746 .tabs-loading em {
 747     padding: inherit;
 748     background: none;
 749 }
 750
 751 .toptabs {
 752         margin-top : 1em;
 753 }
 754
 755 .toptabs .ui-tabs-nav li {
 756         margin-right : .5em;
 757         position : relative;
 758         top : 1px;
 759 }
 760
 761 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
 762         background-color : #F3F3F3;
 763         border : 1px solid #E8E8E8;
 764         text-align : center;
 765         text-decoration : none;
 766 }
 767
 768 .toptabs .ui-tabs-nav li.ui-tabs-selected  {
 769
 770 }
 771
 772 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
 773         background-color : #FFF;
 774         border-bottom : 1px solid #FFF;
 775         margin-top : 0;
 776 }
 777
 778 .toptabs .tabs-container {
 779         border : 1px solid #E8E8E8;
 780         padding : 1em;
 781 }
 782
 783 .checkedout {
 784         color : #999999;
 785         font-style : italic;
 786 }
 787
 788 .subfield_not_filled {
 789         background-color : #FFFF99;
 790 }
 791 .content_hidden {
 792     visibility:hidden; /* you propably don't need to change this one */
 793     display:none;
 794 }
 795
 796 /* the property for the displayed tab */
 797 .content_visible {
 798     visibility:visible; /* you propably don't need to change this one */
 799     display:block;
 800 }
 801 #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newbatch a, #newprofile a, #newsubscription a, #newdictionary a, #neworder a {
 802         padding-left : 34px;
 803         background-image: url("../../img/toolbar-new.gif");
 804         background-position : center left;
 805         background-repeat : no-repeat;
 806 }
 807
 808 #changepassword a {
 809         padding-left : 34px;
 810         background-image: url("../../img/toolbar-password.gif");
 811         background-position : center left;
 812         background-repeat : no-repeat;
 813 }
 814
 815 #manageorders a {
 816         padding-left : 34px;
 817         background-image: url("../../img/toolbar-orders.gif");
 818         background-position : center left;
 819         background-repeat : no-repeat;
 820 }
 821
 822
 823 #savemenuc .first-child, #addbiblio .first-child {
 824         padding-left : 34px;
 825         background-image: url("../../img/toolbar-save.gif");
 826         background-position : center left;
 827         background-repeat : no-repeat;
 828 }
 829
 830 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a, #managelabel a, #managetemplate a, #managelabelbatch a, #manageprofile a {
 831         padding-left : 34px;
 832         background-image: url("../../img/toolbar-edit.gif");
 833         background-position : center left;
 834         background-repeat : no-repeat;
 835 }
 836
 837 #duplicate a {
 838         padding-left : 34px;
 839         background-image: url("../../img/toolbar-duplicate.gif");
 840         background-position : center left;
 841         background-repeat : no-repeat;
 842 }
 843
 844 #receive a {
 845         padding-left : 34px;
 846         background-image: url("../../img/toolbar-receive.gif");
 847         background-position : center left;
 848         background-repeat : no-repeat;
 849 }
 850
 851 #renew a {
 852         padding-left : 34px;
 853         background-image: url("../../img/toolbar-renew.gif");
 854         background-position : center left;
 855         background-repeat : no-repeat;
 856 }
 857
 858 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 859         padding-left : 34px;
 860         background-image: url("../../img/toolbar-delete.gif");
 861         background-position : center left;
 862         background-repeat : no-repeat;
 863 }
 864
 865 #z3950search .first-child {
 866         padding-left : 34px;
 867         background-image: url("../../img/toolbar-search.gif");
 868         background-position : center left;
 869         background-repeat : no-repeat;
 870 }
 871 #z3950searcht table {
 872         /* 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 */
 873         padding: 20px;
 874         border: none;
 875 }
 876 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 877         padding-left : 34px;
 878         background-image: url("../../img/toolbar-print.gif");
 879         background-position : center left;
 880         background-repeat : no-repeat;
 881 }
 882
 883 #addtoshelf button, #addtoshelf a {
 884         padding-left : 34px;
 885         background-image: url("../../img/toolbar-add-to-shelf.gif");
 886         background-position : center left;
 887         background-repeat : no-repeat;
 888 }
 889
 890 #placehold a {
 891         padding-left : 34px;
 892         background-image: url("../../img/toolbar-hold.gif");
 893         background-position : center left;
 894         background-repeat : no-repeat;
 895 }
 896
 897 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
 898         padding-left : 15px;
 899 }
 900
 901 .error,
 902 .error a,
 903 .error a:link,
 904 .error a:visited {
 905        color: #cc0000;
 906 }
 907
 908 div.error {
 909         border : 2px dashed #990000;
 910         background-color : #FFFF99;
 911         padding : .5em;
 912         margin : 1em;
 913 }
 914
 915 input.alert {
 916         background-color : #FFFF99;
 917         border-color: #900;
 918 }
 919
 920 ol.bibliodetails {
 921         float: left;
 922         margin : 0 0 1em 1em;
 923 }
 924
 925 ol.bibliodetails li {
 926         border-bottom: 1px solid #E8E8E8;
 927         list-style-type : none;
 928         padding : .1em;
 929 }
 930
 931 ol.bibliodetails span.label {
 932         border-right : 1px solid #E8E8E8;
 933         float : left;
 934         font-weight: bold;
 935         width: 12em;
 936         margin-right: 1em;
 937 }
 938
 939 div.listgroup {
 940         clear :  left;
 941 }
 942
 943 div.listgroup h4 {
 944         font-style: italic;
 945 }
 946
 947 div.listgroup h4 a {
 948         font-size :  80%;
 949 }
 950
 951 div.listgroup input {
 952         font-size: 80%;
 953 }
 954
 955 div.sysprefs h3 {
 956         margin : .2em 0 .2em .4em;
 957 }
 958
 959 div.sysprefs dl {
 960         margin-left : 1.5em;
 961 }
 962
 963 div.sysprefs div.hint {
 964         width : 25%;
 965         float : right;
 966         padding : .5em;
 967         margin : .7em;
 968 }
 969
 970 tr.highlight td {
 971         background-color : #F6F6F6;
 972         border-color : #BCBCBC;
 973 }
 974
 975 tr.highlight th[scope=row] {
 976         background-color : #DDDDDD;
 977         border-color : #BCBCBC;
 978 }
 979
 980 tr.confirm td, tr.highlight.confirm td {
 981         background-color : #ffbfbf;
 982 }
 983
 984 #circ_circulation_issue label {
 985         font-size: 105%;
 986         font-weight : bold;
 987 }
 988
 989 #circ_circulation_issue div.hint {
 990         color : #666666;
 991         margin: .2em 0;
 992 }
 993
 994 #circ_circulation_issue .date-select {
 995         font-size : 85%;
 996         padding-top : .3em;
 997 }
 998
 999 #circ_circulation_issue .date-select label {
1000         font-size : inherit;
1001         font-weight: normal;
1002 }
1003
1004 #circ_circulation_issue .date-select input {
1005         padding : 1px;
1006 }
1007
1008 tr.expired td {
1009         color : #999999;
1010 }
1011
1012 span.expired {
1013         color : #990000;
1014         font-style : italic;
1015 }
1016
1017 div.help {
1018         margin: .9em 0 0 0;
1019 }
1020
1021 .blocker {
1022         color : #990000;
1023 }
1024
1025 .circmessage li {
1026         list-style : url(../../img/arrow-bullet.gif);
1027         margin-bottom : .2em;
1028 }
1029
1030 div.circmessage:first-child {
1031         margin-top : 1em;
1032 }
1033
1034 div.circmessage {
1035         padding: 0 .4em .4em .4em;
1036         margin-bottom : .3em;
1037 }
1038
1039 span.circ-hlt {
1040         color : #cc0000;
1041         font-weight : bold;
1042 }
1043
1044 div.first fieldset {
1045         margin-right : 0;
1046 }
1047
1048 #circ_needsconfirmation {
1049         margin : auto;
1050 }
1051
1052 .dialog {
1053   border: 1px solid #bcbcbc;
1054         padding : .5em;
1055         margin : 1em auto;
1056   width: 65%;
1057   }
1058
1059 .dialog table {
1060         margin : .5em auto;
1061 }
1062
1063 .dialog table th {
1064         text-align : right;
1065 }
1066
1067 .dialog table td {
1068         text-align : left;
1069 }
1070
1071 .dialog  h2, .dialog h3, .dialog h4 {
1072         margin : auto;
1073         text-align : center;
1074   }
1075
1076 .dialog input {
1077         background-color : #FFF;
1078         border : 1px solid #bcbcbc;
1079         margin : .4em;
1080         padding : .4em .4em .4em 25px;
1081  }
1082
1083 .dialog input.approve, td input.approve {
1084         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1085         padding : .4em .4em .4em 25px;
1086  }
1087
1088 td input.approve {
1089         background-color : #FFC;
1090 }
1091
1092 .dialog input.deny {
1093         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1094         padding : .4em .4em .4em 25px;
1095  }
1096
1097 .dialog input.save {
1098         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1099         color:black;
1100         padding: .4em .4em .4em 34px;
1101 }
1102
1103 .dialog input.edit {
1104         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1105         color:black;
1106         padding: .4em .4em .4em 34px;
1107 }
1108
1109 .dialog input.print {
1110         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1111         padding : .4em .4em .4em 25px;
1112 }
1113
1114 .dialog input:hover {
1115         background-color : #ffc;
1116  }
1117
1118 div.alert {
1119   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1120   text-align : center;
1121 }
1122
1123 div.alert strong {
1124         color : #900;
1125 }
1126
1127 div.dialog {
1128   background : #FFC url(../../img/dialog-bg.gif) repeat-x left 0;
1129   text-align : center;
1130 }
1131
1132 div.message {
1133         background : white url("../../img/message-bg.gif") repeat-x left 0;
1134         border : 1px solid #bcbcbc;
1135         text-align: center;
1136         width : 55%;
1137 }
1138
1139 div.message ul,
1140 div.message h5 {
1141         padding-left : 25%;
1142         text-align : left;
1143 }
1144
1145 div.message ul+h4 {
1146         margin-top : .7em;
1147 }
1148
1149  div.results {
1150         padding : .7em 0;
1151  }
1152
1153  .accesskey {
1154         text-decoration : underline;
1155  }
1156
1157 .required {
1158     color : #C00;
1159 }
1160
1161 span.required {
1162         font-style : italic;
1163 }
1164
1165 .term {
1166     background-color: #FFC;
1167          color : #990000;
1168 }
1169
1170 a .term {
1171          text-decoration : underline;
1172 }
1173
1174 a:hover .term {
1175         color : #FF9090;
1176 }
1177
1178 div#menu {
1179         border-right: 1px solid #000;
1180         margin-right: .5em;
1181         padding-top: 1em;
1182         padding-bottom: 2em;
1183 }
1184
1185 *html #menu li {
1186         display : inline;
1187 }
1188
1189 div#menu li a {
1190         text-decoration: none;
1191         display: block;
1192         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1193         border: 1px solid #000;
1194         font-size: 111%;
1195         margin: .5em 0;
1196         padding: .4em .3em;
1197         margin-right :  -1px;
1198 }
1199
1200 div#menu li a:hover {
1201         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1202 }
1203
1204 div#menu li.active a:hover {
1205         background-color: #fff;
1206         color :  #0000CC;
1207 }
1208
1209 #menu ul li {
1210         list-style-type: none;
1211 }
1212
1213 #menu ul li.active a {
1214         background-color: #FFF;
1215         background-image : none;
1216         border-right: 0;
1217         font-weight: bold;
1218 }
1219
1220 ul.error {
1221         background : #ffffcc;
1222         border : 1px solid #ff9090;
1223         margin : .5em;
1224         padding : .5em .5em .5em 1.5em;
1225         width : 75%
1226 }
1227
1228 h1#logo {
1229         border:0pt none;
1230         float:left !important;
1231         margin:0;
1232         padding:0;
1233         width:180px;
1234 }
1235 h1#logo {
1236         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1237         margin:0.75em .3em 0.75em .7em;
1238 }
1239
1240 *html h1#logo {
1241         margin : 0.75em .3em 0.75em .3em;
1242 }
1243
1244 h1#logo a {
1245         border:0;
1246         cursor:pointer;
1247         display:block;
1248         height:0px !important;
1249         margin:0;
1250         overflow:hidden;
1251         padding:44px 0 0;
1252         text-decoration:none;
1253         width:180px;
1254 }
1255
1256 #closewindow {
1257         margin-top : 2em;
1258         text-align : center;
1259 }
1260
1261 #closewindow a {
1262         font-weight : bold;
1263 }
1264
1265 .patroninfo+#menu {
1266         margin-right : 0;
1267 }
1268
1269 .barcode {
1270         font-size :  200%;
1271 }
1272
1273 li.email a {
1274         display:block;
1275         overflow:hidden;
1276         width:13em;
1277 }
1278 li.email {
1279         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1280         font-size :  87%;
1281         overflow:hidden;
1282         padding :0 10px 0 0;
1283         width:13em;
1284 }
1285
1286 .empty {
1287         color : #CCC;
1288 }
1289
1290 .address {
1291         font-size: 110%;
1292 }
1293
1294 .clearfix:after {
1295     content: ".";
1296     display: block;
1297     height: 0;
1298     clear: both;
1299     visibility: hidden;
1300 }
1301
1302 /* Hides from IE-mac \*/
1303 * html .clearfix {height: 1%;}
1304 /* End hide from IE-mac */
1305
1306 .title {
1307         font-weight : bold;
1308         font-size : 105%;
1309 }
1310
1311 .reserve {
1312         float : right;
1313         font-weight : bold;
1314 }
1315
1316 .thumbnail {
1317         display : block;
1318         margin : auto;
1319 }
1320
1321 #searchresults ul li {
1322         font-size : 90%;
1323         list-style : url(../../img/item-bullet.gif);
1324         padding : .2em 0;
1325         clear : left;
1326 }
1327
1328 #searchresults span.status {
1329         clear : left;
1330         color : #900;
1331         display : block;
1332 }
1333
1334 #searchresults span.unavailable {
1335         clear : left;
1336         display : block;
1337 }
1338
1339 #searchresults .availability strong {
1340         display : block;
1341 }
1342
1343 #searchresults ul li img {
1344         float : left;
1345         margin : 3px 5px 3px -5px;
1346 }
1347
1348 #searchresults table td {
1349         vertical-align : top;
1350 }
1351
1352 #searchheader {
1353         background-color : #f3f3f3;
1354         font-size : 80%;
1355         margin : 0 0 .5em -1px;
1356         padding : .1em 0 .1em 1em;
1357 }
1358
1359 #searchheader h3 {
1360 }
1361
1362 #searchheader form {
1363         float : right;
1364 }
1365
1366 #searchheader form.fz3950 {
1367         float : right;
1368         font-size : 125%;
1369         padding : 0 0 0 5em;
1370 }
1371
1372 #searchheader form.fz3950bigrpad {
1373         float : right;
1374         font-size : 125%;
1375         padding : 5px 25em 0 0;
1376 }
1377
1378 #search-facets ul {
1379         margin : 0;
1380         padding : .3em;
1381 }
1382
1383 #search-facets {
1384         border : 1px solid #e8e8e8;
1385 }
1386
1387 #search-facets h4 {
1388         background-color : #F3F3F3;
1389         border-bottom : 1px solid #e8e8e8;
1390         font-size : 90%;
1391         margin : 0;
1392         padding : .4em .2em;
1393         text-align : center;
1394 }
1395
1396 #search-facets ul li {
1397         font-weight : bold;
1398         list-style-type : none;
1399 }
1400
1401 #search-facets li li {
1402         font-weight : normal;
1403         font-size : 85%;
1404         margin-bottom : 2px;
1405         padding : .1em .2em;
1406 }
1407
1408 #search-facets li li a {
1409 }
1410
1411 #search-facets li.showmore {
1412         font-weight : bold;
1413         text-indent : 1em;
1414 }
1415
1416 div.pages {
1417         margin : .5em 0;
1418 }
1419
1420 div.pages a {
1421         font-weight: bold;
1422         padding: 1px 5px 1px 5px;
1423         text-decoration: none;
1424 }
1425
1426 div.pages a:link {
1427         background-color : #eeeeee;
1428         color : #3366CC;
1429 }
1430
1431 div.pages a:hover {
1432         background-color : #e8f0f6;
1433 }
1434
1435 div.pages a:active {
1436         background-color : #ffc;
1437 }
1438
1439 div.browse {
1440         margin : .5em 0;
1441 }
1442
1443 div#bookcoverimg {
1444         text-align : center;
1445 }
1446
1447 div#header_search input.submit {
1448         font-size : 1em;
1449 }
1450
1451 *html input.submit {
1452         padding : .1em;
1453 }
1454
1455 input[type=submit]:active, input[type=button]:active, button.submit:active {
1456         border : 1px inset #999999;
1457 }
1458
1459 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1460         border: 1px outset #999999;
1461         border-top-color: #666;
1462         border-left-color: #666;
1463         padding: 0.25em;
1464         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1465         color: #333333;
1466 }
1467
1468 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1469         border : 1px inset #999999;
1470 }
1471
1472 ul li input.submit {
1473         font-size : 87%;
1474         padding : 2px;
1475 }
1476
1477 input.warning {
1478     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1479         padding : 0.25em 0.25em 0.25em 25px;
1480 }
1481
1482 .searchhighlightblob {
1483     font-size:75%;
1484         font-style : italic;
1485 }
1486
1487 a.yuimenuitemlabel:hover {
1488         background-color : #B3D4FF;
1489         color : #000;
1490 }
1491
1492 #displayexample {
1493         padding: 5px;
1494         margin-bottom: 10px;
1495         background-color: #CCCCCC;
1496 }
1497
1498 #irregularity_summary {
1499         vertical-align : top;
1500 }
1501
1502 #toplevelnav {
1503         float : left;
1504         margin-left : .5em;
1505 }
1506
1507 ul#toplevelmenu {
1508         padding : 0;
1509 }
1510
1511 ul#toplevelmenu li {
1512         display: inline;
1513         padding : 0 .6em;
1514 }
1515
1516 ul#toplevelmenu li.more a {
1517         background-image:url(../../img/more-arrow.gif);
1518         background-position:right center;
1519         background-repeat:no-repeat;
1520         padding-right:13px;
1521 }
1522
1523 ul#toplevelmenu li.more ul li a {
1524         background-image : none;
1525         padding-right : 20px;
1526 }
1527
1528 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1529         padding: .2em 20px .2em 20px;
1530 }
1531
1532 ul#menu li a, ul#toplevelmenu li a {
1533         text-decoration : none;
1534 }
1535 ul#menu li ul li, ul#toplevelmenu li ul li {
1536         display :block;
1537         padding :0;
1538 }
1539 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1540         text-decoration : none;
1541 }
1542
1543 ul#i18nMenu {
1544         margin : 0;
1545         padding : .2em 0;
1546  }
1547
1548 ul#i18nMenu li {
1549         border-left : 1px solid #CCC;
1550         display : inline;
1551         list-style : none;
1552         padding : 0 10px;
1553  }
1554
1555 ul#i18nMenu li:first-child {
1556         border-left : 0;
1557  }
1558
1559 ul#i18nMenu li ul li {
1560         border : 0;
1561         display : block;
1562         padding : 0;
1563  }
1564
1565
1566 ul#i18nMenu li.more a {
1567         background-image:url(../../img/more-up-arrow.gif);
1568         background-position:right center;
1569         background-repeat:no-repeat;
1570         padding-right:13px;
1571 }
1572
1573 ul#i18nMenu li.more ul li a {
1574         background-image : none;
1575         padding-right : 20px;
1576 }
1577
1578  div#changelanguage{
1579         background-color: #fff;
1580         border-top: 1px solid #CCC;
1581   position:absolute;
1582   bottom:0;
1583   left:0;
1584   width:100%;
1585   height: 2em;
1586  }
1587
1588  @media screen{
1589   body>div#changelanguage {
1590    position: fixed;
1591   }
1592  }
1593
1594  * html body{
1595   overflow:hidden;
1596  }
1597
1598  * html div#doc1{
1599   height:100%;
1600   overflow:auto;
1601  }
1602
1603  * html div#doc2{
1604   height:100%;
1605   overflow:auto;
1606  }
1607
1608  * html div#doc3{
1609   height:100%;
1610   overflow:auto;
1611  }
1612
1613 #CheckAll, #CheckNone, #CheckPending {
1614         font-weight : normal;
1615         margin : 0 .5em 0 0;
1616 }
1617 .lost,.dmg,.wdn {
1618         display : block;
1619         color : #990000;
1620 }
1621 .datedue {
1622         display : block;
1623         color : #999;
1624         font-style : italic;
1625 }
1626 /* Tablesorter */
1627 .header {
1628         background-image:url("../../img/ascdesc.gif");
1629         background-position:right center;
1630         background-repeat:no-repeat;
1631         cursor:pointer;
1632         padding : .2em 23px;
1633 }
1634 .headerSortUp {
1635         background-image:url("../../img/asc.gif");
1636 }
1637 .headerSortDown {
1638         background-image:url("../../img/desc.gif");
1639 }
1640
1641 tr.reserved td {
1642         background-color : #eeffd4;
1643 }
1644 tr.transfered td {
1645         background-color : #e8f0f6;
1646 }
1647 .waitinghere {
1648         color : #669900;
1649 }
1650
1651 /* Permissions Labels */
1652 label.permissioncode:before {
1653         content: "(";
1654 }
1655 label.permissioncode:after {
1656         content: ")";
1657 }
1658 label.permissioncode {
1659         font-style : italic;
1660 }
1661 span.permissiondesc {
1662         font-weight : normal;
1663 }
1664 #mainuserblock {
1665         border : 1px solid #E8E8E8;
1666         margin-top : .5em;
1667         padding : .5em;
1668 }
1669
1670
1671 /* borrower autocomplete */
1672 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1673 .autocomplete .yui-ac-highlight ,
1674 .autocomplete .yui-ac-highlight .sample-result,
1675 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1676 .autocomplete .sample-result { color: black; }
1677 .autocomplete .sample-query { color:#000; }
1678 #findborrower { position:static; width:auto; }
1679 #yborrowercontainer { text-align:left;width:335px; }
1680
1681 /* patron attribues autocomplete for overdues report (pattrodue) */
1682 .pattrodue-autocomplete .pattrodue-result { color: black; }
1683 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1684 .pattrodue-input { position:static; width:auto; }
1685 .pattrodue-container { text-align:left; width:400px; }
1686
1687 .labeledmarc-table {
1688         border: 0;
1689 }
1690
1691 .labeledmarc-label {
1692         border: 0;
1693         padding: 5;
1694         font-size: 11pt;
1695         color: darkblue;
1696 }
1697
1698 .labeledmarc-value {
1699         border: 0;
1700         padding: 5;
1701         font-size: 10pt;
1702         color: black;
1703 }
1704
1705 .hintsClass {
1706     font-family: tahoma, verdana, arial;
1707     font-size: 12px;
1708     background-color: #f0f0f0;
1709     color: #000000;
1710     border: 1px solid #808080;
1711     padding: 5px;
1712 }
1713 .hintSource {
1714     color: green;
1715     text-decoration: underline;
1716     cursor: pointer;
1717 }
1718
1719 h1#pdf {
1720         background:transparent url(../../img/pdficon_large.gif) no-repeat scroll 0%;
1721         border: 0;
1722         margin:0.75em .3em 0.75em .7em;
1723         padding:0;
1724 }
1725
1726 h1#pdf a {
1727         border:0;
1728         cursor:pointer;
1729         display:block;
1730         height:0px !important;
1731         margin:0;
1732         overflow:hidden;
1733         padding:44px 0 0;
1734         text-decoration:none;
1735         width:35px;
1736 }
1737
1738 h1#csv {
1739         background:transparent url(../../img/csv_icon.gif) no-repeat scroll 0%;
1740         border: 0;
1741         margin:0.75em .3em 0.75em .7em;
1742         padding:0;
1743 }
1744
1745 h1#csv a {
1746         border:0;
1747         cursor:pointer;
1748         display:block;
1749         height:0px !important;
1750         margin:0;
1751         overflow:hidden;
1752         padding:44px 0 0;
1753         text-decoration:none;
1754         width:35px;
1755 }
1756
1757 h1#xml {
1758         background:transparent url(../../img/icon_xml.gif) no-repeat scroll 0%;
1759         border: 0;
1760         margin:0.75em .3em 0.75em .7em;
1761         padding:0;
1762 }
1763
1764 h1#xml a {
1765         border:0;
1766         cursor:pointer;
1767         display:block;
1768         height:0px !important;
1769         margin:0;
1770         overflow:hidden;
1771         padding:44px 0 0;
1772         text-decoration:none;
1773         width:35px;
1774 }
1775
1776 img.spinner {
1777     vertical-align: middle;
1778     padding-right: 0.3em;
1779 }