/*
	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 -----------------------------------------*/
a img{
	border:0;
}

.editDoc, .editDoc P, .editDoc a:link, .editDoc a:visited, .editDoc a:active, .editDoc A:hover,
.editDoc UL, .editDoc H1, .editDoc H2, .editDoc H3, .editDoc H4, .editDoc H5, .editDoc H6, 
.editDoc TD {
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	color: #000;
}

.editDoc P{
	margin-bottom:1.1em;
	margin-top:0;
}

#Hashlinks li{
	list-style-image: url(images/LiArrow.gif);
	margin:0;
	padding:0;
}

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

.editDoc H1{ 
	font-size: 19px;
	color: #000;
	margin:0;
	padding:0;
	line-height:1.3em;

}


.editDoc H2, H2{
	font-size: 13px;
	color: #000;
	font-weight: bold;
	margin:0;
	padding:0;
	display:inline;
}

.editDoc H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
	margin:0;
	padding:0;
}

.editDoc H4 {
	font-size: small;
	color: #000000;
	font-weight: bold;
	margin:0;
	padding:0;
}

.editDoc H5 {
	font-size: small;
	padding:0;
	margin-top:0;
	font-weight: bold;
	color: #999999;
}

/* Link formatting */

.editDoc a:link {
	color: rgb(153, 102, 0);
	text-decoration: none;
}

.editDoc a:visited {
    color: rgb(102, 153, 0);
    text-decoration: none;
}

.editDoc a:hover {
	color: rgb(153, 102, 0);
	text-decoration: underline;
}


/* 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: 400px;
	margin-left: 50px;
	font-size: xx-small;
	border: 1px #CCCCCC solid;
	background-color: #EEEEEE;
}
.downloadable .icon {
	border-right: 1px #CCCCCC solid;
	padding: 0px 10px;
	background-color: #6699CC;
	font-size: xx-small;
}
.downloadable .type {
	font-weight: bold;
	font-style: italic;
	padding-left: 10px;
	font-size: xx-small;
}
.downloadable .size {
	width: 80%;
	padding-left: 10px;
	font-size: xx-small;
}
.downloadable .title {
	font-weight: bold;
	padding-left: 10px;
	font-size: xx-small;
}
.downloadable .download {
	width: 20%;
	text-align: right;
	padding-right: 10px;
	font-size: xx-small;
}

.labelshade h5{
	font-size:105%;
	margin-right:10px;
	margin:0;	
	padding:0;
	font-weight:normal;
}