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