typo3/sysext/t3skin/rtehtmlarea/htmlarea.css

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