_source/skins/v2/dialog.css

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