koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css

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