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.hlFeedIcon {
 876         width : 25px;
 877         text-align : center;
 878 }
 879
 880
 881 table.headlinesList td.hlMarkedPic {
 882         width : 25px;
 883         text-align : center;
 884 }
 885
 886 table.headlinesList td.hlfeed {
 887         text-align : right;
 888 }
 889
 890 td.hlSelectRow, td.hlUpdPic {
 891         width : 25px;
 892         text-align : center;
 893 }
 894
 895 table.headlinesList td.hlUpdated {
 896         color : gray;
 897         text-align : right;
 898         width : 100px;
 899         cursor : pointer;
 900 }
 901
 902 table.headlinesList tr td {
 903         padding : 2px 0px 2px 0px;
 904 }
 905
 906 div.postHeader div.postDate {
 907         text-align : right;
 908         color : gray;
 909         float : right;
 910 }
 911
 912 div.postHeader div.postDateRTL {
 913         text-align : left;
 914         color : gray;
 915         float : right;
 916 }
 917
 918 div.postReply span.tagList {
 919         color : gray;
 920 }
 921
 922 div.postHeader div {
 923         padding-bottom : 3px;
 924         font-size : 12px;
 925         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 926 }
 927
 928 #feedUpdateErrors {
 929         display : none;
 930 }
 931
 932 #allEntryTags {
 933         font-size : 12px;
 934         border-width : 0px 0px 1px 0px;
 935         border-style : solid;
 936         border-color : #c0c0c0;
 937         padding-bottom : 5px;
 938         display : none;
 939 }
 940
 941 /*td.hlContent {
 942         overflow : hidden;
 943         height : 1em;
 944         display : block;
 945 } */
 946
 947 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 948         height : 1em;
 949 }
 950
 951 td.hlFeed {
 952         text-align : right;
 953 }
 954
 955 span.hlFeed, span.hlFeed a {
 956         font-size : 12px;
 957         color : gray;
 958 }
 959
 960 span.hlFeed a:hover {
 961         color : #4684ff;
 962 }
 963
 964 /* div.cdmArticle:hover {
 965         background-color : white;
 966 } */
 967
 968 div.cdmAllTags {
 969         float : left;
 970         background-color : white;
 971         border : 1px solid #c0c0c0;
 972         display : none;
 973         z-index : 3;
 974         top : auto;
 975         left : auto;
 976         right : auto;
 977         position : absolute;
 978         padding : 10px;
 979 }
 980
 981 span.cdmAllTagsCtr:hover div {
 982         display : block;
 983 }
 984
 985 div.cdmArticle {
 986         border-color : #a0a0a0;
 987         border-width : 0px 0px 1px 0px;
 988         border-style : solid;
 989         background-color : #f9faff;
 990         margin : 0px;
 991         color : #505050;
 992         /* padding : 10px; */
 993         color : black;
 994
 995 }
 996
 997 /* div.cdmArticleUnread:hover {
 998         background-color : white;
 999 } */
