typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css

   1 /* Selectors for the htmlArea RTE editor */
   2 .htmlarea {
   3         background-color:#fff;
   4         margin:0;padding:0;
   5 }
   6 .pleasewait {
   7         position:relative;top:0px;text-align:left;
   8         font-size:8pt;
   9         margin-top:30px;
  10 }
  11 .editorWrap {
  12         margin:0;padding:0;
  13 }
  14 /* Selectors for the editor toolbar */
  15 .htmlarea div.toolbar {
  16         background-color:#e4e0db;cursor:default;
  17         width:100%;
  18         border:1px solid #e4e0db;border-bottom:1px solid #000;margin:0;padding:0px 0px 2px 0px;
  19 }
  20 .htmlarea .toolbar ul {
  21         background-color:transparent;
  22         list-style-type:none;list-style-image:none;
  23         border-style:none;margin:0;padding:0;
  24 }
  25 .htmlarea .toolbar ul.tb-line {
  26         clear:both;
  27 }
  28 .htmlarea .toolbar ul.tb-group {
  29         clear:none;float:left;
  30 }
  31 .htmlarea .toolbar ul li {
  32         float:left;
  33         background-color:transparent;
  34         font:11px Tahoma,Verdana,sans-serif;
  35         border-style:none;padding:0;
  36 }
  37 .htmlarea .toolbar ul.tb-line li {
  38         margin:1px 0px 1px 0px;
  39 }
  40 .htmlarea .toolbar ul.free-float li, .htmlarea .toolbar ul.tb-group li {
  41         height:22px;
  42         margin:0;
  43 }
  44 .htmlarea .toolbar label {
  45         float:left;
  46         vertical-align:middle;
  47         height:22px;
  48         background-color:#e4e0db;
  49         margin:0;padding:3px 3px 0px 3px;
  50 }
  51 .htmlarea .toolbar button {
  52         vertical-align:top;
  53         background-color:#e4e0db;background-position:1px 1px;background-repeat:no-repeat;color:ButtonText;
  54         border:1px solid #e4e0db;margin:0;padding:1px;
  55         width:22px;height:22px;
  56 }
  57 .htmlarea .toolbar button div.buttonImgContainer {
  58         position:relative;top:0;left:0;
  59         width:18px;height:18px;overflow:hidden;
  60         margin:0;padding:0;
  61 }
  62 .htmlarea .toolbar .BiDiOverride {background-image:url("images/InlineElements/bidioverride.gif");}
  63 .htmlarea .toolbar .Big {background-image:url("images/InlineElements/big.gif");}
  64 .htmlarea .toolbar .Bold {background-image:url("images/InlineElements/bold.gif");}
  65 .htmlarea .toolbar .Citation {background-image:url("images/InlineElements/citation.gif");}
  66 .htmlarea .toolbar .Code {background-image:url("images/InlineElements/code.gif");}
  67 .htmlarea .toolbar .Definition {background-image:url("images/InlineElements/definition.gif");}
  68 .htmlarea .toolbar .DeletedText {background-image:url("images/InlineElements/deletedtext.gif");}
  69 .htmlarea .toolbar .Emphasis {background-image:url("images/InlineElements/emphasis.gif");}
  70 .htmlarea .toolbar .InsertedText {background-image:url("images/InlineElements/insertedtext.gif");}
  71 .htmlarea .toolbar .Italic {background-image:url("images/InlineElements/italic.gif");}
  72 .htmlarea .toolbar .Keyboard {background-image:url("images/InlineElements/keyboard.gif");}
  73 .htmlarea .toolbar .MonoSpaced {background-image:url("images/InlineElements/monospaced.gif");}
  74 .htmlarea .toolbar .Quotation {background-image:url("images/InlineElements/quotation.gif");}
  75 .htmlarea .toolbar .Sample {background-image:url("images/InlineElements/sample.gif");}
  76 .htmlarea .toolbar .Small {background-image:url("images/InlineElements/small.gif");}
  77 .htmlarea .toolbar .Span {background-image:url("images/InlineElements/span.gif");}
  78 .htmlarea .toolbar .StrikeThrough {background-image:url("images/InlineElements/strikethrough.gif");}
  79 .htmlarea .toolbar .Strong {background-image:url("images/InlineElements/strong.gif");}
  80 .htmlarea .toolbar .Subscript {background-image:url("images/InlineElements/subscript.gif");}
  81 .htmlarea .toolbar .Superscript {background-image:url("images/InlineElements/superscript.gif");}
  82 .htmlarea .toolbar .Underline {background-image:url("images/InlineElements/underline.gif");}
  83 .htmlarea .toolbar .Variable {background-image:url("images/InlineElements/variable.gif");}
  84 .htmlarea .toolbar .LeftToRight {background-image:url("images/ed_left_to_right.gif");}
  85 .htmlarea .toolbar .RightToLeft {background-image:url("images/ed_right_to_left.gif");}
  86 .htmlarea .toolbar .Indent {background-image:url("images/BlockElements/indent.gif");}
  87 .htmlarea .toolbar .Outdent {background-image:url("images/BlockElements/outdent.gif");}
  88 .htmlarea .toolbar .Blockquote {background-image:url("images/BlockElements/blockquote.gif");}
  89 .htmlarea .toolbar .InsertParagraphBefore, .htmlarea-context-menu .InsertParagraphBefore {background-image:url("images/BlockElements/insertParagraphBefore.gif");}
  90 .htmlarea .toolbar .InsertParagraphAfter, .htmlarea-context-menu .InsertParagraphAfter {background-image:url("images/BlockElements/insertParagraphAfter.gif");}
  91 .htmlarea .toolbar .JustifyLeft, .htmlarea-context-menu .JustifyLeft {background-image:url("images/BlockElements/justifyLeft.gif");}
  92 .htmlarea .toolbar .JustifyCenter, .htmlarea-context-menu .JustifyCenter {background-image:url("images/BlockElements/justifyCenter.gif");}
  93 .htmlarea .toolbar .JustifyRight, .htmlarea-context-menu .JustifyRight {background-image:url("images/BlockElements/justifyRight.gif");}
  94 .htmlarea .toolbar .JustifyFull, .htmlarea-context-menu .JustifyFull {background-image:url("images/BlockElements/justifyFull.gif");}
  95 .htmlarea .toolbar .DefinitionList, .htmlarea-context-menu .DefinitionList {background-image:url("images/definitionList.gif");}
  96 .htmlarea .toolbar .DefinitionItem, .htmlarea-context-menu .DefinitionItem {background-image:url("images/definitionItem.gif");}
  97 .htmlarea .toolbar .InsertOrderedList {background-image:url("images/ed_list_num.gif");}
  98 .htmlarea .toolbar .InsertUnorderedList {background-image:url("images/ed_list_bullet.gif");}
  99 .htmlarea .toolbar .ForeColor {background-image:url("images/ed_color_fg.gif");}
 100 .htmlarea .toolbar .HiliteColor {background-image:url("images/ed_color_bg.gif");}
 101 .htmlarea .toolbar .InsertSmiley {background-image:url("images/InsertSmiley/ed_smiley.gif");}
 102 .htmlarea .toolbar .InsertCharacter {background-image:url("images/CharacterMap/ed_charmap.gif");}
 103 .htmlarea .toolbar .InsertHorizontalRule {background-image:url("images/ed_hr.gif");}
 104 .htmlarea .toolbar .CreateLink, .htmlarea-context-menu .CreateLink {background-image:url("images/ed_link.gif");}
 105 .htmlarea .toolbar .UnLink, .htmlarea-context-menu .UnLink {background-image:url("images/ed_unlink.gif");}
 106 .htmlarea .toolbar .InsertImage, .htmlarea-context-menu .InsertImage {background-image:url("images/ed_image.gif");}
 107 .htmlarea .toolbar .InsertTable {background-image:url("images/insert_table.gif");}
 108 .htmlarea .toolbar .UserElements {background-image:url("images/UserElements/ed_user.gif");}
 109 .htmlarea .toolbar .FindReplace {background-image:url("images/FindReplace/ed_find.gif");}
 110 .htmlarea .toolbar .SpellCheck { background-image:url("images/SpellChecker/spell-check.gif"); }
 111 .htmlarea .toolbar .InsertTag { background-image:url("images/QuickTag/ed_quicktag.gif"); }
 112 .htmlarea .toolbar .Acronym { background-image:url("images/Acronym/ed_acronym.gif"); }
 113 .htmlarea .toolbar .RemoveFormat { background-image:url("images/RemoveFormat/ed_clean.gif"); }
 114 .htmlarea .toolbar .SplitBlock {background-image:url("images/ed_splitblock.gif"); }
 115 .htmlarea .toolbar .HtmlMode { background-image:url("images/ed_html.gif"); }
 116 .htmlarea .toolbar .Copy, .htmlarea-context-menu .Copy  { background-image:url("images/ed_copy.gif");}
 117 .htmlarea .toolbar .Cut, .htmlarea-context-menu .Cut  { background-image:url("images/ed_cut.gif");}
 118 .htmlarea .toolbar .Paste, .htmlarea-context-menu .Paste { background-image:url("images/ed_paste.gif");}
 119 .htmlarea .toolbar .Undo { background-image:url("images/ed_undo.gif");}
 120 .htmlarea .toolbar .Redo { background-image:url("images/ed_redo.gif");}
 121 .htmlarea .toolbar .About { background-image:url("images/ed_about.gif");}
 122 .htmlarea .toolbar .ShowHelp { background-image:url("images/TYPO3ViewHelp/module_help.gif");}
 123 .htmlarea .toolbar .TO-toggle-borders, .htmlarea-context-menu .TO-toggle-borders {background-image:url("images/TableOperations/toggle-borders.gif");}
 124 .htmlarea .toolbar .TO-table-prop, .htmlarea-context-menu .TO-table-prop {background-image:url("images/TableOperations/table-prop.gif");}
 125 .htmlarea .toolbar .TO-table-restyle, .htmlarea-context-menu .TO-table-restyle {background-image:url("images/TableOperations/table-restyle.gif");}
 126 .htmlarea .toolbar .TO-row-prop, .htmlarea-context-menu .TO-row-prop {background-image:url("images/TableOperations/row-prop.gif");}
 127 .htmlarea .toolbar .TO-row-insert-above, .htmlarea-context-menu .TO-row-insert-above {background-image:url("images/TableOperations/row-insert-above.gif");}
 128 .htmlarea .toolbar .TO-row-insert-under, .htmlarea-context-menu .TO-row-insert-under {background-image:url("images/TableOperations/row-insert-under.gif");}
 129 .htmlarea .toolbar .TO-row-delete, .htmlarea-context-menu .TO-row-delete {background-image:url("images/TableOperations/row-delete.gif");}
 130 .htmlarea .toolbar .TO-row-split, .htmlarea-context-menu .TO-row-split {background-image:url("images/TableOperations/row-split.gif");}
 131 .htmlarea .toolbar .TO-col-prop, .htmlarea-context-menu .TO-col-prop {background-image:url("images/TableOperations/col-prop.gif");}
 132 .htmlarea .toolbar .TO-col-insert-before, .htmlarea-context-menu .TO-col-insert-before {background-image:url("images/TableOperations/col-insert-before.gif");}
 133 .htmlarea .toolbar .TO-col-insert-after, .htmlarea-context-menu .TO-col-insert-after {background-image:url("images/TableOperations/col-insert-after.gif");}
 134 .htmlarea .toolbar .TO-col-delete, .htmlarea-context-menu .TO-col-delete {background-image:url("images/TableOperations/col-delete.gif");}
 135 .htmlarea .toolbar .TO-col-split, .htmlarea-context-menu .TO-col-split {background-image:url("images/TableOperations/col-split.gif");}
 136 .htmlarea .toolbar .TO-cell-prop, .htmlarea-context-menu .TO-cell-prop {background-image:url("images/TableOperations/cell-prop.gif");}
 137 .htmlarea .toolbar .TO-cell-insert-before, .htmlarea-context-menu .TO-cell-insert-before {background-image:url("images/TableOperations/cell-insert-before.gif");}
 138 .htmlarea .toolbar .TO-cell-insert-after, .htmlarea-context-menu .TO-cell-insert-after {background-image:url("images/TableOperations/cell-insert-after.gif");}
 139 .htmlarea .toolbar .TO-cell-delete, .htmlarea-context-menu .TO-cell-delete {background-image:url("images/TableOperations/cell-delete.gif");}
 140 .htmlarea .toolbar .TO-cell-split, .htmlarea-context-menu .TO-cell-split {background-image:url("images/TableOperations/cell-split.gif");}
 141 .htmlarea .toolbar .TO-cell-merge, .htmlarea-context-menu .TO-cell-merge {background-image:url("images/TableOperations/cell-merge.gif");}
 142 .htmlarea .toolbar button.buttonHover {
 143         border:1px solid;border-color:#e4e0db #999999 #999999 #e4e0db;
 144 }
 145 .htmlarea .toolbar button.buttonActive {
 146         border:1px solid;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
 147         padding:2px 0px 0px 2px;
 148 }
 149 .htmlarea .toolbar button.buttonPressed, .htmlarea-context-menu button.buttonActive {
 150         background-color:ButtonHighlight;
 151         border:1px solid;border-color:#999999 #e4e0db #e4e0db #999999;
 152         padding:2px 0px 0px 2px;
 153         text-decoration:none;
 154 }
 155 .htmlarea .toolbar div.indicator {
 156         margin:4px 0px 0px 0px;
 157         padding:0px 3px;
 158         overflow:hidden;
 159         width:20px;
 160         text-align:center;
 161         cursor:default;
 162         border:1px solid ButtonShadow;
 163 }
 164 .htmlarea .toolbar button.buttonDisabled {
 165         filter: alpha(opacity=25);
 166         -moz-opacity: 0.25;
 167         opacity: 0.25;
 168 }
 169 .htmlarea .toolbar div.separator {
 170         position:relative;
 171         border-left:1px solid #999;margin:0 3px;padding:0;
 172         width:0px;height:20px;
 173 }
 174 .htmlarea .toolbar li.tb-first-cell .separator {
 175         border-style:none;margin:0;padding:0;
 176 }
 177 .htmlarea .toolbar div.space {
 178         float:left;
 179         height:22px;
 180         margin:0;padding:0px 1px 0px 0px;
 181 }
 182 .htmlarea .toolbar select {
 183         font:10px Tahoma,Verdana,sans-serif;
 184         height:18px;
 185         border:1px solid #A2AAB8;
 186         margin:0;padding:1px;
 187 }
 188 .htmlarea .toolbar select, .htmlarea .toolbar select:hover, .htmlarea .toolbar select:active {
 189         background-color:#fff;color:ButtonText;
 190 }
 191 .htmlarea .toolbar select.buttonDisabled {
 192         background-color:#e4e0db;
 193 }
 194 .htmlarea .editorIframe {
 195         clear:both;
 196         width:100%;
 197         border:1px solid #000;border-top:0px;margin:0;padding:0;
 198 }
 199 .htmlarea .noStatusBar {
 200         border-bottom:1px solid #000;
 201 }
 202 .htmlarea .statusBar {
 203         clear:both;
 204         background-color:#e4e0db;color:ButtonText;
 205         font:11px Tahoma,Verdana,sans-serif;
 206         width:100%;
 207         border:1px solid;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;margin:0;padding:0;
 208 }
 209 .htmlarea .statusBarTree {
 210         padding:2px 5px;
 211 }
 212 .htmlarea .statusBar .statusBarTree a {
 213         color:#00f;
 214         padding:2px 5px;
 215 }
 216 .htmlarea .statusBar .statusBarTree a:visited {
 217         color:#00f;
 218 }
 219 .htmlarea .statusBar .statusBarTree a:hover {
 220         background-color:Highlight;color:HighlightText;
 221         border:1px solid HighlightText;padding:1px 4px;
 222 }
 223 .htmlarea .statusBarTextMode {
 224         padding:2px 5px;
 225 }
 226 /* Selectors for dialogue windows */
 227 .popupwin {
 228         background-color:#e4e0db;color:ButtonText;
 229         font:11px Tahoma,Verdana,sans-serif;
 230         border-style:none;margin:5px;padding:0;
 231 }
 232 .popupwin .title {
 233         clear:both;
 234         background-color:#ddf;color:#000;
 235         font-weight:bold;font-size:120%;letter-spacing:2px;
 236         border-top:0px;border-bottom:1px solid black;margin-top:0px;margin-bottom:10px;padding:3px 10px;
 237 }
 238 .popupwin p {
 239         margin: 0.5em 0;
 240 }
 241 .popupwin h1 {
 242         font-weight: bold; font-size: 1.2em;
 243         padding: .3em 0; border-bottom: 1px solid #999;
 244 }
 245 .popupwin a:link, .popupwin a:visited {
 246         color: #00f;
 247 }
 248 .popupwin a:hover {
 249         color: #f00;
 250 }
 251 .popupwin a:active {
 252         color: #f80;
 253 }
 254 .popupwin #tabbar { position: relative; left: 10px; }
 255 .popupwin .tab {
 256         color: #454; background-color: #66f; cursor: pointer;
 257         margin-left: -5px; float: left; position: relative; top: -3px; left: -2px; z-index: 0;
 258         border: 1px solid black; border-top: none; padding: 2px 10px 3px 10px;
 259         -moz-border-radius: 0px 0px 4px 4px;
 260         border-radius: 0px 0px 4px 4px;
 261 }
 262 .popupwin .tab-current {
 263         color: #000; background-color: #ddf;
 264         top: -4px; z-index: 10;
 265         padding: 3px 10px 4px 10px;
 266 }
 267 .popupwin .content, .popupwin #content {
 268         border-style:none;
 269         margin:0;padding:0;
 270 }
 271 .popupwin ul {
 272         list-style-type:none;
 273         border-style:none;margin:0;padding:0;
 274 }
 275 .popupwin li {
 276         margin:4px 0;
 277 }
 278 .popupwin select {
 279         display:inline;
 280 }
 281 .popupwin table {
 282         border-collapse:collapse;border-style:none;margin:0;padding:0;
 283 }
 284 .popupwin thead {
 285         font-weight: bold; background-color: #ddf;
 286 }
 287 .popupwin td {
 288         padding: 0.2em;
 289 }
 290 .popupwin form {
 291         background-color:#e4e0db;
 292         border-style:none;margin:0;padding:0;
 293 }
 294 .popupwin form p {
 295         margin-top:5px;margin-bottom:5px;
 296 }
 297 .popupwin fieldset {
 298         display:block;
 299         margin:5px 5px 0 5px;padding:0 5px 2px 5px;
 300 }
 301 .popupwin fieldset div {
 302         margin:3px 0;
 303 }
 304 .popupwin .floating {
 305         float:left;
 306 }
 307 .popupwin legend {
 308         font-weight:bold;padding:0 3px;
 309 }
 310 .popupwin .field {
 311         float:left;text-align:left;
 312         margin-left:5px;padding:2px 5px;
 313 }
 314 .popupwin label {
 315         text-align:left;
 316         margin-left:5px;padding:2px 5px;
 317 }
 318 .popupwin fieldset table {
 319         font-size:11px;font-family:Tahoma,Verdana,sans-serif;
 320         border-style:none;margin:2px 0;padding:0;
 321 }
 322 .popupwin .buttons {
 323         clear:both;text-align:right;
 324         border-top:1px solid #999;margin-top:10px;padding:5px;
 325 }
 326 .popupwin span.colorButton {
 327         float:left;
 328         padding:2px 0;
 329 }
 330 .popupwin span.colorButtonNoFloat {
 331         padding:2px 0;
 332 }
 333 .popupwin select, .popupwin input, .popupwin button, .popupwin textarea, .popupwin table, .popupwin label {
 334         font:11px Tahoma,Verdana,sans-serif;
 335 }
 336 .popupwin button {
 337         background-color:#e4e0db;
 338         width:8em;
 339         padding:0;
 340 }
 341 .popupwin dl, .popupwin dt, .popupwin dd {
 342         display: block;
 343 }
 344 .popupwin dt, .popupwin dd {
 345         margin:3px 0;
 346 }
 347 .popupwin button.long-button {
 348         width:10em;
 349 }
 350 .popupwin .fl {
 351         float:left;text-align:right;
 352         width:15em;
 353         padding:2px 5px;
 354 }
 355 .popupwin .fl-borderCollapse {
 356         float:left;text-align:right;
 357         width:13em;
 358         margin-left:10px;padding:2px 5px;
 359 }
 360 .popupwin .fr {
 361         float:left;text-align:right;
 362         width:9em;
 363         padding:2px 5px;
 364 }
 365 .popupwin .space {
 366         clear:left;
 367         padding:2px;
 368 }
 369 .popupwin .label {
 370         text-align:right;
 371         width:8em;
 372 }
 373 .popupwin .checkbox {
 374         text-align:left;
 375         padding:2px 5px;
 376 }
 377 .popupwin .postlabel {
 378         text-align:left;
 379         padding:2px 5px;
 380 }
 381 .popupwin input.value {
 382         width:30em;
 383 }
 384 .popupwin input.shorter-value {
 385         width:17em;
 386 }
 387 /* Selectors for TYPO3 Color dialogue */
 388 .popupwin .buttonColor {
 389         cursor:default;
 390         border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonHighlight ButtonHighlight;
 391         padding:1px;margin:46px 10px 0 0;
 392         height:1em;
 393         white-space:nowrap;
 394 }
 395 .popupwin div.buttonColor {
 396         float:left;
 397         vertical-align:middle;
 398 }
 399 .popupwin .buttonColor-hilite {
 400         border-color:black black black black;
 401 }
 402 .popupwin .buttonColor .chooser, .popupwin .buttonColor .nocolor {
 403         height:0.6em;
 404         border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonShadow ButtonShadow;
 405         padding:0 1em;
 406 }
 407 .popupwin .buttonColor .nocolor {
 408         padding:0;
 409 }
 410 .popupwin .buttonColor .nocolor-hilite {
 411         background-color:#fff;color:#f00;cursor:pointer;
 412 }
 413 .popupwin .colorTableWrapper {
 414 }
 415 .popupwin .colorTable {
 416         width:350px;
 417 }
 418 .popupwin .currentColor {
 419         width:20px;height:20px;
 420         border:black 1px solid;
 421         margin:0pt 15pt;
 422 }
 423 .popupwin .colorTable tr {
 424         height:6px;
 425 }
 426 .popupwin .colorTable td {
 427         width:6px;
 428         cursor:pointer;
 429 }
 430 .popupwin .colorTable td.colorTitle {
 431         width:auto;
 432         padding-left:10px;
 433 }
 434 /* Selectors for the Default Image dialogue */
 435 .htmlarea-default-image #image, .htmlarea-default-image #alt {
 436         white-space:nowrap;
 437 }
 438 .htmlarea-default-image button.preview {
 439         margin-left:5px;vertical-align:top;
 440         white-space:normal;
 441 }
 442 .htmlarea-default-image div.imagepreview {
 443         text-align:center;
 444 }
 445 .htmlarea-default-image div.imagepreview iframe {
 446         width:300px;height:200px;
 447         border:1px solid gray;margin:5px 0px;
 448 }
 449 /* Selectors for the Default Link dialogue */
 450 .htmlarea-default-link #url, .htmlarea-default-link #title {
 451         white-space:nowrap;
 452 }
 453 /* Selectors for the InsertSmiley plugin */
 454 .htmlarea-insert-smiley div.smileytable {
 455         text-align:center;
 456         height:130px;margin-bottom:10px;
 457 }
 458 .htmlarea-insert-smiley #smileytable {
 459         height:130px;
 460 }
 461 .htmlarea-insert-smiley #smileytable tr {
 462         height:25px;
 463 }
 464 .htmlarea-insert-smiley #smileytable td {
 465         width:35px;height:25px;
 466 }
 467 .htmlarea-insert-smiley #smileytable td img {
 468         border-style:none;
 469 }
 470 /* Selectors for the FindReplace dialogue */
 471 .htmlarea-find-replace .long-label {
 472         text-align:left;
 473         width:30em;
 474 }
 475 /* Selectors for the CharacterMap dialogue */
 476 .htmlarea-character-map #selectedCharacter {
 477         margin:5px 5px 10px 5px;
 478         white-space:nowrap;
 479 }
 480 .htmlarea-character-map #selectedCharacter div {
 481         display:inline;
 482 }
 483 .htmlarea-character-map #showcharacter {
 484         background-color:#FFF;
 485 }
 486 .htmlarea-character-map table {
 487         cursor:pointer;
 488         background-color:#ADAD9C;
 489         border:1px inset;
 490 }
 491 .htmlarea-character-map td.character {
 492         font-size:14px;font-weight:bold;
 493         text-align:center;
 494         background-color:#FFF;
 495 }
 496 .htmlarea-character-map td.character-hilite {
 497         background-color:Highlight;color:HighlightText;
 498 }
 499 /* Selectors for the DefaultColor dialogue */
 500 .htmlarea-default-color #selectedColor div {
 501         white-space:nowrap;
 502 }
 503 .htmlarea-default-color #ColorPreview {
 504         height:21px;width:50px;
 505         float:left;
 506         background-color:#000;
 507 }
 508 .htmlarea-default-color #ColorHex {
 509         font-size:12px;
 510         display:inline;
 511         vertical-align:top;
 512         margin-left:5px;
 513 }
 514 .htmlarea-default-color table {
 515         margin:5px 0;
 516 }
 517 .htmlarea-default-color .color {
 518         width:10px;height:10px;
 519         cursor:pointer;
 520 }
 521 /* Selectors for the QuickTag dialogue */
 522 .htmlarea-quick-tag #tag {
 523         text-align:center;
 524         padding:3px;
 525         background-color:#E9E9E9;
 526 }
 527 .htmlarea-quick-tag #tagopen {
 528         background-color: #E9E9E9;
 529         width:370px;
 530         border-style:none;
 531 }
 532 .htmlarea-quick-tag strong {
 533         font-size:14px;
 534 }
 535 .htmlarea-quick-tag #showselect {
 536         position:absolute;left:7px;top:81px;
 537         width:150px;height:13px;
 538         z-index:100;visibility:visible;
 539 }
 540 /* Selectors for the SpellChecker dialogue */
 541 .htmlarea-spell-check .dictionaries {
 542         float:right;
 543         padding:2px;
 544 }
 545 .htmlarea-spell-check .dictionaries #v_dictionaries {
 546         width:10em;
 547         margin-right:5px;
 548 }
 549 .htmlarea-spell-check #b_recheck {
 550         vertical-align:middle;
 551         width:12em;
 552 }
 553 .htmlarea-spell-check .status {
 554         font-weight:bold;
 555         padding:2px;
 556 }
 557 .htmlarea-spell-check .controls {
 558         width:14em;
 559         clear:right;float:left;
 560         text-align:center;
 561         margin:3px;
 562 }
 563 .htmlarea-spell-check .controls .sectitle {
 564         font-weight:bold;
 565         padding:2px 4px;
 566 }
 567 .htmlarea-spell-check .controls .secbody {
 568         margin-bottom:10px;
 569 }
 570 .htmlarea-spell-check .controls #v_currentWord {
 571         color:#F00;font-weight:bold;
 572         margin-bottom:2px;
 573 }
 574 .htmlarea-spell-check .controls #v_replacement {
 575         margin-bottom:3px;
 576 }
 577 .htmlarea-spell-check .controls #v_suggestions, .controls #v_replacement {
 578         width:12em;
 579 }
 580 .htmlarea-spell-check .contentframe {
 581         float:right; margin:3px;
 582 }
 583 .htmlarea-spell-check .contentframe #i_framecontent {
 584         background-color:#FFF;color:#000;
 585         height:450px;width:480px;
 586 }
 587 .htmlarea-spell-check .occurrences-found {
 588         padding:7px 0px 0px 5px;
 589         clear:both;
 590 }
 591 /* Selectors for the ContextMenu plugin */
 592 .htmlarea-context-menu {
 593         position:absolute;top:-1000px;left:-1000px;z-index:1000;
 594         background-color:#cdf;cursor:default;
 595         font:11px Tahoma,Verdana,sans-serif;
 596         list-style:none;
 597         border:1px solid #aca899;margin:0;padding:2px;
 598 }
 599 .htmlarea-context-menu li {
 600         background-color:#cdf;
 601         border:1px solid #cdf;margin:1px 0;padding:0;
 602         font-size:11px;
 603 }
 604 .htmlarea-context-menu li button {
 605         text-align:left;vertical-align:middle;
 606         background-color:transparent;background-repeat:no-repeat;background-position:0px 0px;
 607         height:19px;width:20px;
 608         border-style:none;margin:0px 3px 0px 0;padding:0;
 609 }
 610 .htmlarea-context-menu li .button img {
 611         width:18px;height:18px;
 612 }
 613 .htmlarea-context-menu li.separator {
 614         border-top:1px solid #fff;
 615 }
 616 .htmlarea-context-menu li.hover {
 617         background-color:#316ac5;
 618 }
 619 .htmlarea-context-menu li.hover .button {
 620         color:#fff;
 621 }