/* Online Editor's CSS for visualization of custom tags and elements' classes.
   See content.ini for the list of available custom tags and classes.
   
   CSS rules for visualization of eZXML elements':
   
   'paragraph'        :   p.<class name>
   'header'           :   h1.<class name>  (also h2, h3 etc..)
   'table'            :   table.<class name>
   'td', 'th'         :   td.<class name>, th.<class name>
   'ol', 'ul'         :   ol.<class name>, ul.<class name>
   'link'             :   a.<class name>
   'strong'           :   b.<class name>
                          strong.<class name>
   'emphasize'        :   i.<class name>
                          em.<class name>
   'object', 'embed'  :   img.<class name>
   'literal'          :   table.literal
   'literal' classes  :   table.literal td.<class name>
   
   CSS rules for visualization of 'custom' tags:
   
   all 'custom' block tags  :   table.custom
   'custom' block tag       :   table.custom td.<custom tag name>
   'custom' inline tag      :   span.<custom tag name>   

*/

/* Visualisation of default inline custom tags */

span.sub
{
  vertical-align: sub;
  font-size: 0.8em;
}

span.sup
{
  vertical-align: super;
  font-size: 0.8em;
}

span.strike
{
  text-decoration: line-through;
}


body, input, textarea, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.3em;
}

table 
{
  border-collapse:collapse;
}

td, th
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
  line-height: 1.3em;
  padding: 2px;
  margin: 0px;    
  vertical-align: middle;
}

table.noBorder, table.noBorder tr, table.noBorder td, table.noBorder th
{
  padding: 0px;
  margin: 0px;
}

img 
{
  border: 0px;
}

p
{
  line-height: 1.3em;
  margin:2px 0px;
}

h1
{
    font-size: 2em;
    margin: 0em;
    line-height: 1.1em;
}

h2
{
    font-size: 1.8em;
    margin: 0em;
    line-height: 1.1em;
}

h3
{
    font-size: 1.6em;
    margin: 0em;
    line-height: 1.1em;
}

h4
{
    font-size: 1.4em;
    margin: 0em;
    line-height: 1.1em;
}

h5
{
    font-size: 1.2em;
    margin: 0em;
    line-height: 1.1em;
}

h6
{
    font-size: .2em;
    margin: 0em;
}

p.black {
	color: black;	
}
p.dMagenta {
	color: #6c4456;
	font-weight:bold;
}
p.dMagentaIt {
	color: #6c4456;
	font-style:italic;
}
p.gray {
	color: #9A9B9F;	
}
p.blue {
	color: #005d95;
}
p.blueCentered {
	color: #005d95;
	text-align: center;
}

td.black, th.black {
	color: black;	
}
td.dMagenta, th.dMagenta {
	color: #6c4456;
}
td.dMagentaUnderline, th.dMagentaUnderline {
	color: #6c4456;
	text-decoration:underline;
}
td.dMagentaIt, th.dMagentaIt {
	color: #6c4456;
	font-style:italic;
}
td.dRed, th.dRed {
	color: #f02222;
}
td.dRedUnderline, th.dRedUnderline {
	color: #f02222;
	text-decoration:underline;	
}
td.dRose, th.dRose {
	color: #f022a5;
}
td.gray, th.gray {
	color: #9A9B9F;	
}
td.blue, th.blue {
	color: #005d95;
}
td.blueCentered, th.blueCentered {
	color: #005d95;
	text-align: center;
}
td.mini, th.mini,  {
  height: 5px;
  font-size: 5px;
  line-height: 5px;
}

a.black {
	color: black;	
}
a.dMagenta {
	color: #6c4456;
}
a.dMagentaIt {
	color: #6c4456;
	font-style:italic;
}
a.gray {
	color: #9A9B9F;	
}
a.blue {
	color: #005d95;
}
a.blueCentered {
	color: #005d95;
	text-align: center;
}

strong.black {
	color: black;	
}
strong.dMagenta {
	color: #6c4456;
}
strong.dMagentaUnderline {
	color: #6c4456;
	text-decoration:underline;
}
strong.dMagentaIt {
	color: #6c4456;
	font-style:italic;
}
strong.blue {
	color: #005d95;
}
strong.gray {
	color: #9A9B9F;	
}