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