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