tt-rss.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : "Lucida Grande", Arial, sans-serif;
   7 }
   8
   9 blockquote {
  10         margin : 0px;
  11         border-width : 0px 0px 0px 8px;
  12         border-color : #e0e0e0;
  13         border-style : solid;
  14         padding : 10px;
  15         background-color : #f0f0f0;
  16 }
  17
  18 div.postReply {
  19         padding : 0px;
  20 }
  21
  22 div.postReply a {
  23         color : #4684ff;
  24 }
  25
  26 div.postReply a:hover {
  27         color : black;
  28 }
  29
  30 div.postReply div.postHeader {
  31         border-width : 0px 0px 1px 0px;
  32         border-style : solid;
  33         border-color : #a0a0a0;
  34         background-color : #f9faff;
  35         margin : 0px 1px 0px 0px;
  36         padding : 5px;
  37         cursor : move;
  38         color : #909090;
  39 }
  40
  41 /* div.postReply > div.postHeader {
  42         padding : 5px;
  43 } */
  44
  45 div.postReply div.postContent {
  46         padding : 10px;
  47         font-size : 14px;
  48 }
  49
  50 div.postReply div.postContent img {
  51         border-width : 0px;
  52         max-width : 98%;
  53 }
  54
  55 div.postReply div.postIcon {
  56         float : right;
  57         border : 0px;
  58         margin : 10px 0px 10px 10px;
  59 }
  60
  61 div.postReply div.postEnclosures {
  62         margin-top : 1em;
  63         color : gray;
  64 }
  65
  66 div.postReply img.tagsPic {
  67         width : 16px;
  68         height : 16px;
  69         margin-left : 4px;
  70         vertical-align : middle;
  71 }
  72
  73 div.articleNote div.articleNoteOps {
  74         text-align : center;
  75         color : #9a8c59;
  76         font-style : italic;
  77         margin-top : 5px;
  78 }
  79
  80 div.articleNote div.articleNoteOps a {
  81         color : #9a8c59;
  82 }
  83
  84 div.articleNote div.articleNoteOps a:hover {
  85         color : black;
  86 }
  87
  88 div.articleNote {
  89         background-color : #fff7d5;
  90         border-width : 1px;
  91         padding : 5px;
  92         border-style : dashed;
  93         border-color : #e7d796;
  94         font-size : 8px;
  95         margin-bottom : 5px;
  96         margin-top : 5px;
  97         margin-left : 5px;
  98         float : right;
  99         color : #9a8c59;
 100         max-width : 150px;
 101         text-align : justify;
 102 }
 103
 104 div.postReply span.author {
 105         font-size : 12px;
 106 }
 107
 108 ul.feedList {
 109         list-style-type : none;
 110         margin : 5px 5px 5px 0px;
 111         padding : 0px 0px 0px 5px;
 112         font-size : 12px;
 113         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 114 }
 115
 116 ul.feedList li.feedCat, ul.feedList li.virtCat {
 117         margin : 0px;
 118         padding : 3px 0px 3px 0px;
 119         color : #707070;
 120         font-size : 12px;
 121 }
 122
 123 ul.feedList img.catCollapse {
 124         cursor : pointer;
 125 }
 126
 127 ul.feedList span.catTitle {
 128         color : #707070;
 129         cursor : pointer;
 130 }
 131
 132 ul.feedList span.catTitle:hover {
 133         color : #4684ff;
 134 }
 135
 136 ul.feedList li.feedCatSelected {
 137         margin : 0px;
 138         padding : 3px 0px 3px 0px;
 139         color : #4684ff;
 140         font-size : 12px;
 141 }
 142
 143 ul.feedList li.feedCatSelected span.catTitle {
 144         color : #4684ff;
 145         cursor : pointer;
 146 }
 147
 148 ul.feedCatList {
 149         list-style-type : none;
 150         margin : 0px 0px 0px 20px;
 151         padding : 0px;
 152 }
 153
 154 ul.feedCatList li {
 155         margin : 0px;
 156         padding : 0px 0px 2px 0px;
 157         color : black;
 158 }
 159
 160 ul.feedList > li {
 161         padding : 0px 0px 2px 0px;
 162 }
 163
 164 ul.feedCatList img, ul.feedList img {
 165         vertical-align : bottom;
 166 }
 167
 168 li.feedUnread,
 169 li.errorUnread,
 170 li.labelUnread,
 171 li.virtUnread,
 172 li.tagUnread {
 173         font-weight : bold;
 174 }
 175
 176 li.errorSelected a,
 177 li.error a,
 178 li.errorUnread a,
 179 li.errorUnreadSelected a {
 180         color : #f04040;
 181 }
 182
 183 li.feedSelected a,
 184 li.labelSelected a,
 185 li.virtSelected a,
 186 li.tagSelected a {
 187         color : #4684ff;
 188 }
 189
 190 li.feedUnreadSelected a,
 191 li.labelUnreadSelected a,
 192 li.virtUnreadSelected a,
 193 li.tagUnreadSelected a {
 194         color : #4684ff;
 195 }
 196
 197 li.feedUnreadSelected,
 198 li.errorUnreadSelected,
 199 li.labelUnreadSelected,
 200 li.virtUnreadSelected,
 201 li.tagUnreadSelected {
 202         font-weight : bold;
 203 }
 204
 205 li.feed {
 206         display : block;
 207 }
 208
 209 ul.feedList img, img.tinyFeedIcon {
 210         margin : 0px 3px 0px 0px;
 211         width : 16px;
 212         height : 16px;
 213         border-width : 0px;
 214 }
 215
 216 h1 {
 217         font-size : 18px;
 218 }
 219
 220 h2 {
 221         font-size : 16px;
 222         font-weight : bold;
 223         border-width : 0px 0px 1px 0px;
 224         border-style : solid;
 225         border-color : #ecf4ff;
 226 }
 227
 228 h3 {
 229         font-size : 14px;
 230         font-weight : bold;
 231         border-width : 0px 0px 1px 0px;
 232         border-style : solid;
 233         border-color : #ecf4ff;
 234 }
 235
 236 hr {
 237         border-width : 0px 0px 1px 0px;
 238         border-style : dashed;
 239         border-color : #e0e0e0;
 240 }
 241
 242 a {
 243         color : black;
 244         text-decoration : none;
 245 }
 246
 247 a:hover {
 248         color : #4684ff;
 249 }
 250
 251 #piggie {
 252         z-index : 999;
 253         position : absolute;
 254 }
 255
 256 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 257 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 258 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 259 #iedit_parent_feed {
 260         width : 100%;
 261         padding-left : 2px;
 262         background-color : #f0fff0;
 263 }
 264
 265 textarea.iedit {
 266         width : 100%;
 267 }
 268
 269 input.iedit {
 270         width : 100%;
 271         padding-left : 2px;
 272 }
 273
 274 select.iedit {
 275         width : 100%;
 276 }
 277
 278 input.editbox {
 279         width : 200px;
 280         padding-left : 2px;
 281 }
 282
 283 #notify {
 284         border-width : 0px 1px 1px 1px;
 285         border-style : solid;
 286         top : 0px;
 287         right : 35%;
 288         min-width : 30%;
 289         position : absolute;
 290         display : none;
 291         float : right;
 292         font-size : 12px;
 293         z-index : 998;
 294         padding : 5px 5px 5px 5px;
 295 }
 296
 297 #notify img {
 298         vertical-align : middle;
 299 }
 300
 301 .notifyProgress {
 302         border-color : #d7c47a;
 303         background-color : #fff7d5;
 304         color : black;
 305 }
 306
 307 .notifyInfo {
 308         border-color : #7AD78E;
 309         background-color : #D5FFDB;
 310         color : black;
 311 }
 312
 313 .notify {
 314         border-color : #d7c47a;
 315         background-color : #fff7d5;
 316         color : black;
 317 }
 318
 319 .notifyError {
 320         background-color : #ffcccc;
 321         border-color : #ff0000;
 322         color : black;
 323 }
 324
 325 .notifyError span:hover {
 326         color : red;
 327         cursor : pointer;
 328 }
 329
 330 #dispSwitch {
 331         font-size : 12px;
 332         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 333         text-align : right;
 334         float : right;
 335         margin : 5px 5px 0px 0px;
 336 }
 337
 338 #dispSwitch a {
 339         color : gray;
 340 }
 341
 342 #dispSwitch a:hover {
 343         color : #4684ff;
 344 }
 345
 346 div.expPane {
 347         margin : 15px;
 348 }
 349
 350 /*.button {
 351         border : 1px solid #d0d0d0;
 352         background-image : url("images/button.png");
 353         background-position : top;
 354         background-repeat : repeat-x;
 355         background-color : white;
 356         color : black;
 357 }
 358
 359 .button:hover {
 360         background : white;
 361         text-decoration : none;
 362         color : black;
 363 }
 364
 365 .disabledButton {
 366         border : 1px solid #c0c0c0;
 367         background-color : white;
 368         color : gray;
 369 }
 370
 371 a.button {
 372         padding : 2px 5px 2px 5px;
 373         font-size : small;
 374 } */
 375
 376 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 377         .evenSelectedUnread td {
 378         background-color : #fff7d5;
 379         font-weight : bold;
 380         border-width : 0px 0px 1px 0px;
 381         border-style : solid;
 382         border-color : #e7d796;
 383 }
 384
 385 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 386         .oddSelectedUnread td {
 387         background-color : #fff7d5;
 388         font-weight : bold;
 389         border-width : 0px 0px 1px 0px;
 390         border-style : solid;
 391         border-color : #e7d796;
 392 }
 393
 394 .evenSelected, .evenSelected td {
 395         background-color : #fff7d5;
 396         border-width : 0px 0px 1px 0px;
 397         border-style : solid;
 398         border-color : #e7d796;
 399         border-collapse : collapse;
 400 }
 401
 402 .oddSelected, .oddSelected td {
 403         background-color : #fff7d5;
 404         border-width : 0px 0px 1px 0px;
 405         border-style : solid;
 406         border-color : #e7d796;
 407         border-collapse : collapse;
 408 }
 409
 410 .evenGrayed, .evenGrayed td {
 411         background-color : #f0f0f0;
 412         color : #909090;
 413         border-width : 0px 0px 1px 0px;
 414         border-style : solid;
 415         border-color : #c0c0c0;
 416         border-collapse : collapse;
 417 }
 418
 419 .oddGrayed {
 420         color : #909090;
 421 }
 422
 423 .even, .even td {
 424         border-width : 0px 0px 1px 0px;
 425         border-style : solid;
 426         border-color : #c0c0c0;
 427         background-color : #f0f0f0;
 428         border-collapse : collapse;
 429 }
 430
 431 .odd, .odd td {
 432         border-width : 0px 0px 1px 0px;
 433         border-style : solid;
 434         border-color : #c0c0c0;
 435         border-collapse : collapse;
 436 }
 437
 438 .evenUnread, .evenUnread td {
 439         background-color : #f0f0f0;
 440         font-weight : bold;
 441         border-width : 0px 0px 1px 0px;
 442         border-style : solid;
 443         border-color : #c0c0c0;
 444         border-collapse : collapse;
 445 }
 446
 447 .oddUnread, .oddUnread td {
 448         font-weight : bold;
 449         border-width : 0px 0px 1px 0px;
 450         border-style : solid;
 451         border-color : #c0c0c0;
 452 }
 453
 454 .invisible {
 455         display : none;
 456 }
 457
 458 /* preferences */
 459
 460 table.prefPrefsList tr:hover td.prefValue {
 461         color : #88b0f0;
 462 }
 463
 464 table.prefPrefsList tr:hover td.prefValue input {
 465         color : #88b0f0;
 466 }
 467
 468 tr.title td {
 469         border-width : 0px 0px 1px 0px;
 470         border-color : #ecf4ff;
 471         border-style : solid;
 472         color : #4684ff;
 473 }
 474
 475 tr.title td a {
 476         color : #4684ff;
 477 }
 478
 479 tr.title td a:hover {
 480         color : black;
 481 }
 482
 483 div.feedEditSearch {
 484         float : right;
 485 }
 486
 487 table.prefFeedList td.feedEditCat {
 488         font-weight : bold;
 489         border-width : 0px 0px 1px 0px;
 490         border-style : solid;
 491         border-color : #88b0f0;
 492         padding-top : 0.5em;
 493 }
 494
 495 table.prefFilterList td.filterEditCat {
 496         font-weight : bold;
 497         border-width : 0px 0px 1px 0px;
 498         border-style : solid;
 499         border-color : #88b0f0;
 500         padding-top : 0.5em;
 501 }
 502
 503 /* oh for the love of... */
 504
 505 table.prefFilterList tr.even,
 506 table.prefFilterList tr.odd,
 507 table.prefFilterList tr.evenSelected,
 508 table.prefFilterList tr.oddSelected,
 509 table.prefLabelList tr.even,
 510 table.prefLabelList tr.odd,
 511 table.prefLabelList tr.evenSelected,
 512 table.prefLabelList tr.oddSelected,
 513 table.prefUserList tr.even,
 514 table.prefUserList tr.odd,
 515 table.prefUserList tr.evenSelected,
 516 table.prefUserList tr.oddSelected,
 517 table.prefFeedList tr.even,
 518 table.prefFeedList tr.odd,
 519 table.prefFeedList tr.evenSelected,
 520 table.prefFeedList tr.oddSelected
 521 {
 522         cursor : pointer;
 523 }
 524
 525 table.prefFilterList tr.even:hover td,
 526 table.prefFilterList tr.odd:hover td,
 527 table.prefFilterList tr.evenSelected:hover td,
 528 table.prefFilterList tr.oddSelected:hover td
 529 table.prefLabelList tr.even:hover td,
 530 table.prefLabelList tr.odd:hover td,
 531 table.prefLabelList tr.evenSelected:hover td,
 532 table.prefLabelList tr.oddSelected:hover td,
 533 table.prefUserList tr.even:hover td,
 534 table.prefUserList tr.odd:hover td,
 535 table.prefUserList tr.evenSelected:hover td,
 536 table.prefUserList tr.oddSelected:hover td,
 537 table.prefFeedList tr.even:hover td,
 538 table.prefFeedList tr.odd:hover td,
 539 table.prefFeedList tr.evenSelected:hover td,
 540 table.prefFeedList tr.oddSelected:hover td
 541 {
 542         color : #88b0f0;
 543 }
 544
 545 table.prefFeedList td.feedIcon {
 546         text-align : center;
 547 }
 548
 549 table.prefFeedList td.feedSelect {
 550         text-align : center;
 551 }
 552
 553 div.prefFeedCatHolder {
 554         height : 250px;
 555         overflow : auto;
 556         border : 1px solid #99d67a;
 557         margin : 5px 0px 5px 0px;
 558         background-color : white;
 559 }
 560
 561 a.helpLink {
 562         color : #808080;
 563 }
 564
 565 a.helpLink:hover {
 566         color : #4684ff;
 567 }
 568
 569 div.helpResponse {
 570         margin : 10px;
 571         background-image : url("images/vgrad_light_rev2.png");
 572         background-position : top left;
 573         background-repeat : repeat-x;
 574         padding : 10px 20px 10px 20px;
 575         border : 1px solid #f0f0f0;
 576 }
 577
 578 #infoBoxTitle {
 579         border-width : 1px 1px 1px 1px;
 580         border-style : solid;
 581         border-color : #99d67a;
 582         background-color : #99d67a;
 583         padding : 4px 2px 4px 10px;
 584         color : white;
 585         font-weight : bold;
 586         font-size : 12px;
 587 }
 588
 589 /* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
 590
 591 #infoBox {
 592         border-width : 1px 1px 1px 1px;
 593         border-style : solid;
 594         border-color : #99d67a;
 595         background-color : #f8fcf5;
 596         position: relative;
 597         overflow : hidden;
 598         left : -4px;
 599         top : -4px;
 600 }
 601
 602 div#errorBox {
 603         background-color : #ffcccc;
 604         border : 1px solid #ff0000;
 605         font-size : 12px;
 606         position: relative;
 607         overflow : hidden;
 608         left : -4px;
 609         top : -4px;
 610 }
 611
 612
 613 html>body #infoBox, html>body #errorBox {
 614         left : -10px;
 615         top : -10px;
 616         margin : 0;
 617 }
 618
 619 #infoBoxShadow:before, #infoBoxShadow:after,
 620 #errorBoxShadow:before, #errorBoxShadow:after {
 621         content : " ";
 622         display : block;
 623         background : inherit;
 624         width : 10px;
 625         height : 10px;
 626 }
 627
 628 #infoBoxShadow:before, #errorBoxShadow:before {
 629         position : absolute;
 630         top : 0;
 631         right : 0;
 632         margin : -10px 0 0 auto;
 633         background-position : right top;
 634 }
 635
 636 #infoBoxShadow:after, #errorBoxShadow:after {
 637         margin : -10px 0 0 -10px;
 638         background-position : left bottom;
 639 }
 640
 641
 642 #infoBoxShadow, #errorBoxShadow {
 643         background-image : url("images/shadow.png");
 644         background-position : bottom right;
 645         left : 25%;
 646         top : 70px;
 647         width : 50%;
 648         position : absolute;
 649         min-width : 600px;
 650 }
 651
 652 #infoBoxShadow {
 653         z-index : 5;
 654 }
 655
 656 #errorBoxShadow {
 657         z-index : 400;
 658 }
 659
 660 div.infoBoxContents {
 661         padding : 10px;
 662         margin-bottom : 5px;
 663         font-size : 12px;
 664 }
 665
 666 div.infoBoxContents td {
 667         font-size : 12px;
 668 }
 669
 670 div.infoBoxContents a {
 671         color : #527040;
 672 }
 673
 674 div.infoBoxContents a:hover {
 675         color : black;
 676 }
 677
 678 div.helpResponse h1, div.infoBoxContents h1 {
 679 /*        border-width : 0px 0px 1px 0px;
 680         border-style : solid;
 681         border-color : #c0c0c0; */
 682         font-size : 18px;
 683 }
 684
 685 div.helpResponse h2, div.infoBoxContents h2 {
 686 /*        border-width : 0px 0px 0px 0px; */
 687         font-size : 16px;
 688 }
 689
 690 pre {
 691         margin : 5px;
 692 }
 693
 694 input.extSearch {
 695         width : 100%;
 696 }
 697
 698 div.firstTab {
 699         width : 10px;
 700         float : left;
 701 }
 702
 703 div.prefsTab:hover {
 704         cursor : pointer;
 705 }
 706
 707 div.prefsTabSelected:hover {
 708         cursor : pointer;
 709 }
 710
 711 div.prefsTab {
 712         float : left;
 713         border-width : 1px 1px 0px 1px;
 714         border-color : #C4D1E4;
 715         border-style : solid;
 716         margin : 0px 0px 0px 5px;
 717         padding : 3px 5px 3px 5px;
 718         font-size : 12px;
 719         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 720         border-collapse : collapse;
 721         min-width : 100px;
 722         text-align : center;
 723         cursor : pointer;
 724         position : relative;
 725         bottom : -1px;
 726         height : 30px;
 727 }
 728
 729 div.prefsTabSelected {
 730         float : left;
 731         border-width : 1px 1px 0px 1px;
 732         border-color : #88b0f0;
 733         border-style : solid;
 734         margin : 0px 0px 0px 5px;
 735         padding : 3px 5px 3px 5px;
 736         background-color : #ecf4ff;
 737         font-size : 12px;
 738         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 739         border-collapse : collapse;
 740         font-weight : bold;
 741         min-width : 100px;
 742         text-align : center;
 743         cursor : pointer;
 744         position : relative;
 745         bottom : -1px;
 746         z-index : 3;
 747         height : 30px;
 748 }
 749
 750 div.notice {
 751         background : #ffffff;
 752         border : 1px solid #88b0f0;
 753         width : 60%;
 754         padding : 5px;
 755         margin : 0px 0px 5px 0px;
 756         font-size : 12px;
 757 }
 758
 759 div.warning {
 760         background : #fff7d5;
 761         border : 1px solid #d7c47a;
 762         font-size : 12px;
 763         width : 60%;
 764         padding : 5px;
 765         margin : 0px 0px 5px 0px;
 766 }
 767
 768
 769 div.warning img, div.notice img, div.error img {
 770         vertical-align : middle;
 771         padding : 5px;
 772 }
 773
 774 span.filterDateError {
 775         color : #ff0000;
 776 }
 777
 778 div.error {
 779         border : 1px solid #ff0000;
 780         background : #ffcccc;
 781         padding : 5px;
 782         margin : 0px 0px 5px 0px;
 783         font-size : 12px;
 784 }
 785
 786 ul.nomarks {
 787         list-style-type : none;
 788         margin : 0px;
 789         padding : 10px;
 790 }
 791
 792 div.prefHelp, td.prefHelp {
 793         color : gray;
 794         padding : 5px;
 795 }
 796
 797 table.loginForm {
 798         background-color : #ecf4ff;
 799 }
 800
 801 table.innerLoginForm {
 802         border : 1px solid #88b0f0;
 803         padding : 50px;
 804         background-color : white;
 805 }
 806
 807 table.innerLoginForm td {
 808         padding : 3px 3px 5px 3px;
 809 }
 810
 811 span.feed_error {
 812         color : red;
 813 }
 814
 815 .insensitive {
 816         color : gray;
 817 }
 818
 819 .insensitive a {
 820         color : #4684ff;
 821 }
 822
 823 .insensitive a:hover {
 824         color : black;
 825 }
 826
 827 /* .prefGenericAddBox {
 828         font-size : 12px;
 829 } */
 830
 831 body.logoutBody {
 832         background-color : #f0f0f0;
 833         color : black;
 834 }
 835
 836 span.logoutWarning {
 837         color : red;
 838         font-weight : bold;
 839 }
 840
 841 div.logoutContent {
 842         width : 600px;
 843         border : 1px solid #c0c0c0;
 844         background-color : white;
 845         margin-left : auto;
 846         margin-right : auto;
 847         margin-top : 20px;
 848         padding : 10px;
 849 }
 850
 851 .small {
 852         font-size : 12px;
 853 }
 854
 855 table.innerFeedTable td {
 856         margin : 0px;
 857         padding : 0px;
 858 }
 859
 860 td.selectPrompt {
 861         font-size : 12px;
 862         color : gray;
 863 }
 864
 865 div.headlinesSubToolbar {
 866         border-width : 0px 0px 1px 0px;
 867         border-style : solid;
 868         border-color : #f0f0f0;
 869         position : absolute;
 870         left : 0px;
 871         top : 0px;
 872         height : 25px;
 873         line-height : 25px;
 874         padding-left : 5px;
 875         padding-right : 5px;
 876         right : 0px;
 877         background-color : white;
 878         font-size : 11px;
 879         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 880         color : gray;
 881 }
 882
 883 div.headlinesSubToolbar * {
 884         line-height : normal;
 885 }
 886
 887
 888 div.headlinesSubToolbar div#subtoolbar_ftitle {
 889         float : right;
 890         line-height : 25px;
 891
 892 }
 893
 894 span.contentPreview {
 895         font-size : 12px;
 896         color : gray;
 897         font-weight : normal;
 898 }
 899
 900 span.contentPreview:hover {
 901         color : #4684ff;
 902 }
 903
 904 table.headlinesList {
 905         width : 100%;
 906 }
 907
 908 table.headlinesList span.hlLabelRef, div.cdmHeader span.hlLabelRef {
 909         background-color : #fff7d5;
 910         font-height : 8px;
 911         color : #063064;
 912         font-weight : normal;
 913         margin : 0px 3px 0px 3px;
 914         padding : 0px 4px 0px 4px;
 915         white-space: nowrap;
 916 }
 917
 918 table.headlinesList td.hlFeedIcon {
 919         width : 25px;
 920         text-align : center;
 921         cursor : pointer;
 922 }
 923
 924
 925 table.headlinesList td.hlMarkedPic {
 926         width : 25px;
 927         text-align : center;
 928 }
 929
 930 table.headlinesList td.hlfeed {
 931         text-align : right;
 932 }
 933
 934 td.hlSelectRow, td.hlUpdPic {
 935         width : 25px;
 936         text-align : center;
 937 }
 938
 939 table.headlinesList td.hlUpdated {
 940         color : gray;
 941         text-align : right;
 942         width : 100px;
 943         cursor : pointer;
 944 }
 945
 946 table.headlinesList tr td {
 947         padding : 2px 0px 2px 0px;
 948 }
 949
 950 div.postHeader div.postDate {
 951         text-align : right;
 952         color : gray;
 953         float : right;
 954 }
 955
 956 div.postHeader div.postDateRTL {
 957         text-align : left;
 958         color : gray;
 959         float : right;
 960 }
 961
 962 div.postHeader div {
 963         padding-bottom : 3px;
 964         font-size : 12px;
 965         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 966 }
 967
 968 #feedUpdateErrors {
 969         display : none;
 970 }
 971
 972 #allEntryTags {
 973         font-size : 12px;
 974         border-width : 0px 0px 1px 0px;
 975         border-style : solid;
 976         border-color : #c0c0c0;
 977         padding-bottom : 5px;
 978         display : none;
 979 }
 980
 981 /*td.hlContent {
 982         overflow : hidden;
 983         height : 1em;
 984         display : block;
 985 } */
 986
 987 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 988         height : 1em;
 989 }
 990
 991 td.hlFeed {
 992         text-align : right;
 993 }
 994
 995 span.hlFeed, span.hlFeed a {
 996         font-size : 12px;
 997         color : gray;
 998 }
 999
