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