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