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