/*
 * WYMeditor : what you see is What You Mean web-based editor
 * Copyright (c) 2008 Jean-Francois Hovinne, http://www.wymeditor.org/
 * Dual licensed under the MIT (MIT-license.txt)
 * and GPL (GPL-license.txt) licenses.
 *
 * For further information visit:
 *        http://www.wymeditor.org/
 * 
 * File Name:
 *        wymeditor.css
 *        Main editor css file.
 *        See the documentation for more info.
 * 
 * File Authors:
 *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
 *        Daniel Reszka (d.reszka a-t wymeditor dotorg)
 *
 * Radiant Integration:
 *        Michael Kessler (michi a-t netzpiraten dotch)
*/

  @namespace "http://www.w3.org/1999/xhtml";
  @namespace r "http://radiantcms.org";

  html { overflow: hidden; }

/* VISUAL FEEDBACK */

/* basic */
  body  { background: #F5F1E2; font-family: "Lucida Grande","Bitstream Vera Sans",Helvetica,Verdana,Arial,sans-serif; }
 
/* make HTML blocs visible */
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  ol,
  blockquote,
  pre           { background: #FFFFFF no-repeat 2px 2px;
                  padding:8px 5px 5px;
                  margin:10px; }
  table         { background: #eae3c5 no-repeat 2px 2px;
                  padding:8px 5px 5px;
                  margin:10px; }
  td            { background: #ffffff; padding: 5px; }
  th            { background: #CDC295; }
  ul,
      ol        { border-left:30px solid #eae3c5; padding:0px 5px; background: #F5F1E2 no-repeat 2px 2px; }
  li            { border-bottom: 2px solid #EAE3C5; padding: 5px 5px; background-color: #ffffff; }
  caption       { background: #eae3c5; padding: 5px 10px; font-weight: bold; margin-bottom:-20px; }
  table         { width: 500px; }
  td            { width: 25%; }
  blockquote    { margin-left: 30px; }
  pre           { background-color:transparent; border: 1px solid white; }

/* Gecko min height fix */
  p             { min-height: 1em; } /*min-height is needed under Firefox, because empty parargraphs */
  *+html p      { min-height: auto; } /* but we have to remove it under IE7 because it triggers the 'haslayout' mode */
  td            { height: 1.6em; }
 
/* labels */
  p         { background-image: url(lbl-p.png); }
  h1        { background-image: url(lbl-h1.png); }
  h2        { background-image: url(lbl-h2.png); }
  h3        { background-image: url(lbl-h3.png); }
  h4        { background-image: url(lbl-h4.png); }
  h5        { background-image: url(lbl-h5.png); }
  h6        { background-image: url(lbl-h6.png); }
  blockquote{ background-image: url(lbl-blockquote.png); }
  pre       { background-image: url(lbl-pre.png); }

/* specific HTML elements */
  caption   { text-align: left; }
  img       { margin-right: 5px;
              border-style: solid;
              border-color: gray;
              border-width: 0; }
  a img     { border-width: 1px; border-color: blue; }
  acronym   { border: 1px solid gray; }

/* visual feedback for non-valid nesting of elements*/
  h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
  h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
  h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
  h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
  h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
  h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
  p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
  pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
  address h1, address h2, address h3, address h4, address h5, address h6,
  address p, address pre, address address
  { background-color: #ff9999 !important;
    border: 1px solid red !important;
    font-size: 12px !important;
    font-weight: normal; }

.radius_tag {
        border: 0px;
        border-right: 1px solid #c8e2f0;
}

a:link, a:visited, a:focus, a:hover, a:active { color: blue; }

/*RADIUS CODE*/

.radius_tag {
    margin: 2px;
    padding: 2px;
    border: 0px;
    display: block;
    background: #f5f1e2;
}

.radius_empty_tag {
    border: 1px solid #cdc295;
    padding: 8px 25px 5px;
    margin: 10px !important;
}

.radius_start_tag {
    padding: 0px;
    margin: 10px;
    border-top: 1px solid #cdc295;
    border-right: 1px dashed #cdc295;
    border-left: 1px dashed #cdc295;
    border-bottom: 1px solid #cdc295;
}

.radius_start_tag .radius_code {
    margin: 0px;
}

.radius_end_tag {
    border: 0px;
    padding: 8px 5px 5px;
    margin: 0px;
}

.radius_code {
    background: #f5e3e3 url('/images/admin/wymeditor_radius_code.png') no-repeat scroll 5px 9px;
    padding-left: 35px;
    padding-top: 7px;
    padding-bottom: 0px;
    color: #866;
    height: 30px;
}
