themes/greentiny/theme.css

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