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