1000 span.hlFeed a:hover {
1001         color : #4684ff;
1002 }
1003
1004 /* div.cdmArticle:hover {
1005         background-color : white;
1006 } */
1007
1008 div.cdmAllTags {
1009         float : left;
1010         background-color : white;
1011         border : 1px solid #c0c0c0;
1012         display : none;
1013         z-index : 3;
1014         top : auto;
1015         left : auto;
1016         right : auto;
1017         position : absolute;
1018         padding : 10px;
1019 }
1020
1021 span.cdmAllTagsCtr:hover div {
1022         display : block;
1023 }
1024
1025 div.cdmArticle {
1026         border-color : #a0a0a0;
1027         border-width : 0px 0px 1px 0px;
1028         border-style : solid;
1029         background-color : #f9faff;
1030         margin : 0px;
1031         color : #505050;
1032         /* padding : 10px; */
1033         color : black;
1034
1035 }
1036
1037 /* div.cdmArticleUnread:hover {
1038         background-color : white;
1039 } */
1040
1041 div.cdmArticleUnread {
1042         border-color : #a0a0a0;
1043         border-width : 0px 0px 1px 0px;
1044         border-style : solid;
1045         background-color : white;
1046         margin : 0px;
1047         /* padding : 10px; */
1048         color : black;
1049 }
1050
1051 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
1052         margin : 0px;
1053         background-color : #fff7d5;
1054         border-color : #e7d796;
1055         border-width : 0px 0px 1px 0px;
1056         border-style : solid;
1057 }
1058
1059 div.cdmArticleUnread div.cdmHeader a.title,
1060 div.cdmArticleUnreadSelected div.cdmHeader a.title {
1061         font-weight : bold;
1062 }
1063
1064 div.cdmHeader {
1065         padding : 5px 5px 10px 5px;
1066         color : gray;
1067
1068 }
1069
1070 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
1071         color : black;
1072 }
1073
1074 div.cdmFooter {
1075         font-size : 12px;
1076         color : black;
1077         padding : 5px;
1078         color : gray;
1079 /*      background-color : white; */
1080         border-width : 1px 0px 0px 0px;
1081         border-color : #c0c0c0;
1082         border-style : dotted;
1083 }
1084
1085 /*div.cdmArticleSelected div.cdmFooter {
1086         background-color : transparent;
1087 }
1088
1089 div.cdmArticleUnreadSelected div.cdmFooter {
1090         background-color : transparent;
1091 }*/
1092
1093 div.cdmFooter span.s0 {
1094         border-width : 0px 1px 0px 0px;
1095         border-color : #c0c0c0;
1096         border-style : dotted;
1097         padding : 0px 5px 0px 0px;
1098 }
1099
1100 div.cdmFooter span.s1 {
1101         border-width : 0px 1px 0px 0px;
1102         border-color : #c0c0c0;
1103         border-style : dotted;
1104         padding : 0px 5px 0px 5px;
1105 }
1106
1107 div.cdmFooter span.s2 {
1108         padding : 0px 5px 0px 5px;
1109 }
1110
1111 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1112         width : 16px;
1113         height : 16px;
1114         vertical-align : middle;
1115 }
1116
1117 img.markedPic {
1118         cursor : pointer;
1119 }
1120
1121 div.cdmHeader div.articleUpdated {
1122         float : right;
1123         font-weight : bold;
1124         color : gray;
1125 }
1126
1127 div.cdmHeader div.articleUpdated img {
1128         vertical-align : middle;
1129 }
1130
1131 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1132         margin : 0px;
1133 }
1134
1135 div.cdmHeader, div.cdmHeader a {
1136         color : #505050;
1137         font-size : 12px;
1138 }
1139
1140 div.cdmHeader a:hover {
1141         color : #4684ff;
1142 }
1143
1144 div.cdmContent {
1145         margin : 0px 15px 5px 15px;
1146 }
1147
1148 div.cdmContent img {
1149         border-width : 0px;
1150         max-width : 98%;
1151 }
1152
1153 div.cdmContent:hover {
1154         cursor : pointer;
1155 }
1156
1157 div.cdmExcerpt {
1158         margin : 0px 15px 5px 15px;
1159 }
1160
1161 div.cdmExcerpt:hover {
1162         cursor : pointer;
1163         color : #88b0f0;
1164 }
1165
1166 div.cdmEnclosures {
1167         margin-top : 1em;
1168         color : gray;
1169 }
1170
1171 a.warning {
1172         color : #f04040;
1173 }
1174
1175 img.closeButton {
1176         border-width : 0px;
1177         float : right;
1178 }
1179
1180 span.groupPrompt {
1181         font-size : 12px;
1182         color : #4684ff;
1183 }
1184
1185 div.tagCloudContainer {
1186 /*      height : 300px;
1187         overflow : auto; */
1188         border : 1px solid #99d67a;
1189         background-color : white;
1190         margin : 5px 0px 5px 0px;
1191         padding : 5px;
1192         text-align : center;
1193 }
1194
1195 div.errorExplained {
1196         border : 1px solid #99d67a;
1197         background-color : white;
1198         margin : 5px 0px 5px 0px;
1199         padding : 5px;
1200 }
1201
1202 ul.feedErrorsList {
1203         height : 300px;
1204         overflow : auto;
1205         list-style-type : none;
1206         border : 1px solid #99d67a;
1207         background-color : white;
1208         margin : 0px 0px 5px 0px;
1209         padding : 0px;
1210 }
1211
1212 ul.userFeedList {
1213         height : 300px;
1214         overflow : auto;
1215         list-style-type : none;
1216         border : 1px solid #99d67a;
1217         background-color : white;
1218         margin : 0px 0px 5px 0px;
1219         padding : 0px;
1220 }
1221
1222 /* #browseBigFeedList li.oddSelected {
1223         border : 1px solid #d0d0f6;
1224         background-color : #eaeaff;
1225         -moz-border-radius : 5px;
1226 } */
1227
1228 /*#browseBigFeedList li {
1229         padding :0px;
1230 }*/
1231
1232 div.labelTestError {
1233         margin : 5px 0px 5px 0px;
1234         color : #f04040;
1235 }
1236
1237 ul.labelTestResults {
1238         height : 100px;
1239         overflow : auto;
1240         list-style-type : none;
1241         margin : 0px 0px 5px 0px;
1242         padding : 0px;
1243         border : 1px solid #99d67a;
1244         background-color : white;
1245 }
1246
1247 ul.filterTestResults {
1248         height : 300px;
1249         overflow : auto;
1250         list-style-type : none;
1251         margin : 0px 0px 5px 0px;
1252         padding : 0px;
1253         border : 1px solid #99d67a;
1254         background-color : white;
1255 }
1256
1257 ul.browseFeedList {
1258         height : 300px;
1259         overflow : auto;
1260         list-style-type : none;
1261         margin : 0px 0px 5px 0px;
1262         padding : 0px;
1263         border : 1px solid #99d67a;
1264         background-color : white;
1265 }
1266
1267 ul.browseFeedList li {
1268         margin : 0px;
1269         padding : 0px;
1270 }
1271
1272 span.subscribers {
1273         color : #808080;
1274 }
1275
1276 div.subscribers {
1277         color : #808080;
1278         font-size : 12px;
1279         float : right;
1280 }
1281
1282 input.feedBrowseCB {
1283         margin-right : 1em;
1284 }
1285
1286 div.browserDetails {
1287         margin : 5px 5px 5px 5px;
1288         padding : 5px;
1289 }
1290
1291 ul.compact {
1292         list-style-type : none;
1293         margin : 0px;
1294         padding : 0px;
1295 }
1296
1297 ul.compact li {
1298         margin : 0px;
1299         padding : 0px;
1300 }
1301
1302 div.browserFeedInfo {
1303         font-size : 12px;
1304 /*      border : 1px solid #88b0f0;
1305         background-color : #ecf4ff;
1306         -moz-border-radius : 5px; */
1307         padding : 5px;
1308 }
1309
1310 div.browserFeedInfo div.detailsPart {
1311         margin : 5px 0px 5px 5px;
1312 }
1313
1314 div.cdmContent a {
1315         color : #4684ff;
1316 }
1317
1318 div.cdmContent a:hover {
1319         color : black;
1320 }
1321
1322 a.cdmToggleLink {
1323         color : #808080;
1324         font-size : 12px;
1325 }
1326
1327 a.cdmToggleLink:hover {
1328         color : #4684ff;
1329 }
1330
1331 .noborder {
1332         border-width : 0px;
1333 }
1334
1335 #debug_output {
1336         position : absolute;
1337         width : 400px;
1338         height : 200px;
1339         right : 20px;
1340         bottom : 20px;
1341         z-index : 999;
1342         background-color : white;
1343         border : 1px solid #c0c0c0;
1344         overflow : auto;
1345         margin : 0px;
1346         padding : 0px;
1347         list-style-type : none;
1348 }
1349
1350 #debug_output li {
1351         margin : 0px;
1352         padding : 0px;
1353         font-size : 11px;
1354 }
1355
1356 #dialog_overlay {
1357         left : 0;
1358         top : 0;
1359         height : 100%;
1360         width : 100%;
1361         z-index : 4;
1362         position : absolute;
1363         background-image : url("images/shadow_white.png");
1364 }
1365
1366 #overlay {
1367         background : white;
1368         left : 0;
1369         top : 0;
1370         height : 100%;
1371         width : 100%;
1372         z-index : 100;
1373         position : absolute;
1374 }
1375
1376 #overlay_inner {
1377         font-weight : bold;
1378         margin : 10px;
1379 }
1380
1381 #noDaemonWarning {
1382         position : absolute;
1383         background-color : #ecf4ff;
1384         border : 1px solid #88b0f0;
1385         padding : 10px;
1386         margin : 5px;
1387         z-index : 2;
1388         display : none;
1389 }
1390
1391 #qafInput {
1392         width : 100%;
1393 }
1394
1395 form {
1396         margin : 0px;
1397         padding : 0px;
1398 }
1399
1400 #main_toolbar_form {
1401         margin : 0px;
1402         padding : 0px;
1403         display : inline;
1404 }
1405
1406 div.feedExtInfo {
1407         margin-left : 2em;
1408         font-size : 7pt;
1409         color : gray;
1410         font-weight : normal;
1411 }
1412
1413 span.debugTS {
1414         color : #4684ff;
1415 }
1416
1417 #backReqBox {
1418         display : none;
1419 }
1420
1421 /*.scriptWarn:before {
1422         content : "Disabled script:";
1423 }*/
1424
1425 .scriptWarn {
1426         color : white;
1427         background-color : #903030;
1428         border : 1px solid #601010;
1429         padding : 3px;
1430         font-weight : bold;
1431         display : none;
1432 }
1433
1434 .objectWarn {
1435         color : gray;
1436         font-style: italic;
1437         text-align : center;
1438 }
1439
1440 table.loginForm2 {
1441         padding : 1em;
1442 }
1443
1444 table.loginForm2 .loginTop {
1445         border-width : 0px 0px 1px 0px;
1446         border-color : #88b0f0;
1447         border-style : solid;
1448         padding : 0.5em;
1449 }
1450
1451 table.loginForm2 .loginMiddle {
1452         padding : 3em;
1453 }
1454
1455 table.loginForm2 .loginBottom {
1456         border-width : 1px 0px 0px 0px;
1457         border-color : #88b0f0;
1458         border-style : solid;
1459         font-size : 12px;
1460         text-align : center;
1461         color : #909090;
1462         padding : 0.5em;
1463 }
1464
1465 table.loginForm2 .loginBottom a {
1466         color : gray;
1467 }
1468
1469 table.loginForm2 .loginBottom a:hover {
1470         color : #4684ff;
1471 }
1472
1473 table.loginForm2 .loginError {
1474         color : red;
1475         margin : 0.5em;
1476 }
1477
1478 table.loginForm2 .innerLoginCell {
1479         padding-top : 0.5em;
1480 }
1481
1482 #milestoneDetails {
1483         display : none;
1484 }
1485
1486 div.loadingPrompt {
1487         padding : 1em;
1488         text-align : center;
1489         font-weight : bold;
1490 }
1491
1492 div.whiteBox {
1493         background-color : white;
1494         margin-left : 1px;
1495         text-align : center;
1496         padding : 1em;
1497 }
1498
1499 /* layout */
1500
1501 #header {
1502         position : absolute;
1503         white-space: nowrap;
1504         top : 5px;
1505         left : 15px;
1506         right : 5px;
1507         height : 35px;
1508         color : #4684ff;
1509         font-size : 12px;
1510 }
1511
1512 #feeds-holder {
1513         border-width : 1px 1px 0px 0px;
1514         border-style : dotted solid;
1515         border-color : #88b0f0;
1516         top : 40px;
1517         left : 0px;
1518         position : absolute;
1519         width : 260px;
1520         overflow : auto;
1521         bottom : 0px;
1522         border-collapse : collapse;
1523 }
1524
1525 #toolbar {
1526         position : absolute;
1527         left : 261px;
1528         padding : 0px 0px 0px 10px;
1529         top : 40px;
1530         right : 0px;
1531         white-space: nowrap;
1532         height : 30px;
1533         background-image : url("images/toolbar.png");
1534         background-position : bottom left;
1535         background-repeat : repeat-x;
1536         font-size : 12px;
1537 }
1538
1539 div.headlines_normal {
1540         position : absolute;
1541         border-width : 1px 0px 0px 0px;
1542         border-style : solid;
1543         border-color : #88b0f0;
1544         left : 261px;
1545         height : 305px;
1546         top : 70px;
1547         right : 0px;
1548         overflow : hidden;
1549         font-size : 12px;
1550         border-collapse : collapse;
1551 }
1552
1553 div.headlines_cdm {
1554         position : absolute;
1555         border-width : 1px 0px 1px 0px;
1556         border-style : solid;
1557         border-color : #88b0f0;
1558         left : 261px;
1559         bottom : 40px;
1560         top : 70px;
1561         right : 0px;
1562         overflow : hidden;
1563         font-size : 12px;
1564         border-collapse : collapse;
1565 }
1566
1567 #content-frame {
1568         position : absolute;
1569         border-width : 1px 0px 0px 0px;
1570         border-style : solid;
1571         border-color : #88b0f0;
1572         overflow : auto;
1573         top : 390px;
1574         left : 261px;
1575         bottom : 40px;
1576         right : 0px;
1577         border-collapse : collapse;
1578 }
1579
1580 /*#resize-grabber {
1581         position : absolute;
1582         border-width : 1px;
1583         border-style : dotted;
1584         border-color : #88b0f0;
1585         background-color : white;
1586         width : 8px;
1587         height : 8px;
1588         z-index : 20;
1589         right : 20px;
1590         top : 20px;
1591         display : none;
1592         cursor : move;
1593 }*/
1594
1595 #resize-grabber {
1596         height : 5px;
1597         border-width : 0px 0px 1px 0px;
1598         border-style : solid;
1599         border-color : #88b0f0;
1600         background : url("images/resize_horiz.png") top left;
1601         cursor : move;
1602         text-align : center;
1603 }
1604
1605 #footer, #prefFooter {
1606         position : absolute;
1607         bottom : 0px;
1608         height : 20px;
1609         text-align : center;
1610         color : gray;
1611         font-size : 12px;
1612         background-image : url("images/footer.png");
1613         background-position : top left;
1614         background-repeat : repeat-x;
1615         background-color : white;
1616         right : 0px;
1617         left : 261px;
1618         padding : 10px;
1619         border-collapse : collapse;
1620         border-width : 1px 0px 0px 0px;
1621         border-style : solid;
1622         border-color : #88b0f0;
1623
1624 }
1625
1626 #prefFooter {
1627         left : 0px;
1628 }
1629
1630 #footer a, #prefFooter a {
1631         color : gray;
1632 }
1633
1634 #footer a:hover, #prefFooter a:hover {
1635         color : black;
1636 }
1637
1638 #headlinesContainer {
1639         margin-left : 0px;
1640         background-color : white;
1641 }
1642
1643 #headlineActionsTop {
1644 /*      border-width : 0px 0px 1px 0px;
1645         border-style : solid;
1646         border-color : #c0c0c0;
1647         background-color : #fafafa; */
1648         font-size : 12px;
1649 }
1650
1651 #headlinesInnerContainer {
1652         overflow : auto;
1653         position : absolute;
1654         left : 0px;
1655         right : 0px;
1656         bottom : 0px;
1657         top : 25px;
1658 }
1659
1660 /* preferences layout */
1661
1662 #prefHeader {
1663         color : #4684ff;
1664         font-size : 12px;
1665         margin : 10px;
1666         height : 33px;
1667 }
1668
1669 div.return {
1670         float : right;
1671         font-size : 12px;
1672         margin-right : 10px;
1673 }
1674
1675 div.return a {
1676         color : #4684ff;
1677 }
1678
1679 div.return a:hover {
1680         color : black;
1681 }
1682
1683 #prefContentOuter {
1684         clear : left;
1685         position : absolute;
1686         bottom : 41px;
1687         top : 75px;
1688         left : 0px;
1689         right : 0px;
1690         min-height : 300px;
1691         border-width : 1px 0px 0px 0px;
1692         border-color : #88b0f0;
1693         border-style : solid;
1694         font-size : 12px;
1695 }
1696
1697 #prefContent {
1698         z-index : 4;
1699         background-image : url("images/prefs-content.png");
1700         background-position : top left;
1701         background-repeat : repeat-x;
1702         position : absolute;
1703         bottom : 0px;
1704         top : 0px;
1705         left : 0px;
1706         right : 0px;
1707         padding : 1em;
1708         overflow : auto;
1709
1710 }
1711
1712 #userSwitch {
1713         position : absolute;
1714         bottom : 2px;
1715         right : 2px;
1716 }
1717
1718 a.feedUpdErrLink {
1719         color : #ff0000;
1720         display : block;
1721         margin-bottom : 0.5em;
1722 }
1723
1724 .catCtrHasUnread, .feedCtrHasUnread {
1725         font-weight : bold;
1726         color : #707070;
1727 }
1728
1729 .catCtrNoUnread, .feedCtrNoUnread {
1730         display : none;
1731 }
1732
1733 div.topLinks img {
1734         vertical-align : middle;
1735         cursor : pointer;
1736 }
1737
1738 #offlineModePic {
1739         margin-left : 5px;
1740 }
1741
1742 a.helpLinkPic {
1743         float : right;
1744 }
1745
1746 a.helpLinkPic img {
1747         border-width : 0px;
1748 }
1749
1750 #fadd_login_container {
1751 }
1752
1753 li.feedCatHolder {
1754         display : inline;
1755 }
1756
1757 table.prefFeedCatList {
1758         background-color : white;
1759 }
1760
1761 /*a[target="_new"], a[target="_blank"] {
1762         border-width : 0px 0px 1px 0px;
1763         border-color : #778899;
1764         border-style : dotted;
1765 }*/
1766
1767 div.autocomplete {
1768         position : absolute;
1769         width : 250px;
1770         background-color : white;
1771         border :1px solid #778899;
1772         margin : 0px;
1773         padding : 0px;
1774 }
1775
1776 div.autocomplete ul {
1777         list-style-type : none;
1778         margin : 0px;
1779         padding : 0px;
1780 }
1781
1782 div.autocomplete ul li.selected {
1783         background-color : #fff7d5;
1784 }
1785
1786 div.autocomplete ul li {
1787         list-style-type : none;
1788         display : block;
1789         margin : 0;
1790         padding : 2px;
1791         height : 32px;
1792         cursor : pointer;
1793 }
1794
1795 #feedOpToolbar {
1796         float : right;
1797 }
1798
1799 div.topLinks {
1800         float : right;
1801         color : gray;
1802 }
1803
1804 div.topLinks a {
1805         color : #4684ff;
1806 }
1807
1808 div.topLinks a:hover {
1809         color : black;
1810 }
1811
1812 div.topLinks a.feedback {
1813         color : #009900;
1814 }
1815
1816 div.dashboard {
1817         margin-left : 3px;
1818 }
1819
1820 a.visibleLink {
1821         color : #4684ff;
1822
1823 }
1824
1825 a.visibleLinkB {
1826         color : #4684ff;
1827         border : 1px solid #4684ff;
1828         padding : 2px;
1829 }
1830
1831 a.visibleLinkB:hover {
1832         background-color : #ecf4ff;
1833 }
1834
1835 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1836         color : #4684ff;
1837 }
1838
1839 div.cdmFeedTitle {
1840         border-color : #a0a0a0;
1841         border-width : 0px 0px 1px 0px;
1842         border-style : solid;
1843         padding : 5px 3px 5px 5px;
1844         background : url("images/toolbar.png") bottom left;
1845         background-repeat : repeat-x;
1846 }
1847
1848 table.headlinesList tr, table.headlinesList td {
1849         border-collapse : collapse;
1850         margin : 0px;
1851 }
1852
1853 table.headlinesList tr.feedTitle td {
1854 /*      text-align : right;
1855         margin-top : 10px; */
1856         /*padding-left : 5px;*/
1857
1858         background : url("images/toolbar.png") bottom left;
1859         background-repeat : repeat-x;
1860
1861         border-color : #c0c0c0;
1862         border-width : 0px 0px 1px 0px;
1863         border-style : solid;
1864         padding : 5px 3px 5px 5px;
1865
1866 }
1867
1868 td.hlContent, td.hlContentL, td.hlContentH {
1869         cursor : pointer;
1870 }
1871
1872 td.hlContentH a, td.hlContentH span {
1873         color : #00cc00;
1874 }
1875
1876 td.hlContentL a, td.hlContentL span {
1877         color : #909090;
1878         text-decoration : line-through;
1879 }
1880
1881 span.titleWrapH, span.titleWrapH a {
1882         color : #00cc00;
1883 }
1884
1885 span.titleWrapL, span.titleWrapL a {
1886         color : #909090;
1887         text-decoration : line-through;
1888 }
1889
1890 img.hlScorePic {
1891         vertical-align : middle;
1892         width : 16px;
1893         height : 16px;
1894 }
1895
1896 div#hotkey_help_overlay {
1897         position : absolute;
1898         left : 30px;
1899         right : 30px;
1900         top : 30px;
1901         z-index : 999;
1902         color : white;
1903         font-size : 15px;
1904 }
1905
1906 div#hotkey_help_overlay h1 {
1907         text-align : center;
1908 }
1909
1910 div#hotkey_help_overlay ul {
1911         list-style-type : none;
1912         margin : 0px;
1913 }
1914
1915 div#hotkey_help_overlay li {
1916         margin : 0px;
1917 }
1918
1919 div#hotkey_help_overlay p {
1920         text-align : center;
1921 }
1922
1923 div#hotkey_help_overlay td.n {
1924         text-align : right;
1925         font-weight : bold;
1926         width : 6em;
1927         color : #a0ffa0;
1928         padding-right : 5px;
1929 }
1930
1931 div#hotkey_help_overlay td {
1932         vertical-align : top;
1933 }
1934
1935 div#hotkey_help_overlay h1 {
1936         margin : 0px;
1937 }
1938
1939 div#hotkey_help_overlay h2 {
1940         font-size : 16px;
1941         border-width : 0px;
1942         margin : 0.3em 0px 0.3em 0px;
1943         text-align : center;
1944         color : #88b0f0;
1945 }
1946
1947 div#hotkey_help_overlay table.hho td.c1 {
1948         height : 30px;
1949         width : 30px;
1950         background : url("images/c1.png");
1951         background-repeat : no-repeat;
1952
1953 }
1954
1955 div#hotkey_help_overlay table.hho td.c2 {
1956         height : 30px;
1957         width : 30px;
1958         background : url("images/c2.png");
1959         background-repeat : no-repeat;
1960 }
1961
1962 div#hotkey_help_overlay table.hho td.c3 {
1963         height : 30px;
1964         width : 30px;
1965         background : url("images/c3.png");
1966         background-repeat : no-repeat;
1967 }
1968
1969 div#hotkey_help_overlay table.hho td.c4 {
1970         height : 30px;
1971         width : 30px;
1972         background : url("images/c4.png");
1973         background-repeat : no-repeat;
1974 }
1975
1976 div#hotkey_help_overlay table.hho td.top,
1977 div#hotkey_help_overlay table.hho td.left,
1978 div#hotkey_help_overlay table.hho td.right,
1979 div#hotkey_help_overlay table.hho td.bottom,
1980 div#hotkey_help_overlay table.hho td.content {
1981         background : url("images/shadow_dark.png");
1982 }
1983
1984 div#hotkey_help_overlay table.hho td.top,
1985 div#hotkey_help_overlay table.hho td.bottom {
1986         text-align : center;
1987         font-size : 13px;
1988 }
1989
1990 div.prefKbdHelp {
1991         float : right;
1992         font-size : 12px;
1993         margin-right : 15px;
1994 }
1995
1996 div.prefKbdHelp img {
1997         vertical-align : middle;
1998 }
1999
2000 div#l_progress_o {
2001         width : 200px;
2002         border : 1px solid black;
2003         background-color : white;
2004         margin-top : 10px;
2005 }
2006
2007 div#l_progress_i {
2008         width : 10px;
2009         background-color : #88b0f0;
2010         height : 10px;
2011 }
2012
2013 #content-insert {
2014         background-color : white;
2015         overflow : auto;
2016         position : absolute;
2017         left : 0px;
2018         right : 0px;
2019         bottom : 0px;
2020         top : 6px;
2021 }
2022
2023 div.dlgSec {
2024         font-size : 14px;
2025         color : gray;
2026         font-weight : bold;
2027         clear : both;
2028         height : 20px;
2029 }
2030
2031 div.dlgSecCont {
2032         position : relative;
2033         left : 150px;
2034         top : -20px;
2035         float : left;
2036         font-size : 12px;
2037         font-weight : normal;
2038         line-height : 200%;
2039 }
2040
2041 div.dlgButtons {
2042         text-align : right;
2043         clear : both;
2044 }
2045
2046 div#label_test_result {
2047         clear : both;
2048 }
2049
2050 pre, code {
2051         font-size : 12px;
2052         font-family : monospace;
2053 }
2054
2055 span#headlineActionsDrop {
2056         border : 1px solid #c0c0c0;
2057         padding : 1px 5px 1px 10px;
2058         color : #063064;
2059         cursor : pointer;
2060 }
2061
2062 ul#headlineActionsBody {
2063         list-style-type : none;
2064         position : absolute;
2065         margin : 0px;
2066         padding : 0px;
2067         background-color : white;
2068         width : 150px;
2069         z-index : 4;
2070         top : auto;
2071         left : auto;
2072         border-width : 1px 1px 1px 1px;
2073         border-color : #c0c0c0;
2074         border-style : solid;
2075         margin-left : -1px;
2076         max-height : 250px;
2077         overflow : auto;
2078 }
2079
2080 ul#headlineActionsBody li {
2081         padding : 2px 5px 2px 10px;
2082         color : black;
2083 }
2084
2085 ul#headlineActionsBody li:hover {
2086         color : #4684ff;
2087         cursor : pointer;
2088         background : #ecf4ff;
2089 }
2090
2091 ul#headlineActionsBody li.insensitive {
2092         color : gray;
2093 }
2094
2095 ul#headlineActionsBody li.insensitive:hover {
2096         background : white;
2097         cursor : normal;
2098         color : gray;
2099 }
2100
2101 div#errorBox div#xebTitle {
2102         background-color : #ff0000;
2103         color : white;
2104         padding : 4px 2px 4px 10px;
2105         color : white;
2106         font-weight : bold;
2107         font-size : 12px;
2108 }
2109
2110 div#errorBox div#xebContent {
2111         font-size : 12px;
2112         padding : 10px;
2113 }
2114
2115 div#errorBox textarea {
2116         width : 100%;
2117         height : 200px;
2118 }
2119
2120 div#errorBox input {
2121         margin-bottom : 10px;
2122 }
2123
2124 span.prefsLabelEntry {
2125         padding : 2px;
2126 }
2127
2128 div.labelColorIndicator {
2129         height : 14px;
2130         width : 14px;
2131         line-height : 14px;
2132         font-height : 9px;
2133         text-align : center;
2134         border : 1px solid black;
2135         float : left;
2136         background-color : #fff7d5;
2137         color : #063064;
2138         margin-right : 10px;
2139 }
2140
2141 div.colorPicker div.colorPickerEntry:hover {
2142         border : 1px solid #88b0f0;
2143 }
2144
2145 div.colorPicker div.ccPrompt:hover {
2146         color : black;
2147 }
2148
2149 div.colorPicker div.colorPickerEntry {
2150         height : 15px;
2151         width : 15px;
2152         line-height : 13px;
2153         font-height : 9px;
2154         text-align : center;
2155         border : 1px solid black;
2156         margin : 5px 5px 0px 0px;
2157         float : left;
2158 }
2159
2160 div.colorPicker {
2161         border : 1px solid #cccccc;
2162         background : #f0f0f0;
2163         width : 110px;
2164         padding : 0px 0px 5px 5px;
2165         position : absolute;
2166         left : auto;
2167         top : auto;
2168         z-index : 3;
2169         color : #909090;
2170 }
2171
2172 div#offlineModeDrop div {
2173         padding : 2px 2px 2px 2px;
2174         text-align : left;
2175 }
2176
2177 div#offlineModeDrop {
2178         position : absolute;
2179         margin : 0px;
2180         padding : 2px;
2181         background-color : white;
2182         z-index : 2;
2183         margin : 2px 0px 0px 0px;
2184         top : auto;
2185         right : 0px;
2186         border : 1px solid #cccccc;
2187         background : white;
2188         min-width : 170px;
2189         margin-left : -1px;
2190         max-height : 250px;
2191         overflow : auto;
2192         color : #909090;
2193 }
2194
2195 optgroup {
2196         color : #5050aa;
2197         font-style : normal;
2198 }
2199
2200 option {
2201         color : black;
2202 }
2203