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 .reserve {
1358         float : right;
1359         font-weight : bold;
1360 }
1361
1362 .thumbnail {
1363         display : block;
1364         margin : auto;
1365 }
1366
1367 #searchresults ul li {
1368         font-size : 90%;
1369         list-style : url(../../img/item-bullet.gif);
1370         padding : .2em 0;
1371         clear : left;
1372 }
1373
1374 #searchresults span.status {
1375         clear : left;
1376         color : #900;
1377         display : block;
1378 }
1379
1380 #searchresults span.unavailable {
1381         clear : left;
1382         display : block;
1383 }
1384
1385 #searchresults .availability strong {
1386         display : block;
1387 }
1388
1389 #searchresults ul li img {
1390         float : left;
1391         margin : 3px 5px 3px -5px;
1392 }
1393
1394 #searchresults table td {
1395         vertical-align : top;
1396 }
1397
1398 #searchheader {
1399         background-color : #f3f3f3;
1400         font-size : 80%;
1401         margin : 0 0 .5em -1px;
1402         padding : .1em 0 .1em 1em;
1403 }
1404
1405 #searchheader h3 {
1406 }
1407
1408 #searchheader form {
1409         float : right;
1410 }
1411
1412 #searchheader form.fz3950 {
1413         float : right;
1414         font-size : 125%;
1415         padding : 0 0 0 5em;
1416 }
1417
1418 #searchheader form.fz3950bigrpad {
1419         float : right;
1420         font-size : 125%;
1421         padding : 5px 25em 0 0;
1422 }
1423
1424 #search-facets ul {
1425         margin : 0;
1426         padding : .3em;
1427 }
1428
1429 #search-facets {
1430         border : 1px solid #e8e8e8;
1431 }
1432
1433 #search-facets h4 {
1434         background-color : #F3F3F3;
1435         border-bottom : 1px solid #e8e8e8;
1436         font-size : 90%;
1437         margin : 0;
1438         padding : .4em .2em;
1439         text-align : center;
1440 }
1441
1442 #search-facets ul li {
1443         font-weight : bold;
1444         list-style-type : none;
1445 }
1446
1447 #search-facets li li {
1448         font-weight : normal;
1449         font-size : 85%;
1450         margin-bottom : 2px;
1451         padding : .1em .2em;
1452 }
1453
1454 #search-facets li li a {
1455 }
1456
1457 #search-facets li.showmore {
1458         font-weight : bold;
1459         text-indent : 1em;
1460 }
1461
1462 div.pages {
1463         margin : .5em 0;
1464 }
1465
1466 div.pages a {
1467         font-weight: bold;
1468         padding: 1px 5px 1px 5px;
1469         text-decoration: none;
1470 }
1471
1472 div.pages a:link,
1473 div.pages a:visited {
1474         background-color : #eeeeee;
1475         color : #3366CC;
1476 }
1477
1478 div.pages a:hover {
1479         background-color : #FFC;
1480 }
1481
1482 div.pages a:active {
1483         background-color : #ffc;
1484 }
1485
1486 div.pages .current,
1487 div.pages .currentPage {
1488         background-color : #e6fcb7;
1489         color : #666;
1490         font-weight: bold;
1491         padding: 1px 5px 1px 5px;
1492 }
1493
1494 div.pages .inactive {
1495         background-color : #f3f3f3;
1496         color : #BCBCBC;
1497         font-weight: bold;
1498         padding: 1px 5px 1px 5px;
1499 }
1500
1501 div.browse {
1502         margin : .5em 0;
1503 }
1504
1505 div#bookcoverimg {
1506         text-align : center;
1507 }
1508
1509 div#header_search input.submit {
1510         font-size : 1em;
1511 }
1512
1513 *html input.submit {
1514         padding : .1em;
1515 }
1516
1517 input[type=submit]:active, input[type=button]:active, button.submit:active {
1518         border : 1px inset #999999;
1519 }
1520
1521 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1522         border: 1px outset #999999;
1523         border-top-color: #666;
1524         border-left-color: #666;
1525         padding: 0.25em;
1526         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1527         color: #333333;
1528 }
1529
1530 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1531         border : 1px inset #999999;
1532 }
1533
1534 ul li input.submit {
1535         font-size : 87%;
1536         padding : 2px;
1537 }
1538
1539 input.warning {
1540     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1541         padding : 0.25em 0.25em 0.25em 25px;
1542 }
1543
1544 .searchhighlightblob {
1545     font-size:75%;
1546         font-style : italic;
1547 }
1548
1549 a.yuimenuitemlabel:hover {
1550         background-color : #B3D4FF;
1551         color : #000;
1552 }
1553
1554 #displayexample {
1555         padding: 5px;
1556         margin-bottom: 10px;
1557         background-color: #CCCCCC;
1558 }
1559
1560 #irregularity_summary {
1561         vertical-align : top;
1562 }
1563
1564 #toplevelnav {
1565         float : left;
1566         margin-left : .5em;
1567         width : 30em;
1568 }
1569
1570 ul#toplevelmenu {
1571         padding : 0;
1572 }
1573
1574 ul#toplevelmenu li {
1575         display: inline;
1576         padding : 0 .6em;
1577 }
1578
1579 ul#toplevelmenu li.more a {
1580         background-image:url(../../img/more-arrow.gif);
1581         background-position:right center;
1582         background-repeat:no-repeat;
1583         padding-right:13px;
1584 }
1585
1586 ul#toplevelmenu li.more ul li a {
1587         background-image : none;
1588         padding-right : 20px;
1589 }
1590
1591 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1592         padding: .2em 20px .2em 20px;
1593 }
1594
1595 ul#menu li a, ul#toplevelmenu li a {
1596         text-decoration : none;
1597 }
1598 ul#menu li ul li, ul#toplevelmenu li ul li {
1599         display :block;
1600         padding :0;
1601 }
1602 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1603         text-decoration : none;
1604 }
1605
1606 ul#i18nMenu {
1607         margin : 0;
1608         padding : .2em 0;
1609  }
1610
1611 ul#i18nMenu li {
1612         border-left : 1px solid #CCC;
1613         display : inline;
1614         list-style : none;
1615         padding : 0 10px;
1616  }
1617
1618 ul#i18nMenu li:first-child {
1619         border-left : 0;
1620  }
1621
1622 ul#i18nMenu li ul li {
1623         border : 0;
1624         display : block;
1625         padding : 0;
1626  }
1627
1628
1629 ul#i18nMenu li.more a {
1630         background-image:url(../../img/more-up-arrow.gif);
1631         background-position:right center;
1632         background-repeat:no-repeat;
1633         padding-right:13px;
1634 }
1635
1636 ul#i18nMenu li.more ul li a {
1637         background-image : none;
1638         padding-right : 20px;
1639 }
1640
1641  div#changelanguage{
1642         background-color: #fff;
1643         border-top: 1px solid #CCC;
1644   position:absolute;
1645   bottom:0;
1646   left:0;
1647   width:100%;
1648   height: 2em;
1649  }
1650
1651  @media screen{
1652   body>div#changelanguage {
1653    position: fixed;
1654   }
1655  }
1656
1657  * html body{
1658   overflow:hidden;
1659  }
1660
1661  * html div#doc1{
1662   height:100%;
1663   overflow:auto;
1664  }
1665
1666  * html div#doc2{
1667   height:100%;
1668   overflow:auto;
1669  }
1670
1671  * html div#doc3{
1672   height:100%;
1673   overflow:auto;
1674  }
1675
1676 #CheckAll, #CheckNone, #CheckPending {
1677         font-weight : normal;
1678         margin : 0 .5em 0 0;
1679 }
1680 .lost,.dmg,.wdn {
1681         display : block;
1682         color : #990000;
1683 }
1684 .datedue {
1685         display : block;
1686         color : #999;
1687         font-style : italic;
1688 }
1689 /* Tablesorter */
1690 .header {
1691         background-image:url("../../img/ascdesc.gif");
1692         background-position:right center;
1693         background-repeat:no-repeat;
1694         cursor:pointer;
1695         padding : .2em 23px;
1696 }
1697 .headerSortUp {
1698         background-image:url("../../img/asc.gif");
1699 }
1700 .headerSortDown {
1701         background-image:url("../../img/desc.gif");
1702 }
1703
1704 tr.reserved td {
1705         background-color : #eeffd4;
1706 }
1707 tr.transfered td {
1708         background-color : #e8f0f6;
1709 }
1710 .waitinghere {
1711         color : #669900;
1712 }
1713
1714 /* Permissions Labels */
1715 label.permissioncode:before {
1716         content: "(";
1717 }
1718 label.permissioncode:after {
1719         content: ")";
1720 }
1721 label.permissioncode {
1722         font-style : italic;
1723 }
1724 span.permissiondesc {
1725         font-weight : normal;
1726 }
1727 #mainuserblock {
1728         border : 1px solid #E8E8E8;
1729         margin-top : .5em;
1730         padding : .5em;
1731 }
1732
1733
1734 /* borrower autocomplete */
1735 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1736 .autocomplete .yui-ac-highlight ,
1737 .autocomplete .yui-ac-highlight .sample-result,
1738 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1739 .autocomplete .sample-result { color: black; }
1740 .autocomplete .sample-query { color:#000; }
1741 #findborrower { position:static; width:auto; }
1742 #yborrowercontainer { text-align:left;width:335px; }
1743
1744 /* patron attribues autocomplete for overdues report (pattrodue) */
1745 .pattrodue-autocomplete .pattrodue-result { color: black; }
1746 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1747 .pattrodue-input { position:static; width:auto; }
1748 .pattrodue-container { text-align:left; width:400px; }
1749
1750 .labeledmarc-table {
1751         border: 0;
1752 }
1753
1754 .labeledmarc-label {
1755         border: 0;
1756         padding: 5;
1757         font-size: 11pt;
1758         color: darkblue;
1759 }
1760
1761 .labeledmarc-value {
1762         border: 0;
1763         padding: 5;
1764         font-size: 10pt;
1765         color: black;
1766 }
1767
1768 .hintsClass {
1769     font-family: tahoma, verdana, arial;
1770     font-size: 12px;
1771     background-color: #f0f0f0;
1772     color: #000000;
1773     border: 1px solid #808080;
1774     padding: 5px;
1775 }
1776 .hintSource {
1777     color: green;
1778     text-decoration: underline;
1779     cursor: pointer;
1780 }
1781
1782 h1#pdf {
1783         background:transparent url(../../img/pdficon_large.gif) no-repeat scroll 0%;
1784         border: 0;
1785         margin:0.75em .3em 0.75em .7em;
1786         padding:0;
1787 }
1788
1789 h1#pdf a {
1790         border:0;
1791         cursor:pointer;
1792         display:block;
1793         height:0px !important;
1794         margin:0;
1795         overflow:hidden;
1796         padding:44px 0 0;
1797         text-decoration:none;
1798         width:35px;
1799 }
1800
1801 h1#csv {
1802         background:transparent url(../../img/csv_icon.gif) no-repeat scroll 0%;
1803         border: 0;
1804         margin:0.75em .3em 0.75em .7em;
1805         padding:0;
1806 }
1807
1808 h1#csv a {
1809         border:0;
1810         cursor:pointer;
1811         display:block;
1812         height:0px !important;
1813         margin:0;
1814         overflow:hidden;
1815         padding:44px 0 0;
1816         text-decoration:none;
1817         width:35px;
1818 }
1819
1820 h1#xml {
1821         background:transparent url(../../img/icon_xml.gif) no-repeat scroll 0%;
1822         border: 0;
1823         margin:0.75em .3em 0.75em .7em;
1824         padding:0;
1825 }
1826
1827 h1#xml a {
1828         border:0;
1829         cursor:pointer;
1830         display:block;
1831         height:0px !important;
1832         margin:0;
1833         overflow:hidden;
1834         padding:44px 0 0;
1835         text-decoration:none;
1836         width:35px;
1837 }
1838
1839 #cartDetails {
1840         background-color : #FFF;
1841         border: 1px solid #739acf;
1842          -moz-box-shadow: 1px 1px 3px 0 #666;
1843          -webkit-box-shadow: 1px 1px 3px 0 #666;
1844          box-shadow: 1px 1px 3px 0 #666;
1845         color : black;
1846         display : none;
1847         margin : 0;
1848         padding : 10px;
1849         text-align : center;
1850         width : 180px;
1851         z-index : 50;
1852 }
1853 #cartmenulink {
1854         background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
1855         padding-left : 15px;
1856 }
1857 #cartmenulink span#basketcount span {
1858         display : inline;
1859         font-size : 90%;
1860         font-weight : normal;
1861         padding : 0;
1862 }
1863 #moremenu {
1864         display : none;
1865 }
1866
1867 .results_summary {
1868   display: block;
1869   font-size : 85%;
1870   color: #707070;
1871   padding : 0 0 .5em 0;
1872 }
1873 .results_summary .label {
1874   color: #202020;
1875 }
1876 .results_summary a {
1877   font-weight: normal;
1878 }
1879
1880 img.spinner {
1881     vertical-align: middle;
1882     padding-right: 0.3em;
1883 }
1884 #cataloguing_additem_itemlist div {
1885         overflow : scroll;
1886 }
1887 ul.budget_hierarchy {
1888     margin-left: 0px;
1889     padding-left: 0px;
1890 }
1891 ul.budget_hierarchy li {
1892     display: inline;
1893 }
1894 ul.budget_hierarchy li:after {
1895     content: " -> ";
1896 }
1897 ul.budget_hierarchy li:last-child:after {
1898     content: "";
1899 }
1900 ul.budget_hierarchy li:first-child:after {
1901     content: "";
1902 }