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