/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css 955 2005-12-28 00:49:12Z mundaun $
# ***************************************************************************************/

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
//span.important { color:#8A0020; }
//span.name-of-person { color:#10007B; }
//span.detail { color:#186900; }
span.text-black-small { 
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
span.text-black { 
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
span.text-gray { 
	color: gray;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
span.text-white-small { 
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
span.text-white { 
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
span.header1-white {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 18px;
 	font-weight: bold;
 	color: white;
} 
span.header2-white {
  	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	font-weight: bold;
 	line-height: 20px;
 	color: white;
}
span.header1-black {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 18px;
 	font-weight: bold;
 	color: black;
} 
span.header2-black {
  	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	font-weight: bold;
 	line-height: 20px;
 	color: black;
}
   
/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-blue {
	color: #305fb7;
	/*color: #476099;*/
	/*color: #6699CC;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.external-link-blue:hover {
	color: black;
}
a.internal-link-blue {
	color: #305fb7;
	/*color: #476099;*/
	/*color: #6699CC;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.internal-link-blue:hover {
	color: black;
}
a.internal-link-blue-header {
	color: #305fb7;
	/*color: #476099;*/
	/*color: #6699CC;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 	font-weight: bold;
 	line-height: 20px;
	text-decoration: none;
}
a.internal-link-blue-header:hover {
	color: black;
}
a.internal-link-orange {
	color: #f8a63d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;	
}
a.internal-link-orange:hover {
	color: #333333;
}
a.internal-link-orange-header {
	color: #f8a63d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 	font-weight: bold;
 	line-height: 20px;
	text-decoration: none;
}
a.internal-link-orange-header:hover {
	color: #333333;
}
a.internal-link-red {
	color: #A41C44;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;	
}
a.internal-link-red:hover {
	color: #333333;
}
a.internal-link-red-header {
	color: #A41C44;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 	font-weight: bold;
 	line-height: 20px;
	text-decoration: none;
}
a.internal-link-red-header:hover {
	color: #333333;
}
a.download-orange {
	color: #f8a63d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;	
}
a.download-orange:hover {
	color: #333333;
}
a.download-red {
	color: #A41C44;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;	
}
a.download-red:hover {
	color: #333333;
}
a.download-blue {
	color: #305fb7;
	/*color: #476099;*/
	/*color: #6699CC;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;	
}
a.download-blue:hover {
	color: #333333;
}
a.mail {}

.htmlarea-content-body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 3px;
	background-color: #6699ff;
}

.htmlarea-content-body p {
 	margin: 0;
}

.htmlarea-content-body a, .htmlarea-content-body a:hover {
 	text-decoration: none;
}