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

   1 @import url("../lib/yui/reset-fonts-grids.css");
   2
   3 a, a:link, a:visited, a:active {
   4         color : #0000CC;
   5 }
   6
   7 a:hover {
   8         color : #669ACC;
   9 }
  10
  11 body {
  12         text-align : left;
  13         padding:0 0 2.5em 0;
  14 }
  15
  16 br.clear {
  17         clear : both;
  18         line-height : 1px;
  19 }
  20
  21 form {
  22         display : inline;
  23 }
  24
  25 h1 {
  26         font-size : 161.6%;
  27         font-weight : bold;
  28 }
  29
  30 h2 {
  31         font-size : 146.5%;
  32         font-weight : bold;
  33 }
  34
  35 h3 {
  36         font-size : 131%;
  37         font-weight : bold;
  38 }
  39
  40 h4 {
  41         font-size : 116%;
  42         font-weight : bold;
  43 }
  44
  45 h5 {
  46         font-size : 100%;
  47         font-weight : bold;
  48 }
  49
  50 h6 {
  51         font-size : 93%;
  52         font-weight : bold;
  53 }
  54
  55 h1,h2,h3,h4,h5,h6 {
  56         margin : .3em 0;
  57 }
  58
  59 html {
  60 }
  61
  62 p {
  63         margin: .5em 0 .5em 0;
  64 }
  65
  66 strong {
  67         font-weight : bold;
  68 }
  69
  70 em {
  71         font-style : italic;
  72 }
  73
  74 .subfield-label {
  75     font-style : italic;
  76 }
  77
  78 #hd {
  79 }
  80
  81 #navigation {
  82         border-right : 1px solid #BCBCBC;
  83 }
  84
  85 #navigation li {
  86         font-weight : bold;
  87 }
  88
  89 #navigation li li {
  90         font-weight : normal;
  91 }
  92
  93 #navigation input {
  94         font-size : 85%;
  95 }
  96
  97 #ft {
  98 }
  99
 100 .yui-u {
 101 }
 102
 103 #doc, #doc1, #doc2, #doc3 {
 104         padding-top : 1em;
 105 }
 106
 107 #login   {
 108         position : absolute;
 109         right : .5em;
 110 }
 111
 112 #login a {
 113
 114 }
 115
 116 ul {
 117         padding-left : 1.1em;
 118 }
 119
 120 ul li {
 121         list-style-type : disc;
 122 }
 123
 124 ul li li {
 125         list-style-type : circle;
 126 }
 127
 128 ol {
 129         padding-left : 1.5em;
 130 }
 131
 132 ol li {
 133         list-style : decimal;
 134 }
 135
 136 #header {
 137         background-color : #F3F3F3;
 138         border-bottom : 1px solid #E8E8E8;
 139         line-height : 2em;
 140 }
 141
 142 #header:after { /* clearing without presentational markup, IE gets extra treatment */
 143     display: block;
 144     clear: both;
 145     content: " ";
 146 }
 147
 148 #sitetitle {
 149 /*      background-image : url("../../img/koha-logo-black.png");
 150         background-position : 5px 2px;
 151         background-repeat : no-repeat;
 152         float : left;
 153         height : 54px;
 154         padding-left : 50px;*/
 155         border-bottom : 1px solid #E8E8E8;
 156 }
 157
 158 #sitetitle h1 {
 159         display : inline;
 160         line-height : 54px;
 161 }
 162
 163 #sitetitle h1 a {
 164         text-decoration : none;
 165 }
 166
 167 #submenu {
 168         margin : 0 0 .5em 0;
 169         padding : 0;
 170 }
 171
 172 #submenu ul {
 173         margin : 0;
 174         padding : 0;
 175 }
 176
 177 #submenu ul li {
 178         padding-left : 0;
 179 }
 180
 181 table {
 182         border-collapse : collapse;
 183         border-top : 1px solid #BCBCBC;
 184         border-right : 1px solid #BCBCBC;
 185 }
 186
 187 td, th {
 188         border-bottom : 1px solid #BCBCBC;
 189         border-left : 1px solid #BCBCBC;
 190         padding : .2em .3em;
 191 }
 192
 193 td {
 194         background-color : White;
 195 }
 196
 197 th {
 198         background-color : #E8E8E8;
 199         font-weight : bold;
 200 }
 201
 202 tr.highlight td, td.highlight {
 203         background-color : #F3F3F3;
 204 }
 205
 206 td.od {
 207         color : #cc0000;
 208         font-weight : bold;
 209 }
 210
 211 tr.warn td {
 212         background-color: #FF9090;
 213 }
 214
 215 tr.onissue td {
 216         background-color: #FFFFCC;
 217 }
 218
 219 tr.highlight.onissue td {
 220         background-color: #FFFFE1;
 221 }
 222
 223 caption {
 224         font-size : 153.9%;
 225         font-weight : bold;
 226 }
 227
 228 span.problem {
 229         background-color : #FFFFCC;
 230         color : #990000;
 231         font-weight : bold;
 232         line-height : 1.7em;
 233 }
 234
 235 fieldset {
 236         border : 2px solid #EEEEEE;
 237         margin : 1em 1em 1em 0;
 238         padding : 1em;
 239 }
 240
 241 legend {
 242         font-size : 123.1%;
 243         font-weight : bold;
 244         margin : 0 0 0 -1em;
 245         padding : 0;
 246 }
 247
 248 #breadcrumbs {
 249         background-color : #F3F3F3;
 250         border-bottom : 1px solid #E8E8E8;
 251         clear : both;
 252         font-size : 90%;
 253         padding :.2em .5em .4em 10px;
 254         margin : 0;
 255 }
 256
 257 #header+#breadcrumbs {
 258         margin-top : 1em;
 259 }
 260
 261 #commonsearch {
 262         display : inline;
 263 }
 264
 265
 266 div#header_search {
 267         background-position : .5em .5em;
 268         background-repeat : no-repeat;
 269         float: left;
 270         margin: .3em 0 .5em 0;
 271 }
 272
 273 div#header_search input {
 274         font-size : 1.3em;
 275 }
 276
 277 div#header_search ul.link-tabs {
 278         font-family : Arial, Geneva, sans-serif;
 279         margin-bottom : -4px;
 280 }
 281
 282 div#header_search ul.link-tabs li.on a,
 283 div#header_search ul.link-tabs li a,
 284 div#header_search ul.link-tabs li.off a {
 285         padding : 0.1em .5em .2em .5em;
 286 }
 287
 288 div#header_search div.residentsearch {
 289         border : 0;
 290         border-bottom : 1px solid #FF9900;
 291         padding : 0 0 .2em 0;
 292 }
 293
 294 div#reserves,div#checkouts {
 295         border : 1px solid #E8E8E8;
 296         padding : 1em;
 297 }
 298
 299 .tip {
 300         font-size: 93%;
 301         color : Gray;
 302 }
 303
 304 .ex {
 305         font-family : "Courier New", Courier, fixed-width;
 306         font-weight : bold;
 307 }
 308
 309
 310 div.yui-b h5 {
 311         font-size : 100%;
 312         margin : .5em 0;
 313 }
 314
 315 dt {
 316         font-size : 110%;
 317         font-weight : bold;
 318 }
 319
 320 dd {
 321         padding : .2em;
 322         text-indent : 1.5em;
 323 }
 324
 325 div#toolbar {
 326         background-color : #F3F3F3;
 327         margin-bottom : .7em;
 328 }
 329
 330 ul.toolbar {
 331         padding-left : 0;
 332 }
 333
 334 .yui-menu-button  {
 335
 336 }
 337
 338 ul.toolbar li {
 339         display : inline;
 340         list-style : none;
 341 }
 342
 343 div.patroninfo {
 344         margin-top : -.5em;
 345 }
 346
 347 *html div.patroninfo {
 348         margin-right : .5em;
 349 }
 350
 351 div.patroninfo h5 {
 352         border-right :  1px solid #000;
 353         margin-bottom : 0;
 354         padding-left : -.5em;
 355         padding-top : .3em;
 356         padding-bottom : .5em;
 357 }
 358
 359 div.patroninfo ul {
 360         border : 0;
 361         border-right : 1px solid #000;
 362         border-bottom : 0;
 363         border-top : 0;
 364         padding : 0;
 365         margin : 0;
 366 }
 367
 368 div.patroninfo ul li {
 369         margin : 0;
 370 }
 371
 372 div.patroninfo ul li, div.patronviews ul li {
 373         list-style-type : none;
 374 }
 375
 376 div.patronviews {
 377         border-right :  1px solid #000;
 378         border-top : 1px solid #000;
 379         margin-bottom : .5em;
 380         padding : .5em 0 .5em 0;
 381 }
 382
 383 a.member-edit {
 384         float : right;
 385         background-color : #DBECC8;
 386         margin-top : .5em;
 387         padding : .3em;
 388         text-align : right;
 389         text-decoration : none;
 390 }
 391
 392 fieldset.brief {
 393         border : 1px solid #E8E8E8;
 394 }
 395
 396 fieldset.brief label {
 397         display : block;
 398         font-weight : bold;
 399         padding : .3em 0;
 400 }
 401
 402 fieldset.brief ol, fieldset.brief li {
 403         list-style-type : none;
 404 }
 405
 406 fieldset.brief div.hint, fieldset.rows div.hint {
 407         color : #999999;
 408         font-size : 95%;
 409         margin-bottom : .4em;
 410 }
 411
 412 fieldset.rows {
 413 border-width : 1px;
 414 border-bottom : 1px solid black;
 415 float : left;
 416 font-size : 90%;
 417 clear : left;
 418 margin: .9em 0 0 0;
 419 padding: 0;
 420 width: 100%;
 421 }
 422
 423 fieldset.rows legend {
 424         margin-left: 1em;
 425         font-weight: bold;
 426         font-size : 110%;
 427 }
 428
 429 fieldset.rows label, fieldset.rows span.label {
 430         float: left;
 431         font-weight : bold;
 432         width: 6em;
 433         margin-right: 1em;
 434         text-align: right;
 435 }
 436
 437 fieldset.rows fieldset {
 438         border-width : 1px;
 439         margin : 0 0 .5em 0;
 440         padding : .3em;
 441 }
 442
 443 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 444         width: 9em;
 445 }
 446
 447 .yui-b fieldset.rows div.hint {
 448         margin-left : 10.5em;
 449 }
 450
 451 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 452         width: 6em;
 453 }
 454
 455 .yui-u fieldset.rows div.hint {
 456         margin-left : 7.5em;
 457 }
 458
 459 fieldset.rows.left label, fieldset.rows.left span.label {
 460         width : 8em;
 461         text-align : left;
 462 }
 463
 464 fieldset.rows ol {
 465 padding: 1em 1em 0 1em;
 466 list-style-type: none;
 467 }
 468
 469 fieldset.rows li {
 470 float : left;
 471 clear : left;
 472 padding-bottom: 1em;
 473 list-style-type: none;
 474 width: 100%;
 475 }
 476
 477 fieldset.rows.left li {
 478         padding-bottom : .4em;
 479 }
 480
 481 fieldset.rows li.radio {
 482         padding-left: 9em;
 483         width : auto;
 484 }
 485
 486 fieldset.rows li.radio label {
 487         float : none;
 488         width : auto;
 489         margin : 0 0 0 1em;
 490 }
 491
 492 fieldset.rows ol.radio label {
 493         width : auto;
 494         float : none;
 495         margin-right : 0;
 496 }
 497
 498 fieldset.rows ol.radio label.radio {
 499         float : left;
 500         width : 12em;
 501         margin-right : 1em;
 502 }
 503
 504 fieldset.rows table {
 505         font-size : 105%;
 506         clear : both;
 507         margin : 1em 0 1em 1em;
 508 }
 509
 510 fieldset.rows td label {
 511         float : none;
 512         font-weight : normal;
 513         width : auto;
 514 }
 515
 516 fieldset.rows label.yesno {
 517         float : none;
 518         width : auto;
 519 }
 520
 521 fieldset.action, div.action {
 522         clear : both;
 523         float : none;
 524         border : none;
 525         margin : 0;
 526         padding : 1em 0 .3em 0;
 527         width : auto;
 528 }
 529
 530 div.rows {
 531 float : left;
 532 clear : left;
 533 margin: 0 0 0 0;
 534 padding: 0;
 535 width: 100%;
 536 }
 537
 538
 539 div.rows span.label {
 540         float: left;
 541         font-weight : bold;
 542         width: 9em;
 543         margin-right: 1em;
 544         text-align: left;
 545 }
 546
 547 div.rows ol {
 548 padding: .5em 1em 0 0;
 549 list-style-type: none;
 550 }
 551
 552 div.rows ol li li {
 553         border-bottom: 0;
 554 }
 555
 556 div.rows li {
 557 border-bottom :  1px solid #EEE;
 558 float : left;
 559 clear : left;
 560 padding-bottom: .2em;
 561 padding-top: .1em;
 562 list-style-type: none;
 563 width: 100%;
 564 }
 565
 566 a.cancel {
 567         padding-left : 1em;
 568 }
 569
 570 fieldset.rows fieldset.action {
 571         padding : 1em;
 572 }
 573
 574 fieldset.rows label.inline {
 575         display : inline;
 576         float : none;
 577         margin-left : 1em;
 578         width : auto;
 579 }
 580
 581 fieldset.rows .inputnote {
 582         float : left;
 583         margin : .5em 0 0 10em;
 584 }
 585
 586 .tabs-nav li {
 587         list-style : none;
 588 }
 589
 590 .tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
 591    background : none;
 592         display : block;
 593         padding: .2em .5em .25em .5em;
 594 }
 595
 596 .tabs-nav a, .tabs-nav span.a {
 597     z-index : auto;
 598 }
 599
 600 .tabs-nav .tabs-selected a, .tabs-nav .tabs-selected span.a {
 601         background-color : #FFFFCC;
 602         border-top: 1px solid #FFFFCC;
 603         border-right: 1px solid #FF9900;
 604         border-bottom: 1px solid #FF9900;
 605         border-left: 1px solid #FFCC66;
 606         font-weight : bold;
 607         text-align : center;
 608         text-decoration : none;
 609         top : -1px;
 610 }
 611
 612 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
 613     background-position : inherit;
 614     outline: 0; /* prevent dotted border in Firefox */
 615 }
 616 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active, .tabs-nav span.a {
 617     background-position: inherit;
 618 }
 619
 620 .tabs-nav .tabs-selected a:hover {
 621         color : #0000CC;
 622 }
 623
 624 .tabs-nav li.tabs-selected {
 625         background-color : #FFFFCC;
 626 }
 627
 628 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
 629          background : none;
 630     outline: 0; /* prevent dotted border in Firefox */
 631 }
 632
 633 .tabs-container {
 634     border-top: 0;
 635     padding : inherit;
 636     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 637 }
 638 .tabs-loading em {
 639     padding: inherit;
 640     background: none;
 641 }
 642 .toptabs {
 643         margin-top : 1em;
 644 }
 645
 646 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 647     top: 0;
 648  }
 649
 650 .toptabs .tabs-nav li {
 651         margin-right : .5em;
 652 }
 653
 654 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 655         background-color : #F3F3F3;
 656         border-top : 1px solid #E8E8E8;
 657         border-left : 1px solid #E8E8E8;
 658         border-right : 1px solid #E8E8E8;
 659         border-bottom : 0;
 660         text-align : center;
 661         text-decoration : none;
 662 }
 663
 664 .toptabs .tabs-nav li.tabs-selected  {
 665         background-color : #FFF;
 666 }
 667
 668 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 669         background-color : #FFF;
 670         border-top : 1px solid #E8E8E8;
 671         border-left : 1px solid #E8E8E8;
 672         border-right : 1px solid #E8E8E8;
 673         border-bottom : 1px solid #FFF;
 674         margin-bottom : -5px;
 675         text-align : center;
 676 }
 677
 678 .toptabs.numbered .tabs-nav li {
 679         min-width : 3em;
 680 }
 681
 682 .toptabs .tabs-container {
 683         border : 1px solid #E8E8E8;
 684         padding : 1em;
 685 }
 686
 687 .checkedout {
 688         color : #999999;
 689         font-style : italic;
 690 }
 691
 692 .subfield_not_filled {
 693         background-color : #FFFF99;
 694 }
 695 .content_hidden {
 696     visibility:hidden; /* you propably don't need to change this one */
 697     display:none;
 698 }
 699
 700 /* the property for the displayed tab */
 701 .content_visible {
 702     visibility:visible; /* you propably don't need to change this one */
 703     display:block;
 704 }
 705 #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newbatch a, #newprofile a, #newsubscription a, #newdictionary a, #neworder a {
 706         padding-left : 34px;
 707         background-image: url("../../img/toolbar-new.gif");
 708         background-position : center left;
 709         background-repeat : no-repeat;
 710 }
 711
 712 #changepassword a {
 713         padding-left : 34px;
 714         background-image: url("../../img/toolbar-password.gif");
 715         background-position : center left;
 716         background-repeat : no-repeat;
 717 }
 718
 719 #manageorders a {
 720         padding-left : 34px;
 721         background-image: url("../../img/toolbar-orders.gif");
 722         background-position : center left;
 723         background-repeat : no-repeat;
 724 }
 725
 726
 727 #savemenuc .first-child, #addbiblio .first-child {
 728         padding-left : 34px;
 729         background-image: url("../../img/toolbar-save.gif");
 730         background-position : center left;
 731         background-repeat : no-repeat;
 732 }
 733
 734 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
 735         padding-left : 34px;
 736         background-image: url("../../img/toolbar-edit.gif");
 737         background-position : center left;
 738         background-repeat : no-repeat;
 739 }
 740
 741 #duplicate a {
 742         padding-left : 34px;
 743         background-image: url("../../img/toolbar-duplicate.gif");
 744         background-position : center left;
 745         background-repeat : no-repeat;
 746 }
 747
 748 #receive a {
 749         padding-left : 34px;
 750         background-image: url("../../img/toolbar-receive.gif");
 751         background-position : center left;
 752         background-repeat : no-repeat;
 753 }
 754
 755 #renew a {
 756         padding-left : 34px;
 757         background-image: url("../../img/toolbar-renew.gif");
 758         background-position : center left;
 759         background-repeat : no-repeat;
 760 }
 761
 762 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 763         padding-left : 34px;
 764         background-image: url("../../img/toolbar-delete.gif");
 765         background-position : center left;
 766         background-repeat : no-repeat;
 767 }
 768
 769 #z3950search .first-child {
 770         padding-left : 34px;
 771         background-image: url("../../img/toolbar-search.gif");
 772         background-position : center left;
 773         background-repeat : no-repeat;
 774 }
 775 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 776         padding-left : 34px;
 777         background-image: url("../../img/toolbar-print.gif");
 778         background-position : center left;
 779         background-repeat : no-repeat;
 780 }
 781
 782 #addtoshelf button, #addtoshelf a {
 783         padding-left : 34px;
 784         background-image: url("../../img/toolbar-add-to-shelf.gif");
 785         background-position : center left;
 786         background-repeat : no-repeat;
 787 }
 788
 789 #placehold a {
 790         padding-left : 34px;
 791         background-image: url("../../img/toolbar-hold.gif");
 792         background-position : center left;
 793         background-repeat : no-repeat;
 794 }
 795
 796 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
 797         padding-left : 15px;
 798 }
 799
 800 div.error {
 801         border : 2px dashed #990000;
 802         background-color : #FFFF99;
 803         padding : .5em;
 804         margin : 1em;
 805 }
 806
 807 input.alert {
 808         background-color : #FFFF99;
 809         border-color: #900;
 810 }
 811
 812 ol.bibliodetails {
 813         float: left;
 814         margin : 0 0 1em 1em;
 815 }
 816
 817 ol.bibliodetails li {
 818         border-bottom: 1px solid #E8E8E8;
 819         list-style-type : none;
 820         padding : .1em;
 821 }
 822
 823 ol.bibliodetails span.label {
 824         border-right : 1px solid #E8E8E8;
 825         float : left;
 826         font-weight: bold;
 827         width: 12em;
 828         margin-right: 1em;
 829 }
 830
 831 div.listgroup {
 832         clear :  left;
 833 }
 834
 835 div.listgroup h4 {
 836         font-style: italic;
 837 }
 838
 839 div.listgroup h4 a {
 840         font-size :  80%;
 841 }
 842
 843 div.listgroup input {
 844         font-size: 80%;
 845 }
 846
 847 div.sysprefs h3 {
 848         margin : .2em 0 .2em .4em;
 849 }
 850
 851 div.sysprefs dl {
 852         margin-left : 1.5em;
 853 }
 854
 855 div.sysprefs div.hint {
 856         width : 25%;
 857         float : right;
 858         padding : .5em;
 859         margin : .7em;
 860 }
 861
 862 tr.highlight td {
 863         background-color : #F6F6F6;
 864 }
 865
 866 tr.highlight th[scope=row] {
 867         background-color : #DDDDDD;
 868 }
 869
 870 tr.confirm td, tr.highlight.confirm td {
 871         background-color : #ffbfbf;
 872 }
 873
 874 #circ_circulation_issue label {
 875         font-size: 105%;
 876         font-weight : bold;
 877 }
 878
 879 #circ_circulation_issue div.hint {
 880         color : #666666;
 881         margin: .2em 0;
 882 }
 883
 884 tr.expired td {
 885         color : #999999;
 886 }
 887
 888 span.expired {
 889         color : #990000;
 890         font-style : italic;
 891 }
 892
 893 div.subfield_line {
 894         padding-bottom : .3em;
 895 }
 896
 897 div.subfield_line label {
 898     font-size:89%;
 899     float: left;
 900          padding-right : .4em;
 901     width: 210px;
 902     text-align: left;
 903     clear:left;
 904 }
 905
 906 div.help {
 907         margin: .9em 0 0 0;
 908 }
 909
 910 .blocker {
 911         color : #990000;
 912 }
 913
 914 .circmessage li {
 915         list-style : url(../../img/arrow-bullet.gif);
 916         margin-bottom : .2em;
 917 }
 918
 919 div.circmessage:first-child {
 920         margin-top : 1em;
 921 }
 922
 923 div.circmessage {
 924         padding: .4em;
 925         margin-bottom : .3em;
 926 }
 927
 928 span.circ-hlt {
 929         color : #cc0000;
 930         font-weight : bold;
 931 }
 932
 933 div.first fieldset {
 934         margin-right : 0;
 935 }
 936
 937 #circ_needsconfirmation {
 938         margin : auto;
 939 }
 940
 941 .dialog {
 942   border: 1px solid #bcbcbc;
 943         padding : .5em;
 944         margin : 1em auto;
 945   width: 65%;
 946   }
 947
 948 .dialog table {
 949         margin : .5em auto;
 950 }
 951
 952 .dialog table th {
 953         text-align : right;
 954 }
 955
 956 .dialog table td {
 957         text-align : left;
 958 }
 959
 960 .dialog  h2, .dialog h3, .dialog h4 {
 961         margin : auto;
 962         text-align : center;
 963   }
 964
 965 .dialog input {
 966         background-color : #FFF;
 967         border : 1px solid #bcbcbc;
 968         margin : .4em;
 969         padding : .4em .4em .4em 25px;
 970  }
 971
 972 .dialog input.approve {
 973         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
 974         padding : .4em .4em .4em 25px;
 975  }
 976
 977 .dialog input.deny {
 978         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
 979         padding : .4em .4em .4em 25px;
 980  }
 981
 982 .dialog input.save {
 983         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
 984         color:black;
 985         padding: .4em .4em .4em 34px;
 986 }
 987
 988 .dialog input.edit {
 989         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
 990         color:black;
 991         padding: .4em .4em .4em 34px;
 992 }
 993
 994 .dialog input:hover {
 995         background-color : #ffc;
 996  }
 997
 998 div.alert {
 999   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1000   text-align : center;
1001 }
1002
1003 div.alert strong {
1004         color : #900;
1005 }
1006
1007 div.message {
1008         background : white url("../../img/message-bg.gif") repeat-x left 0;
1009    border : 1px solid #bcbcbc;
1010         width : 55%;
1011 }
1012
1013 div.message input.approve {
1014         display : block;
1015         margin: auto;
1016 }
1017
1018  div.results {
1019         padding : .7em 0;
1020  }
1021
1022  .accesskey {
1023         text-decoration : underline;
1024  }
1025
1026 .required {
1027     color : #C00;
1028 }
1029
1030 span.required {
1031         font-style : italic;
1032 }
1033
1034 .term {
1035     background-color: #FFC;
1036          color : #990000;
1037 }
1038
1039 a .term {
1040          text-decoration : underline;
1041 }
1042
1043 a:hover .term {
1044         color : #FF9090;
1045 }
1046
1047 div#menu {
1048         border-right: 1px solid #000;
1049         margin-right: .5em;
1050         padding-top: 1em;
1051         padding-bottom: 2em;
1052 }
1053
1054 *html #menu li {
1055         display : inline;
1056 }
1057
1058 div#menu li a {
1059         text-decoration: none;
1060         display: block;
1061         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1062         border: 1px solid #000;
1063         font-size: 111%;
1064         margin: .5em 0;
1065         padding: .4em .3em;
1066         margin-right :  -1px;
1067 }
1068
1069 div#menu li a:hover {
1070         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1071 }
1072
1073 div#menu li.active a:hover {
1074         background-color: #fff;
1075         color :  #0000CC;
1076 }
1077
1078 #menu ul li {
1079         list-style-type: none;
1080 }
1081
1082 #menu ul li.active a {
1083         background-color: #FFF;
1084         background-image : none;
1085         border-right: 0;
1086         font-weight: bold;
1087 }
1088
1089 ul.error {
1090         background : #ffffcc;
1091         border : 1px solid #ff9090;
1092         margin : .5em;
1093         padding : .5em .5em .5em 1.5em;
1094         width : 75%
1095 }
1096
1097 h1#logo {
1098         border:0pt none;
1099         float:left !important;
1100         margin:0;
1101         padding:0;
1102         width:180px;
1103 }
1104 h1#logo {
1105         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1106         border: 0;
1107         margin:0.75em .3em 0.75em .7em;
1108         padding:0;
1109 }
1110
1111 *html h1#logo {
1112         margin : 0.75em .3em 0.75em .3em;
1113 }
1114
1115 h1#logo a {
1116         border:0;
1117         cursor:pointer;
1118         display:block;
1119         height:0px !important;
1120         margin:0;
1121         overflow:hidden;
1122         padding:44px 0 0;
1123         text-decoration:none;
1124         width:180px;
1125 }
1126
1127 #closewindow {
1128         margin-top : 2em;
1129         text-align : center;
1130 }
1131
1132 #closewindow a {
1133         font-weight : bold;
1134 }
1135
1136 .patroninfo+#menu {
1137         margin-right : 0;
1138 }
1139
1140 .barcode {
1141         font-size :  200%;
1142 }
1143
1144 .email {
1145 font-size :  87%;
1146 width : 15em;
1147 margin: 0;
1148 padding: 0;
1149 overflow :  hidden;
1150 }
1151
1152 .address {
1153         font-size: 110%;
1154 }
1155
1156 #circ_circulation_issue .date-select label {
1157         font-weight: normal;
1158 }
1159
1160 .clearfix:after {
1161     content: ".";
1162     display: block;
1163     height: 0;
1164     clear: both;
1165     visibility: hidden;
1166 }
1167
1168 /* Hides from IE-mac \*/
1169 * html .clearfix {height: 1%;}
1170 /* End hide from IE-mac */
1171
1172 .title {
1173         font-weight : bold;
1174         font-size : 105%;
1175 }
1176
1177 .reserve {
1178         float : right;
1179         font-weight : bold;
1180 }
1181
1182 .thumbnail {
1183         display : block;
1184         margin : auto;
1185 }
1186
1187 #searchresults ul li {
1188         list-style : url(../../img/item-bullet.gif);
1189 }
1190
1191 #searchheader {
1192         background-color : #f3f3f3;
1193         font-size : 80%;
1194         margin : 0 0 .5em -1px;
1195         padding : .1em 0 .1em 1em;
1196 }
1197
1198 #searchheader h3 {
1199 }
1200
1201 #searchheader form {
1202         float : right;
1203 }
1204
1205 #search-facets ul {
1206         margin : 0;
1207         padding : .3em;
1208 }
1209
1210 #search-facets {
1211         border : 1px solid #e8e8e8;
1212 }
1213
1214 #search-facets h4 {
1215         background-color : #F3F3F3;
1216         border-bottom : 1px solid #e8e8e8;
1217         font-size : 90%;
1218         margin : 0;
1219         padding : .4em .2em;
1220         text-align : center;
1221 }
1222
1223 #search-facets ul li {
1224         font-weight : bold;
1225         list-style-type : none;
1226 }
1227
1228 #search-facets li li {
1229         font-weight : normal;
1230         font-size : 85%;
1231         margin-bottom : 2px;
1232         padding : .1em .2em;
1233 }
1234
1235 #search-facets li li a {
1236 }
1237
1238 #search-facets li.showmore {
1239         font-weight : bold;
1240         text-indent : 1em;
1241 }
1242
1243 div.pages {
1244         margin-top : .5em;
1245 }
1246
1247 div.pages a {
1248         font-weight: bold;
1249         padding: 1px 5px 1px 5px;
1250         text-decoration: none;
1251 }
1252
1253 div.pages a:link {
1254         background-color : #eeeeee;
1255         color : #3366CC;
1256 }
1257
1258 div.pages a:hover {
1259         background-color : #e8f0f6;
1260 }
1261
1262 div.pages a:active {
1263         background-color : #ffc;
1264 }
1265
1266 div.browse {
1267         margin : .5em 0;
1268 }
1269
1270 div#header_search input.submit {
1271         font-size : 1em;
1272 }
1273
1274 input[type=submit], input[type=button] {
1275         border: 1px outset #999999;
1276         border-top-color: #666;
1277         border-left-color: #666;
1278         padding: 0.25em;
1279         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1280         color: #333333;
1281 }
1282
1283 input.submit {
1284         border: 1px solid #999999;
1285         border-top-color: #666;
1286         border-left-color: #666;
1287         padding: 0.25em;
1288         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1289         color: #333333;
1290 }
1291
1292 *html input.submit {
1293         padding : .1em;
1294 }
1295
1296 input[type=submit]:active, input[type=button]:active {
1297         border : 1px inset #999999;
1298 }
1299
1300 input.submit:active {
1301         border : 1px inset #999999;
1302 }
1303
1304 input[type=reset], input[type=button], input.submit {
1305         border: 1px outset #999999;
1306         border-top-color: #666;
1307         border-left-color: #666;
1308         padding: 0.25em;
1309         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1310         color: #333333;
1311 }
1312
1313 input[type=reset]:active, input[type=button]:active, input.submit:active {
1314         border : 1px inset #999999;
1315 }
1316
1317 .searchhighlightblob {
1318     font-size:75%;
1319         font-style : italic;
1320 }
1321
1322 /* Define a new style for each menu */
1323
1324 .yui-skin-sam .yuimenu {
1325         line-height: 2;/* ~24px */
1326         *line-height: 1.9; /* For IE */
1327 }
1328
1329 a.yuimenuitemlabel {
1330 }
1331
1332 .yui-skin-sam .yuimenu .bd {
1333         border-width: 1px;
1334         border-color: #ddd #666 #666 #ddd;
1335         border-style: solid;
1336         background-color: #fff;
1337 }
1338
1339 .yui-skin-sam #sublangs li.yuimenuitem {
1340         /*
1341         For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
1342         Used to collapse superfluous white space between <li>
1343         elements that is triggered by the "display" property of the
1344         <a> elements being set to "block."
1345         */
1346         _border-bottom: solid 1px #ccc;
1347 }
1348
1349
1350 /* Define a new style for a MenuItem instance's "selected" state. */
1351 .yui-skin-sam #sublangs .yuimenuitem-selected {
1352         background-color: #82AAE1;
1353 }
1354 .yui-skin-sam #sublangs .yuimenuitemlabel-selected {
1355         color: #fff;
1356 }
1357
1358 #toplevelnav {
1359         float : left;
1360         margin-left : .5em;
1361 }
1362
1363 ul#toplevelmenu {
1364         padding : 0;
1365 }
1366
1367 ul#toplevelmenu li {
1368         display: inline;
1369         padding : 0 .6em;
1370 }
1371
1372 ul#toplevelmenu li.more a {
1373         background-image:url(../../img/more-arrow.gif);
1374         background-position:right center;
1375         background-repeat:no-repeat;
1376         padding-right:13px;
1377 }
1378
1379 ul#toplevelmenu li.more ul li a {
1380         background-image : none;
1381         padding-right : 20px;
1382 }
1383
1384 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1385         padding: .2em 20px .2em 20px;
1386 }
1387
1388 ul#menu li a, ul#toplevelmenu li a {
1389         text-decoration : none;
1390 }
1391 ul#menu li ul li, ul#toplevelmenu li ul li {
1392         display :block;
1393         padding :0;
1394 }
1395 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1396         text-decoration : none;
1397 }
1398
1399 ul#i18nMenu {
1400         margin : 0;
1401         padding : .2em 0;
1402  }
1403
1404 ul#i18nMenu li {
1405         border-left : 1px solid #CCC;
1406         display : inline;
1407         list-style : none;
1408         padding : 0 10px;
1409  }
1410
1411 ul#i18nMenu li:first-child {
1412         border-left : 0;
1413  }
1414
1415 ul#i18nMenu li ul li {
1416         border : 0;
1417         display : block;
1418         padding : 0;
1419  }
1420
1421
1422 ul#i18nMenu li.more a {
1423         background-image:url(../../img/more-up-arrow.gif);
1424         background-position:right center;
1425         background-repeat:no-repeat;
1426         padding-right:13px;
1427 }
1428
1429 ul#i18nMenu li.more ul li a {
1430         background-image : none;
1431         padding-right : 20px;
1432 }
1433
1434  div#changelanguage{
1435         background-color: #fff;
1436         border-top: 1px solid #CCC;
1437   position:absolute;
1438   bottom:0;
1439   left:0;
1440   width:100%;
1441   height: 2em;
1442  }
1443
1444  @media screen{
1445   body>div#changelanguage {
1446    position: fixed;
1447   }
1448  }
1449
1450  * html body{
1451   overflow:hidden;
1452  }
1453
1454  * html div#doc1{
1455   height:100%;
1456   overflow:auto;
1457  }
1458
1459  * html div#doc2{
1460   height:100%;
1461   overflow:auto;
1462  }
1463
1464  * html div#doc3{
1465   height:100%;
1466   overflow:auto;
1467  }
1468
1469 #CheckAll, #CheckNone {
1470         font-weight : normal;
1471         margin : 0 .5em 0 0;
1472 }
1473 .lost,.dmg,.wdn {
1474         display : block;
1475         color : #990000;
1476 }
1477 .datedue {
1478         display : block;
1479         color : #999;
1480         font-style : italic;
1481 }