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