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