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

#theDoc {
	font-size: 67.5%;
	width: 550px;
}

html body #main .editDoc,html body #main .editDoc P{
	font-size: 105%;
}
.editDoc, .editDoc P, .editDoc b, .editDoc strong, .editDoc span,
.editDoc ul, .editDoc ul li, .editDoc ol,
.editDoc H1, .editDoc H2, .editDoc H3, .editDoc H4, .editDoc H5, .editDoc H6, 
.editDoc td {
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333;
	font-size:1em;
	text-decoration: none;
}
.editDoc strong.First,
.editDoc b.First{
	color:#CC0000;
}
.editDoc strong.First *,
.editDoc b.First *{
	color:#CC0000;
}
.editDoc P {
	margin: 0;
}
.editDoc p, .editDoc ul, .editDoc ol {
	margin-bottom: 0;
}
.editDoc ul, .editDoc ol {
	margin-left:10px;
	margin-bottom: 0;
}
.editDoc ul li {
	list-style-type: disc;
	margin-left: 20px;
}
.editDoc ol li {
	list-style-type: decimal;
	margin-left: 20px;
}
.editDoc ul.Actions li {
	list-style: none;
	margin-left: 0;
}
.editDoc img,
.editDoc img.left,
.editDoc img.right{
	padding-bottom:1px;
	border-bottom:3px solid #cc0000;
}
.editDoc form img {
	border: 0px !important;
	padding-bottom:0px;
}
.editDoc img.noUnderline {
	border: 0px !important;
	padding-bottom:0px;
}
/* ------------------------------- GLOBAL STYLES -----------------------------------------*/

.editDoc H1 {
	color: #CC3333;
	font-size: 160%;
	font-family: "Arial Narrow";
}
.editDoc H2, H2.editDoc {
	font-size: 140%;
	font-weight: bold;
	color: #CC3333;
	font-family: "Arial Narrow";
}
.editDoc H3 {
	Font-size:120%;
	color: #000;	
	font-family: "Arial Narrow";
}
.editDoc H4 {
	font-size:115%;
	color: #000;	
	font-family: "Arial Narrow";
}
.editDoc H5 {
	font-size:105%;
	color: #000;
	font-weight: bold;
}
.editDoc H6 {
	font-size:105%;
	color: #000;
	font-weight: bold;
}

/* Link formatting */

a:link,
a:active{
	text-decoration: underline;
	color:#333;
}

a:visited {
	text-decoration: underline;
	color:#666;
}

a:hover {
	text-decoration: underline;
	color: #CC0000;
}


.editDoc a, #Content a, #Content u
{
    color: #70B6B6;
}

.editDoc a:hover, #Content a:hover
{
    color: #CC0000;
}     


/* 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;
}

/* 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: #bdcecf;
	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;
}