/*
	These are the CSS attributed which apply directly to the content area when the user 
	is entering content in SilverStripe's HTML editor.
	
	The main content area where text is held need to have a class called "editDoc", ie
	<div class="editDoc"> $Content </div>
	
	To keep things clearly seperated, only add styles to this CSS file which related to the 
	main body of content.	

*/


/* ------------------------------- GLOBAL STYLES -----------------------------------------*/

.editDoc, .editDoc P,
.editDoc UL, .editDoc H1, .editDoc H2, .editDoc H3, .editDoc H4, .editDoc H5, .editDoc H6, 
.editDoc TD {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: justify;
}

/* ------------------------------- GLOBAL STYLES -----------------------------------------*/

.editDoc H1 { 
	font-size: 27px;
  color: rgb(255, 51, 0);
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.editDoc H2 {
	font-size: medium;
	color: #FF0000;
}

.editDoc H3 {
	background-color: #0095C2;
  color: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  margin: 30px 20px 15px 0px;
  padding: 5px 10px 5px 8px;
}

.editDoc H4 {
	font-size: medium;
	color: #FF3333;
}

.editDoc H5 {
	font-family: Verdana, Arial, sans-serif;
	background-color: #0094c2;
	font-size: 11px;
	color: white;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #aaa;
	border-bottom: 0px;
	border-top: 0px;
	margin: 0px
}
.editDoc H5.top {
	border-top: 1px solid #aaa;
}

.editDoc H6 {
	font-family: Verdana, Arial, sans-serif;
	background-color: #e1f3f8;
	font-size: 11px;
	color: #333;
	padding: 5px;
	border: 1px solid #aaa;
	border-top: 0px;
	border-bottom: 0px;
	margin: 0px;
}
.editDoc H6.bottom {
	border-bottom: 1px solid #aaa;
}

/* Link formatting */

a:link, a:visited, a:active { color: #0095C2; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

.editDoc H5 a,
.editDoc H6 a {
	color: white;
	text-decoration: none;
}
/* 
 * Alignment classes generated by the WYSIWYG editor
 */
.editDoc .left {
	text-align: left;
}
.editDoc .center {
	text-align: center;
}
.editDoc .right {
	text-align: right;
}
.editDoc img.left {
	float: left;
	margin-right: 10px;
}
.editDoc img.right {
	float: right;
	margin-left: 10px;
}
.editDoc dl.specialImage {
	text-align: center;
	font-size: 80%;
	margin-bottom: 0.5em;
	margin-right: 10px;
}
.editDoc dl.left {
	float: left;
}
.editDoc dl.right {
	float: right;
}
.editDoc dl.specialImage dd {
	margin: 0 0 0.5em 0;
}
.editDoc dl.specialImage img {
	margin: 0;
}
/* Downloadable Asset --------------------------------------------------------------------

	When inserting files into the content editor (such as PDF's or Word documents) for 
	download, SilverStripe wraps them the table which is stalalised with the following
	classes. Don't rename them.

*/

.downloadable {
	width: 375px;
	font-size: xx-small;
	border: 1px solid #999;
	margin-bottom: 2px;
}
.downloadable tbody tr {
	height: 17px;
}
.downloadable .icon {
	padding: 0px 10px;
	background-color: #FFF;
	font-size: xx-small;
}
.downloadable .type {
	font-weight: bold;
	font-style: italic;
	font-size: xx-small;
}
.downloadable .size {
	width: 80%;
	font-size: xx-small;
}
.downloadable .title {
	font-weight: bold;
	font-size: xx-small;
}
.downloadable .download {
	width: 20%;
	text-align: right;
	font-size: xx-small;
}