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