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