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