/**
 * General editor styles (inline only)
 *
 * See contents.css for regular mode styles. 
 *
 */

$cke-font-family: Arial, sans-serif; 
$cke-font-color: #333; 
$cke-background: #fff;

$cke-headline-color: #222; 

$cke-link-color: #444; 
$cke-link-background: none; 
$cke-link-hover-color: #222; 
$cke-link-hover-background: #ffffdd;

.InputfieldForm .InputfieldCKEditorInline {

	font-family: $cke-font-family;

	p, li, dl, td {
		font-size: 1em; 
		color: $cke-font-color;
		background: $cke-background; 
	}

	a {
		color: $cke-link-color;
		background: $cke-link-background;
		text-decoration: underline; 

		&:hover {
			color: $cke-link-hover-color;
			background: $cke-link-hover-background; 
		}
	}

	i, em {
		font-style: italic; 
	}

	b, strong {
		font-weight: bold; 
	}

	strong em,
	em strong {
		font-weight: bold; 
		font-style: italic; 
	}

	small {
		font-size: 0.875em;
	}

	ul li,
	ol li {
		list-style: disc;
		display: list-item; 
		margin: 0 0 0 2em;
	}

	ol li {
		list-style: decimal;
	}

	blockquote {
		padding-left: 1em;
		border-left: 3px solid #ccc; 
	}

	h1, h2, h3, h4, h5 {
		color: $cke-headline-color; 
		font-family: $cke-font-family;
		font-weight: normal;
		text-transform: none; 
	}

	h1 {
		font-size: 2.0em;
	}
	h2 {
		font-size: 1.7em;
	}
	h3 {
		font-size: 1.5em; 
	}
	h4 {
		font-size: 1.3em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1.1em;
	}

	table td,
	table th {
		padding: 3px; 
	}

	table th {
		font-weight: bold; 
	}

	img.cke_anchor {
		display: inline; 
	}
}