tt-rss.css

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