/*	
	federauto - generic content stylesheet
	authors: mga, fde
	note: Stylesheet for editable content in eMagic's WYSIWYG editor.
*/

/* default styles to apply to editable content areas
   the first id is used in the website
   the second class applies to the wysiwig editor */
.editablecontent-main, .emagiC_WysiwygEditor_DesignBox {
}

p { font-size:1.1em;line-height:1.2em;margin:0;margin-bottom:1.5em;color:#40444a; }
p a {text-decoration:underline}

img[align="left"] {margin-left:0px;}
img[align="right"] {margin-right:0px;}

a {color:#047440;text-decoration:none}
a:hover {color:#ff6224;text-decoration:underline}

a.submit {color:#FFFFFF;text-decoration:none}
a.submit:hover {color:#FFFFFF;text-decoration:underline;cursor:hand}


h1 {
	/*
	main title for page under a section
	*/
	font-size:1.8em;
	color:#40444a;
	margin:0;
	padding:0;
	background:url(/01/images/federauto/home_h1_dotted.gif) repeat-x bottom left;
	padding-bottom:4px;
	margin-bottom:12px;
}
h2 {font-size:1.6em;color:#40444a;margin:0;margin-bottom:0.5em;}
h3 {font-size:1.4em;color:#40444a;margin:0;}
h4 {font-size:1.2em;color:#40444a;margin:0;}
h5 {font-size:1.1em;color:#40444a;margin:0;}


/* text styles */

.TextJustify {
	text-align: justify;
}
.TextBlueBold {
	color:#223859;font-weight:bold;
}
.TextRed {
	color:#cf1010;
}

.TextOrange {
	color:#ff6224;
}

/* image styles */

.Bordered {
	border:1px solid #223859;
}

ul, ol { margin-left: 1.4em; padding-left: 1.4em; }
li {font-size:1.1em;}
p li {font-size:1em;}

.errorArrow {background:url(/01/images/federauto/form/arrow-error.gif) no-repeat center}


/* 
commment by vim and sfo:
emagic doesn't allow a generic css style on editable tables.
Moreover, because emagic adds its own table on render, we cannot style
editable table with css
==============================================================


.editablecontent-main table, .emagiC_WysiwygEditor_DesignBox table {
	font-size:1.1em;
	border:3px solid #ebeef2;
	margin-bottom:1em;
}
.editablecontent-main table p, .emagiC_WysiwygEditor_DesignBox table p {
	font-size:1em;
}
.editablecontent-main table td, .emagiC_WysiwygEditor_DesignBox table td {
	padding:3px 9px;
	margin:0px;
	background:#f0f2f5;
}
*/