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         color : gray;
 661 }
 662
 663 input#subtoolbar_search_box {
 664         height : 10px;
 665         font-size : 9px;
 666         vertical-align : middle;
 667 }
 668
 669 table.headlinesSubToolbar td.headlineActions {
 670         padding : 0px 5px 0px 5px;
 671 }
 672
 673 table.headlinesSubToolbar td.headlineActionsRTL {
 674         padding : 0px 5px 0px 5px;
 675 }
 676
 677 table.headlinesSubToolbar td.headlineTitle {
 678         padding : 0px 5px 0px 5px;
 679         text-align : right;
 680 }
 681
 682 table.headlinesSubToolbar td.headlineTitleRTL {
 683         padding : 0px 5px 0px 5px;
 684         text-align : left;
 685 }
 686
 687 span.contentPreview {
 688         font-size : 12px;
 689         color : gray;
 690         font-weight : normal;
 691 }
 692
 693 span.contentPreview:hover {
 694         color : #4684ff;
 695 }
 696
 697 table.headlinesList {
 698         width : 100%;
 699 }
 700
 701 table.headlinesList td.hlFeedIcon {
 702         width : 25px;
 703         text-align : center;
 704         cursor : pointer;
 705 }
 706
 707
 708 table.headlinesList td.hlMarkedPic {
 709         width : 25px;
 710         text-align : center;
 711 }
 712
 713 table.headlinesList td.hlfeed {
 714         text-align : right;
 715 }
 716
 717 td.hlSelectRow, td.hlUpdPic {
 718         width : 25px;
 719         text-align : center;
 720 }
 721
 722 table.headlinesList td.hlUpdated {
 723         color : gray;
 724         text-align : right;
 725         width : 100px;
 726         cursor : pointer;
 727 }
 728
 729 table.headlinesList tr td {
 730         padding : 2px 0px 2px 0px;
 731 }
 732
 733 div.postHeader div.postDate {
 734         text-align : right;
 735         color : gray;
 736         float : right;
 737 }
 738
 739 div.postHeader div.postDateRTL {
 740         text-align : left;
 741         color : gray;
 742         float : right;
 743 }
 744
 745 div.postReply span.tagList {
 746         color : gray;
 747 }
 748
 749 div.postHeader div {
 750         padding-bottom : 3px;
 751         font-size : 12px;
 752 }
 753
 754 #feedUpdateErrors {
 755         display : none;
 756 }
 757
 758 #allEntryTags {
 759         font-size : 12px;
 760         border-width : 0px 0px 1px 0px;
 761         border-style : solid;
 762         border-color : #29353D;
 763         padding-bottom : 5px;
 764         display : none;
 765 }
 766
 767 /*td.hlContent {
 768         overflow : hidden;
 769         height : 1em;
 770         display : block;
 771 } */
 772
 773 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 774         height : 1em;
 775 }
 776
 777 td.hlFeed {
 778         text-align : right;
 779 }
 780
 781 span.hlFeed, span.hlFeed a {
 782         font-size : 12px;
 783         color : gray;
 784 }
 785
 786 span.hlFeed a:hover {
 787         color : #4684ff;
 788 }
 789
 790 /* div.cdmArticle:hover {
 791         background-color : #171D22;
 792 } */
 793
 794 div.cdmAllTags {
 795         float : left;
 796         background-color : #171D22;
 797         border : 1px solid #29353D;
 798         display : none;
 799         z-index : 3;
 800         top : auto;
 801         left : auto;
 802         right : auto;
 803         position : absolute;
 804         padding : 10px;
 805 }
 806
 807 span.cdmAllTagsCtr:hover div {
 808         display : block;
 809 }
 810
 811 div.cdmArticle {
 812         border-color : #a0a0a0;
 813         border-width : 0px 0px 1px 0px;
 814         border-style : solid;
 815         background-color : #202A30;
 816         margin : 0px;
 817         color : #505050;
 818         /* padding : 10px; */
 819         color : #8BB6C6;
 820
 821 }
 822
 823 /* div.cdmArticleUnread:hover {
 824         background-color : #171D22;
 825 } */
 826
 827 div.cdmArticleUnread {
 828         border-color : #29353D;
 829         border-width : 0px 0px 1px 0px;
 830         border-style : solid;
 831         background-color : #171D22;
 832         margin : 0px;
 833         /* padding : 10px; */
 834         color : #8BB6C6;
 835 }
 836
 837 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 838         margin : 0px;
 839         background-color : #192025;
 840         border-color : #FFFFAA;
 841         border-width : 0px 0px 1px 0px;
 842         border-style : solid;
 843 }
 844
 845 div.cdmArticleUnread div.cdmHeader a.title,
 846 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 847         font-weight : bold;
 848 }
 849
 850 div.cdmHeader {
 851         padding : 5px 5px 10px 5px;
 852         color : gray;
 853
 854 }
 855
 856 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
 857         color : #ff6c00;
 858 }
 859
 860 div.cdmFooter {
 861         font-size : 12px;
 862         color : #8BB6C6;
 863         padding : 5px;
 864         color : gray;
 865 /*      background-color : white; */
 866         border-width : 1px 0px 0px 0px;
 867         border-color : #29353D;
 868         border-style : dotted;
 869 }
 870
 871 /*div.cdmArticleSelected div.cdmFooter {
 872         background-color : transparent;
 873 }
 874
 875 div.cdmArticleUnreadSelected div.cdmFooter {
 876         background-color : transparent;
 877 }*/
 878
 879 div.cdmFooter span.s0 {
 880         border-width : 0px 1px 0px 0px;
 881         border-color : #29353D;
 882         border-style : dotted;
 883         padding : 0px 5px 0px 0px;
 884 }
 885
 886 div.cdmFooter span.s1 {
 887         border-width : 0px 1px 0px 0px;
 888         border-color : #29353D;
 889         border-style : dotted;
 890         padding : 0px 5px 0px 5px;
 891 }
 892
 893 div.cdmFooter span.s2 {
 894         padding : 0px 5px 0px 5px;
 895 }
 896
 897 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
 898         width : 16px;
 899         height : 16px;
 900         vertical-align : middle;
 901 }
 902
 903 img.markedPic {
 904         cursor : pointer;
 905 }
 906
 907 div.cdmHeader div.articleUpdated {
 908         float : right;
 909         font-weight : bold;
 910         color : gray;
 911 }
 912
 913 div.cdmHeader div.articleUpdated img {
 914         vertical-align : middle;
 915 }
 916
 917 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 918         margin : 0px;
 919 }
 920
 921 div.cdmHeader, div.cdmHeader a {
 922         color : #505050;
 923         font-size : 12px;
 924 }
 925
 926 div.cdmHeader a:hover {
 927         color : #4684ff;
 928 }
 929
 930 div.cdmContent {
 931         margin : 0px 15px 5px 15px;
 932 }
 933
 934 div.cdmContent:hover {
 935         cursor : pointer;
 936 }
 937
 938 div.cdmExcerpt {
 939         margin : 0px 15px 5px 15px;
 940 }
 941
 942 div.cdmExcerpt:hover {
 943         cursor : pointer;
 944         color : #88b0f0;
 945 }
 946
 947 div.cdmEnclosures {
 948         margin-top : 1em;
 949         color : gray;
 950 }
 951
 952 a.warning {
 953         color : #f04040;
 954 }
 955
 956 img.closeButton {
 957         border-width : 0px;
 958         float : right;
 959 }
 960
 961 span.groupPrompt {
 962         font-size : 12px;
 963         color : #4684ff;
 964 }
 965
 966 div.tagCloudContainer {
 967 /*      height : 300px;
 968         overflow : auto; */
 969         border : 1px solid #29353D;
 970         background-color : #171D22;
 971         margin : 5px 0px 5px 0px;
 972         padding : 5px;
 973         text-align : center;
 974 }
 975
 976 ul.feedErrorsList {
 977         height : 300px;
 978         overflow : auto;
 979         list-style-type : none;
 980         border : 1px solid #29353D;
 981         background-color : #171D22;
 982         margin : 0px 0px 5px 0px;
 983         padding : 0px;
 984 }
 985
 986 ul.userFeedList {
 987         height : 300px;
 988         overflow : auto;
 989         list-style-type : none;
 990         border : 1px solid #29353D;
 991         background-color : #171D22;
 992         margin : 0px 0px 5px 0px;
 993         padding : 0px;
 994 }
 995
 996 /* #browseBigFeedList li.oddSelected {
 997         border : 1px solid #d0d0f6;
 998         background-color : #eaeaff;
 999         -moz-border-radius : 5px;
1000 } */
1001
1002 /*#browseBigFeedList li {
1003         padding :0px;
1004 }*/
1005
1006 div.labelTestError {
1007         margin : 5px 0px 5px 0px;
1008         color : #f04040;
1009 }
1010
1011 ul.labelTestResults {
1012         height : 100px;
1013         overflow : auto;
1014         list-style-type : none;
1015         margin : 0px 0px 5px 0px;
1016         padding : 0px;
1017         border : 1px solid #29353D;
1018         background-color : #171D22;
1019 }
1020
1021 ul.filterTestResults {
1022         height : 300px;
1023         overflow : auto;
1024         list-style-type : none;
1025         margin : 0px 0px 5px 0px;
1026         padding : 0px;
1027         border : 1px solid #29353D;
1028         background-color : #171D22;
1029 }
1030
1031 ul.browseFeedList {
1032         height : 300px;
1033         overflow : auto;
1034         list-style-type : none;
1035         margin : 0px 0px 5px 0px;
1036         padding : 0px;
1037         border : 1px solid #29353D;
1038         background-color : #171D22;
1039 }
1040
1041 ul.browseFeedList li {
1042         margin : 0px;
1043         padding : 0px;
1044 }
1045
1046 span.subscribers {
1047         color : #808080;
1048 }
1049
1050 div.subscribers {
1051         color : #808080;
1052         font-size : 12px;
1053         float : right;
1054 }
1055
1056 input.feedBrowseCB {
1057         margin-right : 1em;
1058 }
1059
1060 div.browserDetails {
1061         margin : 5px 5px 5px 5px;
1062         padding : 5px;
1063 }
1064
1065 ul.compact {
1066         list-style-type : none;
1067         margin : 0px;
1068         padding : 0px;
1069 }
1070
1071 ul.compact li {
1072         margin : 0px;
1073         padding : 0px;
1074 }
1075
1076 div.browserFeedInfo {
1077         font-size : 12px;
1078 /*      border : 1px solid #88b0f0;
1079         background-color : #ecf4ff;
1080         -moz-border-radius : 5px; */
1081         padding : 5px;
1082 }
1083
1084 div.browserFeedInfo div.detailsPart {
1085         margin : 5px 0px 5px 5px;
1086 }
1087
1088 div.cdmContent a {
1089         color : #4684ff;
1090 }
1091
1092 div.cdmContent a:hover {
1093         color : #00FF00;
1094 }
1095
1096 a.cdmToggleLink {
1097         color : #808080;
1098         font-size : 12px;
1099 }
1100
1101 a.cdmToggleLink:hover {
1102         color : #00FF00;
1103 }
1104
1105 .noborder {
1106         border-width : 0px;
1107 }
1108
1109 #debug_output {
1110         position : absolute;
1111         width : 400px;
1112         height : 200px;
1113         right : 20px;
1114         bottom : 20px;
1115         z-index : 999;
1116         background-color : #171D22;
1117         border : 1px solid #29353D;
1118         overflow : auto;
1119         margin : 0px;
1120         padding : 0px;
1121         list-style-type : none;
1122 }
1123
1124 #debug_output li {
1125         margin : 0px;
1126         padding : 0px;
1127         font-size : 11px;
1128 }
1129
1130 #dialog_overlay {
1131         left : 0;
1132         top : 0;
1133         height : 100%;
1134         width : 100%;
1135         z-index : 4;
1136         position : absolute;
1137         background-image : url("images/shadow_dark.png");
1138 }
1139
1140 #overlay {
1141         background : #171D22;
1142         left : 0;
1143         top : 0;
1144         height : 100%;
1145         width : 100%;
1146         z-index : 100;
1147         position : absolute;
1148 }
1149
1150 #overlay_inner {
1151         font-weight : bold;
1152         margin : 10px;
1153 }
1154
1155 #fatal_error {
1156         background : #171D22;
1157         left : 0;
1158         top : 0;
1159         height : 100%;
1160         width : 100%;
1161         z-index : 200;
1162         display : none;
1163         position : absolute;
1164 }
1165
1166 #fatal_error_inner {
1167         font-weight : bold;
1168         margin : 10px;
1169         color : red;
1170 }
1171
1172 #fatal_error_msg {
1173         color : #8BB6C6;
1174         padding : 10px;
1175         font-weight : normal;
1176         background-color : #ffcccc;
1177         border : 1px solid #ff0000;
1178 }
1179
1180 #fatal_error_msg a {
1181         color : red;
1182 }
1183
1184 #fatal_error_msg a:hover {
1185         color : red;
1186         text-decoration : underline;
1187 }
1188
1189 #fatal_error_msg img {
1190         vertical-align : middle;
1191 }
1192
1193 #noDaemonWarning {
1194         position : absolute;
1195         background-color : #171D22;
1196         border : 1px solid #29353D;
1197         padding : 10px;
1198         margin : 5px;
1199         z-index : 2;
1200         display : none;
1201 }
1202
1203 #qafInput {
1204         width : 100%;
1205 }
1206
1207 form {
1208         margin : 0px;
1209         padding : 0px;
1210 }
1211
1212 #main_toolbar_form {
1213         margin : 0px;
1214         padding : 0px;
1215         display : inline;
1216 }
1217
1218 div.feedExtInfo {
1219         margin-left : 2em;
1220         font-size : 7pt;
1221         color : gray;
1222         font-weight : normal;
1223 }
1224
1225 span.debugTS {
1226         color : #4684ff;
1227 }
1228
1229 #backReqBox {
1230         display : none;
1231 }
1232
1233 /*.scriptWarn:before {
1234         content : "Disabled script:";
1235 }*/
1236
1237 .scriptWarn {
1238         color : white;
1239         background-color : #903030;
1240         border : 1px solid #601010;
1241         padding : 3px;
1242         font-weight : bold;
1243         display : none;
1244 }
1245
1246 .objectWarn {
1247         color : gray;
1248         font-style: italic;
1249         text-align : center;
1250 }
1251
1252 table.loginForm2 {
1253         padding : 1em;
1254 }
1255
1256 table.loginForm2 .loginTop {
1257         border-width : 0px 0px 1px 0px;
1258         border-color : #29353D;
1259         border-style : solid;
1260         padding : 0.5em;
1261 }
1262
1263 table.loginForm2 .loginMiddle {
1264         padding : 3em;
1265 }
1266
1267 table.loginForm2 .loginBottom {
1268         border-width : 1px 0px 0px 0px;
1269         border-color : #29353D;
1270         border-style : solid;
1271         font-size : 12px;
1272         text-align : center;
1273         color : #909090;
1274         padding : 0.5em;
1275 }
1276
1277 table.loginForm2 .loginBottom a {
1278         color : gray;
1279 }
1280
1281 table.loginForm2 .loginBottom a:hover {
1282         color : #FF5500;
1283 }
1284
1285 table.loginForm2 .loginError {
1286         color : red;
1287         margin : 0.5em;
1288 }
1289
1290 table.loginForm2 .innerLoginCell {
1291         padding-top : 0.5em;
1292 }
1293
1294 #milestoneDetails {
1295         display : none;
1296 }
1297
1298 div.loadingPrompt {
1299         padding : 1em;
1300         text-align : center;
1301         font-weight : bold;
1302 }
1303
1304 div.whiteBox {
1305         background-color : #171D22;
1306         margin-left : 1px;
1307         text-align : center;
1308         padding : 1em;
1309 }
1310
1311 /* layout */
1312
1313 #header {
1314         position : absolute;
1315         white-space: nowrap;
1316         top : 10px;
1317         left : 15px;
1318         right : 5px;
1319         height : 40px;
1320         color : #4684ff;
1321         font-size : 12px;
1322 }
1323
1324 #feeds-holder {
1325         border-width : 1px 1px 0px 0px;
1326         border-style : solid;
1327         border-color : #29353D;
1328         top : 50px;
1329         left : 0px;
1330         position : absolute;
1331         width : 260px;
1332         overflow : auto;
1333         bottom : 0px;
1334         border-collapse : collapse;
1335 }
1336
1337 #toolbar {
1338         position : absolute;
1339         left : 261px;
1340         padding : 5px 10px 5px 10px;
1341         top : 50px;
1342         right : 0px;
1343         white-space: nowrap;
1344         height : 30px;
1345         background-image : url("images/toolbar.png");
1346         background-position : bottom left;
1347         background-repeat : repeat-x;
1348         font-size : 12px;
1349 }
1350
1351 div.headlines_normal {
1352         position : absolute;
1353         border-width : 1px 0px 0px 0px;
1354         border-style : solid;
1355         border-color : #29353D;
1356         left : 261px;
1357         height : 305px;
1358         top : 85px;
1359         right : 0px;
1360         overflow : hidden;
1361         font-size : 12px;
1362         border-collapse : collapse;
1363 }
1364
1365 div.headlines_cdm {
1366         position : absolute;
1367         border-width : 1px 0px 1px 0px;
1368         border-style : solid;
1369         border-color : #29353D;
1370         left : 261px;
1371         bottom : 40px;
1372         top : 85px;
1373         right : 0px;
1374         overflow : hidden;
1375         font-size : 12px;
1376         border-collapse : collapse;
1377 }
1378
1379 #content-frame {
1380         position : absolute;
1381         border-width : 1px 0px 0px 0px;
1382         border-style : solid;
1383         border-color : #29353D;
1384         overflow : auto;
1385         top : 390px;
1386         left : 261px;
1387         bottom : 40px;
1388         right : 0px;
1389         border-collapse : collapse;
1390 }
1391
1392 #resize-grabber {
1393         height : 5px;
1394         border-width : 0px 0px 1px 0px;
1395         border-style : solid;
1396         border-color : #29353D;
1397         background : #1e2a32;
1398         cursor : move;
1399         text-align : center;
1400 }
1401
1402 #footer, #prefFooter {
1403         position : absolute;
1404         bottom : 0px;
1405         height : 20px;
1406         text-align : center;
1407         color : #8BB6C6;
1408         font-size : 12px;
1409         background-image : url("images/footer.png");
1410         background-position : top left;
1411         background-repeat : repeat-x;
1412         background-color : #171D22;
1413         right : 0px;
1414         left : 261px;
1415         padding : 10px;
1416         border-collapse : collapse;
1417         border-width : 1px 0px 0px 0px;
1418         border-style : solid;
1419         border-color : #29353D;
1420
1421 }
1422
1423 #prefFooter {
1424         left : 0px;
1425 }
1426
1427 #footer a, #prefFooter a {
1428         color : #8BB6C6;
1429 }
1430
1431 #footer a:hover, #prefFooter a:hover {
1432         color : #ff6c00;
1433 }
1434
1435 #headlinesContainer {
1436         margin-left : 0px;
1437         background-color : #171D22;
1438 }
1439
1440 #headlineActionsTop {
1441 /*      border-width : 0px 0px 1px 0px;
1442         border-style : solid;
1443         border-color : #c0c0c0;
1444         background-color : #fafafa; */
1445         font-size : 12px;
1446 }
1447
1448 #headlinesInnerContainer {
1449         overflow : auto;
1450         position : absolute;
1451         left : 0px;
1452         right : 0px;
1453         bottom : 0px;
1454         top : 25px;
1455 }
1456
1457 /* preferences layout */
1458
1459 #prefHeader {
1460         color : #4684ff;
1461         font-size : 12px;
1462         margin : 10px;
1463         height : 33px;
1464 }
1465
1466 div.return {
1467         float : right;
1468         font-size : 12px;
1469         margin-right : 10px;
1470 }
1471
1472 div.return a {
1473         color : #4684ff;
1474 }
1475
1476 div.return a:hover {
1477         color : #ff6c00;
1478 }
1479
1480 #prefContentOuter {
1481         border-color : #29353D;
1482         border-style : solid;
1483         font-size : 12px;
1484 }
1485
1486 #prefContent {
1487         background-image : url("images/prefs-content.png");
1488         background-position : top left;
1489         background-repeat : repeat-x;
1490 }
1491
1492 .catCtrHasUnread, .feedCtrHasUnread {
1493         font-weight : bold;
1494         color : #8BB6C6;
1495 }
1496
1497 .catCtrNoUnread, .feedCtrNoUnread {
1498         display : none;
1499 }
1500
1501 ul.headlineDropdownMenu {
1502         list-style-type : none;
1503         margin : 0px;
1504         padding : 0px;
1505 }
1506
1507 ul.headlineDropdownMenu li.top {
1508         float : left;
1509         width : 12em;
1510         background-image : url("images/down_arrow.png");
1511         background-position : center right;
1512         background-repeat : no-repeat;
1513         margin : 0px;
1514         cursor : pointer;
1515         border-width : 1px 1px 1px 1px;
1516         border-color : transparent;
1517         border-style : solid;
1518 }
1519
1520 ul.headlineDropdownMenu li.top2 {
1521         float : left;
1522 }
1523
1524 ul.headlineDropdownMenu li.top3 {
1525         float : left;
1526         margin : 0px;
1527         cursor : pointer;
1528         border-width : 1px 1px 1px 1px;
1529         border-color : transparent;
1530         border-style : solid;
1531 }
1532
1533 ul.headlineDropdownMenu li.vsep {
1534         float : left;
1535         margin : 0px 5px 0px 0px;
1536         border-width : 0px 1px 0px 0px;
1537         border-color : #29353D;
1538         border-style : dotted;
1539         color : white;
1540 }
1541
1542 ul.headlineDropdownMenu li.top:hover {
1543         cursor : pointer;
1544         border-width : 1px 1px 1px 1px;
1545         border-color : #29353D;
1546         border-style : solid;
1547 }
1548
1549 ul.headlineDropdownMenu li.top:hover ul {
1550         display : block;
1551 }
1552
1553 ul.headlineDropdownMenu ul {
1554         list-style-type : none;
1555         position : absolute;
1556         float : none;
1557         margin : 0px;
1558         padding : 0px;
1559         display : none;
1560         background-color : #171D22;
1561         width : 12em;
1562         z-index : 3;
1563         top : auto;
1564         left : auto;
1565         border-width : 0px 1px 1px 1px;
1566         border-color : #29353D;
1567         border-style : solid;
1568         margin-left : -1px;
1569 }
1570
1571 ul.headlineDropdownMenu ul li {
1572         float: none;
1573         padding : 2px 0px 2px 10px;
1574         color : #8BB6C6;
1575 }
1576
1577 ul.headlineDropdownMenu ul li:hover {
1578         color : #FF6C00;
1579         background-color : #29353D;
1580 }
1581
1582 table.prefFeedCatList {
1583         background-color : #171D22;
1584 }
1585
1586 div.autocomplete {
1587         background-color : #171D22;
1588         border :1px solid #778899;
1589 }
1590
1591 div.autocomplete ul li.selected {
1592         background-color : #192025;
1593 }
1594
1595 div.topLinks {
1596         color : gray;
1597 }
1598
1599 div.topLinks a {
1600         color : #4684ff;
1601 }
1602
1603 div.topLinks a:hover {
1604         color : #ff6c00;
1605 }
1606
1607 div.topLinks a.feedback {
1608         color : #009900;
1609 }
1610
1611 a.visibleLink {
1612         color : #4684ff;
1613
1614 }
1615
1616 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1617         color : #4684ff;
1618 }
1619
1620 div.cdmFeedTitle {
1621         border-color : #a0a0a0;
1622         border-width : 0px 0px 1px 0px;
1623         border-style : solid;
1624         padding : 5px 3px 5px 5px;
1625         background : url("images/toolbar.png") bottom left;
1626         background-repeat : repeat-x;
1627 }
1628
1629 table.headlinesList tr, table.headlinesList td {
1630         border-collapse : collapse;
1631         margin : 0px;
1632 }
1633
1634 table.headlinesList tr.feedTitle td {
1635         background : url("images/toolbar.png") bottom left;
1636         background-repeat : repeat-x;
1637         border-color : #29353D;
1638         border-width : 0px 0px 1px 0px;
1639         border-style : solid;
1640         padding : 5px 3px 5px 5px;
1641
1642 }
1643
1644 td.hlContent, td.hlContentL, td.hlContentH {
1645         cursor : pointer;
1646 }
1647
1648 td.hlContentH a, td.hlContentH span {
1649         color : #00cc00;
1650 }
1651
1652 td.hlContentL a, td.hlContentL span {
1653         color : #909090;
1654         text-decoration : line-through;
1655 }
1656
1657 span.titleWrapH, span.titleWrapH a {
1658         color : #00cc00;
1659 }
1660
1661 span.titleWrapL, span.titleWrapL a {
1662         color : #909090;
1663         text-decoration : line-through;
1664 }
1665
1666 img.hlScorePic {
1667         vertical-align : middle;
1668         width : 16px;
1669         height : 16px;
1670 }
1671
1672 div#hotkey_help_overlay {
1673         color : #8BB6C6;
1674         font-size : 15px;
1675 }
1676
1677 div#hotkey_help_overlay h1 {
1678         text-align : center;
1679 }
1680
1681 div#hotkey_help_overlay ul {
1682         list-style-type : none;
1683         margin : 0px;
1684 }
1685
1686 div#hotkey_help_overlay li {
1687         margin : 0px;
1688 }
1689
1690 div#hotkey_help_overlay p {
1691         text-align : center;
1692 }
1693
1694 div#hotkey_help_overlay td.n {
1695         text-align : right;
1696         font-weight : bold;
1697         width : 6em;
1698         color : #00FF00;
1699         padding-right : 5px;
1700 }
1701
1702 div#hotkey_help_overlay td {
1703         vertical-align : top;
1704 }
1705
1706 div#hotkey_help_overlay h1 {
1707         margin : 0px;
1708 }
1709
1710 div#hotkey_help_overlay h2 {
1711         font-size : 16px;
1712         border-width : 0px;
1713         margin : 0.3em 0px 0.3em 0px;
1714         text-align : center;
1715         color : #FF5500;
1716 }
1717
1718 div#l_progress_o {
1719         border : 1px solid #29353D;
1720         background-color : #171D22;
1721 }
1722
1723 div#l_progress_i {
1724         background-color : #29353D;
1725 }
1726
1727 #content-insert {
1728         background-color : #171D22;
1729         overflow : auto;
1730         position : absolute;
1731         left : 0px;
1732         right : 0px;
1733         bottom : 0px;
1734         top : 6px;
1735 }
1736
1737 div.dlgSec {
1738         font-size : 14px;
1739         color : gray;
1740         font-weight : bold;
1741         clear : both;
1742         height : 20px;
1743 }
1744
1745 div.dlgSecCont {
1746         position : relative;
1747         left : 150px;
1748         top : -20px;
1749         float : left;
1750         font-size : 12px;
1751         font-weight : medium;
1752         line-height : 200%;
1753 }
1754
1755 div.dlgButtons {
1756         text-align : right;
1757         clear : both;
1758 }
1759
1760 textarea.labelSQL {
1761         font-family : monospace;
1762 }
1763
1764 div#label_test_result {
1765         clear : both;
1766 }