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