/** Styles for the TinyMCE WYSIWYG editor 

Use the styles set in node-content.css as a base.
For some reason the styles do not import cleanly and require #tinymce as slector to trigger.

**/

body.cke_show_borders {
  background-color: #fff; /* Set main text area background to site content background */
  font-size: 13px;
  margin: 0;
  padding: 10px;
  background-image: none;
}


/** Block Format Table **/

body.cke_panel_frame {
  background-color: #fff;
}

li.cke_panel_listItem {
  margin: 0;
  padding: 0;
}

li.cke_panel_listItem p,
li.cke_panel_listItem h2,
li.cke_panel_listItem h3,
li.cke_panel_listItem h4,
li.cke_panel_listItem h5,
li.cke_panel_listItem h6 {
  margin: 0;
  padding: 0;
}

div.defaultSkin  {
  width: 170px !important;
}

/** Table Format **/

body.cke_show_borders table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin: 10px 0 25px 0;
  padding: 0;
}

body.cke_show_borders tbody {
  border-width: 0;
}

body.cke_show_borders th {
  font-weight: bold;
  text-align: left;
  background-color: #ddd;
  padding: 2px 5px 2px 5px;
}

body.cke_show_borders td {
  text-align: left;
  padding: 2px 5px 2px 5px;
}


/** Admin Theme Overrides **/

body div#page div.node div.admin-border {
  background:#666666 none repeat scroll 0 0;
  bottom:-3px;
  height:3px;
  left:-3px;
  right:-3px;
  top:-3px;
  width:3px;
}
