tt-rss.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : sans-serif;
   7 }
   8
   9 /* common styles */
  10
  11 table.main td.headerBox {
  12 /*        background-image : url("images/vgrad_light_rev2.png");
  13         background-position : top left;
  14         background-repeat : repeat-x; */
  15                   background-color : white;
  16 }
  17
  18 table.main td.header {
  19         padding : 10px 10px 10px 10px;
  20         height : 70px;
  21 }
  22
  23 table.main td.mainToolbar {
  24         border-width : 0px 0px 0px 0px;
  25         border-style : solid;
  26         border-color : #c0c0c0;
  27         padding : 3px 25px 3px 10px;
  28 }
  29
  30 table.main td.prefsToolbar {
  31         padding : 0px 5px 5px 0px;
  32 }
  33
  34 table.main td.feeds {
  35         width : 290px;
  36         height : 100%;
  37         border-width : 1px 0px 0px 0px;
  38         border-style : solid;
  39         border-color : #88b0f0;
  40         padding : 0px;
  41 }
  42
  43 table.main td.headlinesToolbarBox {
  44         padding : 10px;
  45         border-width : 0px 0px 1px 1px;
  46         border-style : solid;
  47         border-color : #88b0f0;
  48         background-image : url("images/toolbar.png");
  49         background-position : bottom left;
  50         background-repeat : repeat-x;
  51         background-color : white;
  52 }
  53
  54 table.main td.footer {
  55         border-width : 1px 0px 0px 0px;
  56         border-style : solid;
  57         border-color : #88b0f0;
  58         padding : 10px;
  59         text-align : center;
  60         font-size : x-small;
  61         background-image : url("images/footer.png");
  62         background-position : top left;
  63         background-repeat : repeat-x;
  64         background-color : white;
  65         color : black;
  66 }
  67
  68 table.main td.footer a {
  69         color : black;
  70 }
  71
  72 table.main td.footer a:hover {
  73         color : #4684ff;
  74 }
  75
  76 table.main td.headlines {
  77         height : 25%;
  78         border-width : 0px 0px 1px 1px;
  79         border-style : solid;
  80         border-color : #88b0f0;
  81 }
  82
  83 table.main td.headlines2 {
  84         height : 100%;
  85         border-width : 0px 0px 0px 1px;
  86         border-style : solid;
  87         border-color : #c0c0c0;
  88 }
  89
  90 table.main td.content {
  91         height : 100%;
  92         border-width : 0px 0px 0px 1px;
  93         border-style : solid;
  94         border-color : #88b0f0;
  95 }
  96
  97 table.main td.prefContent {
  98         height : 100%;
  99         background-image : url("images/prefs-content.png");
 100         background-position : top left;
 101         background-repeat : repeat-x;
 102         border-width : 1px 0px 0px 0px;
 103         border-style : solid;
 104         border-color : #88b0f0;
 105         padding : 20px;
 106         background-color : white;
 107 }
 108
 109 div.postReply {
 110         height : 100%;
 111         padding : 10px;
 112 }
 113
 114 div.postReply a {
 115         color : #4684ff;
 116 }
 117
 118 div.postReply a:hover {
 119         color : black;
 120 }
 121
 122 div.postReply div.postHeader {
 123         background : #ecf4ff;
 124         border : 1px solid #88b0f0;
 125 }
 126
 127 div.postReply > div.postHeader {
 128         padding : 5px;
 129 }
 130
 131 div.postReply div.postContent {
 132         padding : 10px;
 133 }
 134
 135 div.postReply div.postIcon {
 136         float : right;
 137         border : 0px;
 138         margin : 10px 0px 10px 10px;
 139 }
 140
 141 ul.feedList {
 142         list-style-type : none;
 143         margin : 5px;
 144         padding : 0px 0px 0px 10px;
 145         font-size : x-small;
 146 }
 147
 148 ul.feedList li.feedCat {
 149         margin : 0px;
 150         padding : 3px 0px 3px 0px;
 151         color : #707070;
 152         font-size : x-small;
 153 }
 154
 155 ul.feedList li.feedCat a {
 156         color : #707070;
 157 }
 158
 159 ul.feedList li.feedCat a:hover {
 160         color : #4684ff;
 161 }
 162
 163 ul.feedCatList {
 164         list-style-type : none;
 165         margin : 0px 0px 0px 20px;
 166         padding : 0px;
 167 }
 168
 169 ul.feedCatList li {
 170         margin : 0px;
 171         padding : 0px 0px 0px 0px;
 172         color : black;
 173 }
 174
 175 ul.feedList li {
 176         margin : 0px;
 177 }
 178
 179 ul.feedlist li.feedUnread,
 180 ul.feedlist li.errorUnread,
 181 ul.feedlist li.labelUnread,
 182 ul.feedlist li.virtUnread,
 183 ul.feedlist li.tagUnread {
 184         font-weight : bold;
 185 }
 186
 187 ul.feedlist li.errorSelected a,
 188 ul.feedlist li.error a,
 189 ul.feedlist li.errorUnread a,
 190 ul.feedlist li.errorUnreadSelected a {
 191         color : #f04040;
 192 }
 193
 194 ul.feedlist li.feedSelected a,
 195 ul.feedlist li.labelSelected a,
 196 ul.feedlist li.virtSelected a,
 197 ul.feedlist li.tagSelected a {
 198         color : #4684ff;
 199 }
 200
 201 ul.feedlist li.feedUnreadSelected a,
 202 ul.feedlist li.labelUnreadSelected a,
 203 ul.feedlist li.virtUnreadSelected a,
 204 ul.feedlist li.tagUnreadSelected a {
 205         color : #4684ff;
 206 }
 207
 208 ul.feedlist li.feedUnreadSelected,
 209 ul.feedlist li.errorUnreadSelected,
 210 ul.feedlist li.labelUnreadSelected,
 211 ul.feedlist li.virtUnreadSelected,
 212 ul.feedlist li.tagUnreadSelected {
 213         font-weight : bold;
 214 }
 215
 216 ul.feedList li.feed {
 217         display : block;
 218 }
 219
 220 ul.feedList img, img.tinyFeedIcon {
 221         margin : 0px 3px 0px 0px;
 222         width : 16px;
 223         height : 16px;
 224         border-width : 0px;
 225 }
 226
 227 h1 {
 228         font-size : 16pt;
 229 }
 230
 231 h2 {
 232         font-size : 14pt;
 233         font-weight : bold;
 234         border-width : 0px 0px 1px 0px;
 235         border-style : solid;
 236         border-color : #ecf4ff;
 237 }
 238
 239 h3 {
 240         font-size : 12pt;
 241         font-weight : bold;
 242         border-width : 0px 0px 1px 0px;
 243         border-style : solid;
 244         border-color : #ecf4ff;
 245 }
 246
 247 hr {
 248         border-width : 0px 0px 1px 0px;
 249         border-style : dashed;
 250         border-color : #e0e0e0;
 251 }
 252
 253 a {
 254         color : black;
 255         text-decoration : none;
 256 }
 257
 258 a:hover {
 259         color : #4684ff;
 260 }
 261
 262 #piggie {
 263         width : 400;
 264         height : 400;
 265         right : 0;
 266         top : -400;
 267         background-color : white;
 268         display : none;
 269         z-index : 3;
 270         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 271         background-position : center center;
 272         background-repeat : no-repeat;
 273         position : absolute;
 274         border : 1px solid pink;
 275         margin-left : auto;
 276         margin-right : auto;
 277         -moz-border-radius : 10px;
 278         opacity : 0.8;
 279 }
 280
 281 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 282 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 283 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 284 #iedit_parent_feed {
 285         width : 100%;
 286         padding-left : 2px;
 287 }
 288
 289 input.editbox {
 290         width : 200px;
 291         padding-left : 2px;
 292 }
 293
 294 td.notifyBox {
 295         font-size : 10pt;
 296         text-align : right;
 297 }
 298
 299 #notify {
 300         background : #fff7d5;
 301         border : 1px solid #d7c47a;
 302         padding : 3px;
 303         top : 25px;
 304         right : 150px;
 305         min-width : 300px;
 306         position : absolute;
 307         -moz-border-radius : 3px;
 308         font-size : x-small;
 309         font-weight : bold;
 310         text-align : center;
 311         float : right;
 312         padding : 3px 20px 3px 20px;
 313 }
 314
 315 #dispSwitch {
 316         padding : 5px 5px 5px 0px;
 317         font-size : x-small;
 318         text-align : right;
 319 }
 320
 321 #dispSwitch a {
 322         color : gray;
 323 }
 324
 325 #dispSwitch a:hover {
 326         color : #4684ff;
 327 }
 328
 329 div.expPane {
 330         margin : 15px;
 331 }
 332
 333 iframe {
 334         border : 0px solid white;
 335 }
 336
 337 iframe.feedsFrameWithActions {
 338         width : 100%;
 339         height : 90%;
 340         margin : 0px;
 341         padding : 0px;
 342 }
 343
 344 iframe.feedsFrame {
 345         width : 100%;
 346         height : 100%;
 347         margin : 0px;
 348         padding : 0px;
 349 }
 350
 351 iframe.contentFrame, iframe.headlinesFrame {
 352         width : 100%;
 353         padding : 0px;
 354         margin : 0px;
 355         height : 100%;
 356 }
 357
 358 /*.button {
 359         border : 1px solid #d0d0d0;
 360         background-image : url("images/button.png");
 361         background-position : top;
 362         background-repeat : repeat-x;
 363         background-color : white;
 364         color : black;
 365 }
 366
 367 .button:hover {
 368         background : white;
 369         text-decoration : none;
 370         color : black;
 371 }
 372
 373 .disabledButton {
 374         border : 1px solid #c0c0c0;
 375         background-color : white;
 376         color : gray;
 377 }
 378
 379 a.button {
 380         padding : 2px 5px 2px 5px;
 381         font-size : small;
 382 } */
 383
 384 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 385         .evenSelectedUnread td {
 386         background-color : #fff7d5;
 387         font-weight : bold;
 388                   border-width : 1px 0px 1px 0px;
 389                   border-style : solid;
 390                   border-color : #e7d796;
 391 }
 392
 393 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 394         .oddSelectedUnread td {
 395         background-color : #fff7d5;
 396         font-weight : bold;
 397 }
 398
 399 .evenSelected, .evenSelected td {
 400         background-color : #fff7d5;
 401                   border-width : 1px 0px 1px 0px;
 402                   border-style : solid;
 403                   border-color : #e7d796;
 404 }
 405
 406 .oddSelected, .evenSelected td {
 407         background-color : #fff7d5;
 408 }
 409
 410 /*
 411 .feedUnreadSelected, .feedSelectedUnread,
 412 .virtUnreadSelected, .virtSelectedUnread,
 413 .labelUnreadSelected, .labelSelectedUnread {
 414         background-color : #e0e0ff;
 415         font-weight : bold;
 416 } */
 417
 418
 419 .evenGrayed, .evenGrayed td {
 420         background-color : #f0f0f0;
 421         color : #909090;
 422                   border-width : 1px 0px 1px 0px;
 423                   border-style : solid;
 424                   border-color : #c0c0c0;
 425 }
 426
 427 .oddGrayed {
 428         color : #909090;
 429 }
 430
 431 .even, .even td {
 432                   border-width : 1px 0px 1px 0px;
 433                   border-style : solid;
 434                   border-color : #c0c0c0;
 435         background-color : #f0f0f0;
 436 }
 437
 438 .evenUnread, .evenUnread td {
 439         background-color : #f0f0f0;
 440         font-weight : bold;
 441                   border-width : 1px 0px 1px 0px;
 442                   border-style : solid;
 443                   border-color : #c0c0c0;
 444 }
 445
 446 .oddUnread, .oddUnread td {
 447         font-weight : bold;
 448 }
 449
 450 .invisible {
 451         display : none;
 452 }
 453
 454 /*
 455 td > input, div > input {
 456         border : 1px solid #a0a0a0;
 457 } */
 458
 459 /* preferences */
 460
 461 tr.title td {
 462         border-width : 0px 0px 1px 0px;
 463         border-color : #ecf4ff;
 464         border-style : solid;
 465         font-size : x-small;
 466         color : black;
 467 }
 468
 469 tr.title td a {
 470         color : black;
 471 }
 472
 473 tr.title td a:hover {
 474         color : #4684ff;
 475 }
 476
 477 table.prefFeedList td.feedEditCat {
 478         font-size : large;
 479         font-weight : bold;
 480         padding : 5px 0px 5px 0px;
 481 }
 482
 483 table.prefFeedList td.feedIcon {
 484         text-align : center;
 485 }
 486
 487 table.prefFeedList td.feedSelect {
 488         text-align : center;
 489 }
 490
 491 a.helpLink {
 492         color : #808080;
 493 }
 494
 495 a.helpLink:hover {
 496         color : #4684ff;
 497 }
 498
 499 div.helpResponse {
 500         margin : 10px;
 501         background-image : url("images/vgrad_light_rev2.png");
 502         background-position : top left;
 503         background-repeat : repeat-x;
 504         padding : 10px 20px 10px 20px;
 505         border : 1px solid #f0f0f0;
 506 }
 507
 508 #userDlgShadow {
 509         z-index : 3;
 510         position : absolute;
 511         left : 30%;
 512         top : 30%;
 513         display : none;
 514         background-image : url("images/shadow.png");
 515 }
 516
 517 #userDlg {
 518         padding : 15px;
 519         border : 1px solid #88b0f0;
 520         font-size : small;
 521         position : relative;
 522         bottom : 2px;
 523         right : 2px;
 524         background-color : #ecf4ff;
 525 }
 526
 527 #infoBox > #infoBoxTitle {
 528         border-width : 1px 1px 1px 1px;
 529         border-style : solid;
 530         border-color : #88b0f0;
 531         background-color : #88b0f0;
 532         padding : 2px;
 533         color : white;
 534 }
 535
 536
 537 #infoBoxShadow > #infoBox {
 538         border-width : 1px 1px 1px 1px;
 539         border-style : solid;
 540         border-color : #88b0f0;
 541         font-size : small;
 542         position : relative;
 543         top : 30%;
 544         left : 30%;
 545         width : 30%;
 546         padding-bottom : 5px;
 547         background-image : url("images/prefs-content.png");
 548         background-position : top left;
 549         background-repeat : repeat-x;
 550         background-color : white;
 551 }
 552
 553 td > #infoBoxShadow {
 554         background-image : url("images/overlay.png");
 555         left : 0;
 556         top : 0;
 557         height : 100%;
 558         width : 100%;
 559         z-index : 3;
 560         position : absolute;
 561         display : none;
 562 }
 563
 564 div.infoBoxContents {
 565         padding : 5px;
 566         margin-bottom : 5px;
 567 }
 568
 569 div.infoBoxContents td {
 570         font-size : small;
 571 }
 572
 573 div.helpResponse h1, div.infoBoxContents h1 {
 574 /*        border-width : 0px 0px 1px 0px;
 575         border-style : solid;
 576         border-color : #c0c0c0; */
 577         font-size : 16pt;
 578 }
 579
 580 div.helpResponse h2, div.infoBoxContents h2 {
 581 /*        border-width : 0px 0px 0px 0px; */
 582         font-size : 12pt;
 583 }
 584
 585 /* pre {
 586         border : 1px solid #c0c0c0;
 587         padding : 5px;
 588         background : #f0f0f0;
 589         margin : 5px 10px 5px 10px;
 590 } */
 591
 592 pre {
 593         margin : 5px;
 594 }
 595
 596 input.extSearch {
 597         width : 100%;
 598 }
 599
 600 table.main td.prefsTabs {
 601         padding-left : 5px;
 602 /*                background-image : url("images/toolbar.png");
 603         background-position : bottom left;
 604         background-repeat : repeat-x; */
 605 }
 606
 607 input.prefsTab {
 608         background-image : url("images/prefs_tab.png");
 609         background-position : top left;
 610         background-repeat : repeat-x;
 611         border : 0px solid black;
 612         padding : 2px 7px 2px 7px;
 613         margin : 0px 1px 0px 0px;
 614         width : 130px;
 615         font-size : x-small;
 616         background-color : white;
 617 }
 618
 619 input.prefsTabSelected {
 620
 621         background-image : url("images/active_tab.png");
 622         background-position : top left;
 623         background-repeat : repeat-x;
 624         border : 0px solid black;
 625         padding : 2px 7px 2px 7px;
 626         margin : 0px 1px 0px 0px;
 627         width : 130px;
 628         font-weight : bold;
 629         background-position : top left;
 630         background-repeat : repeat-x;
 631         font-size : x-small;
 632 }
 633
 634
 635 /*input.prefsTab:hover {
 636         background : white;
 637 }*/
 638
 639 div.warning {
 640         background : #fff7d5;
 641         border : 1px solid #d7c47a;
 642         padding : 3px;
 643         margin : 5px;
 644         font-size : x-small;
 645 }
 646
 647 div.notice {
 648         background : #ffffff;
 649         border : 1px solid #88b0f0;
 650         padding : 5px;
 651         margin : 5px;
 652         font-size : x-small;
 653 }
 654
 655 ul.nomarks {
 656         list-style-type : none;
 657         margin : 0px;
 658         padding : 10px;
 659 }
 660
 661 div.bigErrorMsg {
 662         border : 1px solid #c0c0c0;
 663         background : #fff0f0;
 664         padding : 30px;
 665         margin : 20px;
 666 }
 667
 668 div.prefHelp, td.prefHelp {
 669         font-size : x-small;
 670         color : gray;
 671         padding : 5px;
 672 }
 673
 674 td.welcomePrompt {
 675         font-size : x-small;
 676         color : #4684ff;
 677         text-align : right;
 678         padding-right : 10px;
 679
 680 }
 681
 682 td.httpWelcomePrompt {
 683         font-size : small;
 684         color : gray;
 685         text-align : right;
 686 }
 687
 688 table.loginForm {
 689         background-color : #ecf4ff;
 690 }
 691
 692 table.innerLoginForm {
 693         border : 1px solid #88b0f0;
 694         padding : 50px;
 695         background-color : white;
 696 }
 697
 698 table.innerLoginForm td {
 699         padding : 3px 3px 5px 3px;
 700 }
 701
 702 span.insensitive {
 703         color : gray;
 704 }
 705
 706 .prefGenericAddBox {
 707         margin : 5px;
 708         font-size : small;
 709 }
 710
 711 .prefGenericAddBox td {
 712         font-size : small;
 713 }
 714
 715 body.logoutBody {
 716         background-color : #f0f0f0;
 717         color : black;
 718 }
 719
 720 span.logoutWarning {
 721         color : red;
 722         font-weight : bold;
 723 }
 724
 725 div.logoutContent {
 726         width : 600px;
 727         border : 1px solid #c0c0c0;
 728         background-color : white;
 729         margin-left : auto;
 730         margin-right : auto;
 731         margin-top : 20px;
 732         padding : 10px;
 733 }
 734
 735 .small {
 736         font-size : x-small;
 737 }
 738
 739 table.innerFeedTable td {
 740         margin : 0px;
 741         padding : 0px;
 742 }
 743
 744 td.selectPrompt {
 745         font-size : x-small;
 746         color : gray;
 747 }
 748
 749 table.headlinesSubToolbar td.headlineActions {
 750         font-size : x-small;
 751         color : gray;
 752         padding : 5px 0px 5px 5px;
 753 }
 754
 755 table.headlinesSubToolbar td.headlineActionsRTL {
 756         font-size : x-small;
 757         color : gray;
 758         padding : 5px 5px 5px 0px;
 759 }
 760
 761 table.headlinesSubToolbar td.headlineTitle {
 762         font-size : x-small;
 763         color : gray;
 764         padding : 5px 5px 5px 0px;
 765         text-align : right;
 766 }
 767
 768 table.headlinesSubToolbar td.headlineTitleRTL {
 769         font-size : x-small;
 770         color : gray;
 771         padding : 5px 0px 5px 5px;
 772         text-align : left;
 773 }
 774
 775 span.contentPreview {
 776         font-size : x-small;
 777         color : gray;
 778         font-weight : normal;
 779 }
 780
 781 span.contentPreview:hover {
 782         color : #4684ff;
 783 }
 784
 785 table.headlinesList td.hlMarkedPic {
 786         width : 25px;
 787         text-align : center;
 788 }
 789
 790 table.headlinesList td.hlfeed {
 791         text-align : right;
 792         font-size : small;
 793 }
 794
 795 td.hlSelectRow, td.hlUpdatePic {
 796         width : 25px;
 797         text-align : center;
 798 }
 799
 800 table.headlinesList td.hlUpdated {
 801         font-size : small;
 802         color : gray;
 803         text-align : right;
 804         width : 100px;
 805 }
 806
 807 table.headlinesList tr td {
 808         padding : 2px 0px 2px 0px;
 809 }
 810
 811 /*
 812 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
 813         display : block;
 814         overflow : hidden;
 815         height : 1em;
 816         background-color : #f0f0f0;
 817 }
 818
 819 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
 820         display : block;
 821         overflow : hidden;
 822         height : 1em;
 823 }
 824
 825 tr.oddSelected td.headlineContent,
 826 tr.evenSelected td.headlineContent,
 827 tr.oddUnreadSelected td.headlineContent,
 828 tr.evenUnreadSelected td.headlineContent {
 829         display : block;
 830         overflow : hidden;
 831         height : 1em;
 832         background-color : #e0e0ff;
 833 } */
 834
 835 div.postHeader td.postDate {
 836         font-size : x-small;
 837         text-align : right;
 838         color : gray;
 839 }
 840
 841 div.postHeader td.postDateRTL {
 842         font-size : x-small;
 843         text-align : left;
 844         color : gray;
 845 }
 846
 847 #feedUpdateErrors {
 848         display : none;
 849 }
 850
 851 #allEntryTags {
 852         font-size : x-small;
 853         border-width : 0px 0px 1px 0px;
 854         border-style : solid;
 855         border-color : #c0c0c0;
 856         padding-bottom : 5px;
 857         display : none;
 858 }
 859
 860 /*td.hlContent {
 861         overflow : hidden;
 862         height : 1em;
 863         display : block;
 864 } */
 865
 866 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 867         height : 1em;
 868 }
 869
 870 div.cdmArticle {
 871         border : 1px solid #f0f0f0;
 872         background-color : #fafafa;
 873         -moz-border-radius : 5px;
 874         margin : 10px 10px 0px 10px;
 875         padding : 10px;
 876 }
 877
 878 div.cdmArticleUnread {
 879         border : 1px solid #d5f1f4;
 880         background-color : #fafeff;
 881         -moz-border-radius : 5px;
 882         margin : 10px 10px 0px 10px;
 883         padding : 10px;
 884 }
 885
 886 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 887           -moz-border-radius : 5px;
 888         margin : 10px 10px 0px 10px;
 889         padding : 10px;
 890         background-color : #fff7d5;
 891                   border : 1px solid #e7d796;
 892 }
 893
 894 div.cdmArticleUnread div.cdmHeader a.title,
 895 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 896         font-weight : bold;
 897 }
 898
 899 div.cdmHeader {
 900         padding-bottom : 5px;
 901 }
 902
 903 div.cdmFooter {
 904         font-size : x-small;
 905         color : gray;
 906         padding-top : 5px;
 907 }
 908
 909 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 910         margin : 0px;
 911 }
 912
 913 div.cdmHeader, div.cdmHeader a {
 914         color : gray;
 915         font-size : x-small;
 916 }
 917
 918 div.cdmHeader a:hover {
 919         color : #4684ff;
 920 }
 921
 922 div.cdmContent {
 923         margin-bottom : 5px;
 924 }
 925
 926 a.warning {
 927         color : #f04040;
 928 }
 929
 930 img.closeButton {
 931         border-width : 0px;
 932         float : right;
 933 }
 934
 935 span.groupPrompt {
 936         font-size : x-small;
 937         color : #4684ff;
 938 }
 939
 940 ul.userFeedList {
 941         height : 300px;
 942         overflow : auto;
 943         list-style-type : none;
 944                   border : 1px solid #88b0f0;
 945         background-color : white;
 946         margin : 0px 0px 5px 0px;
 947         padding : 0px;
 948 }
 949
 950 /* #browseBigFeedList li.oddSelected {
 951         border : 1px solid #d0d0f6;
 952         background-color : #eaeaff;
 953         -moz-border-radius : 5px;
 954 } */
 955
 956 ul.browseFeedList {
 957         height : 300px;
 958         overflow : auto;
 959         list-style-type : none;
 960         margin : 0px 0px 5px 0px;
 961         padding : 0px;
 962         border : 1px solid #88b0f0;
 963         background-color : white;
 964 }
 965
 966 ul.browseFeedList li {
 967         margin : 0px;
 968         padding : 0px;
 969 }
 970
 971 span.subscribers {
 972         color : #808080;
 973 }
 974
 975 div.subscribers {
 976         color : #808080;
 977         font-size : x-small;
 978         float : right;
 979 }
 980
 981 input.feedBrowseCB {
 982         margin-right : 1em;
 983 }
 984
 985 div.browserDetails {
 986         margin : 5px 5px 5px 5px;
 987         display : none;
 988         padding : 5px;
 989 }
 990
 991 ul.compact {
 992         list-style-type : none;
 993         margin : 0px;
 994         padding : 0px;
 995 }
 996
 997 ul.compact li {
 998         margin : 0px;
 999         padding : 0px;
1000 }
1001
1002 div.browserFeedInfo {
1003         font-size : x-small;
1004         border : 1px solid #88b0f0;
1005         background-color : #ecf4ff;
1006         -moz-border-radius : 5px;
1007         padding : 10px;
1008 }
1009
1010 div.browserFeedInfo div.detailsPart {
1011         margin : 5px 0px 5px 5px;
1012 }
1013
1014 div.cdmContent a {
1015         color : #4684ff;
1016 }
1017
1018 div.cdmContent a:hover {
1019         color : black;
1020 }
1021
1022 a.cdmToggleLink {
1023         color : #808080;
1024         font-size : x-small;
1025 }
1026
1027 a.cdmToggleLink:hover {
1028         color : #4684ff;
1029 }
1030
1031 .noborder {
1032         border-width : 0px;
1033 }
1034
1035 #debug_output {
1036         width : 400;
1037         height : 200;
1038         right : 20;
1039         bottom : 20;
1040         background-color : white;
1041         display : none;
1042         z-index : 999;
1043         position : absolute;
1044         border : 1px solid #c0c0c0;
1045         overflow : auto;
1046         margin : 0px;
1047         padding : 0px;
1048         list-style-type : none;
1049 }
1050
1051 #debug_output li {
1052         margin : 0px;
1053         padding : 0px;
1054         font-size : x-small;
1055 }
1056
1057 #overlay {
1058         background : white;
1059         left : 0;
1060         top : 0;
1061         height : 100%;
1062         width : 100%;
1063         z-index : 100;
1064         position : absolute;
1065 }
1066
1067 #overlay_inner {
1068         font-weight : bold;
1069         text-align : center;
1070         margin : 10px;
1071 }
1072
1073 #fatal_error {
1074         background : white;
1075         left : 0;
1076         top : 0;
1077         height : 100%;
1078         width : 100%;
1079         z-index : 200;
1080         display : none;
1081         position : absolute;
1082 }
1083
1084 #fatal_error_inner {
1085         font-weight : bold;
1086         margin : 10px;
1087         color : red;
1088 }
1089
1090 #fatal_error_msg {
1091         border : 1px solid #c0c0c0;
1092         background-color : #f0f0f0;
1093         color : black;
1094         padding : 10px;
1095         font-weight : normal;
1096 }
1097
1098 div.noDaemonWarning {
1099         position : absolute;
1100         background-color : #ecf4ff;
1101         border : 1px solid #88b0f0;
1102         padding : 10px;
1103         margin : 5px;
1104         z-index : 2;
1105 }
1106
1107 #qafInput {
1108         width : 100%;
1109 }