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