xp-dev.com Git - namibia/blob - public/scripts/ckeditor/_source/skins/v2/dialog.css

   1 /*
   2 Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
   3 For licensing, see LICENSE.html or http://ckeditor.com/license
   4 */
   5
   6 /* Restore the dialog visibility */
   7 body .cke_dialog
   8 {
   9         visibility: visible;
  10 }
  11
  12 /* Force Gecko to consider table as positioned */
  13 .cke_skin_v2 table.cke_dialog.cke_browser_gecko
  14 {
  15         display:block;
  16 }
  17
  18 .cke_skin_v2 .cke_dialog_body
  19 {
  20         margin-left: 16px;
  21         margin-right: 16px;
  22         margin-top: 2px;
  23         margin-bottom: 20px;
  24         z-index: 1;
  25
  26         /* 'cke_dialog' element has been fixed positioned in all but IE6, while we
  27                 need it to be positioned to hold e.g. close button. */
  28         position: relative;
  29         _position: static;
  30
  31 }
  32
  33 .cke_skin_v2 .cke_dialog_tl,
  34 .cke_skin_v2 .cke_dialog_tr,
  35 .cke_skin_v2 .cke_dialog_tc,
  36 .cke_skin_v2 .cke_dialog_bl,
  37 .cke_skin_v2 .cke_dialog_br,
  38 .cke_skin_v2 .cke_dialog_bc
  39 {
  40         background-image: url(images/sprites.png);
  41         background-repeat: no-repeat;
  42         position: absolute;
  43
  44         /* IE6 does not support full color transparent PNG. */
  45         _background-image: url(images/sprites_ie6.png);
  46         /* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */
  47         _z-index: -1;
  48 }
  49
  50 .cke_skin_v2 .cke_dialog_tl
  51 {
  52         background-position: -16px -16px;
  53         height: 16px;
  54         width: 16px;
  55         top: 0;
  56         left: 0;
  57 }
  58
  59 .cke_skin_v2 .cke_rtl .cke_dialog_tl
  60 {
  61         background-position: -16px -397px;
  62 }
  63
  64 .cke_skin_v2 .cke_dialog_tr
  65 {
  66         background-position: -16px -76px;
  67         height: 16px;
  68         width: 16px;
  69         top: 0;
  70         right: 0;
  71 }
  72
  73 .cke_skin_v2 .cke_rtl .cke_dialog_tr
  74 {
  75         background-position: -16px -457px;
  76 }
  77
  78 .cke_skin_v2 .cke_dialog_tc
  79 {
  80         background-position: 0 -136px;
  81         background-repeat: repeat-x;
  82         height: 16px;
  83         top: 0;
  84         left: 16px;
  85         right: 16px;
  86 }
  87
  88 .cke_skin_v2 .cke_dialog_bl
  89 {
  90         background-position: -16px -196px;
  91         height: 51px;
  92         width: 30px;
  93         bottom: 0;
  94         left: 0;
  95 }
  96
  97 .cke_skin_v2 .cke_rtl .cke_dialog_bl
  98 {
  99         background-position: -16px -517px;
 100 }
 101
 102 .cke_skin_v2 .cke_dialog_br
 103 {
 104         background-position: -16px -263px;
 105         height: 51px;
 106         width: 30px;
 107         bottom: 0;
 108         right: 0;
 109 }
 110
 111 .cke_skin_v2 .cke_rtl .cke_dialog_br
 112 {
 113         background-position: -16px -584px;
 114 }
 115
 116 .cke_skin_v2 .cke_dialog_bc
 117 {
 118         background-position: 0 -330px;
 119         background-repeat: repeat-x;
 120         height: 51px;
 121         bottom: 0;
 122         left: 30px;
 123         right: 30px;
 124 }
 125
 126 .cke_skin_v2 .cke_dialog_ml,
 127 .cke_skin_v2 .cke_dialog_mr
 128 {
 129         background-image: url(images/dialog_sides.png);
 130         background-repeat: repeat-y;
 131         position: absolute;
 132         width: 16px;
 133         top: 16px;
 134         bottom: 51px;
 135
 136         /* IE6 does not support full color transparent PNG. */
 137         _background-image: url(images/dialog_sides.gif);
 138
 139         /* IE quirks gets confused when we have both top and bottom. */
 140         _top: auto;
 141 }
 142
 143 .cke_skin_v2 .cke_rtl .cke_dialog_ml,
 144 .cke_skin_v2 .cke_rtl .cke_dialog_mr
 145 {
 146         background-image: url(images/dialog_sides_rtl.png);
 147
 148         /* IE6 does not support full color transparent PNG. */
 149         _background-image: url(images/dialog_sides.gif);
 150 }
 151
 152 .cke_skin_v2 .cke_dialog_ml
 153 {
 154         background-position: 0 0;
 155         left: 0;
 156 }
 157
 158 .cke_skin_v2 .cke_dialog_mr
 159 {
 160         background-position: -16px 0;
 161         right: 0;
 162 }
 163
 164 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_ml,
 165 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_mr
 166 {
 167         margin-top: 3px;
 168 }
 169
 170 .cke_skin_v2 .cke_dialog_title
 171 {
 172         font-weight: bold;
 173         font-size: 14pt;
 174         color: #737357;
 175         background-color: #e3e3c7;
 176         padding: 3px 10px 26px 10px;
 177         cursor: move;
 178         position: relative;
 179 }
 180
 181 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title
 182 {
 183         position: static;
 184 }
 185
 186 .cke_skin_v2 .cke_dialog_contents
 187 {
 188         background-color: #f1f1e3;
 189         border: #d5d59d 1px solid;
 190         overflow: auto;
 191         padding: 5px 10px;
 192 }
 193
 194 .cke_skin_v2 .cke_dialog_footer
 195 {
 196         background-color: #e3e3c7;
 197         text-align: right;
 198 }
 199
 200 .cke_skin_v2 .cke_rtl .cke_dialog_footer
 201 {
 202         text-align: left;
 203 }
 204
 205 .cke_skin_v2 .cke_dialog_footer .cke_resizer {
 206         margin-top: 21px;
 207 }
 208
 209 /* tabs */
 210
 211 .cke_skin_v2 .cke_dialog_tabs
 212 {
 213         height: 23px;
 214         background-color: #e3e3c7;
 215         display: inline-block;
 216         margin-left:10px;
 217         margin-right:10px;
 218         margin-top:-23px;
 219         position: absolute;
 220         z-index: 2;
 221 }
 222
 223 .cke_skin_v2 .cke_rtl .cke_dialog_tabs
 224 {
 225         right: 10px;
 226 }
 227
 228 .cke_skin_v2 a.cke_dialog_tab,
 229 .cke_skin_v2 a:link.cke_dialog_tab,
 230 .cke_skin_v2 a:active.cke_dialog_tab,
 231 .cke_skin_v2 a:hover.cke_dialog_tab,
 232 .cke_skin_v2 a:visited.cke_dialog_tab
 233 {
 234         color: #737357;
 235         border-left: 1px solid #d5d59d;
 236         border-right: 1px solid #d5d59d;
 237         border-top: 1px solid #d5d59d;
 238         height: 14px;
 239         padding: 4px 5px;
 240         display: inline-block;
 241         cursor: pointer;
 242 }
 243
 244 /* Gecko 1.8 layout workaround. */
 245 .cke_skin_v2 .cke_browser_gecko18 a.cke_dialog_tab,
 246 .cke_skin_v2 .cke_browser_gecko18 a:link.cke_dialog_tab,
 247 .cke_skin_v2 .cke_browser_gecko18 a:active.cke_dialog_tab,
 248 .cke_skin_v2 .cke_browser_gecko18 a:hover.cke_dialog_tab,
 249 .cke_skin_v2 .cke_browser_gecko18 a:visited.cke_dialog_tab
 250 {
 251         display: inline;
 252         position: relative;
 253         top: 6px;
 254 }
 255
 256 .cke_skin_v2 a:hover.cke_dialog_tab
 257 {
 258         background-color: #f1f1e3;
 259 }
 260
 261 .cke_skin_v2 .cke_hc a:hover.cke_dialog_tab
 262 {
 263         padding: 2px 3px !important;
 264         border-width: 3px;
 265 }
 266
 267 .cke_skin_v2 a.cke_dialog_tab_selected,
 268 .cke_skin_v2 a:link.cke_dialog_tab_selected,
 269 .cke_skin_v2 a:active.cke_dialog_tab_selected,
 270 .cke_skin_v2 a:hover.cke_dialog_tab_selected,
 271 .cke_skin_v2 a:visited.cke_dialog_tab_selected
 272 {
 273         border-bottom: 1px solid #f1f1e3;
 274         background-color: #f1f1e3;
 275         font-weight: bold;
 276         cursor: default;
 277 }
 278
 279 .cke_skin_v2 .cke_hc a.cke_dialog_tab_selected,
 280 .cke_skin_v2 .cke_hc a:link.cke_dialog_tab_selected,
 281 .cke_skin_v2 .cke_hc a:active.cke_dialog_tab_selected,
 282 .cke_skin_v2 .cke_hc a:hover.cke_dialog_tab_selected,
 283 .cke_skin_v2 .cke_hc a:visited.cke_dialog_tab_selected
 284 {
 285         padding: 2px 3px !important;
 286         border-width: 3px;
 287 }
 288
 289 .cke_skin_v2 .cke_hc .cke_dialog_tabs a,
 290 .cke_skin_v2 .cke_hc .cke_dialog_footer a
 291 {
 292         opacity: 1.0;
 293         filter: alpha(opacity=100);
 294         border: 1px solid white;
 295 }
 296
 297 /* single_page */
 298
 299 .cke_skin_v2 .cke_single_page .cke_dialog_tabs
 300 {
 301         display: none;
 302 }
 303
 304 .cke_skin_v2 .cke_single_page .cke_dialog_title
 305 {
 306         padding-bottom: 3px;
 307 }
 308
 309 .cke_skin_v2 .cke_dialog_ui_vbox table,
 310 .cke_skin_v2 .cke_dialog_ui_hbox table
 311 {
 312         margin: auto;
 313 }
 314
 315 .cke_skin_v2 .cke_dialog_ui_vbox_child
 316 {
 317         padding: 5px 0px;
 318 }
 319
 320 .cke_skin_v2 input.cke_dialog_ui_input_text,
 321 .cke_skin_v2 input.cke_dialog_ui_input_password
 322 {
 323         background-color: white;
 324         border: none;
 325         padding: 0px;
 326         width: 100%;
 327         height: 14px;
 328 }
 329
 330 .cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,
 331 .cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password
 332 {
 333         border-width: 0px;
 334 }
 335
 336 .cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,
 337 .cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password
 338 {
 339         border-width: 1px;
 340 }
 341
 342 /* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */
 343 .cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,
 344 .cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,
 345 .cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,
 346 .cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password
 347 {
 348         padding-right: 2px
 349 }
 350
 351 /* Compensate the padding added above on container. */
 352 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,
 353 .cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,
 354 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,
 355 .cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password
 356 {
 357         padding-left: 2px;
 358 }
 359
 360 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,
 361 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,
 362 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,
 363 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last
 364 {
 365         padding-right: 2px !important;
 366 }
 367
 368 .cke_skin_v2 div.cke_dialog_ui_input_text,
 369 .cke_skin_v2 div.cke_dialog_ui_input_password
 370 {
 371         background-color: white;
 372         border: 1px solid #a0a0a0;
 373         padding: 1px 0px;
 374         /* IE6/Quirks - make sure the content does not overflow (#7321) */
 375         _width: 99.9%;
 376 }
 377
 378 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {
 379         padding-right: 1px;
 380 }
 381
 382 .cke_skin_v2 textarea.cke_dialog_ui_input_textarea
 383 {
 384         background-color: white;
 385         border: none;
 386         padding: 0px;
 387         width: 100%;
 388         /*
 389          * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
 390          * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
 391          */
 392         _width: 99%;
 393         overflow: auto;
 394         resize: none;
 395 }
 396
 397 .cke_skin_v2 div.cke_dialog_ui_input_textarea
 398 {
 399         background-color: white;
 400         border: 1px solid #a0a0a0;
 401         padding: 1px 0px;
 402 }
 403
 404 /* RTL + IE6: Input overflows dialog element. (#7321) */
 405 .cke_skin_v2 .cke_rtl .cke_dialog_ui_labeled_content
 406 {
 407         _width: 95%;
 408 }
 409
 410 .cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *
 411 {
 412         background-color : #a0a0a0;
 413         cursor : default;
 414 }
 415
 416 .cke_skin_v2 .cke_dialog_ui_hbox
 417 {
 418         width: 100%;
 419 }
 420
 421 .cke_skin_v2 .cke_dialog_ui_hbox_first,
 422 .cke_skin_v2 .cke_dialog_ui_hbox_child,
 423 .cke_skin_v2 .cke_dialog_ui_hbox_last
 424 {
 425         vertical-align: top;
 426 }
 427
 428 .cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_first,
 429 .cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_child
 430 {
 431         padding-right: 10px;
 432 }
 433
 434 .cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_first,
 435 .cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_child
 436 {
 437         padding-left: 10px;
 438 }
 439
 440 /* button */
 441
 442 .cke_skin_v2 a.cke_dialog_ui_button
 443 {
 444         border-collapse: separate;
 445         cursor: default;
 446 }
 447
 448 .cke_skin_v2 a.cke_dialog_ui_button_ok span,
 449 .cke_skin_v2 a.cke_dialog_ui_button_cancel span
 450 {
 451         width:60px;
 452 }
 453
 454 .cke_skin_v2 span.cke_dialog_ui_button
 455 {
 456         border: #737357 1px solid;
 457         padding: 2px 10px;
 458         text-align: center;
 459         color: #3b3b1f;
 460         background-color: #c7c78f;
 461         display: inline-block;
 462         cursor: default;
 463 }
 464
 465 /* Gecko 1.8 does not support display: inline-block */
 466 .cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
 467 {
 468         display: block;
 469 }
 470
 471 .cke_skin_v2 a.cke_dialog_ui_button span.cke_disabled
 472 {
 473         border: #898980 1px solid;
 474         color: #5e5e55;
 475         background-color: #c5c5b3;
 476 }
 477
 478 .cke_skin_v2 a:focus span.cke_dialog_ui_button,
 479 .cke_skin_v2 a:active span.cke_dialog_ui_button
 480 {
 481         background-color: #e3e3c7;
 482 }
 483
 484 .cke_skin_v2 .cke_hc a:focus span.cke_dialog_ui_button,
 485 .cke_skin_v2 .cke_hc a:active span.cke_dialog_ui_button
 486 {
 487         border-width: 2px;
 488 }
 489
 490 .cke_skin_v2 .cke_dialog_footer_buttons
 491 {
 492         display: inline-table;
 493         margin-right: 12px;
 494         margin-left: 12px;
 495         width: auto;
 496         position: relative;
 497 }
 498
 499 /* Gecko 1.8 does not support for display: inline-table */
 500 .cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons
 501 {
 502         display: inline;
 503 }
 504
 505 .cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button
 506 {
 507         margin: 7px 0;
 508 }
 509
 510 .cke_skin_v2 .cke_browser_ie7 .cke_dialog_footer_buttons
 511 {
 512         position: static;
 513 }
 514
 515 .cke_skin_v2 strong
 516 {
 517         font-weight: bold;
 518 }
 519
 520 /* close_button */
 521
 522 .cke_skin_v2 a.cke_dialog_close_button,
 523 .cke_skin_v2 a:hover.cke_dialog_close_button,
 524 .cke_skin_v2 .cke_browser_ie6 a.cke_dialog_close_button,
 525 .cke_skin_v2 .cke_browser_ie6 a:hover.cke_dialog_close_button
 526 {
 527         background-image: url(images/sprites.png);
 528         background-repeat: no-repeat;
 529         background-position: -16px -651px;
 530         position: absolute;
 531         cursor: pointer;
 532         text-align: center;
 533         height: 20px;
 534         width: 20px;
 535         top: 5px;
 536
 537         /* IE6 does not support full color transparent PNG. */
 538         _background-image: url(images/sprites_ie6.png);
 539 }
 540
 541 .cke_skin_v2 a.cke_dialog_close_button span
 542 {
 543         display: none;
 544 }
 545
 546 .cke_skin_v2 a:hover.cke_dialog_close_button
 547 {
 548         background-position: -16px -687px;
 549 }
 550
 551 .cke_skin_v2 .cke_ltr a.cke_dialog_close_button,
 552 .cke_skin_v2 .cke_ltr a:hover.cke_dialog_close_button
 553 {
 554         right: 10px;
 555         _right: 22px;
 556 }
 557
 558 .cke_skin_v2 .cke_rtl a.cke_dialog_close_button,
 559 .cke_skin_v2 .cke_rtl a:hover.cke_dialog_close_button
 560 {
 561         left: 10px;
 562         _left: 16px;
 563         _top: 7px;
 564 }
 565
 566 .cke_skin_v2 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,
 567 .cke_skin_v2 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button
 568 {
 569         position: relative;
 570         float: left;
 571         margin-top: -55px;
 572         margin-left: -7px;
 573 }
 574
 575 .cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,
 576 .cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button
 577 {
 578         margin-top: -32px;
 579 }
 580
 581 .cke_skin_v2 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,
 582 .cke_skin_v2 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button
 583 {
 584         margin-top: 0;
 585 }
 586
 587 .cke_skin_v2 .cke_dialog_ui_input_select
 588 {
 589         border: 1px solid #a0a0a0;
 590         background-color: white;
 591 }
 592
 593 .cke_skin_v2 .cke_dialog_ui_input_file
 594 {
 595         width: 100%;
 596         height: 25px;
 597 }
 598
 599 /*
 600  * Some utility CSS classes for dialog authors.
 601  */
 602 .cke_skin_v2 .cke_dialog .cke_dark_background
 603 {
 604         background-color: #eaead1;
 605 }
 606
 607 .cke_skin_v2 .cke_dialog .cke_hand
 608 {
 609         cursor: pointer;
 610 }
 611
 612 .cke_skin_v2 .cke_dialog .cke_centered
 613 {
 614         text-align: center;
 615 }
 616
 617 .cke_skin_v2 .cke_dialog a.cke_btn_reset
 618 {
 619         float: right;
 620         background-position: 0 -32px;
 621         background-image: url(images/mini.gif);
 622         width: 16px;
 623         height: 16px;
 624         background-repeat: no-repeat;
 625         border: 1px none;
 626         font-size: 1px;
 627 }
 628
 629 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_reset
 630 {
 631         float: left;
 632 }
 633
 634 .cke_skin_v2 .cke_dialog a.cke_btn_locked,
 635 .cke_skin_v2 .cke_dialog a.cke_btn_unlocked
 636 {
 637         float: left;
 638         background-position: 0 0;
 639         background-image: url(images/mini.gif);
 640         width: 16px;
 641         height: 16px;
 642         background-repeat: no-repeat;
 643         border: none 1px;
 644         font-size: 1px;
 645 }
 646 .cke_skin_v2 .cke_dialog a.cke_btn_locked .cke_icon
 647 {
 648         display:none;
 649 }
 650
 651
 652 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,
 653 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked
 654 {
 655         float: right;
 656 }
 657
 658 .cke_skin_v2 .cke_dialog a.cke_btn_unlocked
 659 {
 660         background-position: 0 -16px;
 661         background-image: url(images/mini.gif);
 662 }
 663
 664 .cke_skin_v2 .cke_dialog .cke_btn_over
 665 {
 666         border: outset 1px;
 667         cursor: pointer;
 668 }
 669
 670 .cke_skin_v2 .cke_dialog  .ImagePreviewBox
 671 {
 672         border : 2px ridge black;
 673         overflow : scroll;
 674         height : 210px;
 675         width : 230px;
 676         padding : 2px;
 677         background-color : white;
 678 }
 679
 680 .cke_skin_v2 .cke_dialog .ImagePreviewBox table td {
 681         white-space: normal;
 682 }
 683
 684 /* Fix iframedialog's height doesn't stretch to 100% #4863.*/
 685 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_page_contents
 686 {
 687         _position: absolute;
 688 }
 689
 690 .cke_skin_v2 .cke_dialog  .ImagePreviewLoader
 691 {
 692         position: absolute;
 693         white-space : normal;
 694         overflow : hidden;
 695         height : 160px;
 696         width : 230px;
 697         margin : 2px;
 698         padding : 2px;
 699         opacity : 0.9;
 700         filter : alpha(opacity=90);
 701
 702         background-color : #e4e4e4;
 703 }
 704
 705 .cke_skin_v2 .cke_dialog  .FlashPreviewBox
 706 {
 707         white-space : normal;
 708         border : 2px ridge black;
 709         overflow : auto;
 710         height : 160px;
 711         width : 390px;
 712         padding : 2px;
 713         background-color : white;
 714 }
 715
 716 .cke_skin_v2 .cke_dialog .cke_pastetext
 717 {
 718         width: 346px;
 719         height: 170px;
 720 }
 721
 722 .cke_skin_v2 .cke_dialog .cke_pastetext textarea
 723 {
 724         width: 340px;
 725         height: 170px;
 726         resize: none;
 727 }
 728
 729 .cke_skin_v2 .cke_dialog iframe.cke_pasteframe
 730 {
 731         width: 346px;
 732         height: 130px;
 733         background-color: white;
 734         border: 1px solid black;
 735 }
 736
 737 .cke_skin_v2 .cke_dialog .cke_dark_background
 738 {
 739         text-align : center;
 740         background-color: #eaead1;
 741         font-size : 14px;
 742 }
 743
 744 .cke_skin_v2 .cke_dialog .cke_light_background
 745 {
 746         text-align : center;
 747         background-color: #ffffbe;
 748 }
 749
 750 .cke_skin_v2 .cke_dialog .cke_hand
 751 {
 752         cursor: pointer;
 753 }
 754
 755 .cke_skin_v2 .cke_disabled
 756 {
 757         color: #a0a0a0;
 758 }
 759
 760 /* High Contrast Mode */
 761 .cke_skin_v2 .cke_hc .cke_dialog_title,
 762 .cke_skin_v2 .cke_hc .cke_dialog_tabs,
 763 .cke_skin_v2 .cke_hc .cke_dialog_contents,
 764 .cke_skin_v2 .cke_hc .cke_dialog_footer
 765 {
 766         border-left: 1px solid;
 767         border-right: 1px solid;
 768 }
 769
 770 .cke_skin_v2 .cke_hc .cke_dialog_title
 771 {
 772         border-top: 1px solid;
 773 }
 774
 775 .cke_skin_v2 .cke_hc .cke_dialog_footer
 776 {
 777         border-bottom: 1px solid;
 778 }
 779
 780 .cke_skin_v2 .cke_hc .cke_dialog_close_button span
 781 {
 782         display: inline;
 783         cursor: pointer;
 784         font-weight: bold;
 785         position: relative;
 786         top: 3px;
 787 }
 788
 789 .cke_skin_v2 .cke_dialog_body .cke_label
 790 {
 791         display: none;
 792 }
 793
 794 .cke_skin_v2 .cke_dialog_body label.cke_required
 795 {
 796         font-weight: bold;
 797 }
 798
 799 .cke_skin_v2 .cke_hc .cke_dialog_body .cke_label
 800 {
 801         display: inline;
 802         cursor: inherit;
 803 }
 804
 805 .cke_skin_v2 .cke_hc a.cke_btn_locked,
 806 .cke_skin_v2 .cke_hc a.cke_btn_unlocked,
 807 .cke_skin_v2 .cke_hc a.cke_btn_reset
 808 {
 809         border-style: solid;
 810         float:left;
 811         width:auto;
 812         height:auto;
 813         padding: 0 2px;
 814 }
 815 .cke_skin_v2 .cke_hc a.cke_btn_locked .cke_icon
 816 {
 817         display:inline;
 818 }
 819
 820 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_locked,
 821 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_unlocked,
 822 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_reset
 823 {
 824         float:right;
 825 }
 826
 827 .cke_skin_v2 a.cke_smile img
 828 {
 829         /* IE6 does not support transparent borders */
 830         border: 2px solid #eaead1;
 831 }
 832
 833 .cke_skin_v2 a.cke_smile:focus img,
 834 .cke_skin_v2 a.cke_smile:active img,
 835 .cke_skin_v2 a.cke_smile:hover img
 836 {
 837         border-color: #C7C78F;
 838 }
 839
 840
 841 /**
 842  * Styles specific to "cellProperties" dialog.
 843  */
 844
 845 .cke_skin_v2 .cke_dialog_contents a.colorChooser
 846 {
 847         display:block;
 848         margin-top:12px;
 849         margin-left: 10px;
 850         width: 40px;
 851 }
 852
 853 .cke_skin_v2 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button
 854 {
 855         width:100%;
 856 }
 857
 858 .cke_skin_v2 .cke_rtl .cke_dialog_contents a.colorChooser
 859 {
 860         margin-right: 10px;
 861 }
 862
 863 /* Compensate focus outline for some input elements. (#6200) */
 864 .cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,
 865 .cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_radio_input:focus,
 866 .cke_skin_v2 .cke_browser_opera .cke_dialog_ui_checkbox_input:focus,
 867 .cke_skin_v2 .cke_browser_opera .cke_dialog_ui_radio_input:focus,
 868 .cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_input_select:focus,
 869 .cke_skin_v2 .cke_browser_gecko .cke_btn_over,
 870 .cke_skin_v2 .cke_browser_opera .cke_btn_over,
 871 .cke_skin_v2 .cke_browser_ie .cke_btn_over
 872 {
 873         outline: 1px dotted #696969;
 874 }
 875
 876 /* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */
 877
 878 /* Predefined border to avoid visual size change impact. */
 879 .cke_skin_v2 .cke_browser_ie .cke_dialog_ui_checkbox_input,
 880 .cke_skin_v2 .cke_browser_ie .cke_dialog_ui_ratio_input,
 881 .cke_skin_v2 .cke_browser_ie .cke_btn_reset,
 882 .cke_skin_v2 .cke_browser_ie .cke_btn_locked,
 883 .cke_skin_v2 .cke_browser_ie .cke_btn_unlocked
 884 {
 885         *border: 1px solid transparent !important;
 886         /* Emulating border-color: transparent in IE6.*/
 887         -border: 1px solid red !important;
 888         -filter: chroma(color=red);
 889 }
 890
 891 .cke_skin_v2 .cke_browser_ie .cke_dialog_ui_focused,
 892 .cke_skin_v2 .cke_browser_ie .cke_btn_over
 893 {
 894         *border: 1px dotted #696969 !important;
 895 }
 896
 897 .cke_skin_v2 .cke_iframe_shim
 898 {
 899         display:block;
 900         position:absolute;
 901         top:0;
 902         left:0;
 903         z-index:-1;
 904         filter:alpha(opacity=0);
 905         width:100%;
 906         height:100%;
 907 }