_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;\r
 184 }\r
 185 \r
 186 .cke_skin_v2 .cke_dialog_contents\r
 187 {\r
 188         background-color: #f1f1e3;\r
 189         border: #d5d59d 1px solid;\r
 190         overflow: auto;\r
 191         padding: 5px 10px;\r
 192 }\r
 193 \r
 194 .cke_skin_v2 .cke_dialog_footer\r
 195 {\r
 196         background-color: #e3e3c7;\r
 197         text-align: right;\r
 198 }\r
 199 \r
 200 .cke_skin_v2 .cke_rtl .cke_dialog_footer\r
 201 {\r
 202         text-align: left;\r
 203 }\r
 204 \r
 205 /* tabs */\r
 206 \r
 207 .cke_skin_v2 .cke_dialog_tabs\r
 208 {\r
 209         height: 23px;\r
 210         background-color: #e3e3c7;\r
 211         display: inline-block;\r
 212         margin-left:10px;\r
 213         margin-right:10px;\r
 214         margin-top:-23px;\r
 215         position: absolute;\r
 216         z-index: 2;\r
 217 }\r
 218 \r
 219 .cke_skin_v2 .cke_rtl .cke_dialog_tabs\r
 220 {\r
 221         right: 10px;\r
 222 }\r
 223 \r
 224 .cke_skin_v2 a.cke_dialog_tab,\r
 225 .cke_skin_v2 a:link.cke_dialog_tab,\r
 226 .cke_skin_v2 a:active.cke_dialog_tab,\r
 227 .cke_skin_v2 a:hover.cke_dialog_tab,\r
 228 .cke_skin_v2 a:visited.cke_dialog_tab\r
 229 {\r
 230         color: #737357;\r
 231         border-left: 1px solid #d5d59d;\r
 232         border-right: 1px solid #d5d59d;\r
 233         border-top: 1px solid #d5d59d;\r
 234         height: 14px;\r
 235         padding: 4px 5px;\r
 236         display: inline-block;\r
 237         cursor: pointer;\r
 238 }\r
 239 \r
 240 /* Gecko 1.8 layout workaround. */\r
 241 .cke_skin_v2 .cke_browser_gecko18 a.cke_dialog_tab,\r
 242 .cke_skin_v2 .cke_browser_gecko18 a:link.cke_dialog_tab,\r
 243 .cke_skin_v2 .cke_browser_gecko18 a:active.cke_dialog_tab,\r
 244 .cke_skin_v2 .cke_browser_gecko18 a:hover.cke_dialog_tab,\r
 245 .cke_skin_v2 .cke_browser_gecko18 a:visited.cke_dialog_tab\r
 246 {\r
 247         display: inline;\r
 248         position: relative;\r
 249         top: 6px;\r
 250 }\r
 251 \r
 252 .cke_skin_v2 a:hover.cke_dialog_tab\r
 253 {\r
 254         background-color: #f1f1e3;\r
 255 }\r
 256 \r
 257 .cke_skin_v2 .cke_hc a:hover.cke_dialog_tab\r
 258 {\r
 259         padding: 2px 3px !important;\r
 260         border-width: 3px;\r
 261 }\r
 262 \r
 263 .cke_skin_v2 a.cke_dialog_tab_selected,\r
 264 .cke_skin_v2 a:link.cke_dialog_tab_selected,\r
 265 .cke_skin_v2 a:active.cke_dialog_tab_selected,\r
 266 .cke_skin_v2 a:hover.cke_dialog_tab_selected,\r
 267 .cke_skin_v2 a:visited.cke_dialog_tab_selected\r
 268 {\r
 269         border-bottom: 1px solid #f1f1e3;\r
 270         background-color: #f1f1e3;\r
 271         font-weight: bold;\r
 272         cursor: default;\r
 273 }\r
 274 \r
 275 .cke_skin_v2 .cke_hc a.cke_dialog_tab_selected,\r
 276 .cke_skin_v2 .cke_hc a:link.cke_dialog_tab_selected,\r
 277 .cke_skin_v2 .cke_hc a:active.cke_dialog_tab_selected,\r
 278 .cke_skin_v2 .cke_hc a:hover.cke_dialog_tab_selected,\r
 279 .cke_skin_v2 .cke_hc a:visited.cke_dialog_tab_selected\r
 280 {\r
 281         padding: 2px 3px !important;\r
 282         border-width: 3px;\r
 283 }\r
 284 \r
 285 .cke_skin_v2 .cke_hc .cke_dialog_tabs a,\r
 286 .cke_skin_v2 .cke_hc .cke_dialog_footer a\r
 287 {\r
 288         opacity: 1.0;\r
 289         filter: alpha(opacity=100);\r
 290         border: 1px solid white;\r
 291 }\r
 292 \r
 293 /* single_page */\r
 294 \r
 295 .cke_skin_v2 .cke_single_page .cke_dialog_tabs\r
 296 {\r
 297         display: none;\r
 298 }\r
 299 \r
 300 .cke_skin_v2 .cke_single_page .cke_dialog_title\r
 301 {\r
 302         padding-bottom: 3px;\r
 303 }\r
 304 \r
 305 .cke_skin_v2 .cke_dialog_ui_vbox table,\r
 306 .cke_skin_v2 .cke_dialog_ui_hbox table\r
 307 {\r
 308         margin: auto;\r
 309 }\r
 310 \r
 311 .cke_skin_v2 .cke_dialog_ui_vbox_child\r
 312 {\r
 313         padding: 5px 0px;\r
 314 }\r
 315 \r
 316 .cke_skin_v2 input.cke_dialog_ui_input_text,\r
 317 .cke_skin_v2 input.cke_dialog_ui_input_password\r
 318 {\r
 319         background-color: white;\r
 320         border: none;\r
 321         padding: 0px;\r
 322         width: 100%;\r
 323         height: 14px;\r
 324 }\r
 325 \r
 326 .cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,\r
 327 .cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password\r
 328 {\r
 329         border-width: 0px;\r
 330 }\r
 331 \r
 332 .cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,\r
 333 .cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password\r
 334 {\r
 335         border-width: 1px;\r
 336 }\r
 337 \r
 338 /* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */\r
 339 .cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,\r
 340 .cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,\r
 341 .cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,\r
 342 .cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password\r
 343 {\r
 344         padding-right: 2px\r
 345 }\r
 346 \r
 347 /* Compensate the padding added above on container. */\r
 348 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,\r
 349 .cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,\r
 350 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,\r
 351 .cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password\r
 352 {\r
 353         padding-left: 2px;\r
 354 }\r
 355 \r
 356 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,\r
 357 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,\r
 358 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,\r
 359 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last\r
 360 {\r
 361         padding-right: 2px !important;\r
 362 }\r
 363 \r
 364 .cke_skin_v2 div.cke_dialog_ui_input_text,\r
 365 .cke_skin_v2 div.cke_dialog_ui_input_password\r
 366 {\r
 367         background-color: white;\r
 368         border: 1px solid #a0a0a0;\r
 369         padding: 1px 0px;\r
 370 }\r
 371 \r
 372 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {\r
 373         padding-right: 1px;\r
 374 }\r
 375 \r
 376 .cke_skin_v2 textarea.cke_dialog_ui_input_textarea\r
 377 {\r
 378         background-color: white;\r
 379         border: none;\r
 380         padding: 0px;\r
 381         width: 100%;\r
 382         /*\r
 383          * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.\r
 384          * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.\r
 385          */\r
 386         _width: 99%;\r
 387         overflow: auto;\r
 388         resize: none;\r
 389 }\r
 390 \r
 391 .cke_skin_v2 div.cke_dialog_ui_input_textarea\r
 392 {\r
 393         background-color: white;\r
 394         border: 1px solid #a0a0a0;\r
 395         padding: 1px 0px;\r
 396 }\r
 397 \r
 398 .cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *\r
 399 {\r
 400         background-color : #a0a0a0;\r
 401         cursor : default;\r
 402 }\r
 403 \r
 404 .cke_skin_v2 .cke_dialog_ui_hbox\r
 405 {\r
 406         width: 100%;\r
 407 }\r
 408 \r
 409 .cke_skin_v2 .cke_dialog_ui_hbox_first,\r
 410 .cke_skin_v2 .cke_dialog_ui_hbox_child,\r
 411 .cke_skin_v2 .cke_dialog_ui_hbox_last\r
 412 {\r
 413         vertical-align: top;\r
 414 }\r
 415 \r
 416 .cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_first,\r
 417 .cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_child\r
 418 {\r
 419         padding-right: 10px;\r
 420 }\r
 421 \r
 422 .cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_first,\r
 423 .cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_child\r
 424 {\r
 425         padding-left: 10px;\r
 426 }\r
 427 \r
 428 /* button */\r
 429 \r
 430 .cke_skin_v2 a.cke_dialog_ui_button\r
 431 {\r
 432         border-collapse: separate;\r
 433         cursor: default;\r
 434 }\r
 435 \r
 436 .cke_skin_v2 a.cke_dialog_ui_button_ok span,\r
 437 .cke_skin_v2 a.cke_dialog_ui_button_cancel span\r
 438 {\r
 439         width:60px;\r
 440 }\r
 441 \r
 442 .cke_skin_v2 span.cke_dialog_ui_button\r
 443 {\r
 444         border: #737357 1px solid;\r
 445         padding: 2px 10px;\r
 446         text-align: center;\r
 447         color: #3b3b1f;\r
 448         background-color: #c7c78f;\r
 449         display: inline-block;\r
 450         cursor: default;\r
 451 }\r
 452 \r
 453 /* Gecko 1.8 does not support display: inline-block */\r
 454 .cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 455 {\r
 456         display: block;\r
 457 }\r
 458 \r
 459 .cke_skin_v2 a.cke_dialog_ui_button span.cke_disabled\r
 460 {\r
 461         border: #898980 1px solid;\r
 462         color: #5e5e55;\r
 463         background-color: #c5c5b3;\r
 464 }\r
 465 \r
 466 .cke_skin_v2 a:focus span.cke_dialog_ui_button,\r
 467 .cke_skin_v2 a:active span.cke_dialog_ui_button\r
 468 {\r
 469         background-color: #e3e3c7;\r
 470 }\r
 471 \r
 472 .cke_skin_v2 .cke_hc a:focus span.cke_dialog_ui_button,\r
 473 .cke_skin_v2 .cke_hc a:active span.cke_dialog_ui_button\r
 474 {\r
 475         border-width: 2px;\r
 476 }\r
 477 \r
 478 .cke_skin_v2 .cke_dialog_footer_buttons\r
 479 {\r
 480         display: inline-table;\r
 481         margin-right: 12px;\r
 482         margin-left: 12px;\r
 483         width: auto;\r
 484         position: relative;\r
 485 }\r
 486 \r
 487 /* Gecko 1.8 does not support for display: inline-table */\r
 488 .cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons\r
 489 {\r
 490         display: inline;\r
 491 }\r
 492 \r
 493 .cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 494 {\r
 495         margin: 7px 0;\r
 496 }\r
 497 \r
 498 .cke_skin_v2 .cke_browser_ie7 .cke_dialog_footer_buttons\r
 499 {\r
 500         position: static;\r
 501 }\r
 502 \r
 503 .cke_skin_v2 strong\r
 504 {\r
 505         font-weight: bold;\r
 506 }\r
 507 \r
 508 /* close_button */\r
 509 \r
 510 .cke_skin_v2 a.cke_dialog_close_button,\r
 511 .cke_skin_v2 a:hover.cke_dialog_close_button,\r
 512 .cke_skin_v2 .cke_browser_ie6 a.cke_dialog_close_button,\r
 513 .cke_skin_v2 .cke_browser_ie6 a:hover.cke_dialog_close_button\r
 514 {\r
 515         background-image: url(images/sprites.png);\r
 516         background-repeat: no-repeat;\r
 517         background-position: -16px -651px;\r
 518         position: absolute;\r
 519         cursor: pointer;\r
 520         text-align: center;\r
 521         height: 20px;\r
 522         width: 20px;\r
 523         top: 5px;\r
 524 \r
 525         /* IE6 does not support full color transparent PNG. */\r
 526         _background-image: url(images/sprites_ie6.png);\r
 527 }\r
 528 \r
 529 .cke_skin_v2 a.cke_dialog_close_button span\r
 530 {\r
 531         display: none;\r
 532 }\r
 533 \r
 534 .cke_skin_v2 a:hover.cke_dialog_close_button\r
 535 {\r
 536         background-position: -16px -687px;\r
 537 }\r
 538 \r
 539 .cke_skin_v2 .cke_ltr a.cke_dialog_close_button,\r
 540 .cke_skin_v2 .cke_ltr a:hover.cke_dialog_close_button\r
 541 {\r
 542         right: 10px;\r
 543         _right: 22px;\r
 544 }\r
 545 \r
 546 .cke_skin_v2 .cke_rtl a.cke_dialog_close_button,\r
 547 .cke_skin_v2 .cke_rtl a:hover.cke_dialog_close_button\r
 548 {\r
 549         left: 10px;\r
 550         _left: 16px;\r
 551         _top: 7px;\r
 552 }\r
 553 \r
 554 .cke_skin_v2 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,\r
 555 .cke_skin_v2 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button\r
 556 {\r
 557         position: relative;\r
 558         float: left;\r
 559         margin-top: -55px;\r
 560         margin-left: -7px;\r
 561 }\r
 562 \r
 563 .cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,\r
 564 .cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button\r
 565 {\r
 566         margin-top: -32px;\r
 567 }\r
 568 \r
 569 .cke_skin_v2 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,\r
 570 .cke_skin_v2 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button\r
 571 {\r
 572         margin-top: 0;\r
 573 }\r
 574 \r
 575 .cke_skin_v2 .cke_dialog_ui_input_select\r
 576 {\r
 577         border: 1px solid #a0a0a0;\r
 578         background-color: white;\r
 579 }\r
 580 \r
 581 .cke_skin_v2 .cke_dialog_ui_input_file\r
 582 {\r
 583         width: 100%;\r
 584         height: 25px;\r
 585 }\r
 586 \r
 587 /*\r
 588  * Some utility CSS classes for dialog authors.\r
 589  */\r
 590 .cke_skin_v2 .cke_dialog .cke_dark_background\r
 591 {\r
 592         background-color: #eaead1;\r
 593 }\r
 594 \r
 595 .cke_skin_v2 .cke_dialog .cke_hand\r
 596 {\r
 597         cursor: pointer;\r
 598 }\r
 599 \r
 600 .cke_skin_v2 .cke_dialog .cke_centered\r
 601 {\r
 602         text-align: center;\r
 603 }\r
 604 \r
 605 .cke_skin_v2 .cke_dialog a.cke_btn_reset\r
 606 {\r
 607         float: right;\r
 608         background-position: 0 -32px;\r
 609         background-image: url(images/mini.gif);\r
 610         width: 16px;\r
 611         height: 16px;\r
 612         background-repeat: no-repeat;\r
 613         border: 1px none;\r
 614         font-size: 1px;\r
 615 }\r
 616 \r
 617 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_reset\r
 618 {\r
 619         float: left;\r
 620 }\r
 621 \r
 622 .cke_skin_v2 .cke_dialog a.cke_btn_locked,\r
 623 .cke_skin_v2 .cke_dialog a.cke_btn_unlocked\r
 624 {\r
 625         float: left;\r
 626         background-position: 0 0;\r
 627         background-image: url(images/mini.gif);\r
 628         width: 16px;\r
 629         height: 16px;\r
 630         background-repeat: no-repeat;\r
 631         border: none 1px;\r
 632         font-size: 1px;\r
 633 }\r
 634 \r
 635 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,\r
 636 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked\r
 637 {\r
 638         float: right;\r
 639 }\r
 640 \r
 641 .cke_skin_v2 .cke_dialog a.cke_btn_unlocked\r
 642 {\r
 643         background-position: 0 -16px;\r
 644         background-image: url(images/mini.gif);\r
 645 }\r
 646 \r
 647 .cke_skin_v2 .cke_dialog .cke_btn_over\r
 648 {\r
 649         border: outset 1px;\r
 650         cursor: pointer;\r
 651 }\r
 652 \r
 653 .cke_skin_v2 .cke_dialog  .ImagePreviewBox\r
 654 {\r
 655         border : 2px ridge black;\r
 656         overflow : scroll;\r
 657         height : 160px;\r
 658         width : 230px;\r
 659         padding : 2px;\r
 660         background-color : white;\r
 661 }\r
 662 \r
 663 .cke_skin_v2 .cke_dialog .ImagePreviewBox table td {\r
 664         white-space: normal;\r
 665 }\r
 666 \r
 667 /* Fix iframedialog's height doesn't stretch to 100% #4863.*/\r
 668 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_page_contents\r
 669 {\r
 670         _position: absolute;\r
 671 }\r
 672 \r
 673 .cke_skin_v2 .cke_dialog  .ImagePreviewLoader\r
 674 {\r
 675         position: absolute;\r
 676         white-space : normal;\r
 677         overflow : hidden;\r
 678         height : 160px;\r
 679         width : 230px;\r
 680         margin : 2px;\r
 681         padding : 2px;\r
 682         opacity : 0.9;\r
 683         filter : alpha(opacity=90);\r
 684 \r
 685         background-color : #e4e4e4;\r
 686 }\r
 687 \r
 688 .cke_skin_v2 .cke_dialog  .FlashPreviewBox\r
 689 {\r
 690         white-space : normal;\r
 691         border : 2px ridge black;\r
 692         overflow : auto;\r
 693         height : 160px;\r
 694         width : 390px;\r
 695         padding : 2px;\r
 696         background-color : white;\r
 697 }\r
 698 \r
 699 .cke_skin_v2 .cke_dialog .cke_pastetext\r
 700 {\r
 701         width: 346px;\r
 702         height: 170px;\r
 703 }\r
 704 \r
 705 .cke_skin_v2 .cke_dialog .cke_pastetext textarea\r
 706 {\r
 707         width: 340px;\r
 708         height: 170px;\r
 709         resize: none;\r
 710 }\r
 711 \r
 712 .cke_skin_v2 .cke_dialog iframe.cke_pasteframe\r
 713 {\r
 714         width: 346px;\r
 715         height: 130px;\r
 716         background-color: white;\r
 717         border: 1px solid black;\r
 718 }\r
 719 \r
 720 .cke_skin_v2 .cke_dialog .cke_dark_background\r
 721 {\r
 722         text-align : center;\r
 723         background-color: #eaead1;\r
 724         font-size : 14px;\r
 725 }\r
 726 \r
 727 .cke_skin_v2 .cke_dialog .cke_light_background\r
 728 {\r
 729         text-align : center;\r
 730         background-color: #ffffbe;\r
 731 }\r
 732 \r
 733 .cke_skin_v2 .cke_dialog .cke_hand\r
 734 {\r
 735         cursor: pointer;\r
 736 }\r
 737 \r
 738 .cke_skin_v2 .cke_disabled\r
 739 {\r
 740         color: #a0a0a0;\r
 741 }\r
 742 \r
 743 /* High Contrast Mode */\r
 744 .cke_skin_v2 .cke_hc .cke_dialog_title,\r
 745 .cke_skin_v2 .cke_hc .cke_dialog_tabs,\r
 746 .cke_skin_v2 .cke_hc .cke_dialog_contents,\r
 747 .cke_skin_v2 .cke_hc .cke_dialog_footer\r
 748 {\r
 749         border-left: 1px solid;\r
 750         border-right: 1px solid;\r
 751 }\r
 752 \r
 753 .cke_skin_v2 .cke_hc .cke_dialog_title\r
 754 {\r
 755         border-top: 1px solid;\r
 756 }\r
 757 \r
 758 .cke_skin_v2 .cke_hc .cke_dialog_footer\r
 759 {\r
 760         border-bottom: 1px solid;\r
 761 }\r
 762 \r
 763 .cke_skin_v2 .cke_hc .cke_dialog_close_button span\r
 764 {\r
 765         display: inline;\r
 766         cursor: pointer;\r
 767         font-weight: bold;\r
 768         position: relative;\r
 769         top: 3px;\r
 770 }\r
 771 \r
 772 .cke_skin_v2 .cke_dialog_body .cke_label\r
 773 {\r
 774         display: none;\r
 775 }\r
 776 \r
 777 .cke_skin_v2 .cke_dialog_body label.cke_required\r
 778 {\r
 779         font-weight: bold;\r
 780 }\r
 781 \r
 782 .cke_skin_v2 .cke_hc .cke_dialog_body .cke_label\r
 783 {\r
 784         display: inline;\r
 785 }\r
 786 \r
 787 .cke_skin_v2 .cke_hc a.cke_btn_locked,\r
 788 .cke_skin_v2 .cke_hc a.cke_btn_unlocked,\r
 789 .cke_skin_v2 .cke_hc a.cke_btn_reset\r
 790 {\r
 791         border-style: solid;\r
 792         float:left;\r
 793         width:auto;\r
 794         height:auto;\r
 795 }\r
 796 \r
 797 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_locked,\r
 798 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_unlocked,\r
 799 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_reset\r
 800 {\r
 801         float:right;\r
 802 }\r
 803 \r
 804 .cke_skin_v2 a.cke_smile img\r
 805 {\r
 806         /* IE6 does not support transparent borders */\r
 807         border: 2px solid #eaead1;\r
 808 }\r
 809 \r
 810 .cke_skin_v2 a.cke_smile:focus img,\r
 811 .cke_skin_v2 a.cke_smile:active img,\r
 812 .cke_skin_v2 a.cke_smile:hover img\r
 813 {\r
 814         border-color: #C7C78F;\r
 815 }\r