tt-rss.css

   1 body#ttrssMain {
   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.postContent {
  42         padding : 10px;
  43         font-size : 12px;
  44 }
  45
  46 div.postReply div.postContent img {
  47         border-width : 0px;
  48         max-width : 98%;
  49 }
  50
  51 div.postReply div.postIcon {
  52         float : right;
  53         border : 0px;
  54         margin : 5px;
  55 }
  56
  57 div.postReply div.postIcon img {
  58         max-width : 120px;
  59         display : inline;
  60 }
  61
  62 div.postReply div.postEnclosures {
  63         margin-top : 1em;
  64         color : gray;
  65 }
  66
  67 div.postReply img.tagsPic {
  68         width : 16px;
  69         height : 16px;
  70         margin-left : 4px;
  71         vertical-align : middle;
  72 }
  73
  74 div.articleNote div.articleNoteOps {
  75         text-align : center;
  76         color : #9a8c59;
  77         font-style : italic;
  78         margin-top : 5px;
  79 }
  80
  81 div.articleNote div.articleNoteOps a {
  82         color : #9a8c59;
  83 }
  84
  85 div.articleNote div.articleNoteOps a:hover {
  86         color : black;
  87 }
  88
  89 div.articleNote {
  90         background-color : #fff7d5;
  91         border-width : 1px;
  92         padding : 5px;
  93         border-style : dashed;
  94         border-color : #e7d796;
  95         font-size : 8px;
  96         margin-bottom : 5px;
  97         margin-top : 5px;
  98         margin-left : 5px;
  99         float : right;
 100         color : #9a8c59;
 101         max-width : 150px;
 102         text-align : justify;
 103 }
 104
 105 div.postReply span.author {
 106         font-size : 12px;
 107 }
 108
 109 ul.feedList span.feedlink:hover {
 110         cursor : pointer;
 111         color : #4684ff;
 112 }
 113
 114
 115 ul.feedList img.hlLoading {
 116         margin-left : 5px;
 117         vertical-align : middle;
 118         height : 10px;
 119 }
 120
 121 ul.feedList {
 122         list-style-type : none;
 123         margin : 5px 5px 5px 0px;
 124         padding : 0px 0px 0px 5px;
 125         font-size : 12px;
 126 }
 127
 128 ul.feedList li.feedCat, ul.feedList li.virtCat {
 129         margin : 0px;
 130         padding : 3px 0px 3px 0px;
 131         color : #707070;
 132         font-size : 12px;
 133 }
 134
 135 ul.feedList img.catCollapse {
 136         cursor : pointer;
 137         vertical-align : middle;
 138         width : 11px;
 139         height : 11px;
 140         padding-bottom : 3px;
 141 }
 142
 143 ul.feedList span.catTitle {
 144         color : #707070;
 145         cursor : pointer;
 146 }
 147
 148 ul.feedList span.catTitle:hover {
 149         color : #4684ff;
 150 }
 151
 152 ul.feedList li.feedCat.Selected {
 153         margin : 0px;
 154         padding : 3px 0px 3px 0px;
 155         color : #4684ff;
 156         font-size : 12px;
 157 }
 158
 159 ul.feedList li.feedCat.Selected span.catTitle {
 160         color : #4684ff;
 161         cursor : pointer;
 162 }
 163
 164 ul.feedCatList {
 165         list-style-type : none;
 166         margin : 0px 0px 0px 20px;
 167         padding : 0px;
 168 }
 169
 170 ul.feedCatList li {
 171         margin : 0px;
 172         padding : 0px 0px 2px 0px;
 173         color : black;
 174 }
 175
 176 ul.feedList > li {
 177         padding : 0px 0px 2px 0px;
 178 }
 179
 180 ul.feedCatList img, ul.feedList img {
 181         vertical-align : bottom;
 182 }
 183
 184 li.feed.Unread,
 185 li.error.Unread,
 186 li.label.Unread,
 187 li.virt.Unread,
 188 li.tag.Unread {
 189         font-weight : bold;
 190 }
 191
 192 li.error.Selected span.feedlink,
 193 li.error span.feedlink,
 194 li.error.Unread span.feedlink,
 195 li.error.Unread.Selected span.feedlink {
 196         color : #f04040;
 197 }
 198
 199 li.feed.Selected span.feedlink,
 200 li.label.Selected span.feedlink,
 201 li.virt.Selected span.feedlink,
 202 li.tag.Selected span.feedlink {
 203         color : #4684ff;
 204 }
 205
 206 li.feed.Unread.Selected span.feedlink,
 207 li.label.Unread.Selected span.feedlink,
 208 li.virt.Unread.Selected span.feedlink,
 209 li.tag.Unread.Selected span.feedlink {
 210         color : #4684ff;
 211 }
 212
 213 li.feed.Unread.Selected,
 214 li.error.Unread.Selected,
 215 li.label.Unread.Selected,
 216 li.virt.Unread.Selected,
 217 li.tag.Unread.Selected {
 218         font-weight : bold;
 219 }
 220
 221 li.feed {
 222         display : block;
 223 }
 224
 225 ul.feedList img, img.tinyFeedIcon {
 226         margin : 0px 3px 0px 0px;
 227         width : 16px;
 228         height : 16px;
 229         vertical-align : middle;
 230         border-width : 0px;
 231 }
 232
 233 h1 {
 234         font-size : 18px;
 235 }
 236
 237 h2 {
 238         font-size : 16px;
 239         font-weight : bold;
 240         border-width : 0px 0px 1px 0px;
 241         border-style : solid;
 242         border-color : #ecf4ff;
 243 }
 244
 245 h3 {
 246         font-size : 12px;
 247         font-weight : bold;
 248         border-width : 0px 0px 1px 0px;
 249         border-style : solid;
 250         border-color : #ecf4ff;
 251 }
 252
 253 hr {
 254         border-width : 0px 0px 1px 0px;
 255         border-style : dashed;
 256         border-color : #e0e0e0;
 257 }
 258
 259 a {
 260         color : black;
 261         text-decoration : none;
 262 }
 263
 264 a:hover {
 265         color : #4684ff;
 266 }
 267
 268 #piggie {
 269         z-index : 999;
 270         position : absolute;
 271 }
 272
 273 textarea.iedit {
 274         width : 100%;
 275 }
 276
 277 input.iedit {
 278         width : 100%;
 279         padding-left : 2px;
 280 }
 281
 282 select.iedit {
 283         width : 100%;
 284 }
 285
 286 input.editbox {
 287         width : 200px;
 288         padding-left : 2px;
 289 }
 290
 291 #notify {
 292         border-width : 0px 1px 1px 1px;
 293         border-style : solid;
 294         top : 0px;
 295         right : 35%;
 296         min-width : 30%;
 297         position : absolute;
 298         display : none;
 299         float : right;
 300         font-size : 12px;
 301         z-index : 998;
 302         padding : 5px 5px 5px 5px;
 303 }
 304
 305 #notify img {
 306         vertical-align : middle;
 307 }
 308
 309 .notifyProgress {
 310         border-color : #d7c47a;
 311         background-color : #fff7d5;
 312         color : black;
 313 }
 314
 315 .notifyInfo {
 316         border-color : #7AD78E;
 317         background-color : #D5FFDB;
 318         color : black;
 319 }
 320
 321 .notify {
 322         border-color : #d7c47a;
 323         background-color : #fff7d5;
 324         color : black;
 325 }
 326
 327 .notifyError {
 328         background-color : #ffcccc;
 329         border-color : #ff0000;
 330         color : black;
 331 }
 332
 333 .notifyError span:hover {
 334         color : red;
 335         cursor : pointer;
 336 }
 337
 338 #dispSwitch {
 339         font-size : 12px;
 340         font-family : "Lucida Grande", Arial, sans-serif;
 341         text-align : right;
 342         float : right;
 343         margin : 5px 5px 0px 0px;
 344 }
 345
 346 #dispSwitch a {
 347         color : gray;
 348 }
 349
 350 #dispSwitch a:hover {
 351         color : #4684ff;
 352 }
 353
 354 .even.Unread.Selected, .even.Unread.Selected td {
 355         background-color : #fff7d5;
 356         font-weight : bold;
 357         border-width : 0px 0px 1px 0px;
 358         border-style : solid;
 359         border-color : #e7d796;
 360 }
 361
 362 .odd.Unread.Selected, .odd.Unread.Selected td {
 363         background-color : #fff7d5;
 364         font-weight : bold;
 365         border-width : 0px 0px 1px 0px;
 366         border-style : solid;
 367         border-color : #e7d796;
 368 }
 369
 370 .even.Selected, .even.Selected td {
 371         background-color : #fff7d5;
 372         border-width : 0px 0px 1px 0px;
 373         border-style : solid;
 374         border-color : #e7d796;
 375         border-collapse : collapse;
 376 }
 377
 378 .odd.Selected, .odd.Selected td {
 379         background-color : #fff7d5;
 380         border-width : 0px 0px 1px 0px;
 381         border-style : solid;
 382         border-color : #e7d796;
 383         border-collapse : collapse;
 384 }
 385
 386 .even.Grayed, .even.Grayed td {
 387         background-color : #f0f0f0;
 388         color : #909090;
 389         border-width : 0px 0px 1px 0px;
 390         border-style : solid;
 391         border-color : #c0c0c0;
 392         border-collapse : collapse;
 393 }
 394
 395 .odd.Grayed {
 396         color : #909090;
 397 }
 398
 399 .even, .even td {
 400         border-width : 0px 0px 1px 0px;
 401         border-style : solid;
 402         border-color : #c0c0c0;
 403         background-color : #f0f0f0;
 404         border-collapse : collapse;
 405 }
 406
 407 .odd, .odd td {
 408         border-width : 0px 0px 1px 0px;
 409         border-style : solid;
 410         border-color : #c0c0c0;
 411         border-collapse : collapse;
 412 }
 413
 414 .even.Unread, .even.Unread td {
 415         background-color : #f0f0f0;
 416         font-weight : bold;
 417         border-width : 0px 0px 1px 0px;
 418         border-style : solid;
 419         border-color : #c0c0c0;
 420         border-collapse : collapse;
 421 }
 422
 423 .odd.Unread, .odd.Unread td {
 424         font-weight : bold;
 425         border-width : 0px 0px 1px 0px;
 426         border-style : solid;
 427         border-color : #c0c0c0;
 428 }
 429
 430 .invisible {
 431         display : none;
 432 }
 433
 434 /* preferences */
 435
 436 table.prefPrefsList tr:hover td.prefValue {
 437         color : #88b0f0;
 438 }
 439
 440 table.prefPrefsList tr:hover td.prefValue input {
 441         color : #88b0f0;
 442 }
 443
 444 tr.title td {
 445         border-width : 0px 0px 1px 0px;
 446         border-color : #ecf4ff;
 447         border-style : solid;
 448         color : #4684ff;
 449 }
 450
 451 tr.title td a {
 452         color : #4684ff;
 453 }
 454
 455 tr.title td a:hover {
 456         color : black;
 457 }
 458
 459 table.prefFeedList td.feedEditCat {
 460         font-weight : bold;
 461         border-width : 0px 0px 1px 0px;
 462         border-style : solid;
 463         border-color : #88b0f0;
 464         padding-top : 0.5em;
 465 }
 466
 467 table.prefFilterList td.filterEditCat {
 468         font-weight : bold;
 469         border-width : 0px 0px 1px 0px;
 470         border-style : solid;
 471         border-color : #88b0f0;
 472         padding-top : 0.5em;
 473 }
 474
 475 /* oh for the love of... */
 476
 477 table.prefFilterList tr.even,
 478 table.prefFilterList tr.odd,
 479 table.prefFilterList tr.evenSelected,
 480 table.prefFilterList tr.oddSelected,
 481 table.prefLabelList tr.even,
 482 table.prefLabelList tr.odd,
 483 table.prefLabelList tr.evenSelected,
 484 table.prefLabelList tr.oddSelected,
 485 table.prefUserList tr.even,
 486 table.prefUserList tr.odd,
 487 table.prefUserList tr.evenSelected,
 488 table.prefUserList tr.oddSelected,
 489 table.prefFeedList tr.even,
 490 table.prefFeedList tr.odd,
 491 table.prefFeedList tr.evenSelected,
 492 table.prefFeedList tr.oddSelected
 493 {
 494         cursor : pointer;
 495 }
 496
 497 table.prefFilterList tr.even:hover td,
 498 table.prefFilterList tr.odd:hover td,
 499 table.prefFilterList tr.evenSelected:hover td,
 500 table.prefFilterList tr.oddSelected:hover td
 501 table.prefLabelList tr.even:hover td,
 502 table.prefLabelList tr.odd:hover td,
 503 table.prefLabelList tr.evenSelected:hover td,
 504 table.prefLabelList tr.oddSelected:hover td,
 505 table.prefUserList tr.even:hover td,
 506 table.prefUserList tr.odd:hover td,
 507 table.prefUserList tr.evenSelected:hover td,
 508 table.prefUserList tr.oddSelected:hover td,
 509 table.prefFeedList tr.even:hover td,
 510 table.prefFeedList tr.odd:hover td,
 511 table.prefFeedList tr.evenSelected:hover td,
 512 table.prefFeedList tr.oddSelected:hover td
 513 {
 514         color : #88b0f0;
 515 }
 516
 517 table.prefFeedList td.feedIcon {
 518         text-align : center;
 519 }
 520
 521 table.prefFeedList td.feedSelect {
 522         text-align : center;
 523 }
 524
 525 div.prefFeedCatHolder {
 526         height : 250px;
 527         overflow : auto;
 528         border : 1px solid #99d67a;
 529         margin : 5px 0px 5px 0px;
 530         background-color : white;
 531 }
 532
 533 a.helpLink {
 534         color : #808080;
 535 }
 536
 537 a.helpLink:hover {
 538         color : #4684ff;
 539 }
 540
 541 pre {
 542         margin : 5px;
 543 }
 544
 545 input.extSearch {
 546         width : 100%;
 547 }
 548
 549 div.firstTab {
 550         width : 10px;
 551         float : left;
 552 }
 553
 554 div.prefsTab:hover {
 555         cursor : pointer;
 556 }
 557
 558 div.prefsTab.Selected:hover {
 559         cursor : pointer;
 560 }
 561
 562 div.prefsTab {
 563         float : left;
 564         border-width : 1px 1px 0px 1px;
 565         border-color : #C4D1E4;
 566         border-style : solid;
 567         margin : 0px 0px 0px 5px;
 568         padding : 3px 5px 3px 5px;
 569         font-size : 12px;
 570         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 571         border-collapse : collapse;
 572         min-width : 100px;
 573         text-align : center;
 574         cursor : pointer;
 575         position : relative;
 576         bottom : -1px;
 577         height : 30px;
 578 }
 579
 580 div.prefsTab.Selected {
 581         float : left;
 582         border-width : 1px 1px 0px 1px;
 583         border-color : #88b0f0;
 584         border-style : solid;
 585         margin : 0px 0px 0px 5px;
 586         padding : 3px 5px 3px 5px;
 587         background-color : #ecf4ff;
 588         font-size : 12px;
 589         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 590         border-collapse : collapse;
 591         font-weight : bold;
 592         min-width : 100px;
 593         text-align : center;
 594         cursor : pointer;
 595         position : relative;
 596         bottom : -1px;
 597         z-index : 3;
 598         height : 30px;
 599 }
 600
 601 div.notice {
 602         background : #ffffff;
 603         border : 1px solid #88b0f0;
 604         width : 60%;
 605         padding : 5px;
 606         margin : 0px 0px 5px 0px;
 607         font-size : 12px;
 608 }
 609
 610 div.warning {
 611         background : #fff7d5;
 612         border : 1px solid #d7c47a;
 613         font-size : 12px;
 614         width : 60%;
 615         padding : 5px;
 616         margin : 0px 0px 5px 0px;
 617 }
 618
 619 div.warning img, div.notice img, div.error img {
 620         vertical-align : middle;
 621         padding : 5px;
 622 }
 623
 624 span.filterDateError {
 625         color : #ff0000;
 626 }
 627
 628 div.error {
 629         border : 1px solid #ff0000;
 630         background : #ffcccc;
 631         padding : 5px;
 632         margin : 0px 0px 5px 0px;
 633         font-size : 12px;
 634 }
 635
 636 ul.nomarks {
 637         list-style-type : none;
 638         margin : 0px;
 639         padding : 10px;
 640 }
 641
 642 div.prefHelp, td.prefHelp {
 643         color : gray;
 644         padding : 5px;
 645 }
 646
 647 table.loginForm {
 648         background-color : #ecf4ff;
 649 }
 650
 651 span.feed_error {
 652         color : red;
 653 }
 654
 655 .insensitive {
 656         color : gray;
 657 }
 658
 659 .insensitive a {
 660         color : #4684ff;
 661 }
 662
 663 .insensitive a:hover {
 664         color : black;
 665 }
 666
 667 .small {
 668         font-size : 11px;
 669 }
 670
 671 table.innerFeedTable td {
 672         margin : 0px;
 673         padding : 0px;
 674 }
 675
 676 td.selectPrompt {
 677         font-size : 12px;
 678         color : gray;
 679 }
 680
 681 div#headlines-toolbar {
 682         border-width : 0px;
 683         background-color : white;
 684         font-size : 11px;
 685         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 686         color : gray;
 687         padding : 0px 5px 0px 0px;
 688         margin : 0px;
 689         overflow : hidden;
 690 }
 691
 692 /* div.headlines-toolbar * {
 693         line-height : normal;
 694 } */
 695
 696 div#headlines-toolbar div#subtoolbar_ftitle {
 697         float : right;
 698         /* line-height : 20px; */
 699 }
 700
 701 span.contentPreview {
 702         font-size : 12px;
 703         color : gray;
 704         font-weight : normal;
 705 }
 706
 707 span.contentPreview:hover {
 708         color : #4684ff;
 709 }
 710
 711 span.hlLabelRef {
 712         background-color : #fff7d5;
 713         font-height : 8px;
 714         color : #063064;
 715         font-weight : normal;
 716         margin : 0px 3px 0px 3px;
 717         padding : 0px 4px 0px 4px;
 718         white-space: nowrap;
 719 }
 720
 721 td.hlSelectRow, td.hlUpdPic {
 722         width : 25px;
 723         text-align : center;
 724 }
 725
 726 div.postHeader div.postDate {
 727         text-align : right;
 728         color : gray;
 729         float : right;
 730 }
 731
 732 div.postHeader div.postDateRTL {
 733         text-align : left;
 734         color : gray;
 735         float : right;
 736 }
 737
 738 div.postHeader div {
 739         padding-bottom : 3px;
 740         font-size : 12px;
 741         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 742 }
 743
 744 #feedUpdateErrors {
 745         display : none;
 746 }
 747
 748 #allEntryTags {
 749         font-size : 12px;
 750         border-width : 0px 0px 1px 0px;
 751         border-style : solid;
 752         border-color : #c0c0c0;
 753         padding-bottom : 5px;
 754         display : none;
 755 }
 756
 757 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 758         height : 1em;
 759 }
 760
 761 td.hlFeed {
 762         text-align : right;
 763 }
 764
 765 span.hlFeed, span.hlFeed a {
 766         font-size : 12px;
 767         color : gray;
 768 }
 769
 770 span.hlFeed a:hover {
 771         color : #4684ff;
 772 }
 773
 774 img.markedPic {
 775         cursor : pointer;
 776 }
 777
 778 a.warning {
 779         color : #f04040;
 780 }
 781
 782 img.closeButton {
 783         border-width : 0px;
 784         float : right;
 785 }
 786
 787 span.groupPrompt {
 788         font-size : 12px;
 789         color : #4684ff;
 790 }
 791
 792 div.tagCloudContainer {
 793         border : 1px solid gray;
 794         background-color : white;
 795         margin : 5px 0px 5px 0px;
 796         padding : 5px;
 797         text-align : center;
 798 }
 799
 800 div.errorExplained {
 801         border : 1px solid #99d67a;
 802         background-color : white;
 803         margin : 5px 0px 5px 0px;
 804         padding : 5px;
 805 }
 806
 807 ul.feedErrorsList {
 808         height : 300px;
 809         overflow : auto;
 810         list-style-type : none;
 811         border : 1px solid #99d67a;
 812         background-color : white;
 813         margin : 0px 0px 5px 0px;
 814         padding : 0px;
 815 }
 816
 817 ul.userFeedList {
 818         height : 300px;
 819         overflow : auto;
 820         list-style-type : none;
 821         border : 1px solid #99d67a;
 822         background-color : white;
 823         margin : 0px 0px 5px 0px;
 824         padding : 0px;
 825 }
 826
 827 ul.browseFeedList {
 828         height : 300px;
 829         overflow : auto;
 830         list-style-type : none;
 831         margin : 0px 0px 5px 0px;
 832         padding : 0px;
 833         border : 1px solid #99d67a;
 834         background-color : white;
 835 }
 836
 837 ul.browseFeedList li {
 838         margin : 0px;
 839         padding : 0px;
 840 }
 841
 842 span.subscribers {
 843         color : #808080;
 844 }
 845
 846 div.subscribers {
 847         color : #808080;
 848         font-size : 12px;
 849         float : right;
 850 }
 851
 852 input.feedBrowseCB {
 853         margin-right : 1em;
 854 }
 855
 856 div.browserDetails {
 857         margin : 5px 5px 5px 5px;
 858         padding : 5px;
 859 }
 860
 861 ul.compact {
 862         list-style-type : none;
 863         margin : 0px;
 864         padding : 0px;
 865 }
 866
 867 ul.compact li {
 868         margin : 0px;
 869         padding : 0px;
 870 }
 871
 872 div.browserFeedInfo {
 873         font-size : 12px;
 874 /*      border : 1px solid #88b0f0;
 875         background-color : #ecf4ff;
 876         -moz-border-radius : 5px; */
 877         padding : 5px;
 878 }
 879
 880 div.browserFeedInfo div.detailsPart {
 881         margin : 5px 0px 5px 5px;
 882 }
 883
 884 .noborder {
 885         border-width : 0px;
 886 }
 887
 888 #dialog_overlay {
 889         left : 0;
 890         top : 0;
 891         height : 100%;
 892         width : 100%;
 893         z-index : 4;
 894         position : absolute;
 895         background-image : url("images/shadow_white.png");
 896 }
 897
 898 #overlay {
 899         background : white;
 900         left : 0;
 901         top : 0;
 902         height : 100%;
 903         width : 100%;
 904         z-index : 100;
 905         position : absolute;
 906 }
 907
 908 #overlay_inner {
 909         font-weight : bold;
 910         margin : 10px;
 911 }
 912
 913 #noDaemonWarning {
 914         position : absolute;
 915         background-color : #ecf4ff;
 916         border : 1px solid #88b0f0;
 917         padding : 10px;
 918         margin : 5px;
 919         z-index : 2;
 920         display : none;
 921 }
 922
 923 #qafInput {
 924         width : 100%;
 925 }
 926
 927 form {
 928         margin : 0px;
 929         padding : 0px;
 930 }
 931
 932 #main_toolbar_form {
 933         margin : 0px;
 934         padding : 0px;
 935         display : inline;
 936 }
 937
 938 div.feedExtInfo {
 939         margin-left : 2em;
 940         font-size : 7pt;
 941         color : gray;
 942         font-weight : normal;
 943 }
 944
 945 span.debugTS {
 946         color : #4684ff;
 947 }
 948
 949 #backReqBox {
 950         display : none;
 951 }
 952
 953 /*.scriptWarn:before {
 954         content : "Disabled script:";
 955 }*/
 956
 957 .scriptWarn {
 958         color : white;
 959         background-color : #903030;
 960         border : 1px solid #601010;
 961         padding : 3px;
 962         font-weight : bold;
 963         display : none;
 964 }
 965
 966 .objectWarn {
 967         color : gray;
 968         font-style: italic;
 969         text-align : center;
 970 }
 971
 972 table.loginForm2 {
 973         padding : 1em;
 974 }
 975
 976 table.loginForm2 .loginTop {
 977         border-width : 0px 0px 1px 0px;
 978         border-color : #88b0f0;
 979         border-style : solid;
 980         padding : 0.5em;
 981 }
 982
 983 table.loginForm2 .loginMiddle {
 984         padding : 3em;
 985 }
 986
 987 table.loginForm2 .loginBottom {
 988         border-width : 1px 0px 0px 0px;
 989         border-color : #88b0f0;
 990         border-style : solid;
 991         font-size : 12px;
 992         text-align : center;
 993         color : #909090;
 994         padding : 0.5em;
 995 }
 996
 997 table.loginForm2 .loginBottom a {
 998         color : gray;
 999 }
