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

   1 @import url("../lib/yui/reset-fonts-grids.css") screen;
   2 @import url("../lib/yui/skin.css");
   3
   4 input:focus, textarea:focus {
   5     border-color:#538200;
   6     border-style:solid;
   7     border-radius: 4px;
   8 }
   9
  10 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
  11 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
  12
  13 a, a:link, a:visited {
  14     color : #004d99;
  15     text-decoration: none;
  16 }
  17
  18 a:hover, a:active {
  19     color : #538200;
  20     text-decoration: none;
  21 }
  22
  23 .yui-button {
  24     border-radius: 5px;
  25 }
  26
  27 .yui-button .first-child {
  28     border-radius: 5px;
  29 }
  30
  31 .yui-button,.yui-button a:link,.yui-button a:visited {
  32         color : #000;
  33 }
  34
  35 a.yuimenuitemlabel {
  36         color: #000000;
  37 }
  38
  39 .overdue,
  40 .debit {
  41         color : #cc0000;
  42 }
  43
  44 a.popup {
  45         background : transparent url("../../img/pop-up-link.png") center right no-repeat;
  46         padding-right : 15px;
  47 }
  48
  49 body {
  50         text-align : left;
  51     padding:0 0 4em 0;
  52   font-family: arial, verdana, helvetica, sans-serif;
  53 }
  54
  55 br.clear {
  56         clear : both;
  57         line-height : 1px;
  58 }
  59
  60 form {
  61         display : inline;
  62 }
  63
  64 form.confirm {
  65         display : block;
  66         text-align : center;
  67 }
  68
  69 h1 {
  70         font-size : 161.6%;
  71         font-weight : bold;
  72 }
  73
  74 h2 {
  75         font-size : 146.5%;
  76         font-weight : bold;
  77 }
  78
  79 h3 {
  80         font-size : 131%;
  81         font-weight : bold;
  82 }
  83
  84 h4 {
  85         font-size : 116%;
  86         font-weight : bold;
  87 }
  88
  89 h5 {
  90         font-size : 100%;
  91         font-weight : bold;
  92 }
  93
  94 h6 {
  95         font-size : 93%;
  96         font-weight : bold;
  97 }
  98
  99 h1,h2,h3,h4,h5,h6 {
 100         margin : .3em 0;
 101 }
 102
 103 p {
 104         margin: .5em 0 .5em 0;
 105 }
 106
 107 strong {
 108         font-weight : bold;
 109 }
 110
 111 strong em {
 112         font-weight : bold;
 113         font-style : italic;
 114 }
 115
 116 em, cite {
 117         font-style : italic;
 118 }
 119
 120 em strong {
 121         font-weight : bold;
 122         font-style : italic;
 123 }
 124
 125 .subfield-label {
 126     font-style : italic;
 127 }
 128
 129 .subfield-label span.subfield-code {
 130     font-weight : bold;
 131 }
 132
 133 #navmenulist li {
 134         padding : .2em 0;
 135         list-style-image : url("../../img/arrow-bullet.gif");
 136         border-bottom : 1px solid #EEE;
 137 }
 138
 139 #navmenulist li a {
 140         text-decoration : none;
 141 }
 142
 143 #doc, #doc1, #doc2, #doc3 {
 144         padding-top : 1em;
 145 }
 146
 147 #login_controls  {
 148         position : absolute;
 149         right : .5em;
 150     padding: .4em .5em;
 151 }
 152
 153 ul {
 154         padding-left : 1.1em;
 155 }
 156
 157 ul li {
 158         list-style-type : disc;
 159 }
 160
 161 ul li li {
 162         list-style-type : circle;
 163 }
 164
 165 ol {
 166         padding-left : 1.5em;
 167 }
 168
 169 ol li {
 170         list-style : decimal;
 171 }
 172
 173 .gradient {
 174     background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 175     background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 176     background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 177     background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 178     background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 179
 180     background-image: -webkit-gradient(
 181         linear,
 182         left top,
 183         left bottom,
 184         color-stop(0.1, rgb(230, 240, 242)),
 185         color-stop(0.99, rgb(255,255,255))
 186     );
 187     display: inline-block;
 188     width:100%;
 189 }
 190
 191 .clearfix:after {
 192     content: ".";
 193     display: block;
 194     height: 0;
 195     clear: both;
 196     visibility: hidden;
 197 }
 198
 199 .clearfix {
 200     display: inline-block;
 201 }
 202
 203 /* Hides from IE-mac \*/
 204 * html .clearfix {height: 1%;}
 205 .clearfix {display: block;}
 206 /* End hide from IE-mac */
 207
 208 table {
 209         border-collapse : collapse;
 210         border-top : 1px solid #BCBCBC;
 211         border-right : 1px solid #BCBCBC;
 212 }
 213
 214 table.invis,
 215 table.invis tr,
 216 table.invis td,
 217 tr.highlight table.invis td {
 218         border : none;
 219 }
 220
 221 td, th {
 222         border-bottom : 1px solid #BCBCBC;
 223         border-left : 1px solid #BCBCBC;
 224         padding : .2em .3em;
 225 }
 226
 227 td {
 228         background-color : White;
 229         vertical-align : top;
 230 }
 231
 232 table.indexes td {
 233     vertical-align : middle;
 234 }
 235
 236 td.borderless {
 237     border-collapse : separate;
 238     border : 0 none;
 239 }
 240
 241 td.data,
 242 th.data {
 243         font-family : "Courier New", Courier, monospace;
 244         text-align : right;
 245 }
 246
 247 th {
 248         background-color : #E8E8E8;
 249         font-weight : bold;
 250         text-align : center;
 251 }
 252
 253 table+table {
 254         margin-top : 1em;
 255 }
 256
 257 #editions table, #editions td {
 258         border : 0;
 259 }
 260
 261 .highlighted-row { background-color: orange !important }
 262
 263 tr.highlight td,
 264 tr.highlight th,
 265 tr.odd td,
 266 tr.odd.highlight td {
 267         background-color : #F3F3F3;
 268     border : 1px solid #BCBCBC;
 269     border-right : 1px solid #BCBCBC;
 270 }
 271
 272 tr.even td, tr.even.highlight td {
 273         background-color: #FFF;
 274     border-right : 1px solid #BCBCBC;
 275 }
 276
 277 .overdue td.od {
 278         color : #cc0000;
 279         font-weight : bold;
 280 }
 281
 282 tr.warn td {
 283         background-color: #FF9090;
 284 }
 285
 286 tr.onissue td {
 287         background-color: #FFFFCC;
 288 }
 289
 290 tr.odd.onissue td {
 291         background-color: #FFFFE1;
 292 }
 293
 294 tfoot td {
 295         background-color : #f3f3f3;
 296         font-weight : bold;
 297 }
 298
 299 td.total {
 300         text-align : right;
 301 }
 302
 303 caption {
 304         font-size : 133.9%;
 305         font-weight : bold;
 306         margin : .3em 0;
 307 }
 308
 309 span.problem {
 310         background-color : #FFFFCC;
 311         color : #990000;
 312         font-weight : bold;
 313         line-height : 1.7em;
 314 }
 315
 316 fieldset {
 317         margin : 1em 1em 1em 0;
 318         padding : 1em;
 319     background-color:#f4f8f9;
 320     border:2px solid #b9d8d9;
 321     border-radius:5px;
 322 }
 323
 324 legend {
 325         font-size : 123.1%;
 326         font-weight : bold;
 327     border:2px solid #b9d8d9;
 328     background-color:#ffffff;
 329     border-radius:3px;
 330     padding: 0.2em 0.5em;
 331 }
 332
 333 #breadcrumbs {
 334     background-color : #e6f0f2;
 335     clear : both;
 336     font-size : 90%;
 337     padding :.2em .5em .4em 10px;
 338     margin : 0;
 339 }
 340
 341 #header+#breadcrumbs {
 342         margin-top : 1em;
 343 }
 344
 345 div.justify {
 346     text-align: justify;
 347 }
 348
 349 div#header_search {
 350         background-position : .5em .5em;
 351         background-repeat : no-repeat;
 352         float: left;
 353         margin: .3em 0 .5em 0;
 354 }
 355
 356 div#header_search input {
 357         font-size : 1.3em;
 358 }
 359
 360 div#header_search div.residentsearch {
 361         border : 0;
 362     border-bottom : 1px solid #85ca11;
 363         padding : 0 0 .2em 0;
 364 }
 365
 366 div#reserves,div#checkouts {
 367         border : 1px solid #B9D8D9;
 368         padding : 1em;
 369 }
 370
 371 .tip {
 372         font-size: 93%;
 373         color : Gray;
 374 }
 375
 376 .single-line {
 377         white-space: nowrap;
 378 }
 379
 380 .ex {
 381         font-family : "Courier New", Courier, fixed-width;
 382         font-weight : bold;
 383 }
 384
 385
 386 div.yui-b h5 {
 387         font-size : 100%;
 388         margin : .5em 0;
 389 }
 390
 391 dt {
 392         font-weight : bold;
 393 }
 394
 395 dd {
 396         padding : .2em;
 397         font-size : 90%;
 398         text-indent : 2.5em;
 399         font-weight : normal;
 400 }
 401
 402 div#toolbar {
 403        background-color : #EDF4F6;
 404      padding: 5px 5px 5px 5px;
 405       border-radius: 5px 5px 0 0;
 406     border: 1px solid #E6F0F2;
 407 }
 408
 409 ul.toolbar {
 410         padding-left : 0;
 411 }
 412
 413 ul.toolbar button {
 414         padding-bottom : 2px;
 415         font-family: arial, verdana, helvetica, sans-serif;
 416 }
 417
 418 a.yuimenuitemlabel-disabled, #disabled a {
 419         color: #999;
 420 }
 421 a.yuimenuitemlabel-disabled, #disabled2 a {
 422  color: #999;
 423 }
 424 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
 425         color : #999;
 426 }
 427 a.highlight_toggle {
 428     display : none;
 429 }
 430
 431 ul.toolbar li {
 432         display : inline;
 433         list-style : none;
 434 }
 435
 436 div.patroninfo {
 437         margin-top : -.5em;
 438 }
 439
 440 *html div.patroninfo {
 441         margin-right : .5em;
 442 }
 443
 444 div.patroninfo h5 {
 445     border-right:1px solid #b9d8d9;
 446         margin-bottom : 0;
 447         padding-left : -.5em;
 448         padding-top : .3em;
 449         padding-bottom : .5em;
 450 }
 451
 452 div.patroninfo h5:empty {
 453     border-right: none;
 454 }
 455
 456 div.patroninfo ul {
 457         border : 0;
 458     border-right:1px solid #b9d8d9;
 459         border-bottom : 0;
 460         border-top : 0;
 461         padding : 0;
 462         margin : 0;
 463 }
 464
 465 div.patroninfo ul li {
 466         margin : 0;
 467 }
 468
 469 div.patroninfo ul li {
 470         list-style-type : none;
 471 }
 472
 473 div.patronviews {
 474         border-right :  1px solid #000;
 475         border-top : 1px solid #000;
 476         margin-bottom : .5em;
 477         padding : .5em 0 .5em 0;
 478 }
 479 }
 480
 481 .column-tool {
 482         font-size: 80%;
 483 }
 484
 485 fieldset.brief {
 486     border : 2px solid #B9D8D9;
 487 }
 488
 489 fieldset.brief label,
 490 fieldset.brief span.label {
 491         display : block;
 492         font-weight : bold;
 493         padding : .3em 0;
 494 }
 495
 496 fieldset.brief ol, fieldset.brief li {
 497         list-style-type : none;
 498 }
 499
 500 .hint {
 501         color : #999999;
 502         font-size : 95%;
 503 }
 504
 505 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
 506         font-size : 95%;
 507         margin-bottom : .4em;
 508 }
 509
 510 div.yui-b fieldset.brief {
 511         padding : .4em .7em;
 512 }
 513
 514 div.yui-b fieldset.brief ol {
 515         font-size : 85%;
 516         margin : 0;
 517         padding : 0;
 518 }
 519
 520 div.yui-b fieldset.brief select {
 521         width: 12em;
 522 }
 523 div.yui-b fieldset.brief li.radio {
 524         padding : .7em 0;
 525 }
 526 div.yui-b fieldset.brief li.radio label,
 527 div.yui-b fieldset.brief li.dateinsert label,
 528 div.yui-b fieldset.brief li.dateinsert span.label,
 529 div.yui-b fieldset.brief li.radio span.label {
 530         display : inline;
 531 }
 532
 533 div.yui-b fieldset.brief li.radio input {
 534         padding:0.3em 0;
 535 }
 536
 537 div.yui-b fieldset.brief fieldset {
 538         margin : 0 .3em;
 539         padding : .5em;
 540 }
 541
 542 div.yui-b fieldset.brief fieldset legend {
 543         font-size : 85%;
 544 }
 545
 546 fieldset.rows {
 547 border-width : 1px;
 548 border:2px solid #b9d8d9;
 549 float : left;
 550 font-size : 90%;
 551 clear : left;
 552 margin: .9em 0 0 0;
 553 padding: 0;
 554 width: 100%;
 555 }
 556
 557 fieldset.rows.unselected {
 558     background-color: white;
 559     border-width : 0px;
 560     border: 0;
 561 }
 562
 563 fieldset.rows legend {
 564         margin-left: 1em;
 565         font-weight: bold;
 566         font-size : 110%;
 567 }
 568
 569 fieldset.rows label, fieldset.rows span.label {
 570         float: left;
 571         font-weight : bold;
 572         width: 6em;
 573         margin-right: 1em;
 574         text-align: right;
 575 }
 576
 577 fieldset.rows fieldset {
 578     background-color: transparent;
 579         border-width : 1px;
 580     margin : 1em;
 581         padding : .3em;
 582 }
 583
 584 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 585         width: 9em;
 586 }
 587
 588 .yui-b fieldset.rows div.hint {
 589         margin-left : 10.5em;
 590 }
 591
 592 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 593         width: 10em;
 594 }
 595
 596 .yui-u fieldset.rows div.hint {
 597         margin-left : 7.5em;
 598 }
 599
 600 fieldset.rows.left label, fieldset.rows.left span.label {
 601         width : 8em;
 602         text-align : left;
 603 }
 604
 605 fieldset.rows ol {
 606 padding: 1em 1em 0 1em;
 607 list-style-type: none;
 608 }
 609
 610 fieldset.rows li {
 611 float : left;
 612 clear : left;
 613 padding-bottom: 1em;
 614 list-style-type: none;
 615 width: 100%;
 616 }
 617
 618 fieldset.rows.left li {
 619         padding-bottom : .4em;
 620 }
 621
 622 fieldset.rows li.radio {
 623         padding-left: 9em;
 624         width : auto;
 625 }
 626
 627 fieldset.rows li.radio label {
 628         float : none;
 629         width : auto;
 630         margin : 0 0 0 1em;
 631 }
 632
 633 fieldset.rows ol.radio label {
 634         width : auto;
 635         float : none;
 636         margin-right : 0;
 637 }
 638
 639 fieldset.rows ol.radio label.radio {
 640         float : left;
 641         width : 12em;
 642         margin-right : 1em;
 643 }
 644
 645 fieldset.rows caption {
 646     font-size : 120%;
 647 }
 648
 649 fieldset.rows p {
 650     margin : 1em 0 1em 1em;
 651 }
 652
 653 fieldset.rows table {
 654         font-size : 105%;
 655         clear : both;
 656         margin : 1em 0 1em 1em;
 657 }
 658
 659 fieldset.rows td label {
 660         float : none;
 661         font-weight : normal;
 662         width : auto;
 663 }
 664
 665 fieldset.rows label.yesno {
 666         float : none;
 667         width : auto;
 668 }
 669
 670 fieldset.rows label.error {
 671         float: none;
 672         margin-left: 1em;
 673         width: auto;
 674 }
 675
 676 fieldset.action, div.action {
 677     background-color: transparent;
 678         clear : both;
 679         float : none;
 680     border : 0px;
 681   margin: 0;
 682      padding: .4em .4em .4em .1em;
 683   width: auto;
 684 }
 685
 686 div.rows+div.rows {
 687     margin-top : .6em;
 688 }
 689
 690 div.rows {
 691 float : left;
 692 clear : left;
 693 margin: 0 0 0 0;
 694 padding: 0;
 695 width: 100%;
 696 }
 697
 698
 699 div.rows span.label {
 700         float: left;
 701         font-weight : bold;
 702         width: 9em;
 703         margin-right: 1em;
 704         text-align: left;
 705 }
 706
 707 div.rows ol {
 708 padding: .5em 1em 0 0;
 709 list-style-type: none;
 710 }
 711
 712 div.rows ol li li {
 713         border-bottom: 0;
 714 }
 715
 716 div.rows li {
 717 border-bottom :  1px solid #EEE;
 718 float : left;
 719 clear : left;
 720 padding-bottom: .2em;
 721 padding-top: .1em;
 722 list-style-type: none;
 723 width: 100%;
 724 }
 725
 726 a.cancel {
 727         padding-left : 1em;
 728 }
 729
 730 fieldset.rows fieldset.action {
 731         padding : 1em;
 732 }
 733
 734 fieldset.rows label.inline {
 735         display : inline;
 736         float : none;
 737         margin-left : 1em;
 738         width : auto;
 739 }
 740
 741 fieldset.rows .inputnote {
 742         clear : left;
 743         float : left;
 744         margin : .5em 0 0 11em;
 745 }
 746
 747 .checkedout {
 748         color : #999999;
 749         font-style : italic;
 750 }
 751
 752 .subfield_not_filled {
 753         background-color : #FFFF99;
 754 }
 755 .content_hidden {
 756     visibility:hidden; /* you propably don't need to change this one */
 757     display:none;
 758 }
 759
 760 /* the property for the displayed tab */
 761 .content_visible {
 762     visibility:visible; /* you propably don't need to change this one */
 763     display:block;
 764 }
 765 #new_course a, #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, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child {
 766         padding-left : 34px;
 767         background-image: url("../../img/toolbar-new.gif");
 768         background-position : center left;
 769         background-repeat : no-repeat;
 770 }
 771
 772 #changepassword a {
 773         padding-left : 34px;
 774         background-image: url("../../img/toolbar-password.gif");
 775         background-position : center left;
 776         background-repeat : no-repeat;
 777 }
 778
 779 #manageorders a {
 780         padding-left : 34px;
 781         background-image: url("../../img/toolbar-orders.gif");
 782         background-position : center left;
 783         background-repeat : no-repeat;
 784 }
 785
 786
 787 #savemenuc .first-child, #addbiblio .first-child {
 788         padding-left : 34px;
 789         background-image: url("../../img/toolbar-save.gif");
 790         background-position : center left;
 791         background-repeat : no-repeat;
 792 }
 793
 794 #editpatron a,
 795 #editreport a,
 796 #editmenuc .first-child,
 797 #editshelf a,
 798 #edit a,
 799 #editsupplier a,
 800 #managelabel a,
 801 #managetemplate a,
 802 #managelabelbatch a,
 803 #manageprofile a,
 804 #periods_menuc .first-child {
 805         padding-left : 34px;
 806         background-image: url("../../img/toolbar-edit.gif");
 807         background-position : center left;
 808         background-repeat : no-repeat;
 809 }
 810
 811 #duplicate a {
 812         padding-left : 34px;
 813         background-image: url("../../img/toolbar-duplicate.gif");
 814         background-position : center left;
 815         background-repeat : no-repeat;
 816 }
 817
 818 #receive a {
 819         padding-left : 34px;
 820         background-image: url("../../img/toolbar-receive.gif");
 821         background-position : center left;
 822         background-repeat : no-repeat;
 823 }
 824
 825 #renew a {
 826         padding-left : 34px;
 827         background-image: url("../../img/toolbar-renew.gif");
 828         background-position : center left;
 829         background-repeat : no-repeat;
 830 }
 831
 832 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 833         padding-left : 34px;
 834         background-image: url("../../img/toolbar-delete.gif");
 835         background-position : center left;
 836         background-repeat : no-repeat;
 837 }
 838
 839 #z3950search .first-child {
 840         padding-left : 34px;
 841         background-image: url("../../img/toolbar-search.gif");
 842         background-position : center left;
 843         background-repeat : no-repeat;
 844 }
 845 #z3950searcht table {
 846         /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
 847         padding: 20px;
 848         border: none;
 849 }
 850 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 851         padding-left : 34px;
 852         background-image: url("../../img/toolbar-print.gif");
 853         background-position : center left;
 854         background-repeat : no-repeat;
 855 }
 856
 857 #addtoshelf button, #addtoshelf a {
 858         padding-left : 34px;
 859         background-image: url("../../img/toolbar-add-to-shelf.gif");
 860         background-position : center left;
 861         background-repeat : no-repeat;
 862 }
 863
 864 #placehold a,
 865 #placehold button,
 866 #holdfor .first-child {
 867         padding-left : 34px;
 868         background-image: url("../../img/toolbar-hold.gif");
 869         background-position : center left;
 870         background-repeat : no-repeat;
 871 }
 872
 873 #placeholdc #yui-gen13 { border-top : 1px solid #CCCCCC; margin-top : .3em; }
 874
 875 #holdfor .first-child { padding-left : 17px; }
 876
 877 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .first-child {
 878         padding-left : 15px;
 879 }
 880
 881 .error,
 882 .error a,
 883 .error a:link,
 884 .error a:visited {
 885        color: #cc0000;
 886 }
 887
 888 div.error {
 889         border : 2px dashed #990000;
 890         background-color : #FFFF99;
 891         padding : .5em;
 892         margin : 1em;
 893 }
 894
 895 input.alert {
 896         background-color : #FFFF99;
 897         border-color: #900;
 898 }
 899
 900 ol.bibliodetails {
 901         float: left;
 902         margin : 0 0 1em 1em;
 903 }
 904
 905 ol.bibliodetails li {
 906         border-bottom: 1px solid #E8E8E8;
 907         list-style-type : none;
 908         padding : .1em;
 909 }
 910
 911 ol.bibliodetails span.label {
 912         border-right : 1px solid #E8E8E8;
 913         float : left;
 914         font-weight: bold;
 915         width: 12em;
 916         margin-right: 1em;
 917 }
 918
 919 div.listgroup {
 920         clear :  left;
 921 }
 922
 923 div.listgroup h4 {
 924         font-style: italic;
 925 }
 926
 927 div.listgroup h4 a {
 928         font-size :  80%;
 929 }
 930
 931 div.listgroup input {
 932         font-size: 80%;
 933 }
 934
 935 div.sysprefs h3 {
 936         margin : .2em 0 .2em .4em;
 937 }
 938
 939 div.sysprefs dl {
 940         margin-left : 1.5em;
 941 }
 942
 943 div.sysprefs div.hint {
 944         width : 25%;
 945         float : right;
 946         padding : .5em;
 947         margin : .7em;
 948 }
 949
 950 tr.highlight td {
 951         background-color : #F6F6F6;
 952         border-color : #BCBCBC;
 953 }
 954
 955 tr.highlight th[scope=row] {
 956         background-color : #DDDDDD;
 957         border-color : #BCBCBC;
 958 }
 959
 960 #circ_circulation_issue label {
 961         font-size: 105%;
 962         font-weight : bold;
 963 }
 964
 965 #circ_circulation_issue div.hint {
 966         color : #666666;
 967         margin: .2em 0;
 968 }
 969
 970 .date-select {
 971     font-size : 85%;
 972     padding-top : .3em;
 973 }
 974
 975 #circ_circulation_issue .date-select label,
 976 .date-select label {
 977     font-size : inherit;
 978     font-weight: normal;
 979 }
 980
 981 .date-select input {
 982     padding : 1px;
 983 }
 984
 985 tr.expired td {
 986         color : #999999;
 987 }
 988
 989 span.expired {
 990         color : #990000;
 991         font-style : italic;
 992 }
 993
 994 div.help {
 995         margin: .9em 0 0 0;
 996 }
 997
 998 .blocker {
 999         color : #990000;
1000 }
1001
1002 .circmessage li {
1003         list-style : url(../../img/arrow-bullet.gif);
1004         margin-bottom : .2em;
1005 }
1006
1007 div.circmessage:first-child {
1008         margin-top : 1em;
1009 }
1010
1011 div.circmessage {
1012         padding: 0 .4em .4em .4em;
1013         margin-bottom : .3em;
1014 }
1015
1016 span.circ-hlt {
1017         color : #cc0000;
1018         font-weight : bold;
1019 }
1020
1021 div.first fieldset {
1022         margin-right : 0;
1023 }
1024
1025 #circ_needsconfirmation {
1026         margin : auto;
1027 }
1028
1029 .dialog {
1030         -moz-border-radius : 2px;
1031         border-radius : 2px;
1032         padding : .5em;
1033         margin : 1em auto;
1034         text-align : center;
1035         width: 65%;
1036 }
1037
1038 .dialog table {
1039         margin : .5em auto;
1040 }
1041
1042 .dialog table th {
1043         text-align : right;
1044 }
1045
1046 .dialog table td {
1047         text-align : left;
1048 }
1049
1050 .dialog  h2, .dialog h3, .dialog h4 {
1051         margin : auto;
1052         text-align : center;
1053   }
1054
1055 .dialog input {
1056         background-color : #FFF;
1057         border : 1px solid #bcbcbc;
1058         margin : .4em;
1059         padding : .4em .4em .4em 25px;
1060  }
1061
1062  .dialog input[type="submit"] {
1063         background : #FFF none;
1064  }
1065
1066 .dialog input.approve, td input.approve {
1067         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1068         padding : .4em .4em .4em 25px;
1069  }
1070
1071 td input.approve {
1072         background-color : #FFC;
1073 }
1074
1075 .dialog input.deny {
1076         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1077         padding : .4em .4em .4em 25px;
1078  }
1079
1080 .dialog input.save {
1081         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1082         color:black;
1083         padding: .4em .4em .4em 34px;
1084 }
1085
1086 .dialog input.edit {
1087         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1088         color:black;
1089         max-width : 13em;
1090         padding: .4em .4em .4em 34px;
1091         white-space: normal;
1092 }
1093
1094 .dialog input.new {
1095         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1096         color:black;
1097         max-width : 13em;
1098         padding: .4em .4em .4em 34px;
1099         white-space: normal;
1100 }
1101
1102 .dialog input.print {
1103         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1104         padding : .4em .4em .4em 25px;
1105 }
1106
1107 .dialog input:hover {
1108         background-color : #ffc;
1109  }
1110
1111 div.dialog {
1112         border: 1px solid #bcbcbc;
1113     text-align : center;
1114 }
1115
1116 div.alert {
1117         background: #fef8d3; /* Old browsers */
1118         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1119         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
1120         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1121         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1122         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1123         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1124         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1125           text-align : center;
1126         border: 1px solid #E0C726;
1127     color : inherit;
1128     text-shadow : none;
1129 }
1130
1131 div.alert strong {
1132         color : #900;
1133 }
1134
1135 .dialog li {
1136     list-style-position:inside;
1137 }
1138
1139 a.clear-field {
1140     background : transparent url("../../img/clear-field.png") center left no-repeat;
1141     padding-left : 16px;
1142 }
1143
1144 a.clone-field {
1145     background : transparent url("../../img/clone-field.png") center left no-repeat;
1146     padding-left : 20px;
1147 }
1148
1149 a.document {
1150         background-position : left middle;
1151         background-repeat : no-repeat;
1152         padding-left : 20px;
1153 }
1154
1155 a.pdf {
1156         background-image : url("../../img/famfamfam/silk/page_white_acrobat.png");
1157 }
1158
1159 a.csv {
1160         background-image : url("../../img/famfamfam/silk/page_white_excel.png");
1161 }
1162
1163 a.xml {
1164         background-image : url("../../img/famfamfam/silk/page_white_code.png");
1165 }
1166
1167 div.message {
1168         background: #ffffff; /* Old browsers */
1169         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1170         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
1171         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1172         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1173         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1174     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1175         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1176         border : 1px solid #bcbcbc;
1177         text-align: center;
1178         width : 55%;
1179 }
1180
1181 div.message ul,
1182 div.message h5 {
1183         padding-left : 25%;
1184         text-align : left;
1185 }
1186
1187 div.message ul+h4 {
1188         margin-top : .7em;
1189 }
1190
1191 div.note {
1192         background: #f4f6fa;
1193         background-repeat : no-repeat;
1194         background-position : left center;
1195         background-image : url("../../img/note.png");
1196         background-image: url("../../img/note.png"), -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
1197         background-image: url("../../img/note.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
1198         background-image: url("../../img/note.png"), -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
1199         background-image: url("../../img/note.png"), -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
1200         background-image: url("../../img/note.png"), -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
1201         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
1202         background-image: url("../../img/note.png"), linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
1203         border : 1px solid #BCBCBC;
1204         padding : .5em .5em .5em 20px;
1205         margin : .5em 0;
1206 }
1207
1208  div.results {
1209         padding : .7em 0;
1210  }
1211
1212  .accesskey {
1213         text-decoration : underline;
1214  }
1215
1216 label.required,
1217 span.required {
1218     color : #C00;
1219 }
1220
1221 span.required {
1222         font-style : italic;
1223         margin-left : .5em;
1224 }
1225
1226 .missing{
1227     background-color : #FFFFCC;
1228 }
1229
1230 .term {
1231     background-color: #FFC;
1232          color : #990000;
1233 }
1234
1235 a .term {
1236          text-decoration : underline;
1237 }
1238
1239 /* style for shelving location in catalogsearch */
1240 .shelvingloc {
1241     display : block;
1242     font-style : italic;
1243 }
1244
1245 a:hover .term {
1246         color : #FF9090;
1247 }
1248
1249 div#menu {
1250     border-right:1px solid #b9d8d9;
1251         margin-right: .5em;
1252         padding-top: 1em;
1253         padding-bottom: 2em;
1254 }
1255
1256 *html #menu li {
1257         display : inline;
1258 }
1259
1260 div#menu li a {
1261         text-decoration: none;
1262         display: block;
1263
1264               background: #e8f0f6; /* Old browsers */
1265         background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
1266     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1267     background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1268      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
1269    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
1270        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
1271         -moz-border-top-left-radius: 5px;
1272         border-top-left-radius: 5px;
1273         -moz-border-bottom-left-radius: 5px;
1274         border-bottom-left-radius: 5px;
1275     border:1px solid #b9d8d9;
1276         font-size: 111%;
1277         margin: .5em 0;
1278         padding: .4em .3em;
1279         margin-right :  -1px;
1280 }
1281
1282 div#menu li a:hover {
1283      background: #fff; /* Old browsers */
1284    background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1285   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FAFAFA), color-stop(96%,#FAFAFA), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1286   background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1287      background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
1288    background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1289        background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1290     border-left: 1px solid #85CA11;
1291     border-top: 1px solid #85CA11;
1292     border-bottom: 1px solid #85CA11;
1293 }
1294
1295 div#menu li.active a:hover {
1296         background-color: #fff;
1297     color :  #538200;
1298 }
1299
1300 #menu ul li {
1301         list-style-type: none;
1302 }
1303
1304 #menu ul li.active a {
1305         background-color: #FFF;
1306         background-image : none;
1307         font-weight: bold;
1308     color:#000000;
1309     border-left: 1px solid #85CA11;
1310     border-top: 1px solid #85CA11;
1311     border-bottom: 1px solid #85CA11;
1312     border-right: 0;
1313 }
1314
1315 h1#logo {
1316         border:0pt none;
1317         float:left !important;
1318         margin:0;
1319         padding:0;
1320         width:180px;
1321 }
1322 h1#logo {
1323         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1324         margin:0.75em .3em 0.75em .7em;
1325 }
1326
1327 *html h1#logo {
1328         margin : 0.75em .3em 0.75em .3em;
1329 }
1330
1331 h1#logo a {
1332         border:0;
1333         cursor:pointer;
1334         display:block;
1335         height:0px !important;
1336         margin:0;
1337         overflow:hidden;
1338         padding:44px 0 0;
1339         text-decoration:none;
1340         width:180px;
1341 }
1342
1343 #closewindow {
1344         margin-top : 2em;
1345         text-align : center;
1346 }
1347
1348 #closewindow a {
1349         font-weight : bold;
1350 }
1351
1352 .patroninfo+#menu {
1353         margin-right : 0;
1354 }
1355
1356 .barcode {
1357         font-size :  200%;
1358 }
1359
1360 li.email a {
1361         display:block;
1362         overflow:hidden;
1363         width:13em;
1364 }
1365 li.email {
1366         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1367         font-size :  87%;
1368         overflow:hidden;
1369         padding :0 10px 0 0;
1370         width:13em;
1371 }
1372
1373 .empty {
1374         color : #CCC;
1375 }
1376
1377 .address {
1378         font-size: 110%;
1379 }
1380
1381 .clearfix:after {
1382     content: ".";
1383     display: block;
1384     height: 0;
1385     clear: both;
1386     visibility: hidden;
1387 }
1388
1389 /* Hides from IE-mac \*/
1390 * html .clearfix {height: 1%;}
1391 /* End hide from IE-mac */
1392
1393 .title {
1394         font-weight : bold;
1395         font-size : 105%;
1396 }
1397
1398 .hold {
1399         float : right;
1400         font-size: 90%;
1401         margin: 0;
1402 }
1403
1404 .thumbnail {
1405         display : block;
1406         margin : auto;
1407 }
1408
1409 .thumbnails > li {
1410     list-style-type: none;
1411 }
1412
1413 #searchresults ul li {
1414         font-size : 90%;
1415         list-style : url(../../img/item-bullet.gif);
1416         padding : .2em 0;
1417         clear : left;
1418 }
1419
1420 #searchresults span.status {
1421         clear : left;
1422         color : #900;
1423         display : block;
1424 }
1425
1426 #searchresults span.unavailable {
1427         clear : left;
1428         display : block;
1429 }
1430
1431 #searchresults .availability strong {
1432         display : block;
1433 }
1434
1435 #searchresults ul li img {
1436         float : left;
1437         margin : 3px 5px 3px -5px;
1438 }
1439
1440 #searchresults table td {
1441         vertical-align : top;
1442 }
1443
1444 #searchheader {
1445      background-color : #E6F0F2;
1446         font-size : 80%;
1447         margin : 0 0 .5em -1px;
1448     padding : .4em 0 .4em 1em;
1449      border-radius : 5px 5px 0 0;
1450    border : 1px solid #B9D8D9;
1451 }
1452
1453 #searchheader .btn-group > .btn:first-child {
1454     margin-left : .7em;
1455 }
1456
1457 #searchheader form {
1458         float : right;
1459   padding : 5px 5px 3px 0;
1460 }
1461
1462 #searchheader form.fz3950 {
1463         float : right;
1464         font-size : 125%;
1465         padding : 0 0 0 5em;
1466 }
1467
1468 #searchheader form.fz3950bigrpad {
1469         float : right;
1470         font-size : 125%;
1471         padding : 5px 25em 0 0;
1472 }
1473
1474 #searchheader .yui-button button,
1475 #searchheader .yui-button a {
1476         line-height : 1.5em;
1477 }
1478
1479 #search-facets ul {
1480         margin : 0;
1481         padding : .3em;
1482 }
1483
1484 #search-facets {
1485     border : 1px solid #B9D8D9;
1486     border-radius: 5px 5px 0 0;
1487 }
1488
1489 #search-facets h4 {
1490      background-color : #E6F0F2;
1491     border-bottom : 1px solid #B9D8D9;
1492      border-radius: 5px 5px 0 0;
1493         font-size : 90%;
1494         margin : 0;
1495         padding : .4em .2em;
1496         text-align : center;
1497 }
1498
1499 #search-facets ul li {
1500         font-weight : bold;
1501         list-style-type : none;
1502 }
1503
1504 #search-facets li li {
1505         font-weight : normal;
1506         font-size : 85%;
1507         margin-bottom : 2px;
1508         padding : .1em .2em;
1509 }
1510
1511 #search-facets li.showmore {
1512         font-weight : bold;
1513         text-indent : 1em;
1514 }
1515
1516 .facet-count {
1517     display: inline-block;
1518 }
1519
1520 div.pages {
1521         margin : .5em 0;
1522 }
1523
1524 div.pages a {
1525         font-weight: bold;
1526         padding: 1px 5px 1px 5px;
1527         text-decoration: none;
1528 }
1529
1530 div.pages a:link,
1531 div.pages a:visited {
1532         background-color : #eeeeee;
1533         color : #3366CC;
1534 }
1535
1536 div.pages a:hover {
1537         background-color : #FFC;
1538 }
1539
1540 div.pages a:active {
1541         background-color : #ffc;
1542 }
1543
1544 div.pages .current,
1545 div.pages .currentPage {
1546         background-color : #e6fcb7;
1547         color : #666;
1548         font-weight: bold;
1549         padding: 1px 5px 1px 5px;
1550 }
1551
1552 div.pages .inactive {
1553         background-color : #f3f3f3;
1554         color : #BCBCBC;
1555         font-weight: bold;
1556         padding: 1px 5px 1px 5px;
1557 }
1558
1559 div.browse {
1560         margin : .5em 0;
1561 }
1562
1563 div#bookcoverimg {
1564         text-align : center;
1565 }
1566
1567 div#header_search input.submit {
1568         font-size : 1em;
1569 }
1570
1571 *html input.submit {
1572         padding : .1em;
1573 }
1574
1575 input[type=submit]:active, input[type=button]:active, button.submit:active, a.submit:active {
1576         border : 1px inset #999999;
1577 }
1578
1579 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit, a.submit {
1580         border: 1px outset #999999;
1581         border-top-color: #666;
1582         border-left-color: #666;
1583         -moz-border-radius : 2px;
1584         padding: 0.25em;
1585         background: #ffffff; /* Old browsers */
1586         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
1587         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
1588         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
1589         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
1590         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
1591         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
1592         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
1593         color: #333333;
1594 }
1595
1596 input[type=submit]:disabled,
1597 input[type=reset]:disabled,
1598 input[type=button]:disabled,
1599 input.submit:disabled,
1600 button.submit:disabled,
1601 a.submit:disabled {
1602     color : #999;
1603     border : 1px solid #C0C0C0;
1604     background : #EEE none;
1605 }
1606
1607 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active, a.submit:active {
1608         border : 1px inset #999999;
1609 }
1610
1611 a.submit {
1612     display: inline-block;
1613 }
1614
1615 ul li input.submit {
1616         font-size : 87%;
1617         padding : 2px;
1618 }
1619
1620 input.warning {
1621     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1622         padding : 0.25em 0.25em 0.25em 25px;
1623 }
1624
1625 .searchhighlightblob {
1626     font-size:75%;
1627         font-style : italic;
1628 }
1629
1630 a.yuimenuitemlabel:hover {
1631         background-color : #B3D4FF;
1632         color : #000;
1633 }
1634
1635 #displayexample {
1636         padding: 5px;
1637         margin-bottom: 10px;
1638         background-color: #CCCCCC;
1639 }
1640
1641 #irregularity_summary {
1642         vertical-align : top;
1643 }
1644
1645 ul#toplevelmenu {
1646     padding : 0;
1647 }
1648
1649 /*#toplevelnav {
1650         float : left;
1651         margin-left : .5em;
1652      width: 40%;
1653 }
1654
1655 ul#toplevelmenu li {
1656         display: inline;
1657         padding : 0 .6em;
1658 }
1659
1660 ul#toplevelmenu li.more a {
1661         background-image:url(../../img/more-arrow.gif);
1662         background-position:right center;
1663         background-repeat:no-repeat;
1664         padding-right:13px;
1665 }
1666
1667 ul#toplevelmenu li.more ul li a {
1668         background-image : none;
1669         padding-right : 20px;
1670 }
1671
1672 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1673         padding: .2em 20px .2em 20px;
1674 }
1675
1676 ul#toplevelmenu li a {
1677         text-decoration : none;
1678 }
1679 ul#toplevelmenu li ul li {
1680         display :block;
1681         padding :0;
1682 }
1683 ul#toplevelmenu li ul li a {
1684         text-decoration : none;
1685 }
1686
1687 ul#i18nMenu {
1688         margin : 0;
1689         padding : .2em 0;
1690  }
1691
1692 ul#i18nMenu li {
1693         border-left : 1px solid #CCC;
1694         display : inline;
1695         float: left;
1696         list-style : none;
1697         padding : 0 10px;
1698 }
1699
1700 ul#i18nMenu li.yuimenuitem {
1701         float: none;
1702 }
1703
1704 ul#i18nMenu li:first-child {
1705         border-left : 0;
1706  }
1707
1708 ul#i18nMenu li ul li {
1709         border : 0;
1710         display : block;
1711         padding : 0;
1712  }
1713
1714 ul#i18nMenu li.more a {
1715         background-image:url(../../img/more-up-arrow.gif);
1716         background-position:right center;
1717         background-repeat:no-repeat;
1718         padding-right:13px;
1719 }
1720
1721 ul#i18nMenu li.more ul li a {
1722         background-image : none;
1723         padding-right : 20px;
1724 }
1725
1726 div.lang {
1727         float:left;
1728 }
1729
1730  div#changelanguage{
1731         background-color: #fff;
1732         border-top: 1px solid #CCC;
1733   position:absolute;
1734   bottom:0;
1735   left:0;
1736   width:100%;
1737   height: 2em;
1738  }
1739
1740  @media screen{
1741   body>div#changelanguage {
1742    position: fixed;
1743   }
1744  }
1745
1746  * html body{
1747   overflow:hidden;
1748  }
1749
1750  * html div#doc1{
1751   height:100%;
1752   overflow:auto;
1753  }
1754
1755  * html div#doc2{
1756   height:100%;
1757   overflow:auto;
1758  }
1759
1760  * html div#doc3{
1761   height:100%;
1762   overflow:auto;
1763  }*/
1764
1765 table > caption span.actions {
1766     font-size: 66%;
1767     font-weight : normal;
1768     margin : 0 .5em 0 0;
1769 }
1770
1771 #CheckAll, #CheckNone, #CheckPending {
1772         font-weight : normal;
1773         margin : 0 .5em 0 0;
1774 }
1775 .lost,.dmg,.wdn {
1776         display : block;
1777         color : #990000;
1778 }
1779 .datedue {
1780         display : block;
1781         color : #999;
1782         font-style : italic;
1783 }
1784
1785 tr.reserved td {
1786         background-color : #eeffd4;
1787 }
1788 tr.transfered td {
1789         background-color : #e8f0f6;
1790 }
1791 .waitinghere,
1792 .credit {
1793         color : #669900;
1794 }
1795
1796 /* Permissions Labels */
1797 label.permissioncode:before {
1798         content: "(";
1799 }
1800 label.permissioncode:after {
1801         content: ")";
1802 }
1803 label.permissioncode {
1804         font-style : italic;
1805 }
1806 span.permissiondesc {
1807         font-weight : normal;
1808 }
1809 #mainuserblock {
1810         border : 1px solid #E8E8E8;
1811         margin-top : .5em;
1812         padding : .5em;
1813 }
1814
1815 .labeledmarc-table {
1816         border: 0;
1817 }
1818
1819 .labeledmarc-label {
1820         border: 0;
1821         padding: 5;
1822         font-size: 11pt;
1823     color: #000000;
1824     font-style: italic;
1825 }
1826
1827 .labeledmarc-value {
1828         border: 0;
1829         padding: 5;
1830         font-size: 10pt;
1831         color: black;
1832 }
1833
1834 #cartDetails {
1835         background-color : #FFF;
1836         border: 1px solid #739acf;
1837          -moz-box-shadow: 1px 1px 3px 0 #666;
1838          -webkit-box-shadow: 1px 1px 3px 0 #666;
1839          box-shadow: 1px 1px 3px 0 #666;
1840         color : black;
1841         display : none;
1842         margin : 0;
1843         padding : 10px;
1844         text-align : center;
1845         width : 180px;
1846         z-index : 50;
1847 }
1848 #cartmenulink {
1849         background: transparent url("../../img/cart-small.gif") left center no-repeat;
1850         padding-left : 15px;
1851 }
1852 #cartmenulink span#basketcount span {
1853         display : inline;
1854         font-size : 90%;
1855         font-weight : normal;
1856         padding : 0;
1857 }
1858 #moremenu {
1859         display : none;
1860 }
1861
1862 .results_summary {
1863   display: block;
1864   font-size : 85%;
1865   color: #707070;
1866   padding : 0 0 .5em 0;
1867 }
1868 .results_summary .label {
1869   color: #202020;
1870 }
1871 .results_summary a {
1872   font-weight: normal;
1873 }
1874
1875 ul.budget_hierarchy {
1876     margin-left: 0px;
1877     padding-left: 0px;
1878 }
1879 ul.budget_hierarchy li {
1880     display: inline;
1881 }
1882 ul.budget_hierarchy li:after {
1883     content: " -> ";
1884 }
1885 ul.budget_hierarchy li:last-child:after {
1886     content: "";
1887 }
1888 ul.budget_hierarchy li:first-child:after {
1889     content: "";
1890 }
1891 .child_fund_amount {
1892     font-style: italic;
1893 }
1894 .holdcount { font-size : 105%; line-height : 200%; }
1895 .holdcount a {
1896         border : 1px solid #a4bedd;
1897         background-color : #e4ecf5;
1898         font-weight : bold;
1899         -moz-border-radius: 4px;
1900         border-radius: 4px;
1901         padding : .1em .4em;
1902         text-decoration : none;
1903 }
1904 .holdcount a:hover { background-color : #ebeff7; }
1905 .container {
1906         border : 1px solid #EEE;
1907         padding : 1em;
1908         margin : 1em 0;
1909 }
1910 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1911
1912 .import_export{
1913     position:relative;
1914 }
1915 .import_export .import_export_options{
1916     background: white;
1917     border: 1px solid #CDCDCD;
1918     left: 60px;
1919     padding: 10px;
1920     position: absolute;
1921     top: 0;
1922     z-index: 1;
1923     width: 300px;
1924 }
1925 .import_export_options fieldset.rows li label {
1926     width : 16em;
1927 }
1928 .form_import fieldset.rows li label {
1929     width : auto;
1930 }
1931
1932 .import_export_options .export_ok {
1933     padding: 10;
1934     background: #E3E3E3 none;
1935     cursor: pointer;
1936     margin-left: 20px;
1937     border: none;
1938 }
1939 .import_export_options {
1940     padding: 10;
1941     background: #E3E3E3 none;
1942     cursor: pointer;
1943     margin-left: 20px;
1944     border: none;
1945 }
1946 .form_import .input_import {
1947     border: 1px solid #bcbcbc;
1948 }
1949 .import_export_options .importing {
1950     padding: inherit;
1951     background: none;
1952 }
1953
1954 .importing {
1955     position: relative;
1956 }
1957
1958 .importing .importing_msg {
1959     padding-left: 10px;
1960     padding-bottom: 10px;
1961 }
1962
1963 .m880 {
1964     display:block;
1965     text-align:right;
1966     float:right;
1967     width:50%;
1968     padding-left:20px
1969 }
1970
1971 .advsearch {
1972     margin: 0;
1973 }
1974
1975 .advsearch table {
1976     border-spacing : 5px;
1977     border-collapse : separate;
1978     border-width : 0;
1979 }
1980 .advsearch td {
1981     border : 1px solid #EEE;
1982     padding : 0.3em 0.4em;
1983 }
1984 #circ_circulation_issue {
1985     position: relative;
1986     }
1987
1988 #clearscreen {
1989     position: absolute;
1990     top:0;
1991     right:0;
1992     }
1993
1994 #clearscreen a {
1995     display:block;
1996     -moz-border-radius: 0 0 0 5px;
1997     border-radius: 0 0 0 5px;
1998     padding : 0 .7em .2em .7em;
1999     background-color : #EEE;
2000     color : #CCC;
2001     text-shadow: 0px -1px 0px #666;
2002     text-decoration: none;
2003     font-size: 160%;
2004     font-weight : bold
2005     }
2006 #clearscreen a:hover {
2007     color : #cc0000;
2008     }
2009
2010 div.pager {
2011         background-color : #E8E8E8;
2012         border : 1px solid #BCBCBC;
2013         -moz-border-radius : 5px;
2014     border-radius : 5px;
2015         display : inline-block;
2016         font-size : 85%;
2017         padding : .3em .5em .3em .5em;
2018         margin : .4em 0;
2019 }
2020 div.pager img {
2021         vertical-align : middle;
2022 }
2023
2024 div.pager img.last {
2025         padding-right: 5px;
2026 }
2027 div.pager input.pagedisplay {
2028         border : 0;
2029         background-color : transparent;
2030         font-weight: bold;
2031         text-align : center;
2032 }
2033 a.localimage img {
2034         border : 1px solid #0000CC;
2035         margin : 0 .5em;
2036         padding : .3em;
2037 }
2038
2039 .no-image {
2040     background-color : #FFF;
2041     border: 1px solid #AAA;
2042     color : #979797;
2043     display:block;
2044     font-size : 86%;
2045     font-weight : bold;
2046     text-align : center;
2047     width : 75px;
2048     border-radius : 3px;
2049 }
2050
2051 div.pager p {
2052         margin: 0;
2053 }
2054
2055 div#acqui_order_supplierlist > div.supplier {
2056     border: 1px solid #EEEEEE;
2057     margin: 0.5em;
2058     padding: 1em;
2059 }
2060
2061 div#acqui_order_supplierlist > div.supplier > span.suppliername {
2062     display: inline;
2063     font-size: 1.7em;
2064     margin-bottom: 0.5em;
2065 }
2066
2067 div#acqui_order_supplierlist > div.supplier > span.action {
2068     margin-left: 5em;
2069 }
2070
2071 div#acqui_order_supplierlist > div.supplier > div.baskets {
2072     margin-top: 0.5em;
2073 }
2074
2075 /* Override core jQueryUI widgets */
2076 .ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
2077 .ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
2078 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
2079 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
2080 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
2081 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
2082 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
2083
2084 /* Override jQuery Autocomplete */
2085 .ui-autocomplete {
2086     position: absolute;
2087     cursor: default;
2088     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2089     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2090     box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2091 }
2092 .ui-autocomplete.ui-widget-content .ui-state-hover {
2093     border: 1px solid #B9D8D9;
2094     background: #E6F0F2 none;
2095     font-weight: normal;
2096     color: #212121;
2097 }
2098 .ui-autocomplete-loading {
2099     background: #FFF url("../../img/loading-small.gif") right center no-repeat;
2100 }
2101
2102 /* jQuery UI standard tabs */
2103 .ui-menu li {
2104     list-style:none;
2105 }
2106
2107 .ui-tabs-nav .ui-tabs-active a,
2108 .ui-tabs-nav a:hover,
2109 .ui-tabs-nav a:focus,
2110 .ui-tabs-nav a:active,
2111 .ui-tabs-nav span.a {
2112     background: none repeat scroll 0 0 transparent;
2113     outline: 0 none;
2114 }
2115
2116 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
2117     background-color : #FFF;
2118     border : 1px solid #B9D8D9;
2119     border-bottom-width: 0;
2120 }
2121
2122 .ui-widget,
2123 .ui-widget input,
2124 .ui-widget select,
2125 .ui-widget textarea,
2126 .ui-widget button {
2127     font-family : inherit;
2128     font-size : inherit;
2129 }
2130 ul.ui-tabs-nav li {
2131     list-style : none;
2132 }
2133 .ui-tabs.ui-widget-content {
2134     background : transparent none;
2135     border : 0;
2136 }
2137
2138 .ui-tabs .ui-tabs-panel {
2139     border : 1px solid #B9D8D9;
2140 }
2141 .ui-tabs-nav.ui-widget-header {
2142     border : 0;
2143     background : none;
2144 }
2145 .ui-tabs .ui-tabs-nav li {
2146     background: #E6F0F2 none;
2147     border: 1px solid #B9D8D9;
2148     margin-right : .4em;
2149     top: 1px;
2150 }
2151 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
2152     color : #000;
2153     font-weight : bold;
2154 }
2155
2156 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2157     background : #EDF4F5 none;
2158 }
2159
2160 .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
2161     background : #FFF none;
2162 }
2163
2164 .ui-tabs .ui-state-default a,
2165 .ui-tabs .ui-state-default a:link,
2166 .ui-tabs .ui-state-default a:visited {
2167     color: #004D99;
2168 }
2169
2170 .ui-tabs .ui-state-hover a,
2171 .ui-tabs .ui-state-hover a:link,
2172 .ui-tabs .ui-state-hover a:visited {
2173     color: #538200;
2174 }
2175
2176 .statictabs ul {
2177     background: none repeat scroll 0 0 transparent;
2178     border: 0 none;
2179     margin: 0;
2180     padding: 0.2em 0.2em 0;
2181     border-bottom-right-radius: 4px;
2182     border-bottom-left-radius: 4px;
2183     border-top-right-radius: 4px;
2184     border-top-left-radius: 4px;
2185     color: #222222;
2186     font-weight: bold;
2187     font-size: 100%;
2188     line-height: 1.3;
2189     list-style: none outside none;
2190     outline: 0 none;
2191     text-decoration: none;
2192 }
2193
2194 .statictabs ul:after {
2195     clear: both;
2196 }
2197
2198 .statictabs ul:before,
2199 .statictabs ul:after {
2200     content: "";
2201     display: table;
2202 }
2203
2204 .statictabs ul li {
2205     background: none repeat scroll 0 0 #E6F0F2;
2206     border: 1px solid #B9D8D9;
2207     border-bottom: 0 none;
2208     border-top-right-radius: 4px;
2209     border-top-left-radius: 4px;
2210     float: left;
2211     list-style: none outside none;
2212     margin-bottom: 0;
2213     margin-right: 0.4em;
2214     padding: 0;
2215     position: relative;
2216     white-space: nowrap;
2217     top: 1px;
2218     color: #555555;
2219     font-weight: normal;
2220
2221 }
2222
2223 .statictabs ul li.active {
2224     background-color: #FFFFFF;
2225     color: #212121;
2226     font-weight: normal;
2227     padding-bottom: 1px;
2228 }
2229
2230 .statictabs ul li a {
2231     color: #004D99;
2232     cursor: pointer;
2233     float: left;
2234     padding: 0.5em 1em;
2235     text-decoration: none;
2236 }
2237
2238 .statictabs ul li a:hover {
2239     background-color : #EDF4F5;
2240     border-top-right-radius: 4px;
2241     border-top-left-radius: 4px;
2242     color : #538200;
2243 }
2244
2245 .statictabs ul li.active a {
2246     color: #000000;
2247     font-weight: bold;
2248     cursor: text;
2249     background: none repeat scroll 0 0 transparent;
2250     outline: 0 none;
2251     top : 1px;
2252 }
2253
2254 .statictabs .tabs-container {
2255     border: 1px solid #B9D8D9;
2256     background: none repeat scroll 0 0 transparent;
2257     display: block;
2258     padding: 1em 1.4em;
2259     border-bottom-right-radius: 4px;
2260     border-bottom-left-radius: 4px;
2261     color: #222222;
2262 }
2263
2264 /* jQuery UI header search box tabs */
2265 #header_search ul.ui-tabs-nav {
2266     padding-top : 0;
2267     margin-left: 1em;
2268 }
2269 #header_search ul.ui-tabs-nav li.ui-state-default {
2270     border: 0;
2271     background : transparent none;
2272     top: 0;
2273 }
2274 #header_search ul.ui-tabs-nav li.ui-state-default a {
2275     padding : .3em .6em;
2276 }
2277 #header_search ul.ui-tabs-nav li.ui-tabs-active {
2278     border : 1px solid #85CA11;
2279     border-top-width: 0;
2280     top: -2px;
2281     background-color : #FFFFF1;
2282 }
2283 #header_search ul.ui-tabs-nav li.ui-tabs-active a {
2284     text-decoration: none;
2285 }
2286 #header_search .ui-corner-top {
2287      border-radius: 0 0 4px 4px;
2288 }
2289
2290 .authref {
2291     font-style: normal;
2292     text-indent: 4em;
2293 }
2294
2295 .seefrom, .seealso {
2296     font-style: italic;
2297     text-indent: 2em;
2298 }
2299
2300 #authfinderops {
2301     float: right;
2302 }
2303 div.authorizedheading {
2304   font-weight: bold;
2305 }
2306 .authres_notes, .authres_seealso, .authres_otherscript {
2307   padding-top: 3px;
2308 }
2309 .authres_notes {
2310   font-style: italic;
2311 }
2312
2313
2314 .contents {
2315     width: 75%;
2316 }
2317
2318 .contentblock {
2319     position: relative;
2320     margin-left: 2em;
2321 }
2322
2323 .contents .t:first-child:before {
2324     content: "→ ";
2325 }
2326
2327 .contents .t:before {
2328     content: "\A→ ";
2329     white-space: pre;
2330 }
2331
2332 .contents .t {
2333     font-weight: bold;
2334     display: inline;
2335 }
2336
2337 .contents .r {
2338     display: inline;
2339 }
2340
2341 #hierarchies a {
2342     font-weight: normal;
2343     text-decoration: underline;
2344     color: #069;
2345 }
2346
2347 #hierarchies a:hover {
2348     color: #990033;
2349 }
2350
2351 #didyoumeanopac, #didyoumeanintranet {
2352     float: left;
2353     width: 260px;
2354 }
2355
2356 .pluginlist {
2357     padding-bottom: 10px;
2358 }
2359 .plugin {
2360     margin: 0 1em 1em 0;
2361 }
2362 .pluginname {
2363     margin: 0.3em;
2364     padding-bottom: 4px;
2365     padding-left: 0.2em;
2366     background-color: #E6F0F2;
2367 }
2368 .pluginname .ui-icon {
2369     float: right;
2370 }
2371 .plugindesc {
2372     padding: 0.4em;
2373 }
2374 .ui-sortable-placeholder {
2375     border: 1px dotted black;
2376     visibility: visible !important;
2377     height: 80px !important;
2378 }
2379 .ui-sortable-placeholder * {
2380     visibility: hidden;
2381 }
2382
2383 /* jQuery UI Datepicker */
2384 .ui-datepicker table {
2385     width: 100%;
2386     font-size: .9em;
2387     border : 0;
2388     border-collapse: collapse;
2389     margin:0 0 .4em;
2390 }
2391
2392 .ui-datepicker th {
2393     background : transparent none;
2394     padding: .7em .3em;
2395     text-align: center;
2396     font-weight: bold;
2397     border: 0;
2398 }
2399
2400 .ui-datepicker-trigger {
2401     vertical-align: middle;
2402     margin : 0 3px;
2403 }
2404 .ui-datepicker {
2405     -moz-box-shadow: 1px 1px 3px 0 #666;
2406     -webkit-box-shadow: 1px 1px 3px 0 #666;
2407     box-shadow: 1px 1px 3px 0 #666;
2408 }
2409
2410 /* css for timepicker */
2411 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2412 .ui-timepicker-div dl { text-align: left; }
2413 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
2414 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
2415 .ui-timepicker-div td { font-size: 90%; }
2416 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
2417 .ui_tpicker_second,
2418 .ui_tpicker_millisec,
2419 .ui_tpicker_microsec {
2420     display: none;
2421 }
2422
2423 /* jQuery UI Accordion */
2424 .ui-accordion-header,
2425 .ui-widget-content .ui-accordion-header {
2426     font-weight: bold; font-size : 110%;
2427 }
2428
2429 video {
2430     width: 480px;
2431 }
2432
2433 /* Bootstrap overrides */
2434 .btn {
2435     border-color : #ADADAD #ADADAD #949494;
2436 }
2437
2438 .btn.btn-link {
2439     border : 0;
2440 }
2441
2442 .btn-small .caret {
2443     margin-top : .6em;
2444 }
2445
2446 .icon-hold {
2447     background-position:-24px -166px;
2448 }
2449
2450 .icon-copy {
2451     background-position:-3px -166px;
2452 }
2453
2454 .icon-merge {
2455     background-position:-48px -166px;
2456 }
2457
2458 #toolbar .btn,
2459 #toolbar .dropdown-menu {
2460     font-size: 13px;
2461 }
2462 a.btn:link,
2463 a.btn:visited{
2464     color: #333333;
2465 }
2466 .dropdown-menu li {
2467     list-style: none outside none;
2468 }
2469 a.dropdown-toggle {
2470     white-space: nowrap;
2471 }
2472 [class^="icon-"],[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-koha.png");}
2473 .icon-white,.nav-tabs>.active>a>[class^="icon-"],.nav-tabs>.active>a>[class*=" icon-"],.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-white-koha.png");}
2474 a.disabled {
2475     color : #999999;
2476 }
2477
2478 .navbar {
2479     color: #333;
2480 }
2481
2482 .navbar .nav > li > a {
2483     color: #004D99;
2484     font-weight: bold;
2485     padding : .4em .2em;
2486 }
2487
2488 .navbar .nav > li {
2489     list-style: none outside none;
2490     padding : 0 .6em;
2491 }
2492
2493 .navbar .nav > li > a:focus,
2494 .navbar .nav > li > a:hover {
2495     color: #538200;
2496 }
2497
2498 .navbar .nav li.dropdown.open > .dropdown-toggle,
2499 .navbar .nav li.dropdown.active > .dropdown-toggle,
2500 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2501     background: transparent none;
2502 }
2503
2504 .navbar-static-top .navbar-inner {
2505     background: #E6F0F2 none;
2506     border: 0;
2507     box-shadow: none;
2508     min-height: 0;
2509     padding-left: 0;
2510 }
2511 .navbar-fixed-bottom .navbar-inner {
2512     min-height: 0;
2513     padding : .4em 0;
2514 }
2515
2516 .navbar-fixed-bottom .nav > li > a {
2517     font-weight: normal;
2518     padding : .05em .3em;
2519 }
2520
2521 .navbar-fixed-bottom .nav > li {
2522     border-right : 1px solid #CCC;
2523 }
2524
2525 .navbar-fixed-bottom .nav > li:last-child {
2526     border-right : 0;
2527 }
2528
2529 .navbar-fixed-bottom .nav > li.navbar-text {
2530     line-height: normal;
2531     padding : 0.4em 0.7em;
2532 }
2533 .navbar .nav > li {
2534     list-style: none outside none;
2535     padding : 0 .6em;
2536 }
2537 .navbar .nav > li > a {
2538     color: #004D99;
2539     font-weight: bold;
2540     padding : .4em .3em;
2541 }
2542 .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2543     background: transparent none;
2544 }
2545
2546 .navbar .nav > li > a:focus,
2547 .navbar .nav > li > a:hover {
2548     color: #538200;
2549 }
2550
2551 .navbar .nav li.dropdown.open > .dropdown-toggle,
2552 .navbar .nav li.dropdown.active > .dropdown-toggle,
2553 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2554     background: transparent none;
2555 }
2556
2557 .tooltip.bottom .tooltip-arrow {
2558     border-bottom-color: #EEE;
2559 }
2560 .tooltip.bottom .tooltip-inner {
2561     background-color : #FFF;
2562     border: 1px solid rgba(0, 0, 0, 0.2);
2563     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2564     color: #000;
2565     padding : 1em;
2566     font-size : 120%;
2567 }
2568 .separator { color : #666; padding : 0 .2em; }
2569
2570 .close {
2571     position: inherit;
2572     top: auto;
2573     right : auto;
2574     filter : none;
2575     float : none;
2576     font-size: inherit;
2577     font-weight: normal;
2578     opacity: inherit;
2579     text-shadow: none;
2580 }
2581
2582 .close:hover {
2583     color: #538200;
2584     filter: inherit;
2585     font-size: inherit;
2586     opacity: inherit;
2587 }
2588
2589 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2590 /* Use <a class="closebtn" href="#">&times;</a> */
2591 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2592 .modal-header .closebtn{margin-top:2px;}
2593 .closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
2594 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2595
2596 .btn-group label,
2597 .btn-group select {
2598     font-size: 13px;
2599 }
2600
2601 .tooltip-inner {
2602     white-space:pre-wrap;
2603 }
2604
2605 /* End Bootstrap overrides */
2606
2607 .waiting {
2608     cursor: wait;
2609 }
2610
2611 fieldset.rows table.mceListBox {
2612     margin: 0;
2613 }
2614
2615 #jobpanel,#jobstatus,#jobfailed { display : none; }
2616 #jobstatus { margin:.4em; }
2617 #jobprogress{ width:200px;height:10px;border:1px solid #666;background:url('../../img/progress.png') -300px 0px no-repeat; }
2618 #selections { width : 100%; white-space : normal; }
2619 #selections span { margin:3px;padding:3px;background-color:#EBF3FF;-moz-border-radius:5px;border-radius:5px;white-space:nowrap;line-height:240%;font-size:75%; }
2620 #selections span.selected { background-color : #CCE0FC; }
2621 #selections input { vertical-align:middle;margin:0 2px; }
2622 #changepasswordf input[type="text"],
2623 #changepasswordf input[type="password"] {
2624     font-size: 140%;
2625     font-family : monospace;
2626     padding : .3em;
2627 }
2628
2629 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2630
2631 .floating {
2632     -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
2633     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
2634 }
2635
2636 div#toolbar.floating,
2637 #searchheader.floating {
2638     border-radius: 0;
2639     margin-top: 0;
2640 }
2641
2642 .inline {
2643     display : inline;
2644 }
2645
2646 .nowrap {
2647     white-space: nowrap;
2648 }
2649
2650 .tag_editor {
2651     background: transparent url("../../img/edit-tag.png") top left no-repeat;
2652     display : block;
2653     float : left;
2654     width : 16px;
2655     height: 16px;
2656     margin : 4px;
2657     text-indent: 100%;
2658     white-space: nowrap;
2659     overflow: hidden;
2660 }
2661
2662 .browse-controls {
2663     margin-left: 1.1em;
2664     margin-right: .5em;
2665     padding-bottom: 1em;
2666     padding-top: 1em;
2667 }
2668
2669 #browse-return-to-results {
2670     border-top-left-radius : 3px;
2671     border-top-right-radius : 3px;
2672     display: block;
2673     text-align: center;
2674 }
2675
2676 .browse-button {
2677     color: #004d99;
2678     padding: .4em .6em;
2679     display: inline-block;
2680 }
2681
2682 span.browse-button {
2683     background: #fafafa;
2684     color: #222;
2685 }
2686
2687 .browse-button:hover {
2688     background: #fafafa;
2689 }
2690
2691 .browse-label,
2692 .browse-prev-next {
2693     border: 1px solid #b9d8d9;
2694 }
2695
2696 .browse-label {
2697     border-top-left-radius : 5px;
2698     border-top-right-radius : 5px;
2699     background-color : #e8f0f6;
2700 }
2701
2702 .browse-prev-next {
2703     border-top-width: 0;
2704     border-bottom-left-radius: 5px;
2705     border-bottom-right-radius: 5px;
2706 }
2707
2708 #browse-previous {
2709     border-right : 1px solid #B9D8D9;
2710     border-bottom-left-radius: 5px;
2711     padding-right: 1em;
2712 }
2713
2714 #browse-next {
2715     border-top-width : 0;
2716     border-bottom-right-radius: 5px;
2717     float: right;
2718     padding-right: 1em;
2719 }
2720
2721 .loading-overlay {
2722     background-color: #FFF;
2723     cursor: wait;
2724     height: 100%;
2725     left: 0;
2726     opacity: .7;
2727     position: fixed;
2728     top: 0;
2729     width: 100%;
2730     z-index: 1000;
2731 }
2732 .loading-overlay div {
2733     background : transparent url(../../img/loading.gif) top left no-repeat;
2734     font-size : 175%;
2735     font-weight: bold;
2736     height: 2em;
2737     left: 50%;
2738     margin: -1em 0 0 -2.5em;
2739     padding-left : 50px;
2740     position: absolute;
2741     top: 50%;
2742     width: 15em;
2743 }
2744
2745 #merge_invoices {
2746     display: none;
2747     margin: 1em auto;
2748 }
2749
2750 #merge {
2751     margin: 0.5em 0 0 0;
2752 }
2753
2754 #merge_table tr.active td {
2755     background-color: #FFFFCC;
2756 }
2757
2758 .renewals {
2759     display:block;
2760     font-size:0.8em;
2761     padding:0.5em;
2762 }