/* This file contains the CSS data for the editable area(iframe) of TinyMCE */
/* You can extend this CSS by adding your own CSS file with the the content_css option */

body, td, pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h2 {
	border-bottom: 1px solid #CCC;
	padding: 5px 2px 5px 5px;
}

h3 {
	border-bottom: 1px solid #CCC;
	padding: 3px 2px 3px 3px;
}

h4 {
	padding: 2px 2px 2px 2px;
}

pre {
	white-space: pre;
	margin: 1em 2em 1em 2em;
	background: #f0f0f0;
	border: 1px dotted #3c78b5;
	font-family: monospace;
}
table {
	border: none;
	background: #E5E5E5;
}
table th, table td {
	border: none;
	background: #F5F5F5;
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
}
th {
	background: #F6F6F6;
}
table td {
	background: #FFF;
}

body {
	background-color: #FFFFFF;
}

.mceVisualAid {
	border: 1px dashed #BBBBBB !important;
}

div.mceVisualAid {
	background-image:url('../images/spacer.gif');
	visibility: visible !important;
}

.mceItemAnchor {
	width: 12px;
	line-height: 6px;
	overflow: hidden;
	padding-left: 12px;
	background-image: url('../images/anchor_symbol.gif');
	background-position: bottom;
	background-repeat: no-repeat;
}

/* Important is needed in Gecko browsers inorder to style links */
/*
a {
	color: green !important;
}
*/

/* Style selection range colors in Gecko browsers */
/*
::-moz-selection {
	background-color: red;
	color: green;
}
*/

/* MSIE specific */

* html body {
	scrollbar-3dlight-color: #F0F0EE;
	scrollbar-arrow-color: #676662;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #E0E0DD;
	scrollbar-highlight-color: #F0F0EE;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
}