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