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 2em 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         top : 3px;
 110         right : .5em;
 111 }
 112
 113 #login a {
 114
 115 }
 116
 117 ul {
 118         padding-left : 1.1em;
 119 }
 120
 121 ul li {
 122         list-style-type : disc;
 123 }
 124
 125 ul li li {
 126         list-style-type : circle;
 127 }
 128
 129 ol {
 130         padding-left : 1.5em;
 131 }
 132
 133 ol li {
 134         list-style : decimal;
 135 }
 136
 137 #header {
 138         background-color : #F3F3F3;
 139         border-bottom : 1px solid #E8E8E8;
 140         line-height : 2em;
 141 }
 142
 143 #header:after { /* clearing without presentational markup, IE gets extra treatment */
 144     display: block;
 145     clear: both;
 146     content: " ";
 147 }
 148
 149 #sitetitle {
 150 /*      background-image : url("../../img/koha-logo-black.png");
 151         background-position : 5px 2px;
 152         background-repeat : no-repeat;
 153         float : left;
 154         height : 54px;
 155         padding-left : 50px;*/
 156         border-bottom : 1px solid #E8E8E8;
 157 }
 158
 159 #sitetitle h1 {
 160         display : inline;
 161         line-height : 54px;
 162 }
 163
 164 #sitetitle h1 a {
 165         text-decoration : none;
 166 }
 167
 168 #submenu {
 169         margin : 0 0 .5em 0;
 170         padding : 0;
 171 }
 172
 173 #submenu ul {
 174         margin : 0;
 175         padding : 0;
 176 }
 177
 178 #submenu ul li {
 179         padding-left : 0;
 180 }
 181
 182 /*#toplevelnav ul {
 183         margin : 0;
 184         padding : 0;
 185 }
 186
 187 #toplevelnav li, #submenu li {
 188         display : inline;
 189         border-right : 1px solid #E8E8E8;
 190         padding : 0 .5em;
 191         white-space : nowrap;
 192 }
 193
 194 #toplevelnav li:last-child, #submenu li:last-child {
 195         border : 0;
 196 }*/
 197
 198 table {
 199         border-collapse : collapse;
 200         border-top : 1px solid #BCBCBC;
 201         border-right : 1px solid #BCBCBC;
 202 }
 203
 204 td, th {
 205         border-bottom : 1px solid #BCBCBC;
 206         border-left : 1px solid #BCBCBC;
 207         padding : .2em .3em;
 208 }
 209
 210 td {
 211         background-color : White;
 212 }
 213
 214 th {
 215         background-color : #E8E8E8;
 216         font-weight : bold;
 217 }
 218
 219 tr.highlight td, td.highlight {
 220         background-color : #F3F3F3;
 221 }
 222
 223 td.od {
 224         color : #cc0000;
 225         font-weight : bold;
 226 }
 227
 228 tr.warn td {
 229         background-color: #FF9090;
 230 }
 231
 232 tr.onissue td {
 233         background-color: #FFFFCC;
 234 }
 235
 236 tr.highlight.onissue td {
 237         background-color: #FFFFE1;
 238 }
 239
 240 caption {
 241         font-size : 153.9%;
 242         font-weight : bold;
 243 }
 244
 245 span.problem {
 246         background-color : #FFFFCC;
 247         color : #990000;
 248         font-weight : bold;
 249         line-height : 1.7em;
 250 }
 251
 252 fieldset {
 253         border : 2px solid #EEEEEE;
 254         margin : 1em 1em 1em 0;
 255         padding : 1em;
 256 }
 257
 258 legend {
 259         font-size : 123.1%;
 260         font-weight : bold;
 261         margin : 0 0 0 -1em;
 262         padding : 0;
 263 }
 264
 265 #breadcrumbs {
 266         background-color : #F3F3F3;
 267         border-bottom : 1px solid #E8E8E8;
 268         clear : both;
 269         font-size : 90%;
 270         padding :.2em .5em .4em 10px;
 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 div.patroninfo h5 {
 364         border-right :  1px solid #000;
 365         margin-bottom : 0;
 366         padding-left : -.5em;
 367         padding-top : .3em;
 368         padding-bottom : .5em;
 369 }
 370
 371 div.patroninfo ul {
 372         border-right : 1px solid #000;
 373         border-bottom : 0;
 374         border-top : 0;
 375         padding : 0 0 .5em 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;
 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         clear : both;
 512         margin : 1em 0 0 1em;
 513 }
 514
 515 fieldset.rows td label {
 516         float : none;
 517         font-weight : normal;
 518         width : auto;
 519 }
 520
 521 fieldset.rows label.yesno {
 522         float : none;
 523         width : auto;
 524 }
 525
 526 fieldset.action, div.action {
 527         clear : both;
 528         float : none;
 529         border : none;
 530         margin : 0;
 531         padding : 1em 0 .3em 0;
 532         width : auto;
 533 }
 534
 535 div.rows {
 536 float : left;
 537 clear : left;
 538 margin: 0 0 0 0;
 539 padding: 0;
 540 width: 100%;
 541 }
 542
 543
 544 div.rows span.label {
 545         float: left;
 546         font-weight : bold;
 547         width: 9em;
 548         margin-right: 1em;
 549         text-align: left;
 550 }
 551
 552 div.rows ol {
 553 padding: .5em 1em 0 0;
 554 list-style-type: none;
 555 }
 556
 557 div.rows ol li li {
 558         border-bottom: 0;
 559 }
 560
 561 div.rows li {
 562 border-bottom :  1px solid #EEE;
 563 float : left;
 564 clear : left;
 565 padding-bottom: .2em;
 566 padding-top: .1em;
 567 list-style-type: none;
 568 width: 100%;
 569 }
 570
 571 a.cancel {
 572         padding-left : 1em;
 573 }
 574
 575 fieldset.rows fieldset.action {
 576         padding : 1em;
 577 }
 578
 579 fieldset.rows label.inline {
 580         display : inline;
 581         float : none;
 582         margin-left : 1em;
 583         width : auto;
 584 }
 585
 586 fieldset.rows .inputnote {
 587         float : left;
 588         margin : .5em 0 0 10em;
 589 }
 590
 591 .tabs-nav li {
 592         list-style : none;
 593 }
 594
 595 .tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
 596    background : none;
 597         display : block;
 598         padding: .2em .5em .25em .5em;
 599 }
 600
 601 .tabs-nav a, .tabs-nav span.a {
 602     z-index : auto;
 603 }
 604
 605 .tabs-nav .tabs-selected a, .tabs-nav .tabs-selected span.a {
 606         background-color : #FFFFCC;
 607         border-top: 1px solid #FFFFCC;
 608         border-right: 1px solid #FF9900;
 609         border-bottom: 1px solid #FF9900;
 610         border-left: 1px solid #FFCC66;
 611         font-weight : bold;
 612         text-align : center;
 613         text-decoration : none;
 614         top : -1px;
 615 }
 616
 617 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
 618     background-position : inherit;
 619     outline: 0; /* prevent dotted border in Firefox */
 620 }
 621 .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 {
 622     background-position: inherit;
 623 }
 624
 625 .tabs-nav .tabs-selected a:hover {
 626         color : #0000CC;
 627 }
 628
 629 .tabs-nav li.tabs-selected {
 630         background-color : #FFFFCC;
 631 }
 632
 633 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
 634          background : none;
 635     outline: 0; /* prevent dotted border in Firefox */
 636 }
 637
 638 .tabs-container {
 639     border-top: 0;
 640     padding : inherit;
 641     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 642 }
 643 .tabs-loading em {
 644     padding: inherit;
 645     background: none;
 646 }
 647 .toptabs {
 648         margin-top : 1em;
 649 }
 650
 651 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 652     top: 0;
 653  }
 654
 655 .toptabs .tabs-nav li {
 656         margin-right : .5em;
 657 }
 658
 659 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 660         background-color : #F3F3F3;
 661         border-top : 1px solid #E8E8E8;
 662         border-left : 1px solid #E8E8E8;
 663         border-right : 1px solid #E8E8E8;
 664         border-bottom : 0;
 665         text-align : center;
 666         text-decoration : none;
 667 }
 668
 669 .toptabs .tabs-nav li.tabs-selected  {
 670         background-color : #FFF;
 671 }
 672
 673 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 674         background-color : #FFF;
 675         border-top : 1px solid #E8E8E8;
 676         border-left : 1px solid #E8E8E8;
 677         border-right : 1px solid #E8E8E8;
 678         border-bottom : 1px solid #FFF;
 679         margin-bottom : -5px;
 680         text-align : center;
 681 }
 682
 683 .toptabs.numbered .tabs-nav li {
 684         min-width : 3em;
 685 }
 686
 687 .toptabs .tabs-container {
 688         border : 1px solid #E8E8E8;
 689         padding : 1em;
 690 }
 691
 692 .checkedout {
 693         color : #999999;
 694         font-style : italic;
 695 }
 696
 697 .subfield_not_filled {
 698         background-color : #FFFF99;
 699 }
 700 .content_hidden {
 701     visibility:hidden; /* you propably don't need to change this one */
 702     display:none;
 703 }
 704
 705 /* the property for the displayed tab */
 706 .content_visible {
 707     visibility:visible; /* you propably don't need to change this one */
 708     display:block;
 709 }
 710 #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newbatch a, #newsubscription a, #newdictionary a, #neworder a {
 711         padding-left : 34px;
 712         background-image: url("../../img/toolbar-new.gif");
 713         background-position : center left;
 714         background-repeat : no-repeat;
 715 }
 716
 717 #changepassword a {
 718         padding-left : 34px;
 719         background-image: url("../../img/toolbar-password.gif");
 720         background-position : center left;
 721         background-repeat : no-repeat;
 722 }
 723
 724 #manageorders a {
 725         padding-left : 34px;
 726         background-image: url("../../img/toolbar-orders.gif");
 727         background-position : center left;
 728         background-repeat : no-repeat;
 729 }
 730
 731
 732 #savemenuc .first-child, #addbiblio .first-child {
 733         padding-left : 34px;
 734         background-image: url("../../img/toolbar-save.gif");
 735         background-position : center left;
 736         background-repeat : no-repeat;
 737 }
 738
 739 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
 740         padding-left : 34px;
 741         background-image: url("../../img/toolbar-edit.gif");
 742         background-position : center left;
 743         background-repeat : no-repeat;
 744 }
 745
 746 #duplicate a {
 747         padding-left : 34px;
 748         background-image: url("../../img/toolbar-duplicate.gif");
 749         background-position : center left;
 750         background-repeat : no-repeat;
 751 }
 752
 753 #receive a {
 754         padding-left : 34px;
 755         background-image: url("../../img/toolbar-receive.gif");
 756         background-position : center left;
 757         background-repeat : no-repeat;
 758 }
 759
 760 #renew a {
 761         padding-left : 34px;
 762         background-image: url("../../img/toolbar-renew.gif");
 763         background-position : center left;
 764         background-repeat : no-repeat;
 765 }
 766
 767 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 768         padding-left : 34px;
 769         background-image: url("../../img/toolbar-delete.gif");
 770         background-position : center left;
 771         background-repeat : no-repeat;
 772 }
 773
 774 #z3950search .first-child {
 775         padding-left : 34px;
 776         background-image: url("../../img/toolbar-search.gif");
 777         background-position : center left;
 778         background-repeat : no-repeat;
 779 }
 780 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 781         padding-left : 34px;
 782         background-image: url("../../img/toolbar-print.gif");
 783         background-position : center left;
 784         background-repeat : no-repeat;
 785 }
 786
 787 #addtoshelf button, #addtoshelf a {
 788         padding-left : 34px;
 789         background-image: url("../../img/toolbar-add-to-shelf.gif");
 790         background-position : center left;
 791         background-repeat : no-repeat;
 792 }
 793
 794 #placehold a {
 795         padding-left : 34px;
 796         background-image: url("../../img/toolbar-hold.gif");
 797         background-position : center left;
 798         background-repeat : no-repeat;
 799 }
 800
 801 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
 802         padding-left : 15px;
 803 }
 804
 805 div.error {
 806         border : 2px dashed #990000;
 807         background-color : #FFFF99;
 808         padding : .5em;
 809         margin : 1em;
 810 }
 811
 812 input.alert {
 813         background-color : #FFFF99;
 814         border-color: #900;
 815 }
 816
 817 ol.bibliodetails {
 818         float: left;
 819         margin : 0 0 1em 1em;
 820 }
 821
 822 ol.bibliodetails li {
 823         border-bottom: 1px solid #E8E8E8;
 824         list-style-type : none;
 825         padding : .1em;
 826 }
 827
 828 ol.bibliodetails span.label {
 829         border-right : 1px solid #E8E8E8;
 830         float : left;
 831         font-weight: bold;
 832         width: 12em;
 833         margin-right: 1em;
 834 }
 835
 836 div.listgroup {
 837         clear :  left;
 838 }
 839
 840 div.listgroup h4 {
 841         font-style: italic;
 842 }
 843
 844 div.listgroup h4 a {
 845         font-size :  80%;
 846 }
 847
 848 div.listgroup input {
 849         font-size: 80%;
 850 }
 851
 852 div.sysprefs h3 {
 853         margin : .2em 0 .2em .4em;
 854 }
 855
 856 div.sysprefs dl {
 857         margin-left : 1.5em;
 858 }
 859
 860 div.sysprefs div.hint {
 861         width : 25%;
 862         float : right;
 863         padding : .5em;
 864         margin : .7em;
 865 }
 866
 867 tr.highlight td {
 868         background-color : #F6F6F6;
 869 }
 870
 871 tr.highlight th[scope=row] {
 872         background-color : #DDDDDD;
 873 }
 874
 875 tr.confirm td, tr.confirm.highlight td {
 876         background-color : #ffbfbf;
 877 }
 878
 879 #circ_circulation_issue label {
 880         font-size: 105%;
 881         font-weight : bold;
 882 }
 883
 884 #circ_circulation_issue div.hint {
 885         color : #666666;
 886         margin: .2em 0;
 887 }
 888
 889 tr.expired td {
 890         color : #999999;
 891 }
 892
 893 span.expired {
 894         color : #990000;
 895         font-style : italic;
 896 }
 897
 898 div.subfield_line {
 899         padding-bottom : .3em;
 900 }
 901
 902 div.subfield_line label {
 903     font-size:89%;
 904     float: left;
 905          padding-right : .4em;
 906     width: 210px;
 907     text-align: left;
 908     clear:left;
 909 }
 910
 911 div.help {
 912         margin: .9em 0 0 0;
 913 }
 914
 915 .blocker {
 916         color : #990000;
 917 }
 918
 919 .circmessage li {
 920         list-style : url(../../img/arrow-bullet.gif);
 921         margin-bottom : .2em;
 922 }
 923
 924 div.circmessage:first-child {
 925         margin-top : 1em;
 926 }
 927
 928 div.circmessage {
 929         padding: .4em;
 930         margin-bottom : .3em;
 931 }
 932
 933 span.circ-hlt {
 934         color : #cc0000;
 935         font-weight : bold;
 936 }
 937
 938 div.first fieldset {
 939         margin-right : 0;
 940 }
 941
 942 #circ_needsconfirmation {
 943         margin : auto;
 944 }
 945
 946 .dialog {
 947   border: 1px solid #bcbcbc;
 948         padding : .5em;
 949         margin : 1em auto;
 950   width: 65%;
 951   }
 952
 953 .dialog table {
 954         margin : .5em auto;
 955 }
 956
 957 .dialog table th {
 958         text-align : right;
 959 }
 960
 961 .dialog table td {
 962         text-align : left;
 963 }
 964
 965 .dialog  h2, .dialog h3, .dialog h4 {
 966         margin : auto;
 967         text-align : center;
 968   }
 969
 970 .dialog input {
 971         background-color : #FFF;
 972         border : 1px solid #bcbcbc;
 973         margin : .4em;
 974         padding : .4em .4em .4em 25px;
 975  }
 976
 977 .dialog input.approve {
 978         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
 979         padding : .4em .4em .4em 25px;
 980  }
 981
 982 .dialog input.deny {
 983         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
 984         padding : .4em .4em .4em 25px;
 985  }
 986
 987 .dialog input.save {
 988         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
 989         padding: .4em .4em .4em 34px;
 990 }
 991
 992 .dialog input.edit {
 993         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
 994         padding: .4em .4em .4em 34px;
 995 }
 996
 997 .dialog input:hover {
 998         background-color : #ffc;
 999  }
