[Summary view] [Print] [Text view]

   1  /*

   2  Copyright (c) 2003-2010, 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_office2003 table.cke_dialog.cke_browser_gecko
  14  {
  15      display:block;
  16  }
  17  
  18  .cke_skin_office2003 .cke_dialog_body
  19  {
  20      margin-left: 16px;
  21      margin-right: 16px;
  22      margin-top: 2px;
  23      margin-bottom: 20px;
  24      z-index: 1;
  25  
  26      /* 'cke_dialog' element has been fixed positioned in all but IE6, while we

  27          need it to be positioned to hold e.g. close button. */
  28      position: relative;
  29      _position: static;
  30  }
  31  
  32  .cke_skin_office2003 .cke_dialog_tl,
  33  .cke_skin_office2003 .cke_dialog_tr,
  34  .cke_skin_office2003 .cke_dialog_tc,
  35  .cke_skin_office2003 .cke_dialog_bl,
  36  .cke_skin_office2003 .cke_dialog_br,
  37  .cke_skin_office2003 .cke_dialog_bc
  38  {
  39      background-image: url(images/sprites.png);
  40      background-repeat: no-repeat;
  41      position: absolute;
  42  
  43      /* IE6 does not support full color transparent PNG. */

  44      _background-image: url(images/sprites_ie6.png);
  45      /* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */

  46      _z-index: -1;
  47  }
  48  
  49  .cke_skin_office2003 .cke_dialog_tl
  50  {
  51      background-position: -16px -16px;
  52      height: 16px;
  53      width: 16px;
  54      top: 0;
  55      left: 0;
  56  }
  57  
  58  .cke_skin_office2003 .cke_rtl .cke_dialog_tl
  59  {
  60      background-position: -16px -397px;
  61  }
  62  
  63  .cke_skin_office2003 .cke_dialog_tr
  64  {
  65      background-position: -16px -76px;
  66      height: 16px;
  67      width: 16px;
  68      top: 0;
  69      right: 0;
  70  }
  71  
  72  .cke_skin_office2003 .cke_rtl .cke_dialog_tr
  73  {
  74      background-position: -16px -457px;
  75  }
  76  
  77  .cke_skin_office2003 .cke_dialog_tc
  78  {
  79      background-position: 0 -136px;
  80      background-repeat: repeat-x;
  81      height: 16px;
  82      top: 0;
  83      left: 16px;
  84      right: 16px;
  85  }
  86  
  87  .cke_skin_office2003 .cke_dialog_bl
  88  {
  89      background-position: -16px -196px;
  90      height: 51px;
  91      width: 30px;
  92      bottom: 0;
  93      left: 0;
  94  }
  95  
  96  .cke_skin_office2003 .cke_rtl .cke_dialog_bl
  97  {
  98      background-position: -16px -517px;
  99  }
 100  
 101  .cke_skin_office2003 .cke_dialog_br
 102  {
 103      background-position: -16px -263px;
 104      height: 51px;
 105      width: 30px;
 106      bottom: 0;
 107      right: 0;
 108  }
 109  
 110  .cke_skin_office2003 .cke_rtl .cke_dialog_br
 111  {
 112      background-position: -16px -584px;
 113  }
 114  
 115  .cke_skin_office2003 .cke_dialog_bc
 116  {
 117      background-position: 0 -330px;
 118      background-repeat: repeat-x;
 119      height: 51px;
 120      bottom: 0;
 121      left: 30px;
 122      right: 30px;
 123  }
 124  
 125  .cke_skin_office2003 .cke_dialog_ml,
 126  .cke_skin_office2003 .cke_dialog_mr
 127  {
 128      background-image: url(images/dialog_sides.png);
 129      background-repeat: repeat-y;
 130      position: absolute;
 131      width: 16px;
 132      top: 16px;
 133      bottom: 51px;
 134  
 135      /* IE6 does not support full color transparent PNG. */

 136      _background-image: url(images/dialog_sides.gif);
 137  
 138      /* IE quirks gets confused when we have both top and bottom. */

 139      _top: auto;
 140  }
 141  
 142  .cke_skin_office2003 .cke_rtl .cke_dialog_ml,
 143  .cke_skin_office2003 .cke_rtl .cke_dialog_mr
 144  {
 145      background-image: url(images/dialog_sides_rtl.png);
 146  
 147      /* IE6 does not support full color transparent PNG. */

 148      _background-image: url(images/dialog_sides.gif);
 149  }
 150  
 151  .cke_skin_office2003 .cke_dialog_ml
 152  {
 153      background-position: 0 0;
 154      left: 0;
 155  }
 156  
 157  .cke_skin_office2003 .cke_dialog_mr
 158  {
 159      background-position: -16px 0;
 160      right: 0;
 161  }
 162  
 163  .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_ml,
 164  .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_mr
 165  {
 166      margin-top: 3px;
 167  }
 168  
 169  .cke_skin_office2003 .cke_dialog_title
 170  {
 171      background-image: url(images/sprites.png);
 172      _background-image: url(images/sprites_ie6.png);
 173      background-position: 0 -678px;
 174      background-repeat: repeat-x;
 175      font-weight: bold;
 176      font-size: 14pt;
 177      color: #0E3460;
 178      background-color: #8db1ff;
 179      padding: 3px 10px 26px 10px;
 180      cursor: move;
 181      position: relative;
 182  }
 183  
 184  .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_title
 185  {
 186      position: static !important;
 187      unicode-bidi: bidi-override;
 188  }
 189  
 190  .cke_skin_office2003 .cke_dialog_contents
 191  {
 192      background-color: #f7f8fd;
 193      border: #2b66c9 1px solid;
 194      overflow: auto;
 195      padding: 5px 10px;
 196  }
 197  
 198  .cke_skin_office2003 .cke_dialog_footer
 199  {
 200      background-color: #8db1ff;
 201      text-align: right;
 202  }
 203  
 204  .cke_skin_office2003 .cke_rtl .cke_dialog_footer
 205  {
 206      text-align: left;
 207  }
 208  
 209  /* tabs */

 210  
 211  .cke_skin_office2003 .cke_dialog_tabs
 212  {
 213      height: 23px;
 214      background-color: #8db1ff;
 215      display: inline-block;
 216      margin-left:10px;
 217      margin-right:10px;
 218      margin-top:-23px;
 219      position: absolute;
 220      z-index: 2;
 221  }
 222  
 223  .cke_skin_office2003 .cke_rtl .cke_dialog_tabs
 224  {
 225      right: 10px;
 226  }
 227  
 228  .cke_skin_office2003 a.cke_dialog_tab,
 229  .cke_skin_office2003 a:link.cke_dialog_tab,
 230  .cke_skin_office2003 a:active.cke_dialog_tab,
 231  .cke_skin_office2003 a:hover.cke_dialog_tab,
 232  .cke_skin_office2003 a:visited.cke_dialog_tab
 233  {
 234      color: #0E3460;
 235      border-left: 1px solid #2b66c9;
 236      border-right: 1px solid #2b66c9;
 237      border-top: 1px solid #2b66c9;
 238      height: 14px;
 239      padding: 4px 5px;
 240      display: inline-block;
 241      cursor: pointer;
 242  }
 243  
 244  /* Gecko 1.8 layout workaround. */

 245  .cke_skin_office2003 .cke_browser_gecko18 a.cke_dialog_tab,
 246  .cke_skin_office2003 .cke_browser_gecko18 a:link.cke_dialog_tab,
 247  .cke_skin_office2003 .cke_browser_gecko18 a:active.cke_dialog_tab,
 248  .cke_skin_office2003 .cke_browser_gecko18 a:hover.cke_dialog_tab,
 249  .cke_skin_office2003 .cke_browser_gecko18 a:visited.cke_dialog_tab
 250  {
 251      display: inline;
 252      position: relative;
 253      top: 6px;
 254  }
 255  
 256  .cke_skin_office2003 a:hover.cke_dialog_tab
 257  {
 258      background-color: #f7f8fd;
 259  }
 260  .cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab
 261  {
 262      padding: 2px 3px !important;
 263      border-width: 3px;
 264  }
 265  
 266  .cke_skin_office2003 a.cke_dialog_tab_selected,
 267  .cke_skin_office2003 a:link.cke_dialog_tab_selected,
 268  .cke_skin_office2003 a:active.cke_dialog_tab_selected,
 269  .cke_skin_office2003 a:hover.cke_dialog_tab_selected,
 270  .cke_skin_office2003 a:visited.cke_dialog_tab_selected
 271  {
 272      border-bottom: 1px solid #f7f8fd;
 273      background-color: #f7f8fd;
 274      font-weight: bold;
 275      cursor: default;
 276  }
 277  .cke_skin_office2003 .cke_hc a.cke_dialog_tab_selected,
 278  .cke_skin_office2003 .cke_hc a:link.cke_dialog_tab_selected,
 279  .cke_skin_office2003 .cke_hc a:active.cke_dialog_tab_selected,
 280  .cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab_selected,
 281  .cke_skin_office2003 .cke_hc a:visited.cke_dialog_tab_selected
 282  {
 283      padding: 2px 3px !important;
 284      border-width: 3px;
 285  }
 286  
 287  /* single_page */

 288  
 289  .cke_skin_office2003 .cke_single_page .cke_dialog_tabs
 290  {
 291      display: none;
 292  }
 293  
 294  .cke_skin_office2003 .cke_hc .cke_dialog_tabs a,
 295  .cke_skin_office2003 .cke_hc .cke_dialog_footer a
 296  {
 297      opacity: 1.0;
 298      filter: alpha(opacity=100);
 299      border: 1px solid white;
 300  }
 301  
 302  .cke_skin_office2003 .cke_single_page .cke_dialog_title
 303  {
 304      padding-bottom: 3px;
 305  }
 306  
 307  .cke_skin_office2003 .cke_dialog_ui_vbox table,
 308  .cke_skin_office2003 .cke_dialog_ui_hbox table
 309  {
 310      margin: auto;
 311  }
 312  
 313  .cke_skin_office2003 .cke_dialog_ui_vbox_child
 314  {
 315      padding: 5px 0px;
 316  }
 317  
 318  .cke_skin_office2003 input.cke_dialog_ui_input_text,
 319  .cke_skin_office2003 input.cke_dialog_ui_input_password
 320  {
 321      background-color: white;
 322      border: none;
 323      padding: 0px;
 324      width: 100%;
 325      height: 14px;
 326  }
 327  
 328  .cke_skin_office2003 div.cke_dialog_ui_input_text,
 329  .cke_skin_office2003 div.cke_dialog_ui_input_password
 330  {
 331      background-color: white;
 332      border: 1px solid #a0a0a0;
 333      padding: 1px 0px;
 334  }
 335  
 336  .cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {
 337      padding-right: 1px;
 338  }
 339  
 340  .cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,
 341  .cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password
 342  {
 343      border-width: 0px;
 344  }
 345  
 346  .cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,
 347  .cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password
 348  {
 349      border-width: 1px;
 350  }
 351  
 352  .cke_skin_office2003 textarea.cke_dialog_ui_input_textarea
 353  {
 354      background-color: white;
 355      border: none;
 356      padding: 0px;
 357      width: 100%;
 358      /*

 359       * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.

 360       * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.

 361       */
 362      _width: 99%;
 363      overflow: auto;
 364      resize: none;
 365  }
 366  
 367  .cke_skin_office2003 div.cke_dialog_ui_input_textarea
 368  {
 369      background-color: white;
 370      border: 1px solid #a0a0a0;
 371      padding: 1px 0px;
 372  }
 373  
 374  .cke_skin_office2003 div.cke_disabled .cke_dialog_ui_labeled_content *
 375  {
 376      background-color : #a0a0a0;
 377      cursor : default;
 378  }
 379  
 380  .cke_skin_office2003 .cke_dialog_ui_hbox
 381  {
 382      width: 100%;
 383  }
 384  
 385  .cke_skin_office2003 .cke_dialog_ui_hbox_first,
 386  .cke_skin_office2003 .cke_dialog_ui_hbox_child,
 387  .cke_skin_office2003 .cke_dialog_ui_hbox_last
 388  {
 389      vertical-align: top;
 390  }
 391  
 392  .cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_first,
 393  .cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_child
 394  {
 395      padding-right: 10px;
 396  }
 397  
 398  .cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_first,
 399  .cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_child
 400  {
 401      padding-left: 10px;
 402  }
 403  
 404  /* button */

 405  
 406  .cke_skin_office2003 a.cke_dialog_ui_button
 407  {
 408      border-collapse: separate;
 409      cursor: default;
 410  }
 411  
 412  .cke_skin_office2003 span.cke_dialog_ui_button
 413  {
 414      background-image: url(images/sprites.png);
 415      _background-image: url(images/sprites_ie6.png);
 416      background-position: 0 -678px;
 417      background-repeat: repeat-x;
 418      border: #0E3460 1px solid;
 419      padding: 2px 10px;
 420      text-align: center;
 421      color: #0E3460;
 422      background-color: #8db1ff;
 423      display: inline-block;
 424      cursor: default;
 425  }
 426  
 427  /* Gecko 1.8 does not support display: inline-block */

 428  .cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
 429  {
 430      display: block;
 431  }
 432  
 433  .cke_skin_office2003 a.cke_dialog_ui_button span.cke_disabled
 434  {
 435      border: #898980 1px solid;
 436      color: #5e5e55;
 437      background-color: #c5c5b3;
 438  }
 439  
 440  .cke_skin_office2003 a:focus span.cke_dialog_ui_button,
 441  .cke_skin_office2003 a:active span.cke_dialog_ui_button
 442  {
 443      background-color: #8db1ff;
 444  }
 445  .cke_skin_office2003 .cke_hc a:focus span.cke_dialog_ui_button,
 446  .cke_skin_office2003 .cke_hc a:active span.cke_dialog_ui_button
 447  {
 448      border-width: 2px;
 449  }
 450  
 451  .cke_skin_office2003 .cke_dialog_footer_buttons
 452  {
 453      display: inline-table;
 454      margin-right: 12px;
 455      margin-left: 12px;
 456      width: auto;
 457      position: relative;
 458  }
 459  
 460  /* Gecko 1.8 does not support for display: inline-table */

 461  .cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons
 462  {
 463      display: inline;
 464  }
 465  
 466  .cke_skin_office2003 .cke_dialog_footer_buttons span.cke_dialog_ui_button
 467  {
 468      width: 60px;
 469      margin: 7px 0;
 470  }
 471  
 472  .cke_skin_office2003 strong
 473  {
 474      font-weight: bold;
 475  }
 476  
 477  /* close_button */

 478  
 479  .cke_skin_office2003 a.cke_dialog_close_button,
 480  .cke_skin_office2003 a:hover.cke_dialog_close_button,
 481  .cke_skin_office2003 .cke_browser_ie6 a.cke_dialog_close_button,
 482  .cke_skin_office2003 .cke_browser_ie6 a:hover.cke_dialog_close_button
 483  {
 484      background-image: url(images/sprites.png);
 485      background-repeat: no-repeat;
 486      background-position: -20px -655px;
 487      position: absolute;
 488      cursor: pointer;
 489      text-align: center;
 490      height: 21px;
 491      width: 21px;
 492      top: 4px;
 493  
 494      /* IE6 does not support full color transparent PNG. */

 495      _background-image: url(images/sprites_ie6.png);
 496  }
 497  
 498  .cke_skin_office2003 a.cke_dialog_close_button span
 499  {
 500      display: none;
 501  }
 502  
 503  .cke_skin_office2003 .cke_ltr a.cke_dialog_close_button
 504  {
 505      right: 10px;
 506      _right: 22px;
 507  }
 508  
 509  .cke_skin_office2003 .cke_rtl a.cke_dialog_close_button,
 510  .cke_skin_office2003 .cke_rtl a:hover.cke_dialog_close_button
 511  {
 512      left: 10px;
 513      _left: 16px;
 514      _top: 6px;
 515  }
 516  
 517  .cke_skin_office2003 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,
 518  .cke_skin_office2003 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button
 519  {
 520      position: relative;
 521      float: left;
 522      margin-top: -55px;
 523      margin-left: -7px;
 524  }
 525  
 526  .cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,
 527  .cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button
 528  {
 529      margin-top: -32px;
 530  }
 531  
 532  .cke_skin_office2003 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,
 533  .cke_skin_office2003 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button
 534  {
 535      margin-top: 0;
 536  }
 537  
 538  .cke_skin_office2003 .cke_dialog_ui_input_select
 539  {
 540      border: 1px solid #a0a0a0;
 541      background-color: white;
 542  }
 543  
 544  .cke_skin_office2003 .cke_dialog_ui_input_file
 545  {
 546      width: 100%;
 547      height: 25px;
 548  }
 549  
 550  /*

 551   * Some utility CSS classes for dialog authors.

 552   */
 553  .cke_skin_office2003 .cke_dialog .cke_dark_background
 554  {
 555      background-color: #eaead1;
 556  }
 557  
 558  .cke_skin_office2003 .cke_dialog .cke_hand
 559  {
 560      cursor: pointer;
 561  }
 562  
 563  .cke_skin_office2003 .cke_dialog .cke_centered
 564  {
 565      text-align: center;
 566  }
 567  
 568  .cke_skin_office2003 .cke_dialog a.cke_btn_reset
 569  {
 570      float: right;
 571      background-position: 0 -32px;
 572      background-image: url(images/mini.gif);
 573      width: 16px;
 574      height: 16px;
 575      background-repeat: no-repeat;
 576      border: 1px none;
 577      font-size: 1px;
 578  }
 579  
 580  .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_reset
 581  {
 582      float: left;
 583  }
 584  
 585  .cke_skin_office2003 .cke_dialog a.cke_btn_locked,
 586  .cke_skin_office2003 .cke_dialog a.cke_btn_unlocked
 587  {
 588      float: left;
 589      background-position: 0 0;
 590      background-image: url(images/mini.gif);
 591      width: 16px;
 592      height: 16px;
 593      background-repeat: no-repeat;
 594      border: none 1px;
 595      font-size: 1px;
 596  }
 597  
 598  .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_locked,
 599  .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_unlocked
 600  {
 601      float: right;
 602  }
 603  
 604  .cke_skin_office2003 .cke_dialog a.cke_btn_unlocked
 605  {
 606      background-position: 0 -16px;
 607      background-image: url(images/mini.gif);
 608  }
 609  
 610  .cke_skin_office2003 .cke_dialog .cke_btn_over
 611  {
 612      border: outset 1px;
 613      cursor: pointer;
 614  }
 615  
 616  .cke_skin_office2003 .cke_dialog  .ImagePreviewBox
 617  {
 618      border : 2px ridge black;
 619      overflow : scroll;
 620      height : 160px;
 621      width : 230px;
 622      padding : 2px;
 623      background-color : white;
 624  }
 625  
 626  .cke_skin_office2003 .cke_dialog .ImagePreviewBox table td {
 627      white-space: normal;
 628  }
 629  
 630  /* Fix iframedialog's height doesn't stretch to 100% #4863.*/

 631  .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_page_contents
 632  {
 633      _position: absolute;
 634  }
 635  
 636  .cke_skin_office2003 .cke_dialog  .ImagePreviewLoader
 637  {
 638      position: absolute;
 639      white-space : normal;
 640      overflow : hidden;
 641      height : 160px;
 642      width : 230px;
 643      margin : 2px;
 644      padding : 2px;
 645      opacity : 0.9;
 646      filter : alpha(opacity=90);
 647  
 648      background-color : #e4e4e4;
 649  }
 650  
 651  .cke_skin_office2003 .cke_dialog  .FlashPreviewBox
 652  {
 653      white-space : normal;
 654      border : 2px ridge black;
 655      overflow : auto;
 656      height : 160px;
 657      width : 390px;
 658      padding : 2px;
 659      background-color : white;
 660  }
 661  
 662  .cke_skin_office2003 .cke_dialog .cke_pastetext
 663  {
 664      width: 346px;
 665      height: 170px;
 666  }
 667  
 668  .cke_skin_office2003 .cke_dialog .cke_pastetext textarea
 669  {
 670      width: 340px;
 671      height: 170px;
 672      resize: none;
 673  }
 674  
 675  .cke_skin_office2003 .cke_dialog iframe.cke_pasteframe
 676  {
 677      width: 346px;
 678      height: 130px;
 679      background-color: white;
 680      border: 1px solid black;
 681  }
 682  
 683  .cke_skin_office2003 .cke_dialog .cke_dark_background
 684  {
 685      text-align : center;
 686      background-color: #eaead1;
 687      font-size : 14px;
 688  }
 689  
 690  .cke_skin_office2003 .cke_dialog .cke_light_background
 691  {
 692      text-align : center;
 693      background-color: #ffffbe;
 694  }
 695  
 696  .cke_skin_office2003 .cke_dialog .cke_hand
 697  {
 698      cursor: pointer;
 699  }
 700  
 701  .cke_skin_office2003 .cke_disabled
 702  {
 703      color: #a0a0a0;
 704  }
 705  
 706  /* High Contrast Mode */

 707  .cke_skin_office2003 .cke_hc .cke_dialog_title,
 708  .cke_skin_office2003 .cke_hc .cke_dialog_tabs,
 709  .cke_skin_office2003 .cke_hc .cke_dialog_contents,
 710  .cke_skin_office2003 .cke_hc .cke_dialog_footer
 711  {
 712      border-left: 1px solid;
 713      border-right: 1px solid;
 714  }
 715  
 716  .cke_skin_office2003 .cke_hc .cke_dialog_title
 717  {
 718      border-top: 1px solid;
 719  }
 720  
 721  .cke_skin_office2003 .cke_hc .cke_dialog_footer
 722  {
 723      border-bottom: 1px solid;
 724  }
 725  
 726  .cke_skin_office2003 .cke_hc .cke_dialog_close_button span
 727  {
 728      display: inline;
 729      cursor: pointer;
 730      font-weight: bold;
 731      position: relative;
 732      top: 3px;
 733  }
 734  
 735  .cke_skin_office2003 .cke_dialog_body .cke_label
 736  {
 737      display: none;
 738  }
 739  
 740  .cke_skin_office2003 .cke_dialog_body label.cke_required
 741  {
 742      font-weight: bold;
 743  }
 744  
 745  .cke_skin_office2003 .cke_hc .cke_dialog_body .cke_label
 746  {
 747      display: inline;
 748  }
 749  
 750  .cke_skin_office2003 .cke_hc a.cke_btn_locked,
 751  .cke_skin_office2003 .cke_hc a.cke_btn_unlocked,
 752  .cke_skin_office2003 .cke_hc a.cke_btn_reset
 753  {
 754      border-style: solid;
 755      float: left;
 756      width: auto;
 757      height: auto;
 758  }
 759  
 760  .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_locked,
 761  .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_unlocked,
 762  .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_reset
 763  {
 764      float: right;
 765  }