library/custom_template/ckeditor/_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 }
 251
 252 /* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */
 253 .cke_skin_kama .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,
 254 .cke_skin_kama .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,
 255 .cke_skin_kama .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,
 256 .cke_skin_kama .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password
 257 {
 258         padding-right: 2px;
 259 }
 260
 261 /* Compensate the padding added above on container. */
 262 .cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,
 263 .cke_skin_kama .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,
 264 .cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,
 265 .cke_skin_kama .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password
 266 {
 267         padding-left: 2px;
 268 }
 269
 270 .cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,
 271 .cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,
 272 .cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,
 273 .cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last
 274 {
 275         padding-right: 2px !important;
 276 }
 277
 278 .cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {
 279         padding-right: 1px;
 280 }
 281
 282 .cke_skin_kama .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,
 283 .cke_skin_kama .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password
 284 {
 285         border-width: 0px;
 286 }
 287
 288 .cke_skin_kama .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,
 289 .cke_skin_kama .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password
 290 {
 291         border-width: 1px;
 292 }
 293
 294 .cke_skin_kama textarea.cke_dialog_ui_input_textarea
 295 {
 296         background-color: white;
 297         border: none;
 298         padding: 0px;
 299         width: 100%;
 300         /*
 301          * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
 302          * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
 303          */
 304         _width: 99%;
 305         overflow: auto;
 306         resize: none;
 307 }
 308
 309 .cke_skin_kama div.cke_dialog_ui_input_textarea
 310 {
 311         background-color: white;
 312         border: 1px solid #a0a0a0;
 313         padding: 1px 0px;
 314 }
 315
 316 .cke_skin_kama div.cke_disabled .cke_dialog_ui_labeled_content *
 317 {
 318         background-color : #a0a0a0;
 319         cursor : default;
 320 }
 321
 322 .cke_skin_kama .cke_dialog_ui_hbox
 323 {
 324         width: 100%;
 325 }
 326
 327 .cke_skin_kama .cke_dialog_ui_hbox_first,
 328 .cke_skin_kama .cke_dialog_ui_hbox_child,
 329 .cke_skin_kama .cke_dialog_ui_hbox_last
 330 {
 331         vertical-align: top;
 332 }
 333
 334 .cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_first,
 335 .cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_child
 336 {
 337         padding-right: 10px;
 338 }
 339
 340 .cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_first,
 341 .cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_child
 342 {
 343         padding-left: 10px;
 344 }
 345
 346 /* button */
 347
 348 .cke_skin_kama a.cke_dialog_ui_button
 349 {
 350         border-collapse: separate;
 351         cursor: default;
 352
 353         -moz-border-radius: 5px;
 354         -webkit-border-radius: 5px;
 355         border-radius: 5px;
 356         background: transparent url(images/sprites.png) repeat-x scroll 0 -1069px;
 357         _background: none;
 358         padding: 5px 0;
 359         text-align: center;
 360 }
 361
 362 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button
 363 {
 364         padding: 0;
 365 }
 366
 367 /* IE6 buttons. */
 368 .cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span
 369 {
 370         width: 70px;
 371 }
 372
 373 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
 374 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span
 375 {
 376         width: 100px;
 377 }
 378
 379 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
 380 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
 381 .cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span
 382 {
 383         padding: 5px 15px;
 384         text-align: center;
 385         color: #3b3b1f;
 386         background: #53D9F0 none;
 387         display: inline-block;
 388         cursor: default;
 389 }
 390 /* END IE6 buttons. */
 391
 392 .cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button span.cke_dialog_ui_button
 393 {
 394         margin: 0;
 395 }
 396 .cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button
 397 {
 398         display:inline-block;
 399         padding-top: 3px;
 400         padding-bottom: 2px;
 401         margin: 2px 0;
 402 }
 403
 404 .cke_skin_kama a.cke_dialog_ui_button_ok span,
 405 .cke_skin_kama a.cke_dialog_ui_button_cancel span
 406 {
 407         width:60px;
 408         padding-right: 20px;
 409         padding-left: 20px;
 410 }
 411
 412 .cke_skin_kama a.cke_dialog_ui_button_ok
 413 {
 414         background-position: 0 -1143px;
 415 }
 416
 417 .cke_skin_kama a.cke_dialog_ui_button_ok span
 418 {
 419         background: transparent url(images/sprites.png) no-repeat scroll right -1219px;
 420 }
 421
 422 .cke_skin_kama .cke_rtl a.cke_dialog_ui_button_ok span
 423 {
 424         background-position: left -1219px;
 425 }
 426
 427 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span,
 428 .cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span
 429 {
 430         background-color: #B8E834;
 431         margin-right: 0;
 432 }
 433
 434 .cke_skin_kama a.cke_dialog_ui_button_cancel
 435 {
 436         background-position: 0 -1104px;
 437 }
 438
 439 .cke_skin_kama a.cke_dialog_ui_button_cancel span
 440 {
 441         background: transparent url(images/sprites.png) no-repeat scroll right -1245px;
 442 }
 443
 444 .cke_skin_kama .cke_rtl a.cke_dialog_ui_button_cancel span
 445 {
 446         background-position: left -1245px;
 447 }
 448
 449 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span,
 450 .cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span
 451 {
 452         background-color: #F65D20;
 453 }
 454
 455 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span,
 456 .cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span,
 457 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span,
 458 .cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span
 459 {
 460         background-image: none;
 461 }
 462
 463 .cke_skin_kama span.cke_dialog_ui_button
 464 {
 465         padding: 2px 10px;
 466         text-align: center;
 467         color: #222;
 468         display: inline-block;
 469         cursor: default;
 470         min-width: 60px;
 471         +margin: 2px 0; /* IE7 */
 472 }
 473
 474 /* Gecko 1.8 does not support display: inline-block */
 475 .cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
 476 {
 477         display: block;
 478 }
 479
 480 .cke_skin_kama a.cke_dialog_ui_button span.cke_disabled
 481 {
 482         border: #898980 1px solid;
 483         color: #5e5e55;
 484         background-color: #c5c5b3;
 485 }
 486
 487 .cke_skin_kama a:hover.cke_dialog_ui_button,
 488 .cke_skin_kama a:focus.cke_dialog_ui_button,
 489 .cke_skin_kama a:active.cke_dialog_ui_button
 490 {
 491         background-position: 0 -1179px;
 492 }
 493
 494 .cke_skin_kama .cke_hc a:hover.cke_dialog_ui_button,
 495 .cke_skin_kama .cke_hc a:focus.cke_dialog_ui_button,
 496 .cke_skin_kama .cke_hc a:active.cke_dialog_ui_button
 497 {
 498         border-width: 2px;
 499 }
 500
 501 /* Skip hover effect on IE6 */
 502 .cke_skin_kama .cke_browser_iequirks a:hover.cke_dialog_ui_button span,
 503 .cke_skin_kama .cke_browser_iequirks a:focus.cke_dialog_ui_button span,
 504 .cke_skin_kama .cke_browser_iequirks a:active.cke_dialog_ui_button span,
 505 .cke_skin_kama .cke_browser_ie6 a:hover.cke_dialog_ui_button span,
 506 .cke_skin_kama .cke_browser_ie6 a:focus.cke_dialog_ui_button span,
 507 .cke_skin_kama .cke_browser_ie6 a:active.cke_dialog_ui_button span
 508 {
 509         background-image: none;
 510         background: #F7A922;
 511 }
 512
 513 .cke_skin_kama .cke_dialog_footer_buttons
 514 {
 515         display: inline-table;
 516         margin-right: 12px;
 517         margin-left: 12px;
 518         width: auto;
 519         position: relative;
 520 }
 521
 522 /* IE7 needs position static #6806 */
 523 .cke_skin_kama .cke_browser_ie7 .cke_dialog_footer_buttons
 524 {
 525         position: static;
 526 }
 527
 528 /* Gecko 1.8 does not support for display: inline-table */
 529 .cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons
 530 {
 531         display: inline;
 532 }
 533
 534 .cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button
 535 {
 536         margin: 7px 0;
 537         text-align: center;
 538 }
 539
 540 /* Firefox2 buttons */
 541 .cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons a.cke_dialog_ui_button
 542 {
 543         display: block;
 544         padding: 0;
 545 }
 546
 547 .cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
 548 {
 549         padding-bottom: 5px;
 550         padding-top: 6px;
 551         margin-bottom: 0;
 552 }
 553
 554 .cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons .cke_dialog_ui_button_ok .cke_dialog_ui_button
 555 {
 556         background-position: right -1214px;
 557 }
 558
 559 .cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons .cke_dialog_ui_button_cancel .cke_dialog_ui_button
 560 {
 561         background-position: right -1242px;
 562 }
 563 /* END Firefox2 buttons */
 564
 565 .cke_skin_kama strong
 566 {
 567         font-weight: bold;
 568 }
 569
 570 /* close_button */
 571
 572 .cke_skin_kama .cke_dialog .cke_dialog_body .cke_dialog_close_button
 573 {
 574         background-image: url(images/sprites.png);
 575         background-repeat: no-repeat;
 576         background-position: 0 -1022px;
 577         position: absolute;
 578         cursor: pointer;
 579         text-align: center;
 580         height: 20px;
 581         width: 20px;
 582         top: 5px;
 583         /* IE 6 */
 584         _background-image: url(images/sprites_ie6.png);
 585 }
 586
 587 .cke_skin_kama .cke_dialog_close_button span
 588 {
 589         display: none;
 590 }
 591
 592 .cke_skin_kama .cke_dialog_close_button:hover
 593 {
 594         background-position: 0 -1045px;
 595 }
 596
 597 .cke_skin_kama .cke_ltr .cke_dialog_close_button
 598 {
 599         right: 10px;
 600 }
 601
 602 .cke_skin_kama .cke_browser_ie8.cke_rtl .cke_dialog_close_button
 603 {
 604         left: 8px;
 605 }
 606
 607 .cke_skin_kama .cke_rtl .cke_dialog_close_button
 608 {
 609         left: 10px;
 610 }
 611
 612 .cke_skin_kama .cke_browser_ie7.cke_rtl .cke_dialog_close_button
 613 {
 614         left: 16px;
 615         top: 0;
 616 }
 617
 618 /*.cke_skin_kama .cke_browser_ie6.cke_rtl .cke_dialog_close_button
 619 {
 620         left: 16px;
 621 }*/
 622
 623 /* IE7 + IE quirks */
 624 .cke_skin_kama .cke_browser_ie7.cke_rtl .cke_dialog_close_button
 625 {
 626         position: absolute;
 627         left: 10px;
 628         top: 5px;
 629 }
 630
 631 /* IE7 + IE quirks */
 632 .cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_footer
 633 {
 634         margin-top: 22px;
 635 }
 636
 637 .cke_skin_kama .cke_browser_ie6 .cke_dialog_close_button,
 638 .cke_skin_kama .cke_browser_iequirks .cke_dialog_close_button
 639 {
 640         top: 7px;
 641 }
 642
 643 /* IE7 + IE quirks */
 644 .cke_skin_kama .cke_browser_ie7.cke_ltr .cke_dialog_close_button
 645 {
 646         margin-top: 0;
 647 }
 648
 649 .cke_skin_kama .cke_dialog_ui_input_select
 650 {
 651         border: 1px solid #a0a0a0;
 652         background-color: white;
 653 }
 654
 655 .cke_skin_kama .cke_dialog_ui_input_file
 656 {
 657         width: 100%;
 658         height: 25px;
 659 }
 660
 661 /*
 662  * Some utility CSS classes for dialog authors.
 663  */
 664 .cke_skin_kama .cke_dialog .cke_dark_background
 665 {
 666         background-color: #eaead1;
 667 }
 668
 669 .cke_skin_kama .cke_dialog .cke_hand
 670 {
 671         cursor: pointer;
 672 }
 673
 674 .cke_skin_kama .cke_dialog .cke_centered
 675 {
 676         text-align: center;
 677 }
 678
 679 .cke_skin_kama .cke_dialog a.cke_btn_reset
 680 {
 681         float: right;
 682         background-position: 0 -32px;
 683         background-image: url(images/mini.gif);
 684         width: 16px;
 685         height: 16px;
 686         background-repeat: no-repeat;
 687         border: 1px none;
 688         font-size: 1px;
 689 }
 690
 691 .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_reset
 692 {
 693         float: left;
 694 }
 695
 696 .cke_skin_kama .cke_dialog a.cke_btn_locked,
 697 .cke_skin_kama .cke_dialog a.cke_btn_unlocked
 698 {
 699         float: left;
 700         background-position: 0 0;
 701         background-image: url(images/mini.gif);
 702         width: 16px;
 703         height: 16px;
 704         background-repeat: no-repeat;
 705         border: none 1px;
 706         font-size: 1px;
 707 }
 708
 709 .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_locked,
 710 .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_unlocked
 711 {
 712         float: right;
 713 }
 714
 715 .cke_skin_kama .cke_dialog a.cke_btn_unlocked
 716 {
 717         background-position: 0 -16px;
 718         background-image: url(images/mini.gif);
 719 }
 720
 721 .cke_skin_kama .cke_dialog .cke_btn_over
 722 {
 723         border: outset 1px;
 724         cursor: pointer;
 725 }
 726
 727 .cke_skin_kama .cke_dialog  .ImagePreviewBox
 728 {
 729         border : 2px ridge black;
 730         overflow : scroll;
 731         height : 200px;
 732         width : 300px;
 733         padding : 2px;
 734         background-color : white;
 735 }
 736
 737 .cke_skin_kama .cke_dialog .ImagePreviewBox table td {
 738         white-space: normal;
 739 }
 740
 741 /* Fix iframedialog's height doesn't stretch to 100% #4863.*/
 742 .cke_skin_kama .cke_browser_iequirks .cke_dialog_page_contents
 743 {
 744         _position: absolute;
 745 }
 746
 747 .cke_skin_kama .cke_dialog  .ImagePreviewLoader
 748 {
 749         position: absolute;
 750         white-space : normal;
 751         overflow : hidden;
 752         height : 160px;
 753         width : 230px;
 754         margin : 2px;
 755         padding : 2px;
 756         opacity : 0.9;
 757         filter : alpha(opacity=90);
 758
 759         background-color : #e4e4e4;
 760 }
 761
 762 .cke_skin_kama .cke_dialog  .FlashPreviewBox
 763 {
 764         white-space : normal;
 765         border : 2px ridge black;
 766         overflow : auto;
 767         height : 160px;
 768         width : 390px;
 769         padding : 2px;
 770         background-color : white;
 771 }
 772
 773 .cke_skin_kama .cke_dialog .cke_pastetext
 774 {
 775         width: 346px;
 776         height: 170px;
 777 }
 778
 779 .cke_skin_kama .cke_dialog .cke_pastetext textarea
 780 {
 781         width: 340px;
 782         height: 170px;
 783         resize: none;
 784 }
 785
 786 .cke_skin_kama .cke_dialog iframe.cke_pasteframe
 787 {
 788         width: 346px;
 789         height: 130px;
 790         background-color: white;
 791         border: 1px solid black;
 792 }
 793
 794 .cke_skin_kama .cke_dialog .cke_dark_background
 795 {
 796         text-align : center;
 797         background-color: #eaead1;
 798         font-size : 14px;
 799 }
 800
 801 .cke_skin_kama .cke_dialog .cke_light_background
 802 {
 803         text-align : center;
 804         background-color: #ffffbe;
 805 }
 806
 807 .cke_skin_kama .cke_dialog .cke_hand
 808 {
 809         cursor: pointer;
 810 }
 811
 812 .cke_skin_kama .cke_disabled
 813 {
 814         color: #a0a0a0;
 815 }
 816
 817 /* High Contrast Mode */
 818
 819 .cke_skin_kama .cke_hc .cke_dialog_title,
 820 .cke_skin_kama .cke_hc .cke_dialog_tabs,
 821 .cke_skin_kama .cke_hc .cke_dialog_contents,
 822 .cke_skin_kama .cke_hc .cke_dialog_footer
 823 {
 824         border-left: 1px solid;
 825         border-right: 1px solid;
 826 }
 827
 828 .cke_skin_kama .cke_hc .cke_dialog_title
 829 {
 830         border-top: 1px solid;
 831 }
 832
 833 .cke_skin_kama .cke_hc .cke_dialog_footer
 834 {
 835         border-bottom: 1px solid;
 836 }
 837
 838 .cke_skin_kama .cke_hc .cke_dialog_close_button span
 839 {
 840         display: inline;
 841         cursor: pointer;
 842         font-weight: bold;
 843         position: relative;
 844         top: 3px;
 845 }
 846
 847 .cke_skin_kama .cke_dialog_body .cke_label
 848 {
 849         display: none;
 850 }
 851
 852 .cke_skin_kama .cke_dialog_body label.cke_required
 853 {
 854         font-weight: bold;
 855 }
 856
 857 .cke_skin_kama .cke_hc .cke_dialog_body .cke_label
 858 {
 859         display: inline;
 860 }
 861
 862 .cke_skin_kama .cke_hc a.cke_btn_locked,
 863 .cke_skin_kama .cke_hc a.cke_btn_unlocked,
 864 .cke_skin_kama .cke_hc a.cke_btn_reset
 865 {
 866         border-style: solid;
 867         float: left;
 868         width: auto;
 869         height: auto;
 870 }
 871
 872 .cke_skin_kama .cke_rtl.cke_hc a.cke_btn_locked,
 873 .cke_skin_kama .cke_rtl.cke_hc a.cke_btn_unlocked,
 874 .cke_skin_kama .cke_rtl.cke_hc a.cke_btn_reset
 875 {
 876         float: right;
 877 }
 878
 879 .cke_skin_kama a.cke_smile img
 880 {
 881         /* IE6 does not support transparent borders */
 882         border: 2px solid #eaead1;
 883 }
 884
 885 .cke_skin_kama a.cke_smile:focus img,
 886 .cke_skin_kama a.cke_smile:active img,
 887 .cke_skin_kama a.cke_smile:hover img
 888 {
 889         border-color: #C7C78F;
 890 }
 891
 892 .cke_skin_kama .cke_hc .cke_dialog_tabs a,
 893 .cke_skin_kama .cke_hc .cke_dialog_footer a
 894 {
 895         opacity: 1.0;
 896         filter: alpha(opacity=100);
 897         border: 1px solid white;
 898 }
 899
 900 /**
 901  * Styles specific to "cellProperties" dialog.
 902  */
 903
 904 .cke_skin_kama .cke_dialog_contents a.colorChooser
 905 {
 906         display:block;
 907         margin-top:6px;
 908         margin-left: 10px;
 909         width: 80px;
 910 }
 911
 912 .cke_skin_kama .cke_rtl .cke_dialog_contents a.colorChooser
 913 {
 914         margin-right: 10px;
 915 }