1000
1001 div.alert {
1002   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1003   text-align : center;
1004 }
1005
1006 div.alert strong {
1007         color : #900;
1008 }
1009
1010 div.message {
1011         background : white url("../../img/message-bg.gif") repeat-x left 0;
1012    border : 1px solid #bcbcbc;
1013         width : 55%;
1014 }
1015
1016 div.message input.approve {
1017         display : block;
1018         margin: auto;
1019 }
1020
1021  div.results {
1022         padding : .7em 0;
1023  }
1024
1025  .accesskey {
1026         text-decoration : underline;
1027  }
1028
1029 .required {
1030     color : #C00;
1031 }
1032
1033 span.required {
1034         font-style : italic;
1035 }
1036
1037 .term {
1038     background-color: #FFC;
1039          color : #990000;
1040 }
1041
1042 a .term {
1043          text-decoration : underline;
1044 }
1045
1046 a:hover .term {
1047         color : #FF9090;
1048 }
1049
1050 div#menu {
1051         border-right: 1px solid #000;
1052         margin-right: .5em;
1053         padding-top: 1em;
1054         padding-bottom: 2em;
1055 }
1056
1057 div#menu li a {
1058         text-decoration: none;
1059         display: block;
1060         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1061         border: 1px solid #000;
1062         font-size: 111%;
1063         margin: .5em 0;
1064         padding: .4em .3em;
1065         margin-right :  -1px;
1066 }
1067
1068 div#menu li a:hover {
1069         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1070 }
1071
1072 div#menu li.active a:hover {
1073         background-color: #fff;
1074         color :  #0000CC;
1075 }
1076
1077 #menu ul li {
1078         list-style-type: none;
1079 }
1080
1081 #menu ul li.active a {
1082         background-color: #FFF;
1083         background-image : none;
1084         border-right: 0;
1085         font-weight: bold;
1086 }
1087
1088 ul.error {
1089         background : #ffffcc;
1090         border : 1px solid #ff9090;
1091         margin : .5em;
1092         padding : .5em .5em .5em 1.5em;
1093         width : 75%
1094 }
1095
1096 h1#logo {
1097         border:0pt none;
1098         float:left !important;
1099         margin:0;
1100         padding:0;
1101         width:180px;
1102 }
1103 h1#logo {
1104         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1105         border: 0;
1106         margin:0.75em .3em 0.75em .7em;
1107         padding:0;
1108 }
1109
1110 h1#logo a {
1111         border:0;
1112         cursor:pointer;
1113         display:block;
1114         height:0px !important;
1115         margin:0;
1116         overflow:hidden;
1117         padding:44px 0 0;
1118         text-decoration:none;
1119         width:180px;
1120 }
1121
1122 #closewindow {
1123         margin-top : 2em;
1124         text-align : center;
1125 }
1126
1127 #closewindow a {
1128         font-weight : bold;
1129 }
1130
1131 .patroninfo+#menu {
1132         margin-right : 0;
1133 }
1134
1135 .barcode {
1136         font-size :  200%;
1137 }
1138
1139 .email {
1140 font-size :  87%;
1141 width : 15em;
1142 margin: 0;
1143 padding: 0;
1144 overflow :  hidden;
1145 }
1146
1147 .address {
1148         font-size: 110%;
1149 }
1150
1151 #circ_circulation_issue .date-select label {
1152         font-weight: normal;
1153 }
1154
1155 .clearfix:after {
1156     content: ".";
1157     display: block;
1158     height: 0;
1159     clear: both;
1160     visibility: hidden;
1161 }
1162
1163 /* Hides from IE-mac \*/
1164 * html .clearfix {height: 1%;}
1165 /* End hide from IE-mac */
1166
1167 .title {
1168         font-weight : bold;
1169         font-size : 105%;
1170 }
1171
1172 .reserve {
1173         float : right;
1174         font-weight : bold;
1175 }
1176
1177 .thumbnail {
1178         display : block;
1179         margin : auto;
1180 }
1181
1182 #searchresults ul li {
1183         list-style : url(../../img/item-bullet.gif);
1184 }
1185
1186 #searchheader {
1187         background-color : #f3f3f3;
1188         font-size : 80%;
1189         margin : 0 0 .5em -1px;
1190         padding : .1em 0 .1em 1em;
1191 }
1192
1193 #searchheader h3 {
1194 }
1195
1196 #searchheader form {
1197         float : right;
1198 }
1199
1200 #search-facets ul {
1201         margin : 0;
1202         padding : .3em;
1203 }
1204
1205 #search-facets {
1206         border : 1px solid #e8e8e8;
1207 }
1208
1209 #search-facets h4 {
1210         background-color : #F3F3F3;
1211         border-bottom : 1px solid #e8e8e8;
1212         font-size : 90%;
1213         margin : 0;
1214         padding : .4em .2em;
1215         text-align : center;
1216 }
1217
1218 #search-facets ul li {
1219         font-weight : bold;
1220         list-style-type : none;
1221 }
1222
1223 #search-facets li li {
1224         font-weight : normal;
1225         font-size : 85%;
1226         margin-bottom : 2px;
1227         padding : .1em .2em;
1228 }
1229
1230 #search-facets li li a {
1231 }
1232
1233 #search-facets li.showmore {
1234         font-weight : bold;
1235         text-indent : 1em;
1236 }
1237
1238 div.pages {
1239         margin-top : .5em;
1240 }
1241
1242 div.pages a {
1243         font-weight: bold;
1244         padding: 1px 5px 1px 5px;
1245         text-decoration: none;
1246 }
1247
1248 div.pages a:link {
1249         background-color : #eeeeee;
1250         color : #3366CC;
1251 }
1252
1253 div.pages a:hover {
1254         background-color : #e8f0f6;
1255 }
1256
1257 div.pages a:active {
1258         background-color : #ffc;
1259 }
1260
1261 div.browse {
1262         margin : .5em 0;
1263 }
1264
1265 div#header_search input.submit {
1266         font-size : 1em;
1267 }
1268
1269 input[type=submit], input[type=button], input.submit {
1270         border: 1px outset #999999;
1271         border-top-color: #666;
1272         border-left-color: #666;
1273         padding: 0.25em;
1274         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1275         color: #333333;
1276 }
1277
1278 input[type=submit]:active, input[type=button]:active, input.submit:active {
1279         border : 1px inset #999999;
1280 }
1281
1282 .searchhighlightblob {
1283     font-size:75%;
1284         font-style : italic;
1285 }
1286
1287 /* Define a new style for each menu */
1288
1289 .yui-skin-sam .yuimenu {
1290         line-height: 2;/* ~24px */
1291         *line-height: 1.9; /* For IE */
1292 }
1293
1294 a.yuimenuitemlabel {
1295 }
1296
1297 .yui-skin-sam .yuimenu .bd {
1298         border-width: 1px;
1299         border-color: #ddd #666 #666 #ddd;
1300         border-style: solid;
1301         background-color: #fff;
1302 }
1303
1304 .yui-skin-sam #sublangs li.yuimenuitem {
1305         /*
1306         For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
1307         Used to collapse superfluous white space between <li>
1308         elements that is triggered by the "display" property of the
1309         <a> elements being set to "block."
1310         */
1311         _border-bottom: solid 1px #ccc;
1312 }
1313
1314
1315 /* Define a new style for a MenuItem instance's "selected" state. */
1316 .yui-skin-sam #sublangs .yuimenuitem-selected {
1317         background-color: #82AAE1;
1318 }
1319 .yui-skin-sam #sublangs .yuimenuitemlabel-selected {
1320         color: #fff;
1321 }
1322
1323 #toplevelnav {
1324         float : left;
1325         margin-left : .5em;
1326 }
1327
1328 ul#toplevelmenu {
1329         padding : 0;
1330 }
1331
1332 ul#toplevelmenu li {
1333         display: inline;
1334         padding : 0 .6em;
1335 }
1336
1337 ul#toplevelmenu li.more a {
1338         background-image:url(../../img/more-arrow.gif);
1339         background-position:right center;
1340         background-repeat:no-repeat;
1341         padding-right:13px;
1342 }
1343
1344 ul#toplevelmenu li.more ul li a {
1345         background-image : none;
1346         padding-right : 20px;
1347 }
1348
1349 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1350         padding: .2em 20px .2em 20px;
1351 }
1352
1353 ul#menu li a, ul#toplevelmenu li a {
1354         text-decoration : none;
1355 }
1356 ul#menu li ul li, ul#toplevelmenu li ul li {
1357         display :block;
1358         padding :0;
1359 }
1360 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1361         text-decoration : none;
1362 }
1363
1364 ul#i18nMenu {
1365         margin : 0;
1366         padding : .2em 0;
1367  }
1368
1369 ul#i18nMenu li {
1370         border-left : 1px solid #CCC;
1371         display : inline;
1372         list-style : none;
1373         padding : 0 10px;
1374  }
1375
1376 ul#i18nMenu li:first-child {
1377         border-left : 0;
1378  }
1379
1380 ul#i18nMenu li ul li {
1381         border : 0;
1382         display : block;
1383         padding : 0;
1384  }
1385
1386
1387 ul#i18nMenu li.more a {
1388         background-image:url(../../img/more-up-arrow.gif);
1389         background-position:right center;
1390         background-repeat:no-repeat;
1391         padding-right:13px;
1392 }
1393
1394 ul#i18nMenu li.more ul li a {
1395         background-image : none;
1396         padding-right : 20px;
1397 }
1398
1399  div#changelanguage{
1400         background-color: #fff;
1401         border-top: 1px solid #CCC;
1402   position:absolute;
1403   bottom:0;
1404   left:0;
1405   width:100%;
1406   height: 2em;
1407  }
1408
1409  @media screen{
1410   body>div#changelanguage {
1411    position: fixed;
1412   }
1413  }
1414
1415  * html body{
1416   overflow:hidden;
1417  }
1418
1419  * html div#doc1{
1420   height:100%;
1421   overflow:auto;
1422  }
1423
1424  * html div#doc2{
1425   height:100%;
1426   overflow:auto;
1427  }
1428
1429  * html div#doc3{
1430   height:100%;
1431   overflow:auto;
1432  }
1433