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