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