1000
1001 table.loginForm2 .loginBottom a:hover {
1002         color : #4684ff;
1003 }
1004
1005 table.loginForm2 .loginError {
1006         color : red;
1007         margin : 0.5em;
1008 }
1009
1010 table.loginForm2 .innerLoginCell {
1011         padding-top : 0.5em;
1012 }
1013
1014 #milestoneDetails {
1015         display : none;
1016 }
1017
1018 div.loadingPrompt {
1019         padding : 1em;
1020         text-align : center;
1021         font-weight : bold;
1022 }
1023
1024 div.whiteBox {
1025         margin-left : 1px;
1026         text-align : center;
1027         padding : 1em;
1028 }
1029
1030 html, body, #main {
1031         width: 100%;
1032         height: 100%;
1033         border: 0;
1034         padding: 0;
1035         margin: 0;
1036 }
1037
1038 #toolbar div.actionChooser {
1039         /* margin-right : 5px; */
1040         float : right;
1041 }
1042
1043 /* layout */
1044
1045 /* #header {
1046         position : absolute;
1047         white-space: nowrap;
1048         top : 5px;
1049         left : 15px;
1050         right : 5px;
1051         height : 35px;
1052         color : #4684ff;
1053         font-size : 12px;
1054 }
1055
1056 #feeds-holder {
1057         border-width : 1px 1px 0px 0px;
1058         border-style : solid solid;
1059         border-color : #C4D1E4 #88b0f0;
1060         top : 40px;
1061         left : 0px;
1062         position : absolute;
1063         width : 260px;
1064         overflow : auto;
1065         bottom : 0px;
1066         border-collapse : collapse;
1067 }
1068
1069 #toolbar div.actionChooser {
1070         margin-right : 5px;
1071         float : right;
1072 }
1073
1074 #toolbar {
1075         position : absolute;
1076         left : 261px;
1077         padding : 0px 0px 0px 10px;
1078         top : 40px;
1079         right : 0px;
1080         white-space: nowrap;
1081         height : 30px;
1082         background-image : url("images/toolbar.png");
1083         background-position : bottom left;
1084         background-repeat : repeat-x;
1085         font-size : 12px;
1086 }
1087
1088 #toolbar input {
1089         vertical-align : middle;
1090 }
1091
1092 div.headlines_normal {
1093         position : absolute;
1094         border-width : 1px 0px 0px 0px;
1095         border-style : solid;
1096         border-color : #88b0f0;
1097         left : 261px;
1098         height : 305px;
1099         top : 70px;
1100         right : 0px;
1101         overflow : hidden;
1102         font-size : 12px;
1103         border-collapse : collapse;
1104 }
1105
1106 div.headlines_cdm {
1107         position : absolute;
1108         border-width : 1px 0px 1px 0px;
1109         border-style : solid;
1110         border-color : #88b0f0;
1111         left : 261px;
1112         bottom : 40px;
1113         top : 70px;
1114         right : 0px;
1115         overflow : hidden;
1116         font-size : 12px;
1117         border-collapse : collapse;
1118 }
1119
1120 #content-frame {
1121         position : absolute;
1122         border-width : 1px 0px 0px 0px;
1123         border-style : solid;
1124         border-color : #88b0f0;
1125         overflow : auto;
1126         top : 390px;
1127         left : 261px;
1128         bottom : 40px;
1129         right : 0px;
1130         border-collapse : collapse;
1131 }
1132
1133 #resize-grabber {
1134         height : 5px;
1135         border-width : 0px 0px 1px 0px;
1136         border-style : solid;
1137         border-color : #88b0f0;
1138         background : url("images/resize_horiz.png") top left;
1139         cursor : move;
1140         text-align : center;
1141 }
1142
1143 #footer, #prefFooter {
1144         position : absolute;
1145         bottom : 0px;
1146         height : 20px;
1147         text-align : center;
1148         color : gray;
1149         font-size : 12px;
1150         background-image : url("images/footer.png");
1151         background-position : top left;
1152         background-repeat : repeat-x;
1153         background-color : white;
1154         right : 0px;
1155         left : 261px;
1156         padding : 10px;
1157         border-collapse : collapse;
1158         border-width : 1px 0px 0px 0px;
1159         border-style : solid;
1160         border-color : #88b0f0;
1161
1162 }
1163
1164 #prefFooter {
1165         left : 0px;
1166 }
1167
1168 #footer a, #prefFooter a {
1169         color : gray;
1170 }
1171
1172 #footer a:hover, #prefFooter a:hover {
1173         color : black;
1174 }
1175
1176 #headlinesContainer {
1177         margin-left : 0px;
1178         background-color : white;
1179 }
1180
1181 #headlineActionsTop {
1182         font-size : 12px;
1183 }
1184
1185 #headlinesInnerContainer {
1186         overflow : auto;
1187         position : absolute;
1188         left : 0px;
1189         right : 0px;
1190         bottom : 0px;
1191         top : 25px;
1192 } */
1193
1194 /* preferences layout */
1195
1196 #prefHeader {
1197         color : #4684ff;
1198         font-size : 12px;
1199         margin : 10px;
1200         height : 33px;
1201 }
1202
1203 div.return {
1204         float : right;
1205         font-size : 12px;
1206         margin-right : 10px;
1207 }
1208
1209 div.return a {
1210         color : #4684ff;
1211 }
1212
1213 div.return a:hover {
1214         color : black;
1215 }
1216
1217 #prefContentOuter {
1218         clear : left;
1219         position : absolute;
1220         bottom : 41px;
1221         top : 75px;
1222         left : 0px;
1223         right : 0px;
1224         min-height : 300px;
1225         border-width : 1px 0px 0px 0px;
1226         border-color : #88b0f0;
1227         border-style : solid;
1228         font-size : 12px;
1229 }
1230
1231 #prefContent {
1232         z-index : 4;
1233         background-image : url("images/prefs-content.png");
1234         background-position : top left;
1235         background-repeat : repeat-x;
1236         position : absolute;
1237         bottom : 0px;
1238         top : 0px;
1239         left : 0px;
1240         right : 0px;
1241         padding : 1em;
1242         overflow : auto;
1243
1244 }
1245
1246 #userSwitch {
1247         position : absolute;
1248         bottom : 2px;
1249         right : 2px;
1250 }
1251
1252 .catCtr.Unread, .feedCtr.Unread {
1253         font-weight : bold;
1254         color : #707070;
1255         display : inline;
1256 }
1257
1258 .catCtr, .feedCtr {
1259         display : none;
1260 }
1261
1262 div.topLinks img {
1263         vertical-align : middle;
1264         cursor : pointer;
1265 }
1266
1267 #offlineModePic {
1268         margin-left : 5px;
1269 }
1270
1271 a.helpLinkPic img {
1272         border-width : 0px;
1273         vertical-align : middle;
1274 }
1275
1276 li.feedCatHolder {
1277         display : inline;
1278 }
1279
1280 table.prefFeedCatList {
1281         background-color : white;
1282 }
1283
1284 div.autocomplete {
1285         position : absolute;
1286         width : 250px;
1287         background-color : white;
1288         border :1px solid #778899;
1289         margin : 0px;
1290         padding : 0px;
1291 }
1292
1293 div.autocomplete ul {
1294         list-style-type : none;
1295         margin : 0px;
1296         padding : 0px;
1297 }
1298
1299 div.autocomplete ul li.selected {
1300         background-color : #fff7d5;
1301 }
1302
1303 div.autocomplete ul li {
1304         list-style-type : none;
1305         display : block;
1306         margin : 0;
1307         padding : 2px;
1308         height : 32px;
1309         cursor : pointer;
1310 }
1311
1312 #feedOpToolbar {
1313         float : right;
1314 }
1315
1316 div.topLinks {
1317         float : right;
1318         color : gray;
1319         font-size : 12px;
1320 }
1321
1322 div.topLinks a {
1323         color : #4684ff;
1324 }
1325
1326 div.topLinks a:hover {
1327         color : black;
1328 }
1329
1330 div.topLinks a.feedback {
1331         color : #009900;
1332 }
1333
1334 a.visibleLink {
1335         color : #4684ff;
1336 }
1337
1338 a.visibleLinkB {
1339         color : #4684ff;
1340         border : 1px solid #4684ff;
1341         padding : 2px;
1342 }
1343
1344 a.visibleLinkB:hover {
1345         background-color : #ecf4ff;
1346 }
1347
1348 .hlContentH a, .hlContentH span {
1349         color : #00cc00;
1350 }
1351
1352 .hlContentL a, .hlContentL span {
1353         color : #909090;
1354         text-decoration : line-through;
1355 }
1356
1357 span.titleWrapH, span.titleWrapH a {
1358         color : #00cc00;
1359 }
1360
1361 span.titleWrapL, span.titleWrapL a {
1362         color : #909090;
1363         text-decoration : line-through;
1364 }
1365
1366 img.hlScorePic {
1367         vertical-align : middle;
1368         width : 16px;
1369         height : 16px;
1370 }
1371
1372 div#hotkey_help_overlay {
1373         position : absolute;
1374         left : 30px;
1375         right : 30px;
1376         top : 30px;
1377         z-index : 999;
1378         color : white;
1379         font-size : 15px;
1380 }
1381
1382 div#hotkey_help_overlay h1 {
1383         text-align : center;
1384 }
1385
1386 div#hotkey_help_overlay ul {
1387         list-style-type : none;
1388         margin : 0px;
1389 }
1390
1391 div#hotkey_help_overlay li {
1392         margin : 0px;
1393 }
1394
1395 div#hotkey_help_overlay p {
1396         text-align : center;
1397 }
1398
1399 div#hotkey_help_overlay td.n {
1400         text-align : right;
1401         font-weight : bold;
1402         width : 6em;
1403         color : #a0ffa0;
1404         padding-right : 5px;
1405 }
1406
1407 div#hotkey_help_overlay td {
1408         vertical-align : top;
1409 }
1410
1411 div#hotkey_help_overlay h1 {
1412         margin : 0px;
1413 }
1414
1415 div#hotkey_help_overlay h2 {
1416         font-size : 16px;
1417         border-width : 0px;
1418         margin : 0.3em 0px 0.3em 0px;
1419         text-align : center;
1420         color : #88b0f0;
1421 }
1422
1423 div#hotkey_help_overlay table.hho td.c1 {
1424         height : 30px;
1425         width : 30px;
1426         background : url("images/c1.png");
1427         background-repeat : no-repeat;
1428
1429 }
1430
1431 div#hotkey_help_overlay table.hho td.c2 {
1432         height : 30px;
1433         width : 30px;
1434         background : url("images/c2.png");
1435         background-repeat : no-repeat;
1436 }
1437
1438 div#hotkey_help_overlay table.hho td.c3 {
1439         height : 30px;
1440         width : 30px;
1441         background : url("images/c3.png");
1442         background-repeat : no-repeat;
1443 }
1444
1445 div#hotkey_help_overlay table.hho td.c4 {
1446         height : 30px;
1447         width : 30px;
1448         background : url("images/c4.png");
1449         background-repeat : no-repeat;
1450 }
1451
1452 div#hotkey_help_overlay table.hho td.top,
1453 div#hotkey_help_overlay table.hho td.left,
1454 div#hotkey_help_overlay table.hho td.right,
1455 div#hotkey_help_overlay table.hho td.bottom,
1456 div#hotkey_help_overlay table.hho td.content {
1457         background : url("images/shadow_dark.png");
1458 }
1459
1460 div#hotkey_help_overlay table.hho td.top,
1461 div#hotkey_help_overlay table.hho td.bottom {
1462         text-align : center;
1463         font-size : 11px;
1464 }
1465
1466 div.prefKbdHelp {
1467         float : right;
1468         font-size : 12px;
1469         margin-right : 15px;
1470 }
1471
1472 div.prefKbdHelp img {
1473         vertical-align : middle;
1474 }
1475
1476 div#l_progress_o {
1477         width : 200px;
1478         border : 1px solid black;
1479         background-color : white;
1480         margin-top : 10px;
1481 }
1482
1483 div#l_progress_i {
1484         width : 10px;
1485         background-color : #88b0f0;
1486         height : 10px;
1487 }
1488
1489 /* #content-insert {
1490         background-color : white;
1491         overflow : auto;
1492         position : absolute;
1493         left : 0px;
1494         right : 0px;
1495         bottom : 0px;
1496         top : 6px;
1497 } */
1498
1499 div.dlgSec {
1500         font-size : 12px;
1501         color : gray;
1502         font-weight : bold;
1503         clear : both;
1504         height : 20px;
1505 }
1506
1507 div.dlgSecCont {
1508         position : relative;
1509         left : 150px;
1510         top : -20px;
1511         float : left;
1512         font-size : 12px;
1513         font-weight : normal;
1514         line-height : 200%;
1515 }
1516
1517 div.dlgButtons {
1518         text-align : right;
1519         clear : both;
1520 }
1521
1522 pre, code {
1523         font-size : 12px;
1524         font-family : monospace;
1525 }
1526
1527 span#headlineActionsDrop {
1528         border : 1px solid #c0c0c0;
1529         padding : 1px 5px 1px 10px;
1530         color : #063064;
1531         cursor : pointer;
1532 }
1533
1534 ul#headlineActionsBody {
1535         list-style-type : none;
1536         position : absolute;
1537         margin : 0px;
1538         padding : 0px;
1539         background-color : white;
1540         width : 150px;
1541         z-index : 4;
1542         top : auto;
1543         left : auto;
1544         border-width : 1px 1px 1px 1px;
1545         border-color : #c0c0c0;
1546         border-style : solid;
1547         margin-left : -1px;
1548         max-height : 250px;
1549         overflow : auto;
1550
1551 }
1552
1553 ul#headlineActionsBody li {
1554         padding : 2px 5px 2px 10px;
1555         color : black;
1556 }
1557
1558 ul#headlineActionsBody li:hover {
1559         color : #4684ff;
1560         cursor : pointer;
1561         background : #ecf4ff;
1562 }
1563
1564 ul#headlineActionsBody li.insensitive {
1565         color : gray;
1566 }
1567
1568 ul#headlineActionsBody li.insensitive:hover {
1569         background : white;
1570         cursor : normal;
1571         color : gray;
1572 }
1573
1574 span.prefsLabelEntry {
1575         padding : 2px;
1576 }
1577
1578 div.labelColorIndicator {
1579         height : 14px;
1580         width : 14px;
1581         line-height : 14px;
1582         font-height : 9px;
1583         text-align : center;
1584         border : 1px solid black;
1585         float : left;
1586         background-color : #fff7d5;
1587         color : #063064;
1588         margin-right : 10px;
1589 }
1590
1591 div.colorPicker div.colorPickerEntry:hover {
1592         border : 1px solid #88b0f0;
1593 }
1594
1595 div.colorPicker div.ccPrompt:hover {
1596         color : black;
1597 }
1598
1599 div.colorPicker div.colorPickerEntry {
1600         height : 15px;
1601         width : 15px;
1602         line-height : 13px;
1603         font-height : 9px;
1604         text-align : center;
1605         border : 1px solid black;
1606         margin : 5px 5px 0px 0px;
1607         float : left;
1608 }
1609
1610 div.colorPicker {
1611         border : 1px solid #cccccc;
1612         background : #f0f0f0;
1613         width : 110px;
1614         padding : 0px 0px 5px 5px;
1615         position : absolute;
1616         left : auto;
1617         top : auto;
1618         z-index : 3;
1619         color : #909090;
1620 }
1621
1622 div#offlineModeDrop div {
1623         padding : 2px 2px 2px 2px;
1624         text-align : left;
1625 }
1626
1627 div#offlineModeDrop {
1628         position : absolute;
1629         margin : 0px;
1630         padding : 2px;
1631         background-color : white;
1632         z-index : 2;
1633         margin : 2px 0px 0px 0px;
1634         top : auto;
1635         right : 0px;
1636         border : 1px solid #cccccc;
1637         background : white;
1638         min-width : 170px;
1639         margin-left : -1px;
1640         max-height : 250px;
1641         overflow : auto;
1642         color : #909090;
1643 }
1644
1645 optgroup {
1646         color : #4684ff;
1647         font-style : normal;
1648 }
1649
1650 option {
1651         color : black;
1652 }
1653
1654 div#cmdline {
1655         position : absolute;
1656         left : 5px;
1657         bottom : 5px;
1658         font-size : 11px;
1659         color : gray;
1660         font-weight : bold;
1661         background-color : white;
1662         border : 1px solid #88b0f0;
1663         padding : 3px 5px 3px 5px;
1664         z-index : 5;
1665 }
1666
1667 #feed_browser_spinner {
1668         vertical-align : middle;
1669         height : 18px;
1670         width : 18px;
1671 }
1672
1673 div#auxDlg {
1674         position : absolute;
1675         z-index : 3;
1676         bottom : 5px;
1677         right : 25px;
1678         padding : 5px;
1679         border-width : 1px;
1680         border-style : solid;
1681         border-color : #d7c47a;
1682         background-color : #fff7d5;
1683         color : black;
1684         text-align : center;
1685         font-size : 13px;
1686 }
1687
1688 div#auxDlg a {
1689         color : #4684ff;
1690 }
1691
1692 div.hlTitle {
1693         display : table-cell;
1694         cursor : pointer;
1695         width : 100%;
1696         vertical-align : middle;
1697         padding-top : 4px;
1698         padding-bottom : 4px;
1699 }
1700
1701 div.hlLeft {
1702         display : table-cell;
1703         vertical-align : middle;
1704         white-space: nowrap;
1705 }
1706
1707 div.hlRight {
1708         display : table-cell;
1709         white-space: nowrap;
1710         text-align : right;
1711         vertical-align : middle;
1712 }
1713
1714 span.hlUpdated {
1715         color : gray;
1716         font-weight : medium;
1717         width : 100px;
1718         display : inline-block;
1719 }
1720
1721 div.hlLeft input {
1722         margin-left : 4px;
1723         margin-right : 4px;
1724 }
1725
1726 div.hlLeft img, div.hlRight img {
1727         margin : 0px 4px 0px 4px;
1728
1729 }
1730
1731 div.hlUpdPic {
1732         display : table-cell;
1733         padding-right : 4px;
1734         padding-left : 4px;
1735         text-align : center;
1736         vertical-align : middle;
1737 }
1738
1739 div.hlUpdPic img {
1740         max-width : 16px;
1741 }
1742
1743
1744 div.fatalError button {
1745         margin-top : 5px;
1746 }
1747
1748 div.fatalError textarea {
1749         width : 100%;
1750         height : 100px;
1751 }
1752
1753 #main {
1754         border-width : 0px;
1755         margin : 0px;
1756         padding : 0px;
1757 }
1758
1759 #content-wrap {
1760         padding : 0px;
1761         border-width : 0px;
1762         margin : 0px;
1763 }
1764
1765 #feeds-holder {
1766         padding : 0px;
1767 }
1768
1769 #headlines-wrap-inner {
1770         padding : 0px;
1771         margin : 0px;
1772         border-width : 0px;
1773 }
1774
1775 #headlines-frame {
1776         padding : 0px;
1777 }
1778
1779 #headlinesInnerContainer {
1780         font-size : 12px;
1781 }
1782
1783 #toolbar {
1784         padding : 0px;
1785         margin : 0px;
1786         border-width : 0px;
1787         white-space: nowrap;
1788         font-size : 12px;
1789 }
1790
1791 #header {
1792         padding : 4px;
1793         border-width : 0px;
1794 }
1795
1796 #footer {
1797         text-align : center;
1798         color : gray;
1799         padding : 4px;
1800         border-width : 0px;
1801 }
1802
1803 #content-insert {
1804         padding : 0px;
1805 }