tt-rss.css

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