1000
1001 div.cdmArticleUnread {
1002         border-color : #a0a0a0;
1003         border-width : 0px 0px 1px 0px;
1004         border-style : solid;
1005         background-color : white;
1006         margin : 0px;
1007         /* padding : 10px; */
1008         color : black;
1009 }
1010
1011 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
1012         margin : 0px;
1013         background-color : #fff7d5;
1014         border-color : #e7d796;
1015         border-width : 0px 0px 1px 0px;
1016         border-style : solid;
1017 }
1018
1019 div.cdmArticleUnread div.cdmHeader a.title,
1020 div.cdmArticleUnreadSelected div.cdmHeader a.title {
1021         font-weight : bold;
1022 }
1023
1024 div.cdmHeader {
1025         padding : 5px 5px 10px 5px;
1026 }
1027
1028 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
1029         color : black;
1030 }
1031
1032 div.cdmFooter {
1033         font-size : 12px;
1034         color : black;
1035         padding : 5px;
1036         color : gray;
1037 /*      background-color : white; */
1038         border-width : 1px 0px 0px 0px;
1039         border-color : #c0c0c0;
1040         border-style : dotted;
1041 }
1042
1043 /*div.cdmArticleSelected div.cdmFooter {
1044         background-color : transparent;
1045 }
1046
1047 div.cdmArticleUnreadSelected div.cdmFooter {
1048         background-color : transparent;
1049 }*/
1050
1051 div.cdmFooter span.s0 {
1052         border-width : 0px 1px 0px 0px;
1053         border-color : #c0c0c0;
1054         border-style : dotted;
1055         padding : 0px 5px 0px 0px;
1056 }
1057
1058 div.cdmFooter span.s1 {
1059         border-width : 0px 1px 0px 0px;
1060         border-color : #c0c0c0;
1061         border-style : dotted;
1062         padding : 0px 5px 0px 5px;
1063 }
1064
1065 div.cdmFooter span.s2 {
1066         padding : 0px 5px 0px 5px;
1067 }
1068
1069 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1070         width : 16px;
1071         height : 16px;
1072         vertical-align : middle;
1073 }
1074
1075 img.markedPic {
1076         cursor : pointer;
1077 }
1078
1079 div.cdmHeader div.articleUpdated {
1080         float : right;
1081 }
1082
1083 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1084         margin : 0px;
1085 }
1086
1087 div.cdmHeader, div.cdmHeader a {
1088         color : #505050;
1089         font-size : 12px;
1090 }
1091
1092 div.cdmHeader a:hover {
1093         color : #4684ff;
1094 }
1095
1096 div.cdmContent {
1097         margin : 0px 15px 5px 15px;
1098 }
1099
1100 div.cdmContent:hover {
1101         cursor : pointer;
1102 }
1103
1104 div.cdmExcerpt {
1105         margin : 0px 15px 5px 15px;
1106 }
1107
1108 div.cdmExcerpt:hover {
1109         cursor : pointer;
1110         color : #88b0f0;
1111 }
1112
1113 div.cdmEnclosures {
1114         margin-top : 1em;
1115         color : gray;
1116 }
1117
1118 a.warning {
1119         color : #f04040;
1120 }
1121
1122 img.closeButton {
1123         border-width : 0px;
1124         float : right;
1125 }
1126
1127 span.groupPrompt {
1128         font-size : 12px;
1129         color : #4684ff;
1130 }
1131
1132 div.tagCloudContainer {
1133 /*      height : 300px;
1134         overflow : auto; */
1135         border : 1px solid #99d67a;
1136         background-color : white;
1137         margin : 5px 0px 5px 0px;
1138         padding : 5px;
1139         text-align : center;
1140 }
1141
1142 ul.feedErrorsList {
1143         height : 300px;
1144         overflow : auto;
1145         list-style-type : none;
1146         border : 1px solid #99d67a;
1147         background-color : white;
1148         margin : 0px 0px 5px 0px;
1149         padding : 0px;
1150 }
1151
1152 ul.userFeedList {
1153         height : 300px;
1154         overflow : auto;
1155         list-style-type : none;
1156         border : 1px solid #99d67a;
1157         background-color : white;
1158         margin : 0px 0px 5px 0px;
1159         padding : 0px;
1160 }
1161
1162 /* #browseBigFeedList li.oddSelected {
1163         border : 1px solid #d0d0f6;
1164         background-color : #eaeaff;
1165         -moz-border-radius : 5px;
1166 } */
1167
1168 /*#browseBigFeedList li {
1169         padding :0px;
1170 }*/
1171
1172 div.labelTestError {
1173         margin : 5px 0px 5px 0px;
1174         color : #f04040;
1175 }
1176
1177 ul.labelTestResults {
1178         height : 100px;
1179         overflow : auto;
1180         list-style-type : none;
1181         margin : 0px 0px 5px 0px;
1182         padding : 0px;
1183         border : 1px solid #99d67a;
1184         background-color : white;
1185 }
1186
1187 ul.filterTestResults {
1188         height : 300px;
1189         overflow : auto;
1190         list-style-type : none;
1191         margin : 0px 0px 5px 0px;
1192         padding : 0px;
1193         border : 1px solid #99d67a;
1194         background-color : white;
1195 }
1196
1197 ul.browseFeedList {
1198         height : 300px;
1199         overflow : auto;
1200         list-style-type : none;
1201         margin : 0px 0px 5px 0px;
1202         padding : 0px;
1203         border : 1px solid #99d67a;
1204         background-color : white;
1205 }
1206
1207 ul.browseFeedList li {
1208         margin : 0px;
1209         padding : 0px;
1210 }
1211
1212 span.subscribers {
1213         color : #808080;
1214 }
1215
1216 div.subscribers {
1217         color : #808080;
1218         font-size : 12px;
1219         float : right;
1220 }
1221
1222 input.feedBrowseCB {
1223         margin-right : 1em;
1224 }
1225
1226 div.browserDetails {
1227         margin : 5px 5px 5px 5px;
1228         padding : 5px;
1229 }
1230
1231 ul.compact {
1232         list-style-type : none;
1233         margin : 0px;
1234         padding : 0px;
1235 }
1236
1237 ul.compact li {
1238         margin : 0px;
1239         padding : 0px;
1240 }
1241
1242 div.browserFeedInfo {
1243         font-size : 12px;
1244 /*      border : 1px solid #88b0f0;
1245         background-color : #ecf4ff;
1246         -moz-border-radius : 5px; */
1247         padding : 5px;
1248 }
1249
1250 div.browserFeedInfo div.detailsPart {
1251         margin : 5px 0px 5px 5px;
1252 }
1253
1254 div.cdmContent a {
1255         color : #4684ff;
1256 }
1257
1258 div.cdmContent a:hover {
1259         color : black;
1260 }
1261
1262 a.cdmToggleLink {
1263         color : #808080;
1264         font-size : 12px;
1265 }
1266
1267 a.cdmToggleLink:hover {
1268         color : #4684ff;
1269 }
1270
1271 .noborder {
1272         border-width : 0px;
1273 }
1274
1275 #debug_output {
1276         position : absolute;
1277         width : 400px;
1278         height : 200px;
1279         right : 20px;
1280         bottom : 20px;
1281         z-index : 999;
1282         background-color : white;
1283         border : 1px solid #c0c0c0;
1284         overflow : auto;
1285         margin : 0px;
1286         padding : 0px;
1287         list-style-type : none;
1288 }
1289
1290 #debug_output li {
1291         margin : 0px;
1292         padding : 0px;
1293         font-size : 11px;
1294 }
1295
1296 #dialog_overlay {
1297         left : 0;
1298         top : 0;
1299         height : 100%;
1300         width : 100%;
1301         z-index : 4;
1302         position : absolute;
1303         background-image : url("images/shadow_white.png");
1304 }
1305
1306 #overlay {
1307         background : white;
1308         left : 0;
1309         top : 0;
1310         height : 100%;
1311         width : 100%;
1312         z-index : 100;
1313         position : absolute;
1314 }
1315
1316 #overlay_inner {
1317         font-weight : bold;
1318         margin : 10px;
1319 }
1320
1321 #fatal_error {
1322         background : white;
1323         left : 0;
1324         top : 0;
1325         height : 100%;
1326         width : 100%;
1327         z-index : 200;
1328         display : none;
1329         position : absolute;
1330 }
1331
1332 #fatal_error_inner {
1333         font-weight : bold;
1334         margin : 10px;
1335         color : red;
1336 }
1337
1338 #fatal_error_msg {
1339         color : black;
1340         padding : 10px;
1341         font-weight : normal;
1342         background-color : #ffcccc;
1343         border : 1px solid #ff0000;
1344 }
1345
1346 #fatal_error_msg a {
1347         color : red;
1348 }
1349
1350 #fatal_error_msg a:hover {
1351         color : red;
1352         text-decoration : underline;
1353 }
1354
1355 #fatal_error_msg img {
1356         vertical-align : middle;
1357 }
1358
1359 #noDaemonWarning {
1360         position : absolute;
1361         background-color : #ecf4ff;
1362         border : 1px solid #88b0f0;
1363         padding : 10px;
1364         margin : 5px;
1365         z-index : 2;
1366         display : none;
1367 }
1368
1369 #qafInput {
1370         width : 100%;
1371 }
1372
1373 form {
1374         margin : 0px;
1375         padding : 0px;
1376 }
1377
1378 #main_toolbar_form {
1379         margin : 0px;
1380         padding : 0px;
1381         display : inline;
1382 }
1383
1384 div.feedExtInfo {
1385         margin-left : 2em;
1386         font-size : 7pt;
1387         color : gray;
1388         font-weight : normal;
1389 }
1390
1391 span.debugTS {
1392         color : #4684ff;
1393 }
1394
1395 #backReqBox {
1396         display : none;
1397 }
1398
1399 /*.scriptWarn:before {
1400         content : "Disabled script:";
1401 }*/
1402
1403 .scriptWarn {
1404         color : white;
1405         background-color : #903030;
1406         border : 1px solid #601010;
1407         padding : 3px;
1408         font-weight : bold;
1409         display : none;
1410 }
1411
1412 .objectWarn {
1413         color : gray;
1414         font-style: italic;
1415         text-align : center;
1416 }
1417
1418 table.loginForm2 {
1419         padding : 1em;
1420 }
1421
1422 table.loginForm2 .loginTop {
1423         border-width : 0px 0px 1px 0px;
1424         border-color : #88b0f0;
1425         border-style : solid;
1426         padding : 0.5em;
1427 }
1428
1429 table.loginForm2 .loginMiddle {
1430         padding : 3em;
1431 }
1432
1433 table.loginForm2 .loginBottom {
1434         border-width : 1px 0px 0px 0px;
1435         border-color : #88b0f0;
1436         border-style : solid;
1437         font-size : 12px;
1438         text-align : center;
1439         color : #909090;
1440         padding : 0.5em;
1441 }
1442
1443 table.loginForm2 .loginBottom a {
1444         color : gray;
1445 }
1446
1447 table.loginForm2 .loginBottom a:hover {
1448         color : #4684ff;
1449 }
1450
1451 table.loginForm2 .loginError {
1452         color : red;
1453         margin : 0.5em;
1454 }
1455
1456 table.loginForm2 .innerLoginCell {
1457         padding-top : 0.5em;
1458 }
1459
1460 #milestoneDetails {
1461         display : none;
1462 }
1463
1464 div.loadingPrompt {
1465         padding : 1em;
1466         text-align : center;
1467         font-weight : bold;
1468 }
1469
1470 div.whiteBox {
1471         background-color : white;
1472         margin-left : 1px;
1473         text-align : center;
1474         padding : 1em;
1475 }
1476
1477 /* layout */
1478
1479 #header {
1480         position : absolute;
1481         white-space: nowrap;
1482         top : 10px;
1483         left : 15px;
1484         right : 5px;
1485         height : 40px;
1486         color : #4684ff;
1487         font-size : 12px;
1488 }
1489
1490 #feeds-holder {
1491         border-width : 1px 1px 0px 0px;
1492         border-style : solid;
1493         border-color : #88b0f0;
1494         top : 50px;
1495         left : 0px;
1496         position : absolute;
1497         width : 260px;
1498         overflow : auto;
1499         bottom : 0px;
1500         border-collapse : collapse;
1501 }
1502
1503 #toolbar {
1504         position : absolute;
1505         left : 261px;
1506         padding : 5px 10px 5px 10px;
1507         top : 50px;
1508         right : 0px;
1509         white-space: nowrap;
1510         height : 30px;
1511         background-image : url("images/toolbar.png");
1512         background-position : bottom left;
1513         background-repeat : repeat-x;
1514         font-size : 12px;
1515 }
1516
1517 div.headlines_normal {
1518         position : absolute;
1519         border-width : 1px 0px 0px 0px;
1520         border-style : solid;
1521         border-color : #88b0f0;
1522         left : 261px;
1523         height : 305px;
1524         top : 85px;
1525         right : 0px;
1526         overflow : hidden;
1527         font-size : 12px;
1528         border-collapse : collapse;
1529 }
1530
1531 div.headlines_cdm {
1532         position : absolute;
1533         border-width : 1px 0px 1px 0px;
1534         border-style : solid;
1535         border-color : #88b0f0;
1536         left : 261px;
1537         bottom : 40px;
1538         top : 85px;
1539         right : 0px;
1540         overflow : hidden;
1541         font-size : 12px;
1542         border-collapse : collapse;
1543 }
1544
1545 #content-frame {
1546         position : absolute;
1547         border-width : 1px 0px 0px 0px;
1548         border-style : solid;
1549         border-color : #88b0f0;
1550         overflow : auto;
1551         top : 390px;
1552         left : 261px;
1553         bottom : 40px;
1554         right : 0px;
1555         border-collapse : collapse;
1556 }
1557
1558 /*#resize-grabber {
1559         position : absolute;
1560         border-width : 1px;
1561         border-style : dotted;
1562         border-color : #88b0f0;
1563         background-color : white;
1564         width : 8px;
1565         height : 8px;
1566         z-index : 20;
1567         right : 20px;
1568         top : 20px;
1569         display : none;
1570         cursor : move;
1571 }*/
1572
1573 #resize-grabber {
1574         height : 5px;
1575         border-width : 0px 0px 1px 0px;
1576         border-style : solid;
1577         border-color : #88b0f0;
1578         background : url("images/resize_horiz.png") top left;
1579         cursor : move;
1580         text-align : center;
1581 }
1582
1583 #footer, #prefFooter {
1584         position : absolute;
1585         bottom : 0px;
1586         height : 20px;
1587         text-align : center;
1588         color : gray;
1589         font-size : 12px;
1590         background-image : url("images/footer.png");
1591         background-position : top left;
1592         background-repeat : repeat-x;
1593         background-color : white;
1594         right : 0px;
1595         left : 261px;
1596         padding : 10px;
1597         border-collapse : collapse;
1598         border-width : 1px 0px 0px 0px;
1599         border-style : solid;
1600         border-color : #88b0f0;
1601
1602 }
1603
1604 #prefFooter {
1605         left : 0px;
1606 }
1607
1608 #footer a, #prefFooter a {
1609         color : gray;
1610 }
1611
1612 #footer a:hover, #prefFooter a:hover {
1613         color : black;
1614 }
1615
1616 #headlinesContainer {
1617         margin-left : 0px;
1618         background-color : white;
1619 }
1620
1621 #headlineActionsTop {
1622 /*      border-width : 0px 0px 1px 0px;
1623         border-style : solid;
1624         border-color : #c0c0c0;
1625         background-color : #fafafa; */
1626         font-size : 12px;
1627 }
1628
1629 #headlinesInnerContainer {
1630         overflow : auto;
1631         position : absolute;
1632         left : 0px;
1633         right : 0px;
1634         bottom : 0px;
1635         top : 25px;
1636 }
1637
1638 /* preferences layout */
1639
1640 #prefHeader {
1641         color : #4684ff;
1642         font-size : 12px;
1643         margin : 10px;
1644         height : 33px;
1645 }
1646
1647 div.return {
1648         float : right;
1649         font-size : 12px;
1650         margin-right : 10px;
1651 }
1652
1653 div.return a {
1654         color : #4684ff;
1655 }
1656
1657 div.return a:hover {
1658         color : black;
1659 }
1660
1661 #prefContentOuter {
1662         clear : left;
1663         position : absolute;
1664         bottom : 41px;
1665         top : 75px;
1666         left : 0px;
1667         right : 0px;
1668         min-height : 300px;
1669         border-width : 1px 0px 0px 0px;
1670         border-color : #88b0f0;
1671         border-style : solid;
1672         font-size : 12px;
1673 }
1674
1675 #prefContent {
1676         z-index : 4;
1677         background-image : url("images/prefs-content.png");
1678         background-position : top left;
1679         background-repeat : repeat-x;
1680         position : absolute;
1681         bottom : 0px;
1682         top : 0px;
1683         left : 0px;
1684         right : 0px;
1685         padding : 1em;
1686         overflow : auto;
1687
1688 }
1689
1690 #userSwitch {
1691         position : absolute;
1692         bottom : 2px;
1693         right : 2px;
1694 }
1695
1696 a.feedUpdErrLink {
1697         color : #ff0000;
1698         display : block;
1699         margin-bottom : 0.5em;
1700 }
1701
1702 .catCtrHasUnread {
1703         font-weight : bold;
1704         color : #707070;
1705 }
1706
1707 .catCtrNoUnread {
1708         display : none;
1709 }
1710
1711 ul.headlineDropdownMenu {
1712         list-style-type : none;
1713         margin : 0px;
1714         padding : 0px;
1715 }
1716
1717 ul.headlineDropdownMenu li.top {
1718         float : left;
1719         width : 12em;
1720         background-image : url("images/down_arrow.png");
1721         background-position : center right;
1722         background-repeat : no-repeat;
1723         margin : 0px;
1724         cursor : pointer;
1725         border-width : 1px 1px 1px 1px;
1726         border-color : transparent;
1727         border-style : solid;
1728 }
1729
1730 ul.headlineDropdownMenu li.top2 {
1731         float : left;
1732 }
1733
1734 ul.headlineDropdownMenu li.top3 {
1735         float : left;
1736         margin : 0px;
1737         cursor : pointer;
1738         border-width : 1px 1px 1px 1px;
1739         border-color : transparent;
1740         border-style : solid;
1741 }
1742
1743 ul.headlineDropdownMenu li.vsep {
1744         float : left;
1745         margin : 0px 5px 0px 0px;
1746         border-width : 0px 1px 0px 0px;
1747         border-color : #c0c0c0;
1748         border-style : dotted;
1749         color : white;
1750 }
1751
1752 ul.headlineDropdownMenu li.top:hover {
1753         cursor : pointer;
1754         border-width : 1px 1px 1px 1px;
1755         border-color : #c0c0c0;
1756         border-style : solid;
1757 }
1758
1759 ul.headlineDropdownMenu li.top:hover ul {
1760         display : block;
1761 }
1762
1763 ul.headlineDropdownMenu ul {
1764         list-style-type : none;
1765         position : absolute;
1766         float : none;
1767         margin : 0px;
1768         padding : 0px;
1769         display : none;
1770         background-color : white;
1771         width : 12em;
1772         z-index : 3;
1773         top : auto;
1774         left : auto;
1775         border-width : 0px 1px 1px 1px;
1776         border-color : #c0c0c0;
1777         border-style : solid;
1778         margin-left : -1px;
1779 }
1780
1781 ul.headlineDropdownMenu ul li {
1782         float: none;
1783         padding : 2px 0px 2px 10px;
1784         color : black;
1785 }
1786
1787 ul.headlineDropdownMenu ul li:hover {
1788         color : #4684ff;
1789         background-color : #f0f0f0;
1790 }
1791
1792 #newVersionIcon {
1793         vertical-align : middle;
1794         cursor : pointer;
1795 }
1796
1797 a.helpLinkPic {
1798         float : right;
1799 }
1800
1801 a.helpLinkPic img {
1802         border-width : 0px;
1803 }
1804
1805 #fadd_login_container {
1806 }
1807
1808 li.feedCatHolder {
1809         display : inline;
1810 }
1811
1812 table.prefFeedCatList {
1813         background-color : white;
1814 }
1815
1816 /*a[target="_new"], a[target="_blank"] {
1817         border-width : 0px 0px 1px 0px;
1818         border-color : #778899;
1819         border-style : dotted;
1820 }*/
1821
1822 div.autocomplete {
1823         position : absolute;
1824         width : 250px;
1825         background-color : white;
1826         border :1px solid #778899;
1827         margin : 0px;
1828         padding : 0px;
1829 }
1830
1831 div.autocomplete ul {
1832         list-style-type : none;
1833         margin : 0px;
1834         padding : 0px;
1835 }
1836
1837 div.autocomplete ul li.selected {
1838         background-color : #fff7d5;
1839 }
1840
1841 div.autocomplete ul li {
1842         list-style-type : none;
1843         display : block;
1844         margin : 0;
1845         padding : 2px;
1846         height : 32px;
1847         cursor : pointer;
1848 }
1849
1850 #feedOpToolbar {
1851         float : right;
1852 }
1853
1854 div.topLinks {
1855         float : right;
1856         margin-right : 5px;
1857         color : gray;
1858 }
1859
1860 div.topLinks a {
1861         color : #4684ff;
1862 }
1863
1864 div.topLinks a:hover {
1865         color : black;
1866 }
1867
1868 div.topLinks a.feedback {
1869         color : #009900;
1870 }
1871
1872 div.dashboard {
1873         margin-left : 3px;
1874 }
1875
1876 a.visibleLink {
1877         color : #4684ff;
1878
1879 }
1880
1881 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1882         color : #4684ff;
1883 }
1884
1885 div.cdmFeedTitle {
1886         border-color : #a0a0a0;
1887         border-width : 0px 0px 1px 0px;
1888         border-style : solid;
1889         padding : 5px;
1890         background : url("images/toolbar.png") bottom left;
1891         background-repeat : repeat-x;
1892 }
1893
1894 table.headlinesList tr, table.headlinesList td {
1895         border-collapse : collapse;
1896         margin : 0px;
1897 }
1898
1899 table.headlinesList tr.feedTitle td {
1900 /*      text-align : right;
1901         margin-top : 10px; */
1902         /*padding-left : 5px;*/
1903
1904         background : url("images/toolbar.png") bottom left;
1905         background-repeat : repeat-x;
1906
1907         border-color : #c0c0c0;
1908         border-width : 0px 0px 1px 0px;
1909         border-style : solid;
1910         padding : 5px;
1911
1912 }
1913
1914 td.hlContent, td.hlContentL, td.hlContentH {
1915         cursor : pointer;
1916 }
1917
1918 td.hlContentH a, td.hlContentH span {
1919         color : #00cc00;
1920 }
1921
1922 td.hlContentL a, td.hlContentL span {
1923         color : #909090;
1924         text-decoration : line-through;
1925 }
1926
1927 span.titleWrapH, span.titleWrapH a {
1928         color : #00cc00;
1929 }
1930
1931 span.titleWrapL, span.titleWrapL a {
1932         color : #909090;
1933         text-decoration : line-through;
1934 }
1935
1936 img.hlScorePic {
1937         vertical-align : middle;
1938         width : 16px;
1939         height : 16px;
1940 }
1941
1942 div#hotkey_help_overlay {
1943         position : absolute;
1944         left : 30px;
1945         right : 30px;
1946         top : 30px;
1947         z-index : 999;
1948         color : white;
1949         font-size : 15px;
1950 }
1951
1952 div#hotkey_help_overlay h1 {
1953         text-align : center;
1954 }
1955
1956 div#hotkey_help_overlay ul {
1957         list-style-type : none;
1958         margin : 0px;
1959 }
1960
1961 div#hotkey_help_overlay li {
1962         margin : 0px;
1963 }
1964
1965 div#hotkey_help_overlay p {
1966         text-align : center;
1967 }
1968
1969 div#hotkey_help_overlay td.n {
1970         text-align : right;
1971         font-weight : bold;
1972         width : 6em;
1973         color : #a0ffa0;
1974         padding-right : 5px;
1975 }
1976
1977 div#hotkey_help_overlay td {
1978         vertical-align : top;
1979 }
1980
1981 div#hotkey_help_overlay h1 {
1982         margin : 0px;
1983 }
1984
1985 div#hotkey_help_overlay h2 {
1986         font-size : 16px;
1987         border-width : 0px;
1988         margin : 0.3em 0px 0.3em 0px;
1989         text-align : center;
1990         color : #88b0f0;
1991 }
1992
1993 div#hotkey_help_overlay table.hho td.c1 {
1994         height : 30px;
1995         width : 30px;
1996         background : url("images/c1.png");
1997         background-repeat : no-repeat;
1998
1999 }
2000
2001 div#hotkey_help_overlay table.hho td.c2 {
2002         height : 30px;
2003         width : 30px;
2004         background : url("images/c2.png");
2005         background-repeat : no-repeat;
2006 }
2007
2008 div#hotkey_help_overlay table.hho td.c3 {
2009         height : 30px;
2010         width : 30px;
2011         background : url("images/c3.png");
2012         background-repeat : no-repeat;
2013 }
2014
2015 div#hotkey_help_overlay table.hho td.c4 {
2016         height : 30px;
2017         width : 30px;
2018         background : url("images/c4.png");
2019         background-repeat : no-repeat;
2020 }
2021
2022 div#hotkey_help_overlay table.hho td.top,
2023 div#hotkey_help_overlay table.hho td.left,
2024 div#hotkey_help_overlay table.hho td.right,
2025 div#hotkey_help_overlay table.hho td.bottom,
2026 div#hotkey_help_overlay table.hho td.content {
2027         background : url("images/shadow_dark.png");
2028 }
2029
2030 div#hotkey_help_overlay table.hho td.top,
2031 div#hotkey_help_overlay table.hho td.bottom {
2032         text-align : center;
2033         font-size : 13px;
2034 }
2035
2036 div.prefKbdHelp {
2037         float : right;
2038         font-size : 12px;
2039         margin-right : 15px;
2040 }
2041
2042 div.prefKbdHelp img {
2043         vertical-align : middle;
2044 }
2045
2046 div#l_progress_o {
2047         width : 200px;
2048         border : 1px solid black;
2049         background-color : white;
2050         margin-top : 10px;
2051 }
2052
2053 div#l_progress_i {
2054         width : 10px;
2055         background-color : #88b0f0;
2056         height : 10px;
2057 }
2058
2059 #content-insert {
2060         background-color : white;
2061         overflow : auto;
2062         position : absolute;
2063         left : 0px;
2064         right : 0px;
2065         bottom : 0px;
2066         top : 6px;
2067 }
2068
2069 div.dlgSec {
2070         font-size : 14px;
2071         color : gray;
2072         font-weight : bold;
2073         clear : both;
2074         height : 20px;
2075 }
2076
2077 div.dlgSecCont {
2078         position : relative;
2079         left : 150px;
2080         top : -20px;
2081         float : left;
2082         font-size : 12px;
2083         font-weight : medium;
2084         line-height : 200%;
2085 }
2086
2087 div.dlgButtons {
2088         text-align : right;
2089         clear : both;
2090 }
2091
2092 textarea.labelSQL {
2093         font-family : monospace;
2094 }
2095
2096 div#label_test_result {
2097         clear : both;
2098 }