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         display : none;
 314 }
 315
 316 #dispSwitch {
 317         padding : 5px 5px 5px 0px;
 318         font-size : x-small;
 319         text-align : right;
 320 }
 321
 322 #dispSwitch a {
 323         color : gray;
 324 }
 325
 326 #dispSwitch a:hover {
 327         color : #4684ff;
 328 }
 329
 330 div.expPane {
 331         margin : 15px;
 332 }
 333
 334 iframe {
 335         border : 0px solid white;
 336 }
 337
 338 iframe.feedsFrameWithActions {
 339         width : 100%;
 340         height : 90%;
 341         margin : 0px;
 342         padding : 0px;
 343 }
 344
 345 iframe.feedsFrame {
 346         width : 100%;
 347         height : 100%;
 348         margin : 0px;
 349         padding : 0px;
 350 }
 351
 352 iframe.contentFrame, iframe.headlinesFrame {
 353         width : 100%;
 354         padding : 0px;
 355         margin : 0px;
 356         height : 100%;
 357 }
 358
 359 /*.button {
 360         border : 1px solid #d0d0d0;
 361         background-image : url("images/button.png");
 362         background-position : top;
 363         background-repeat : repeat-x;
 364         background-color : white;
 365         color : black;
 366 }
 367
 368 .button:hover {
 369         background : white;
 370         text-decoration : none;
 371         color : black;
 372 }
 373
 374 .disabledButton {
 375         border : 1px solid #c0c0c0;
 376         background-color : white;
 377         color : gray;
 378 }
 379
 380 a.button {
 381         padding : 2px 5px 2px 5px;
 382         font-size : small;
 383 } */
 384
 385 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 386         .evenSelectedUnread td {
 387         background-color : #fff7d5;
 388         font-weight : bold;
 389                   border-width : 1px 0px 1px 0px;
 390                   border-style : solid;
 391                   border-color : #e7d796;
 392 }
 393
 394 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 395         .oddSelectedUnread td {
 396         background-color : #fff7d5;
 397         font-weight : bold;
 398 }
 399
 400 .evenSelected, .evenSelected td {
 401         background-color : #fff7d5;
 402                   border-width : 1px 0px 1px 0px;
 403                   border-style : solid;
 404                   border-color : #e7d796;
 405 }
 406
 407 .oddSelected, .evenSelected td {
 408         background-color : #fff7d5;
 409 }
 410
 411 /*
 412 .feedUnreadSelected, .feedSelectedUnread,
 413 .virtUnreadSelected, .virtSelectedUnread,
 414 .labelUnreadSelected, .labelSelectedUnread {
 415         background-color : #e0e0ff;
 416         font-weight : bold;
 417 } */
 418
 419
 420 .evenGrayed, .evenGrayed td {
 421         background-color : #f0f0f0;
 422         color : #909090;
 423                   border-width : 1px 0px 1px 0px;
 424                   border-style : solid;
 425                   border-color : #c0c0c0;
 426 }
 427
 428 .oddGrayed {
 429         color : #909090;
 430 }
 431
 432 .even, .even td {
 433                   border-width : 1px 0px 1px 0px;
 434                   border-style : solid;
 435                   border-color : #c0c0c0;
 436         background-color : #f0f0f0;
 437 }
 438
 439 .evenUnread, .evenUnread td {
 440         background-color : #f0f0f0;
 441         font-weight : bold;
 442                   border-width : 1px 0px 1px 0px;
 443                   border-style : solid;
 444                   border-color : #c0c0c0;
 445 }
 446
 447 .oddUnread, .oddUnread td {
 448         font-weight : bold;
 449 }
 450
 451 .invisible {
 452         display : none;
 453 }
 454
 455 /*
 456 td > input, div > input {
 457         border : 1px solid #a0a0a0;
 458 } */
 459
 460 /* preferences */
 461
 462 tr.title td {
 463         border-width : 0px 0px 1px 0px;
 464         border-color : #ecf4ff;
 465         border-style : solid;
 466         font-size : x-small;
 467         color : black;
 468 }
 469
 470 tr.title td a {
 471         color : black;
 472 }
 473
 474 tr.title td a:hover {
 475         color : #4684ff;
 476 }
 477
 478 table.prefFeedList td.feedEditCat {
 479         font-size : large;
 480         font-weight : bold;
 481         padding : 5px 0px 5px 0px;
 482 }
 483
 484 table.prefFeedList td.feedIcon {
 485         text-align : center;
 486 }
 487
 488 table.prefFeedList td.feedSelect {
 489         text-align : center;
 490 }
 491
 492 a.helpLink {
 493         color : #808080;
 494 }
 495
 496 a.helpLink:hover {
 497         color : #4684ff;
 498 }
 499
 500 div.helpResponse {
 501         margin : 10px;
 502         background-image : url("images/vgrad_light_rev2.png");
 503         background-position : top left;
 504         background-repeat : repeat-x;
 505         padding : 10px 20px 10px 20px;
 506         border : 1px solid #f0f0f0;
 507 }
 508
 509 #userDlgShadow {
 510         z-index : 3;
 511         position : absolute;
 512         left : 30%;
 513         top : 30%;
 514         display : none;
 515         background-image : url("images/shadow.png");
 516 }
 517
 518 #userDlg {
 519         padding : 15px;
 520         border : 1px solid #88b0f0;
 521         font-size : small;
 522         position : relative;
 523         bottom : 2px;
 524         right : 2px;
 525         background-color : #ecf4ff;
 526 }
 527
 528 #infoBoxTitle {
 529         border-width : 1px 1px 1px 1px;
 530         border-style : solid;
 531         border-color : #88b0f0;
 532         background-color : #88b0f0;
 533         padding : 2px;
 534         color : white;
 535 }
 536
 537
 538 #infoBox {
 539         border-width : 1px 1px 1px 1px;
 540         border-style : solid;
 541         border-color : #88b0f0;
 542         font-size : small;
 543         position : relative;
 544         bottom : 2px;
 545         right : 2px;
 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 #infoBoxShadow {
 554         background-image : url("images/shadow.png");
 555         left : 30%;
 556         top : 30%;
 557         width : 30%;
 558         z-index : 3;
 559         position : absolute;
 560         display : none;
 561 }
 562
 563 div.infoBoxContents {
 564         padding : 5px;
 565         margin-bottom : 5px;
 566 }
 567
 568 div.infoBoxContents td {
 569         font-size : small;
 570 }
 571
 572 div.helpResponse h1, div.infoBoxContents h1 {
 573 /*        border-width : 0px 0px 1px 0px;
 574         border-style : solid;
 575         border-color : #c0c0c0; */
 576         font-size : 16pt;
 577 }
 578
 579 div.helpResponse h2, div.infoBoxContents h2 {
 580 /*        border-width : 0px 0px 0px 0px; */
 581         font-size : 12pt;
 582 }
 583
 584 /* pre {
 585         border : 1px solid #c0c0c0;
 586         padding : 5px;
 587         background : #f0f0f0;
 588         margin : 5px 10px 5px 10px;
 589 } */
 590
 591 pre {
 592         margin : 5px;
 593 }
 594
 595 input.extSearch {
 596         width : 100%;
 597 }
 598
 599 table.main td.prefsTabs {
 600         padding-left : 5px;
 601 /*                background-image : url("images/toolbar.png");
 602         background-position : bottom left;
 603         background-repeat : repeat-x; */
 604 }
 605
 606 input.prefsTab {
 607         background-image : url("images/prefs_tab.png");
 608         background-position : top left;
 609         background-repeat : repeat-x;
 610         border : 0px solid black;
 611         padding : 2px 7px 2px 7px;
 612         margin : 0px 1px 0px 0px;
 613         width : 130px;
 614         font-size : x-small;
 615         background-color : white;
 616 }
 617
 618 input.prefsTabSelected {
 619
 620         background-image : url("images/active_tab.png");
 621         background-position : top left;
 622         background-repeat : repeat-x;
 623         border : 0px solid black;
 624         padding : 2px 7px 2px 7px;
 625         margin : 0px 1px 0px 0px;
 626         width : 130px;
 627         font-weight : bold;
 628         background-position : top left;
 629         background-repeat : repeat-x;
 630         font-size : x-small;
 631 }
 632
 633
 634 /*input.prefsTab:hover {
 635         background : white;
 636 }*/
 637
 638 div.warning {
 639         background : #fff7d5;
 640         border : 1px solid #d7c47a;
 641         padding : 3px;
 642         margin : 5px;
 643         font-size : x-small;
 644 }
 645
 646 div.notice {
 647         background : #ffffff;
 648         border : 1px solid #88b0f0;
 649         padding : 5px;
 650         margin : 5px;
 651         font-size : x-small;
 652 }
 653
 654 ul.nomarks {
 655         list-style-type : none;
 656         margin : 0px;
 657         padding : 10px;
 658 }
 659
 660 div.bigErrorMsg {
 661         border : 1px solid #c0c0c0;
 662         background : #fff0f0;
 663         padding : 30px;
 664         margin : 20px;
 665 }
 666
 667 div.prefHelp, td.prefHelp {
 668         font-size : x-small;
 669         color : gray;
 670         padding : 5px;
 671 }
 672
 673 td.welcomePrompt {
 674         font-size : x-small;
 675         color : #4684ff;
 676         text-align : right;
 677         padding-right : 10px;
 678
 679 }
 680
 681 td.httpWelcomePrompt {
 682         font-size : small;
 683         color : gray;
 684         text-align : right;
 685 }
 686
 687 table.loginForm {
 688         background-color : #ecf4ff;
 689 }
 690
 691 table.innerLoginForm {
 692         border : 1px solid #88b0f0;
 693         padding : 50px;
 694         background-color : white;
 695 }
 696
 697 table.innerLoginForm td {
 698         padding : 3px 3px 5px 3px;
 699 }
 700
 701 span.insensitive {
 702         color : gray;
 703 }
 704
 705 .prefGenericAddBox {
 706         margin : 5px;
 707         font-size : small;
 708 }
 709
 710 .prefGenericAddBox td {
 711         font-size : small;
 712 }
 713
 714 body.logoutBody {
 715         background-color : #f0f0f0;
 716         color : black;
 717 }
 718
 719 span.logoutWarning {
 720         color : red;
 721         font-weight : bold;
 722 }
 723
 724 div.logoutContent {
 725         width : 600px;
 726         border : 1px solid #c0c0c0;
 727         background-color : white;
 728         margin-left : auto;
 729         margin-right : auto;
 730         margin-top : 20px;
 731         padding : 10px;
 732 }
 733
 734 .small {
 735         font-size : x-small;
 736 }
 737
 738 table.innerFeedTable td {
 739         margin : 0px;
 740         padding : 0px;
 741 }
 742
 743 td.selectPrompt {
 744         font-size : x-small;
 745         color : gray;
 746 }
 747
 748 table.headlinesSubToolbar td.headlineActions {
 749         font-size : x-small;
 750         color : gray;
 751         padding : 5px 0px 5px 5px;
 752 }
 753
 754 table.headlinesSubToolbar td.headlineActionsRTL {
 755         font-size : x-small;
 756         color : gray;
 757         padding : 5px 5px 5px 0px;
 758 }
 759
 760 table.headlinesSubToolbar td.headlineTitle {
 761         font-size : x-small;
 762         color : gray;
 763         padding : 5px 5px 5px 0px;
 764         text-align : right;
 765 }
 766
 767 table.headlinesSubToolbar td.headlineTitleRTL {
 768         font-size : x-small;
 769         color : gray;
 770         padding : 5px 0px 5px 5px;
 771         text-align : left;
 772 }
 773
 774 span.contentPreview {
 775         font-size : x-small;
 776         color : gray;
 777         font-weight : normal;
 778 }
 779
 780 span.contentPreview:hover {
 781         color : #4684ff;
 782 }
 783
 784 table.headlinesList td.hlMarkedPic {
 785         width : 25px;
 786         text-align : center;
 787 }
 788
 789 table.headlinesList td.hlfeed {
 790         text-align : right;
 791         font-size : small;
 792 }
 793
 794 td.hlSelectRow, td.hlUpdatePic {
 795         width : 25px;
 796         text-align : center;
 797 }
 798
 799 table.headlinesList td.hlUpdated {
 800         font-size : small;
 801         color : gray;
 802         text-align : right;
 803         width : 100px;
 804 }
 805
 806 table.headlinesList tr td {
 807         padding : 2px 0px 2px 0px;
 808 }
 809
 810 div.postHeader td.postDate {
 811         font-size : x-small;
 812         text-align : right;
 813         color : gray;
 814 }
 815
 816 div.postHeader td.postDateRTL {
 817         font-size : x-small;
 818         text-align : left;
 819         color : gray;
 820 }
 821
 822 #feedUpdateErrors {
 823         display : none;
 824 }
 825
 826 #allEntryTags {
 827         font-size : x-small;
 828         border-width : 0px 0px 1px 0px;
 829         border-style : solid;
 830         border-color : #c0c0c0;
 831         padding-bottom : 5px;
 832         display : none;
 833 }
 834
 835 /*td.hlContent {
 836         overflow : hidden;
 837         height : 1em;
 838         display : block;
 839 } */
 840
 841 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 842         height : 1em;
 843 }
 844
 845 div.cdmArticle {
 846         border : 1px solid #f0f0f0;
 847         background-color : #fafafa;
 848         -moz-border-radius : 5px;
 849         margin : 10px 10px 0px 10px;
 850         padding : 10px;
 851 }
 852
 853 div.cdmArticleUnread {
 854         border : 1px solid #d5f1f4;
 855         background-color : #fafeff;
 856         -moz-border-radius : 5px;
 857         margin : 10px 10px 0px 10px;
 858         padding : 10px;
 859 }
 860
 861 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 862           -moz-border-radius : 5px;
 863         margin : 10px 10px 0px 10px;
 864         padding : 10px;
 865         background-color : #fff7d5;
 866                   border : 1px solid #e7d796;
 867 }
 868
 869 div.cdmArticleUnread div.cdmHeader a.title,
 870 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 871         font-weight : bold;
 872 }
 873
 874 div.cdmHeader {
 875         padding-bottom : 5px;
 876 }
 877
 878 div.cdmFooter {
 879         font-size : x-small;
 880         color : gray;
 881         padding-top : 5px;
 882 }
 883
 884 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 885         margin : 0px;
 886 }
 887
 888 div.cdmHeader, div.cdmHeader a {
 889         color : gray;
 890         font-size : x-small;
 891 }
 892
 893 div.cdmHeader a:hover {
 894         color : #4684ff;
 895 }
 896
 897 div.cdmContent {
 898         margin-bottom : 5px;
 899 }
 900
 901 a.warning {
 902         color : #f04040;
 903 }
 904
 905 img.closeButton {
 906         border-width : 0px;
 907         float : right;
 908 }
 909
 910 span.groupPrompt {
 911         font-size : x-small;
 912         color : #4684ff;
 913 }
 914
 915 ul.userFeedList {
 916         height : 300px;
 917         overflow : auto;
 918         list-style-type : none;
 919         border : 1px solid #88b0f0;
 920         background-color : white;
 921         margin : 0px 0px 5px 0px;
 922         padding : 0px;
 923 }
 924
 925 /* #browseBigFeedList li.oddSelected {
 926         border : 1px solid #d0d0f6;
 927         background-color : #eaeaff;
 928         -moz-border-radius : 5px;
 929 } */
 930
 931 ul.filterTestResults {
 932         height : 300px;
 933         overflow : auto;
 934         list-style-type : none;
 935         margin : 0px 0px 5px 0px;
 936         padding : 0px;
 937         border : 1px solid #88b0f0;
 938         background-color : white;
 939 }
 940
 941 ul.browseFeedList {
 942         height : 300px;
 943         overflow : auto;
 944         list-style-type : none;
 945         margin : 0px 0px 5px 0px;
 946         padding : 0px;
 947         border : 1px solid #88b0f0;
 948         background-color : white;
 949 }
 950
 951 ul.browseFeedList li {
 952         margin : 0px;
 953         padding : 0px;
 954 }
 955
 956 span.subscribers {
 957         color : #808080;
 958 }
 959
 960 div.subscribers {
 961         color : #808080;
 962         font-size : x-small;
 963         float : right;
 964 }
 965
 966 input.feedBrowseCB {
 967         margin-right : 1em;
 968 }
 969
 970 div.browserDetails {
 971         margin : 5px 5px 5px 5px;
 972         display : none;
 973         padding : 5px;
 974 }
 975
 976 ul.compact {
 977         list-style-type : none;
 978         margin : 0px;
 979         padding : 0px;
 980 }
 981
 982 ul.compact li {
 983         margin : 0px;
 984         padding : 0px;
 985 }
 986
 987 div.browserFeedInfo {
 988         font-size : x-small;
 989 /*      border : 1px solid #88b0f0;
 990         background-color : #ecf4ff;
 991         -moz-border-radius : 5px; */
 992         padding : 5px;
 993 }
 994
 995 div.browserFeedInfo div.detailsPart {
 996         margin : 5px 0px 5px 5px;
 997 }
 998
 999 div.cdmContent a {
1000         color : #4684ff;
1001 }
1002
1003 div.cdmContent a:hover {
1004         color : black;
1005 }
1006
1007 a.cdmToggleLink {
1008         color : #808080;
1009         font-size : x-small;
1010 }
1011
1012 a.cdmToggleLink:hover {
1013         color : #4684ff;
1014 }
1015
1016 .noborder {
1017         border-width : 0px;
1018 }
1019
1020 #debug_output {
1021         width : 400;
1022         height : 200;
1023         right : 20;
1024         bottom : 20;
1025         background-color : white;
1026         display : none;
1027         z-index : 999;
1028         position : absolute;
1029         border : 1px solid #c0c0c0;
1030         overflow : auto;
1031         margin : 0px;
1032         padding : 0px;
1033         list-style-type : none;
1034 }
1035
1036 #debug_output li {
1037         margin : 0px;
1038         padding : 0px;
1039         font-size : x-small;
1040 }
1041
1042 #overlay {
1043         background : white;
1044         left : 0;
1045         top : 0;
1046         height : 100%;
1047         width : 100%;
1048         z-index : 100;
1049         position : absolute;
1050 }
1051
1052 #overlay_inner {
1053         font-weight : bold;
1054         text-align : center;
1055         margin : 10px;
1056 }
1057
1058 #fatal_error {
1059         background : white;
1060         left : 0;
1061         top : 0;
1062         height : 100%;
1063         width : 100%;
1064         z-index : 200;
1065         display : none;
1066         position : absolute;
1067 }
1068
1069 #fatal_error_inner {
1070         font-weight : bold;
1071         margin : 10px;
1072         color : red;
1073 }
1074
1075 #fatal_error_msg {
1076         border : 1px solid #c0c0c0;
1077         background-color : #f0f0f0;
1078         color : black;
1079         padding : 10px;
1080         font-weight : normal;
1081 }
1082
1083 div.noDaemonWarning {
1084         position : absolute;
1085         background-color : #ecf4ff;
1086         border : 1px solid #88b0f0;
1087         padding : 10px;
1088         margin : 5px;
1089         z-index : 2;
1090 }
1091
1092 #qafInput {
1093         width : 100%;
1094 }