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