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 ul.toolbar button {
 441         padding-bottom : 2px;
 442 }
 443 .yui-menu-button  {
 444
 445 }
 446
 447 a.yuimenuitemlabel-disabled, #disabled a {
 448         color: #999;
 449 }
 450 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
 451         color : #999;
 452 }
 453 a.highlight_toggle {
 454     display : none;
 455 }
 456
 457 ul.toolbar li {
 458         display : inline;
 459         list-style : none;
 460 }
 461
 462 div.patroninfo {
 463         margin-top : -.5em;
 464 }
 465
 466 *html div.patroninfo {
 467         margin-right : .5em;
 468 }
 469
 470 div.patroninfo h5 {
 471         border-right :  1px solid #000;
 472         margin-bottom : 0;
 473         padding-left : -.5em;
 474         padding-top : .3em;
 475         padding-bottom : .5em;
 476 }
 477
 478 div.patroninfo ul {
 479         border : 0;
 480         border-right : 1px solid #000;
 481         border-bottom : 0;
 482         border-top : 0;
 483         padding : 0;
 484         margin : 0;
 485 }
 486
 487 div.patroninfo ul li {
 488         margin : 0;
 489 }
 490
 491 div.patroninfo ul li, div.patronviews ul li {
 492         list-style-type : none;
 493 }
 494
 495 div.patronviews {
 496         border-right :  1px solid #000;
 497         border-top : 1px solid #000;
 498         margin-bottom : .5em;
 499         padding : .5em 0 .5em 0;
 500 }
 501
 502 .column-tool {
 503         font-size: 80%;
 504 }
 505
 506 fieldset.brief {
 507         border : 1px solid #E8E8E8;
 508 }
 509
 510 fieldset.brief label,
 511 fieldset.brief span.label {
 512         display : block;
 513         font-weight : bold;
 514         padding : .3em 0;
 515 }
 516
 517 fieldset.brief ol, fieldset.brief li {
 518         list-style-type : none;
 519 }
 520
 521 .hint {
 522         color : #999999;
 523         font-size : 95%;
 524 }
 525
 526 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
 527         font-size : 95%;
 528         margin-bottom : .4em;
 529 }
 530
 531 div.yui-b fieldset.brief {
 532         padding : .4em .7em;
 533 }
 534
 535 div.yui-b fieldset.brief ol {
 536         font-size : 85%;
 537         margin : 0;
 538         padding : 0;
 539 }
 540
 541 div.yui-b fieldset.brief select {
 542         width: 12em;
 543 }
 544 div.yui-b fieldset.brief li.radio {
 545         padding : .7em 0;
 546 }
 547 div.yui-b fieldset.brief li.radio label,
 548 div.yui-b fieldset.brief li.radio span.label {
 549         display : inline;
 550 }
 551
 552 div.yui-b fieldset.brief li.radio input {
 553         padding:0.3em 0;
 554 }
 555
 556 fieldset.rows {
 557 border-width : 1px;
 558 border-bottom : 1px solid #666;
 559 float : left;
 560 font-size : 90%;
 561 clear : left;
 562 margin: .9em 0 0 0;
 563 padding: 0;
 564 width: 100%;
 565 }
 566
 567 fieldset.rows legend {
 568         margin-left: 1em;
 569         font-weight: bold;
 570         font-size : 110%;
 571 }
 572
 573 fieldset.rows label, fieldset.rows span.label {
 574         float: left;
 575         font-weight : bold;
 576         width: 6em;
 577         margin-right: 1em;
 578         text-align: right;
 579 }
 580
 581 fieldset.rows fieldset {
 582         border-width : 1px;
 583         margin : 0 0 .5em 0;
 584         padding : .3em;
 585 }
 586
 587 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 588         width: 9em;
 589 }
 590
 591 .yui-b fieldset.rows div.hint {
 592         margin-left : 10.5em;
 593 }
 594
 595 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 596         width: 10em;
 597 }
 598
 599 .yui-u fieldset.rows div.hint {
 600         margin-left : 7.5em;
 601 }
 602
 603 fieldset.rows.left label, fieldset.rows.left span.label {
 604         width : 8em;
 605         text-align : left;
 606 }
 607
 608 fieldset.rows ol {
 609 padding: 1em 1em 0 1em;
 610 list-style-type: none;
 611 }
 612
 613 fieldset.rows li {
 614 float : left;
 615 clear : left;
 616 padding-bottom: 1em;
 617 list-style-type: none;
 618 width: 100%;
 619 }
 620
 621 fieldset.rows.left li {
 622         padding-bottom : .4em;
 623 }
 624
 625 fieldset.rows li.radio {
 626         padding-left: 9em;
 627         width : auto;
 628 }
 629
 630 fieldset.rows li.radio label {
 631         float : none;
 632         width : auto;
 633         margin : 0 0 0 1em;
 634 }
 635
 636 fieldset.rows ol.radio label {
 637         width : auto;
 638         float : none;
 639         margin-right : 0;
 640 }
 641
 642 fieldset.rows ol.radio label.radio {
 643         float : left;
 644         width : 12em;
 645         margin-right : 1em;
 646 }
 647
 648 fieldset.rows table {
 649         font-size : 105%;
 650         clear : both;
 651         margin : 1em 0 1em 1em;
 652 }
 653
 654 fieldset.rows td label {
 655         float : none;
 656         font-weight : normal;
 657         width : auto;
 658 }
 659
 660 fieldset.rows label.yesno {
 661         float : none;
 662         width : auto;
 663 }
 664
 665 fieldset.action, div.action {
 666         clear : both;
 667         float : none;
 668         border : none;
 669         margin : 0;
 670         padding : 1em 0 .3em 0;
 671         width : auto;
 672 }
 673
 674 div.rows {
 675 float : left;
 676 clear : left;
 677 margin: 0 0 0 0;
 678 padding: 0;
 679 width: 100%;
 680 }
 681
 682
 683 div.rows span.label {
 684         float: left;
 685         font-weight : bold;
 686         width: 9em;
 687         margin-right: 1em;
 688         text-align: left;
 689 }
 690
 691 div.rows ol {
 692 padding: .5em 1em 0 0;
 693 list-style-type: none;
 694 }
 695
 696 div.rows ol li li {
 697         border-bottom: 0;
 698 }
 699
 700 div.rows li {
 701 border-bottom :  1px solid #EEE;
 702 float : left;
 703 clear : left;
 704 padding-bottom: .2em;
 705 padding-top: .1em;
 706 list-style-type: none;
 707 width: 100%;
 708 }
 709
 710 a.cancel {
 711         padding-left : 1em;
 712 }
 713
 714 fieldset.rows fieldset.action {
 715         padding : 1em;
 716 }
 717
 718 fieldset.rows label.inline {
 719         display : inline;
 720         float : none;
 721         margin-left : 1em;
 722         width : auto;
 723 }
 724
 725 fieldset.rows .inputnote {
 726         clear : left;
 727         float : left;
 728         margin : .5em 0 0 11em;
 729 }
 730
 731 .ui-tabs-nav li {
 732         margin-right : .5em;
 733         position : relative;
 734         top : -1px;
 735 }
 736
 737 .ui-tabs-nav li.ui-tabs-selected {
 738
 739 }
 740
 741 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
 742    background : none;
 743         display : block;
 744         padding: .2em .5em .25em .5em;
 745 }
 746
 747 .ui-tabs-nav a, .ui-tabs-nav span.a {
 748
 749 }
 750
 751 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
 752         background-color : #FFFFCC;
 753         border-top: 1px solid #FFFFCC;
 754         border-right: 1px solid #FF9900;
 755         border-bottom: 1px solid #FF9900;
 756         border-left: 1px solid #FFCC66;
 757         font-weight : bold;
 758         text-align : center;
 759         text-decoration : none;
 760
 761 }
 762
 763 .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 {
 764     outline: 0; /* prevent dotted border in Firefox */
 765 }
 766
 767 .ui-tabs-nav .ui-tabs-selected a:hover {
 768         color : #0000CC;
 769 }
 770
 771 .ui-tabs-nav li.ui-tabs-selected {
 772         background-color : #FFFFCC;
 773 }
 774
 775 .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 {
 776          background : none;
 777     outline: 0; /* prevent dotted border in Firefox */
 778 }
 779
 780 .tabs-container {
 781     border-top: 0;
 782     padding : inherit;
 783     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 784 }
 785 .tabs-loading em {
 786     padding: inherit;
 787     background: none;
 788 }
 789
 790 .toptabs {
 791         margin-top : 1em;
 792 }
 793
 794 .toptabs .ui-tabs-nav li {
 795         margin-right : .5em;
 796         position : relative;
 797         top : 1px;
 798 }
 799
 800 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
 801         background-color : #F3F3F3;
 802         border : 1px solid #E8E8E8;
 803         text-align : center;
 804         text-decoration : none;
 805 }
 806
 807 .toptabs .ui-tabs-nav li.ui-tabs-selected  {
 808
 809 }
 810
 811 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
 812         background-color : #FFF;
 813         border-bottom : 1px solid #FFF;
 814         margin-top : 0;
 815 }
 816
 817 .toptabs .tabs-container {
 818         border : 1px solid #E8E8E8;
 819         padding : 1em;
 820 }
 821
 822 .checkedout {
 823         color : #999999;
 824         font-style : italic;
 825 }
 826
 827 .subfield_not_filled {
 828         background-color : #FFFF99;
 829 }
 830 .content_hidden {
 831     visibility:hidden; /* you propably don't need to change this one */
 832     display:none;
 833 }
 834
 835 /* the property for the displayed tab */
 836 .content_visible {
 837     visibility:visible; /* you propably don't need to change this one */
 838     display:block;
 839 }
 840 #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 {
 841         padding-left : 34px;
 842         background-image: url("../../img/toolbar-new.gif");
 843         background-position : center left;
 844         background-repeat : no-repeat;
 845 }
 846
 847 #changepassword a {
 848         padding-left : 34px;
 849         background-image: url("../../img/toolbar-password.gif");
 850         background-position : center left;
 851         background-repeat : no-repeat;
 852 }
 853
 854 #manageorders a {
 855         padding-left : 34px;
 856         background-image: url("../../img/toolbar-orders.gif");
 857         background-position : center left;
 858         background-repeat : no-repeat;
 859 }
 860
 861
 862 #savemenuc .first-child, #addbiblio .first-child {
 863         padding-left : 34px;
 864         background-image: url("../../img/toolbar-save.gif");
 865         background-position : center left;
 866         background-repeat : no-repeat;
 867 }
 868
 869 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a, #managelabel a, #managetemplate a, #managelabelbatch a, #manageprofile a {
 870         padding-left : 34px;
 871         background-image: url("../../img/toolbar-edit.gif");
 872         background-position : center left;
 873         background-repeat : no-repeat;
 874 }
 875
 876 #duplicate a {
 877         padding-left : 34px;
 878         background-image: url("../../img/toolbar-duplicate.gif");
 879         background-position : center left;
 880         background-repeat : no-repeat;
 881 }
 882
 883 #receive a {
 884         padding-left : 34px;
 885         background-image: url("../../img/toolbar-receive.gif");
 886         background-position : center left;
 887         background-repeat : no-repeat;
 888 }
 889
 890 #renew a {
 891         padding-left : 34px;
 892         background-image: url("../../img/toolbar-renew.gif");
 893         background-position : center left;
 894         background-repeat : no-repeat;
 895 }
 896
 897 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 898         padding-left : 34px;
 899         background-image: url("../../img/toolbar-delete.gif");
 900         background-position : center left;
 901         background-repeat : no-repeat;
 902 }
 903
 904 #z3950search .first-child {
 905         padding-left : 34px;
 906         background-image: url("../../img/toolbar-search.gif");
 907         background-position : center left;
 908         background-repeat : no-repeat;
 909 }
 910 #z3950searcht table {
 911         /* 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 */
 912         padding: 20px;
 913         border: none;
 914 }
 915 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 916         padding-left : 34px;
 917         background-image: url("../../img/toolbar-print.gif");
 918         background-position : center left;
 919         background-repeat : no-repeat;
 920 }
 921
 922 #addtoshelf button, #addtoshelf a {
 923         padding-left : 34px;
 924         background-image: url("../../img/toolbar-add-to-shelf.gif");
 925         background-position : center left;
 926         background-repeat : no-repeat;
 927 }
 928
 929 #placehold a,
 930 #placehold button {
 931         padding-left : 34px;
 932         background-image: url("../../img/toolbar-hold.gif");
 933         background-position : center left;
 934         background-repeat : no-repeat;
 935 }
 936
 937 #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 {
 938         padding-left : 15px;
 939 }
 940
 941 .error,
 942 .error a,
 943 .error a:link,
 944 .error a:visited {
 945        color: #cc0000;
 946 }
 947
 948 div.error {
 949         border : 2px dashed #990000;
 950         background-color : #FFFF99;
 951         padding : .5em;
 952         margin : 1em;
 953 }
 954
 955 input.alert {
 956         background-color : #FFFF99;
 957         border-color: #900;
 958 }
 959
 960 ol.bibliodetails {
 961         float: left;
 962         margin : 0 0 1em 1em;
 963 }
 964
 965 ol.bibliodetails li {
 966         border-bottom: 1px solid #E8E8E8;
 967         list-style-type : none;
 968         padding : .1em;
 969 }
 970
 971 ol.bibliodetails span.label {
 972         border-right : 1px solid #E8E8E8;
 973         float : left;
 974         font-weight: bold;
 975         width: 12em;
 976         margin-right: 1em;
 977 }
 978
 979 div.listgroup {
 980         clear :  left;
 981 }
 982
 983 div.listgroup h4 {
 984         font-style: italic;
 985 }
 986
 987 div.listgroup h4 a {
 988         font-size :  80%;
 989 }
 990
 991 div.listgroup input {
 992         font-size: 80%;
 993 }
 994
 995 div.sysprefs h3 {
 996         margin : .2em 0 .2em .4em;
 997 }
 998
 999 div.sysprefs dl {
1000         margin-left : 1.5em;
1001 }
1002
1003 div.sysprefs div.hint {
1004         width : 25%;
1005         float : right;
1006         padding : .5em;
1007         margin : .7em;
1008 }
1009
1010 tr.highlight td {
1011         background-color : #F6F6F6;
1012         border-color : #BCBCBC;
1013 }
1014
1015 tr.highlight th[scope=row] {
1016         background-color : #DDDDDD;
1017         border-color : #BCBCBC;
1018 }
1019
1020 tr.confirm td, tr.highlight.confirm td {
1021         background-color : #ffbfbf;
1022 }
1023
1024 #circ_circulation_issue label {
1025         font-size: 105%;
1026         font-weight : bold;
1027 }
1028
1029 #circ_circulation_issue div.hint {
1030         color : #666666;
1031         margin: .2em 0;
1032 }
1033
1034 #circ_circulation_issue .date-select {
1035         font-size : 85%;
1036         padding-top : .3em;
1037 }
1038
1039 #circ_circulation_issue .date-select label {
1040         font-size : inherit;
1041         font-weight: normal;
1042 }
1043
1044 #circ_circulation_issue .date-select input {
1045         padding : 1px;
1046 }
1047
1048 tr.expired td {
1049         color : #999999;
1050 }
1051
1052 span.expired {
1053         color : #990000;
1054         font-style : italic;
1055 }
1056
1057 div.help {
1058         margin: .9em 0 0 0;
1059 }
1060
1061 .blocker {
1062         color : #990000;
1063 }
1064
1065 .circmessage li {
1066         list-style : url(../../img/arrow-bullet.gif);
1067         margin-bottom : .2em;
1068 }
1069
1070 div.circmessage:first-child {
1071         margin-top : 1em;
1072 }
1073
1074 div.circmessage {
1075         padding: 0 .4em .4em .4em;
1076         margin-bottom : .3em;
1077 }
1078
1079 span.circ-hlt {
1080         color : #cc0000;
1081         font-weight : bold;
1082 }
1083
1084 div.first fieldset {
1085         margin-right : 0;
1086 }
1087
1088 #circ_needsconfirmation {
1089         margin : auto;
1090 }
1091
1092 .dialog {
1093   border: 1px solid #bcbcbc;
1094         padding : .5em;
1095         margin : 1em auto;
1096   width: 65%;
1097   }
1098
1099 .dialog table {
1100         margin : .5em auto;
1101 }
1102
1103 .dialog table th {
1104         text-align : right;
1105 }
1106
1107 .dialog table td {
1108         text-align : left;
1109 }
1110
1111 .dialog  h2, .dialog h3, .dialog h4 {
1112         margin : auto;
1113         text-align : center;
1114   }
1115
1116 .dialog input {
1117         background-color : #FFF;
1118         border : 1px solid #bcbcbc;
1119         margin : .4em;
1120         padding : .4em .4em .4em 25px;
1121  }
1122
1123 .dialog input.approve, td input.approve {
1124         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1125         padding : .4em .4em .4em 25px;
1126  }
1127
1128 td input.approve {
1129         background-color : #FFC;
1130 }
1131
1132 .dialog input.deny {
1133         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1134         padding : .4em .4em .4em 25px;
1135  }
1136
1137 .dialog input.save {
1138         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1139         color:black;
1140         padding: .4em .4em .4em 34px;
1141 }
1142
1143 .dialog input.edit {
1144         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1145         color:black;
1146         max-width : 13em;
1147         padding: .4em .4em .4em 34px;
1148         white-space: normal;
1149 }
1150
1151 .dialog input.new {
1152         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1153         color:black;
1154         max-width : 13em;
1155         padding: .4em .4em .4em 34px;
1156         white-space: normal;
1157 }
1158
1159 .dialog input.print {
1160         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1161         padding : .4em .4em .4em 25px;
1162 }
1163
1164 .dialog input:hover {
1165         background-color : #ffc;
1166  }
1167
1168 div.alert {
1169   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1170   text-align : center;
1171 }
1172
1173 div.alert strong {
1174         color : #900;
1175 }
1176
1177 div.dialog {
1178   background : #FFC url(../../img/dialog-bg.gif) repeat-x left 0;
1179   text-align : center;
1180 }
1181
1182 div.message {
1183         background : white url("../../img/message-bg.gif") repeat-x left 0;
1184         border : 1px solid #bcbcbc;
1185         text-align: center;
1186         width : 55%;
1187 }
1188
1189 div.message ul,
1190 div.message h5 {
1191         padding-left : 25%;
1192         text-align : left;
1193 }
1194
1195 div.message ul+h4 {
1196         margin-top : .7em;
1197 }
1198
1199  div.results {
1200         padding : .7em 0;
1201  }
1202
1203  .accesskey {
1204         text-decoration : underline;
1205  }
1206
1207 .required {
1208     color : #C00;
1209 }
1210
1211 span.required {
1212         font-style : italic;
1213 }
1214
1215 .term {
1216     background-color: #FFC;
1217          color : #990000;
1218 }
1219
1220 a .term {
1221          text-decoration : underline;
1222 }
1223
1224 a:hover .term {
1225         color : #FF9090;
1226 }
1227
1228 div#menu {
1229         border-right: 1px solid #000;
1230         margin-right: .5em;
1231         padding-top: 1em;
1232         padding-bottom: 2em;
1233 }
1234
1235 *html #menu li {
1236         display : inline;
1237 }
1238
1239 div#menu li a {
1240         text-decoration: none;
1241         display: block;
1242         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1243         border: 1px solid #000;
1244         font-size: 111%;
1245         margin: .5em 0;
1246         padding: .4em .3em;
1247         margin-right :  -1px;
1248 }
1249
1250 div#menu li a:hover {
1251         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1252 }
1253
1254 div#menu li.active a:hover {
1255         background-color: #fff;
1256         color :  #0000CC;
1257 }
1258
1259 #menu ul li {
1260         list-style-type: none;
1261 }
1262
1263 #menu ul li.active a {
1264         background-color: #FFF;
1265         background-image : none;
1266         border-right: 0;
1267         font-weight: bold;
1268 }
1269
1270 ul.error {
1271         background : #ffffcc;
1272         border : 1px solid #ff9090;
1273         margin : .5em;
1274         padding : .5em .5em .5em 1.5em;
1275         width : 75%
1276 }
1277
1278 h1#logo {
1279         border:0pt none;
1280         float:left !important;
1281         margin:0;
1282         padding:0;
1283         width:180px;
1284 }
1285 h1#logo {
1286         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1287         margin:0.75em .3em 0.75em .7em;
1288 }
1289
1290 *html h1#logo {
1291         margin : 0.75em .3em 0.75em .3em;
1292 }
1293
1294 h1#logo a {
1295         border:0;
1296         cursor:pointer;
1297         display:block;
1298         height:0px !important;
1299         margin:0;
1300         overflow:hidden;
1301         padding:44px 0 0;
1302         text-decoration:none;
1303         width:180px;
1304 }
1305
1306 #closewindow {
1307         margin-top : 2em;
1308         text-align : center;
1309 }
1310
1311 #closewindow a {
1312         font-weight : bold;
1313 }
1314
1315 .patroninfo+#menu {
1316         margin-right : 0;
1317 }
1318
1319 .barcode {
1320         font-size :  200%;
1321 }
1322
1323 li.email a {
1324         display:block;
1325         overflow:hidden;
1326         width:13em;
1327 }
1328 li.email {
1329         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1330         font-size :  87%;
1331         overflow:hidden;
1332         padding :0 10px 0 0;
1333         width:13em;
1334 }
1335
1336 .empty {
1337         color : #CCC;
1338 }
1339
1340 .address {
1341         font-size: 110%;
1342 }
1343
1344 .clearfix:after {
1345     content: ".";
1346     display: block;
1347     height: 0;
1348     clear: both;
1349     visibility: hidden;
1350 }
1351
1352 /* Hides from IE-mac \*/
1353 * html .clearfix {height: 1%;}
1354 /* End hide from IE-mac */
1355
1356 .title {
1357         font-weight : bold;
1358         font-size : 105%;
1359 }
1360
1361 .hold {
1362         float : right;
1363         font-size: 90%;
1364         margin: 0;
1365 }
1366
1367 .thumbnail {
1368         display : block;
1369         margin : auto;
1370 }
1371
1372 #searchresults ul li {
1373         font-size : 90%;
1374         list-style : url(../../img/item-bullet.gif);
1375         padding : .2em 0;
1376         clear : left;
1377 }
1378
1379 #searchresults span.status {
1380         clear : left;
1381         color : #900;
1382         display : block;
1383 }
1384
1385 #searchresults span.unavailable {
1386         clear : left;
1387         display : block;
1388 }
1389
1390 #searchresults .availability strong {
1391         display : block;
1392 }
1393
1394 #searchresults ul li img {
1395         float : left;
1396         margin : 3px 5px 3px -5px;
1397 }
1398
1399 #searchresults table td {
1400         vertical-align : top;
1401 }
1402
1403 #searchheader {
1404         background-color : #f3f3f3;
1405         font-size : 80%;
1406         margin : 0 0 .5em -1px;
1407         padding : .1em 0 .1em 1em;
1408 }
1409
1410 #searchheader h3 {
1411 }
1412
1413 #searchheader form {
1414         float : right;
1415 }
1416
1417 #searchheader form.fz3950 {
1418         float : right;
1419         font-size : 125%;
1420         padding : 0 0 0 5em;
1421 }
1422
1423 #searchheader form.fz3950bigrpad {
1424         float : right;
1425         font-size : 125%;
1426         padding : 5px 25em 0 0;
1427 }
1428
1429 #search-facets ul {
1430         margin : 0;
1431         padding : .3em;
1432 }
1433
1434 #search-facets {
1435         border : 1px solid #e8e8e8;
1436 }
1437
1438 #search-facets h4 {
1439         background-color : #F3F3F3;
1440         border-bottom : 1px solid #e8e8e8;
1441         font-size : 90%;
1442         margin : 0;
1443         padding : .4em .2em;
1444         text-align : center;
1445 }
1446
1447 #search-facets ul li {
1448         font-weight : bold;
1449         list-style-type : none;
1450 }
1451
1452 #search-facets li li {
1453         font-weight : normal;
1454         font-size : 85%;
1455         margin-bottom : 2px;
1456         padding : .1em .2em;
1457 }
1458
1459 #search-facets li li a {
1460 }
1461
1462 #search-facets li.showmore {
1463         font-weight : bold;
1464         text-indent : 1em;
1465 }
1466
1467 div.pages {
1468         margin : .5em 0;
1469 }
1470
1471 div.pages a {
1472         font-weight: bold;
1473         padding: 1px 5px 1px 5px;
1474         text-decoration: none;
1475 }
1476
1477 div.pages a:link,
1478 div.pages a:visited {
1479         background-color : #eeeeee;
1480         color : #3366CC;
1481 }
1482
1483 div.pages a:hover {
1484         background-color : #FFC;
1485 }
1486
1487 div.pages a:active {
1488         background-color : #ffc;
1489 }
1490
1491 div.pages .current,
1492 div.pages .currentPage {
1493         background-color : #e6fcb7;
1494         color : #666;
1495         font-weight: bold;
1496         padding: 1px 5px 1px 5px;
1497 }
1498
1499 div.pages .inactive {
1500         background-color : #f3f3f3;
1501         color : #BCBCBC;
1502         font-weight: bold;
1503         padding: 1px 5px 1px 5px;
1504 }
1505
1506 div.browse {
1507         margin : .5em 0;
1508 }
1509
1510 div#bookcoverimg {
1511         text-align : center;
1512 }
1513
1514 div#header_search input.submit {
1515         font-size : 1em;
1516 }
1517
1518 *html input.submit {
1519         padding : .1em;
1520 }
1521
1522 input[type=submit]:active, input[type=button]:active, button.submit:active {
1523         border : 1px inset #999999;
1524 }
1525
1526 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1527         border: 1px outset #999999;
1528         border-top-color: #666;
1529         border-left-color: #666;
1530         padding: 0.25em;
1531         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1532         color: #333333;
1533 }
1534
1535 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1536         border : 1px inset #999999;
1537 }
1538
1539 ul li input.submit {
1540         font-size : 87%;
1541         padding : 2px;
1542 }
1543
1544 input.warning {
1545     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1546         padding : 0.25em 0.25em 0.25em 25px;
1547 }
1548
1549 .searchhighlightblob {
1550     font-size:75%;
1551         font-style : italic;
1552 }
1553
1554 a.yuimenuitemlabel:hover {
1555         background-color : #B3D4FF;
1556         color : #000;
1557 }
1558
1559 #displayexample {
1560         padding: 5px;
1561         margin-bottom: 10px;
1562         background-color: #CCCCCC;
1563 }
1564
1565 #irregularity_summary {
1566         vertical-align : top;
1567 }
1568
1569 #toplevelnav {
1570         float : left;
1571         margin-left : .5em;
1572         width : 30em;
1573 }
1574
1575 ul#toplevelmenu {
1576         padding : 0;
1577 }
1578
1579 ul#toplevelmenu li {
1580         display: inline;
1581         padding : 0 .6em;
1582 }
1583
1584 ul#toplevelmenu li.more a {
1585         background-image:url(../../img/more-arrow.gif);
1586         background-position:right center;
1587         background-repeat:no-repeat;
1588         padding-right:13px;
1589 }
1590
1591 ul#toplevelmenu li.more ul li a {
1592         background-image : none;
1593         padding-right : 20px;
1594 }
1595
1596 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1597         padding: .2em 20px .2em 20px;
1598 }
1599
1600 ul#menu li a, ul#toplevelmenu li a {
1601         text-decoration : none;
1602 }
1603 ul#menu li ul li, ul#toplevelmenu li ul li {
1604         display :block;
1605         padding :0;
1606 }
1607 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1608         text-decoration : none;
1609 }
1610
1611 ul#i18nMenu {
1612         margin : 0;
1613         padding : .2em 0;
1614  }
1615
1616 ul#i18nMenu li {
1617         border-left : 1px solid #CCC;
1618         display : inline;
1619         list-style : none;
1620         padding : 0 10px;
1621  }
1622
1623 ul#i18nMenu li:first-child {
1624         border-left : 0;
1625  }
1626
1627 ul#i18nMenu li ul li {
1628         border : 0;
1629         display : block;
1630         padding : 0;
1631  }
1632
1633
1634 ul#i18nMenu li.more a {
1635         background-image:url(../../img/more-up-arrow.gif);
1636         background-position:right center;
1637         background-repeat:no-repeat;
1638         padding-right:13px;
1639 }
1640
1641 ul#i18nMenu li.more ul li a {
1642         background-image : none;
1643         padding-right : 20px;
1644 }
1645
1646  div#changelanguage{
1647         background-color: #fff;
1648         border-top: 1px solid #CCC;
1649   position:absolute;
1650   bottom:0;
1651   left:0;
1652   width:100%;
1653   height: 2em;
1654  }
1655
1656  @media screen{
1657   body>div#changelanguage {
1658    position: fixed;
1659   }
1660  }
1661
1662  * html body{
1663   overflow:hidden;
1664  }
1665
1666  * html div#doc1{
1667   height:100%;
1668   overflow:auto;
1669  }
1670
1671  * html div#doc2{
1672   height:100%;
1673   overflow:auto;
1674  }
1675
1676  * html div#doc3{
1677   height:100%;
1678   overflow:auto;
1679  }
1680
1681 #CheckAll, #CheckNone, #CheckPending {
1682         font-weight : normal;
1683         margin : 0 .5em 0 0;
1684 }
1685 .lost,.dmg,.wdn {
1686         display : block;
1687         color : #990000;
1688 }
1689 .datedue {
1690         display : block;
1691         color : #999;
1692         font-style : italic;
1693 }
1694 /* Tablesorter */
1695 .header {
1696         background-image:url("../../img/ascdesc.gif");
1697         background-position:right center;
1698         background-repeat:no-repeat;
1699         cursor:pointer;
1700         padding : .2em 23px;
1701 }
1702 .headerSortUp {
1703         background-image:url("../../img/asc.gif");
1704 }
1705 .headerSortDown {
1706         background-image:url("../../img/desc.gif");
1707 }
1708
1709 tr.reserved td {
1710         background-color : #eeffd4;
1711 }
1712 tr.transfered td {
1713         background-color : #e8f0f6;
1714 }
1715 .waitinghere {
1716         color : #669900;
1717 }
1718
1719 /* Permissions Labels */
1720 label.permissioncode:before {
1721         content: "(";
1722 }
1723 label.permissioncode:after {
1724         content: ")";
1725 }
1726 label.permissioncode {
1727         font-style : italic;
1728 }
1729 span.permissiondesc {
1730         font-weight : normal;
1731 }
1732 #mainuserblock {
1733         border : 1px solid #E8E8E8;
1734         margin-top : .5em;
1735         padding : .5em;
1736 }
1737
1738
1739 /* borrower autocomplete */
1740 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1741 .autocomplete .yui-ac-highlight ,
1742 .autocomplete .yui-ac-highlight .sample-result,
1743 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1744 .autocomplete .sample-result { color: black; }
1745 .autocomplete .sample-query { color:#000; }
1746 #findborrower { position:static; width:auto; }
1747 #yborrowercontainer { text-align:left;width:335px; }
1748
1749 /* patron attribues autocomplete for overdues report (pattrodue) */
1750 .pattrodue-autocomplete .pattrodue-result { color: black; }
1751 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1752 .pattrodue-input { position:static; width:auto; }
1753 .pattrodue-container { text-align:left; width:400px; }
1754
1755 .labeledmarc-table {
1756         border: 0;
1757 }
1758
1759 .labeledmarc-label {
1760         border: 0;
1761         padding: 5;
1762         font-size: 11pt;
1763         color: darkblue;
1764 }
1765
1766 .labeledmarc-value {
1767         border: 0;
1768         padding: 5;
1769         font-size: 10pt;
1770         color: black;
1771 }
1772
1773 .hintsClass {
1774     font-family: tahoma, verdana, arial;
1775     font-size: 12px;
1776     background-color: #f0f0f0;
1777     color: #000000;
1778     border: 1px solid #808080;
1779     padding: 5px;
1780 }
1781 .hintSource {
1782     color: green;
1783     text-decoration: underline;
1784     cursor: pointer;
1785 }
1786
1787 h1#pdf {
1788         background:transparent url(../../img/pdficon_large.gif) no-repeat scroll 0%;
1789         border: 0;
1790         margin:0.75em .3em 0.75em .7em;
1791         padding:0;
1792 }
1793
1794 h1#pdf a {
1795         border:0;
1796         cursor:pointer;
1797         display:block;
1798         height:0px !important;
1799         margin:0;
1800         overflow:hidden;
1801         padding:44px 0 0;
1802         text-decoration:none;
1803         width:35px;
1804 }
1805
1806 h1#csv {
1807         background:transparent url(../../img/csv_icon.gif) no-repeat scroll 0%;
1808         border: 0;
1809         margin:0.75em .3em 0.75em .7em;
1810         padding:0;
1811 }
1812
1813 h1#csv a {
1814         border:0;
1815         cursor:pointer;
1816         display:block;
1817         height:0px !important;
1818         margin:0;
1819         overflow:hidden;
1820         padding:44px 0 0;
1821         text-decoration:none;
1822         width:35px;
1823 }
1824
1825 h1#xml {
1826         background:transparent url(../../img/icon_xml.gif) no-repeat scroll 0%;
1827         border: 0;
1828         margin:0.75em .3em 0.75em .7em;
1829         padding:0;
1830 }
1831
1832 h1#xml a {
1833         border:0;
1834         cursor:pointer;
1835         display:block;
1836         height:0px !important;
1837         margin:0;
1838         overflow:hidden;
1839         padding:44px 0 0;
1840         text-decoration:none;
1841         width:35px;
1842 }
1843
1844 #cartDetails {
1845         background-color : #FFF;
1846         border: 1px solid #739acf;
1847          -moz-box-shadow: 1px 1px 3px 0 #666;
1848          -webkit-box-shadow: 1px 1px 3px 0 #666;
1849          box-shadow: 1px 1px 3px 0 #666;
1850         color : black;
1851         display : none;
1852         margin : 0;
1853         padding : 10px;
1854         text-align : center;
1855         width : 180px;
1856         z-index : 50;
1857 }
1858 #cartmenulink {
1859         background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
1860         padding-left : 15px;
1861 }
1862 #cartmenulink span#basketcount span {
1863         display : inline;
1864         font-size : 90%;
1865         font-weight : normal;
1866         padding : 0;
1867 }
1868 #moremenu {
1869         display : none;
1870 }
1871
1872 .results_summary {
1873   display: block;
1874   font-size : 85%;
1875   color: #707070;
1876   padding : 0 0 .5em 0;
1877 }
1878 .results_summary .label {
1879   color: #202020;
1880 }
1881 .results_summary a {
1882   font-weight: normal;
1883 }
1884
1885 img.spinner {
1886     vertical-align: middle;
1887     padding-right: 0.3em;
1888 }
1889 #cataloguing_additem_itemlist div {
1890         overflow : scroll;
1891 }
1892 ul.budget_hierarchy {
1893     margin-left: 0px;
1894     padding-left: 0px;
1895 }
1896 ul.budget_hierarchy li {
1897     display: inline;
1898 }
1899 ul.budget_hierarchy li:after {
1900     content: " -> ";
1901 }
1902 ul.budget_hierarchy li:last-child:after {
1903     content: "";
1904 }
1905 ul.budget_hierarchy li:first-child:after {
1906     content: "";
1907 }
1908 .holdcount { font-size : 105%; line-height : 200%; }
1909 .holdcount a { border : 1px solid #a4bedd; background-color : #e4ecf5; font-weight : bold; -moz-border-radius: 4px; padding : .1em .4em; text-decoration : none; }
1910 .holdcount a:hover { background-color : #ebeff7; }