ckeditor/_source/skins/kama/dialog.css

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