/**
 * Global TinyMCE style sheet
 * 
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 * 
 *   tl_files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 * 
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 * 
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 * 
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (tl_files/tinymce.css).
 */
#tinymce {
	background:#edecec;
	color:#333;
	font:12px Verdana, Geneva, sans-serif;
	line-height:16px;
	width:728px;
}

a {
	color:#245da9;
	text-decoration:underline;
}

p {
	margin:0;
}

#tinymce .clear-in:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
#tinymce .clear-in { display: inline-block; }
#tinymce .clear-in { display: block; }

h1  { font:bold 20px Arial, Helvetica, sans-serif; color:#bf1e2d; border-bottom:2px solid #bf1e2d; padding-bottom:3px; margin-bottom:15px; }
h2  { font-size:18px; margin-bottom:10px; color:#bf1e2d; }
h3  { font-size:16px; color:#bf1e2d; margin-bottom:6px; }
h4  { font-size:13px; font-weight:bold; color:#bf1e2d; margin:10px 0 12px 0; }
h2 a,
h3 a { text-decoration:none;
}

.contact_person {
	background:#f5f5f5; 
	border:1px solid #6b6a6a; 
	width:310px; 
	padding: 5px 9px 8px 9px;
	float:left;
	font-size:11px;
	position:relative;
	margin-bottom:12px;
}
.contact_person p {
	margin:0;
}
.contact_person-name {
	font-size:12px ;
	font-weight:bold;
	padding-bottom:3px;
}
.contact_person .tl,
.contact_person .tr,
.contact_person .bl,
.contact_person .br {
	font-size:1px;
	position:absolute;
	width:6px;
	height:6px;
	background:url(../images/contact_person.png) no-repeat 0 0;
	text-indent:-9000px
}
.contact_person .tl {
	top:-1px;
	left:-1px;
}
.contact_person .tr {
	background-position:100% 0;
	top:-1px;
	right:-1px;
}
.contact_person .bl {
	background-position:0 100%;
	bottom:-1px;
	left:-1px;
}
.contact_person .br {
	background-position:100% 100%;
	bottom:-1px;
	right:-1px;
}

.columns2 .col1 {
	float:left; 
	width:330px;
}
.columns2 .col2 {
	float:left; 
	width:330px;
	margin-left:17px;
}
.columns3 .col1 {
	float:left; 
	width:215px;
}
.columns3 .col2 {
	float:left; 
	width:215px;
	margin-left:17px;
}
.columns3 .col3 {
	float:left; 
	width:215px;
	margin-left:17px;
}

#tinymce .columns2 .col1,
#tinymce .columns2 .col2,
#tinymce .columns3 .col1,
#tinymce .columns3 .col2,
#tinymce .columns3 .col3 {
	border:1px dashed #ccc;
}


 
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }