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