/*

BN Blue Demo RTE

This sheet provides much of the text formatting and can be attached to the TYPO3 rich text editor for BE use.

author:		Ron Hall, Busy Noggin, Inc.
e-mail:		info@busynoggin.com
website:	www.busynoggin.com

*/

p, ul, ol, dl, table, form, blockquote {
	margin-bottom: 10px;
}


ul ul, ul ol, ol ol, ol ul {
	margin-left: 20px;
	margin-bottom: 0px;
	}

blockquote blockquote {
	margin-top: 10px;
}




/* @group Text & Paragraphs */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
	}

/* @end Text & Paragraphs */

/* @group Links */

a {
	color: #008aec;
	text-decoration: none;
	}

a:hover,
a:focus {
	color: black;
}

/* @end Links */



/* @group Headlines */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 1em;
	font-weight: normal;*/
	}

h4, h5, h6 {
	font-weight: bold;
	}

h1 {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 20px;
	}


h2 {
	font-size: 21px;
	margin-bottom: 10px;
	margin-top: 20px;
	}

h3 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 20px;
	}

h4 {
	font-size: 15px;
	margin-bottom: 5px;
	}

h5 {
	font-size: 13px;
	margin-bottom: 5px;
	}

h6 {
	font-size: 12px;
	margin-bottom: 5px;
	}

/* @end Headlines */


/* @group Lists */

ul, ol {
	/*margin-left: 30px;*/
	}

	ol{
		padding-left: 1.5em;
	}
	
ul ul, ul ol, ol ol, ol ul {
	margin-left: 20px;
	}

dd {
	margin-left: 20px;
	}

/* @end Lists */


/* @group Blockquote Styling */

blockquote {
	margin-left: 30px;
	margin-right: 30px;
	}


/* @end Blockquote Styling */


/* @group Table Styling */

table{
	border-collapse: collapse;
}

table td,table th{
	border: 1px solid #000;
}

td, th, caption {
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
}

col {
	background-color: silver;
	}

thead th, tfoot th, tfoot td {
	text-align: left;
	}

caption {
	font-style: italic;
}

td.spancolumn-1,
th.spancolumn-1 {
	width: 30px;
	}

td.spancolumn-2,
th.spancolumn-2 {
	width: 80px;
	}

td.spancolumn-3,
th.spancolumn-3 {
	width: 130px;
	}

td.spancolumn-4,
th.spancolumn-4 {
	width: 180px;
	}
	
td.spancolumn-5,
th.spancolumn-5 {
	width: 230px;
	}


td.spancolumn-6,
th.spancolumn-6 {
	width: 280px;
	}

td.spancolumn-7,
th.spancolumn-7 {
	width: 330px;
	}

td.spancolumn-8,
th.spancolumn-8 {
	width: 380px;
	}

td.spancolumn-9,
th.spancolumn-9 {
	width: 430px;
	}


td.spancolumn-10,
th.spancolumn-10 {
	width: 480px;
	}

td.spancolumn-11,
th.spancolumn-11 {
	width: 530px;
	}

td.spancolumn-12,
th.spancolumn-12 {
	width: 580px;
	}


/* @end Table Styling */

.align-right {
	text-align: right;
	}

.align-left {
	text-align: left;
	}

.align-center {
	text-align: center;
	}

/* @group RTE Custom Styles */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header {
	margin-top: 0px;
	}

.align-right {
	text-align: right;
	}

.align-left {
	text-align: left;
	}

.align-center {
	text-align: center;
	}

p.feature-text,
ul.feature-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	}

p.big-text,
ul.big-text {
	font-size: 16px;
	line-height: 24px;
	}

p.red-highlight,
span.red-highlight,
h1.red-highlight,
h2.red-highlight,
h3.red-highlight,
h4.red-highlight,
h5.red-highlight,
h6.red-highlight {
	color: red;
}

/* @end RTE Custom Styles */

/* @group RTE Backend Styling */

/* This styling is simply to help the backend text in the RTE look approximately like the text on the front end of the site. You will need to adjust to fit the styling you have assigned in mainstyles.css*/

.htmlarea-content-body,
.htmlarea-content-body td,
.htmlarea-content-body th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	font-weight: normal;
	height: 100%;
}

/* @end RTE Backend Styling  */