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