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