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