<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE xsl:stylesheet [
	<!ENTITY block-indentation-level '15px'>			<!-- Adjust for the amount of indentation space -->
] >
    
<xsl:stylesheet
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	xmlns:xhtml="http://www.w3.org/1999/xhtml"
	version="2.0">
	
	<xsl:template name="htmlStyles">
		<xhtml:style type="text/css">
			body {
				color: black;
				font-family: Arial, Helvetica, Sans-serif;
				font-size:100%;
				background-color: #ffffff;
			}
			
			h1 {
				font-size: 130%;
			}
			
			h2 {
				font-size: 120%;
			}
			
			h3 {
				font-size: 100%;
			}

			.rule-code-block {
				font-family: Monaco, Courier, monospaced;
				font-size: 90%;
				margin: 1px 1px 1px 1px;  <!-- top, right, bottom, left -->
				border: 2px solid pink;
				background-color: #f5f5dc;
			}
			
			.entry-desc-block {
				margin: 15px 1px 1px 1px;  <!-- top, right, bottom, left -->
				border-width: 2px;
			}
			
			.indentedBlock {
				margin: 0px 0px 0px &block-indentation-level;;  <!-- top, right, bottom, left -->
			}
			
			.conditionBlock {
				margin: 0px 0px 0px &block-indentation-level;;  <!-- top, right, bottom, left -->
				background-color: pink;
			}

			.mainDescription {
				margin: 0px 0px 0px 0px;  <!-- top, right, bottom, left -->
				border-bottom: 2px solid black;
			}
			
			.titleHeader {
				font-size:150%;
				color: purple;
				font-weight: bold;
				padding: 5px 0px 5px 0px;
			}
			
			.headerName {
				font-size:120%;
				color: purple;
				font-family: Arial, Helvetica, Sans-serif;
				font-weight: bold; 
			}
			
			.headerValue {
				font-size:120%;
				color: purple;
				font-family: Arial, Helvetica, Sans-serif;
				font-style:italic;
			}
			
			a:link { color: purple; text-decoration: none; }
			a:active { color: purple; text-decoration: none; }
			a:visited { color: purple; text-decoration: none; }
			a:hover { color: purple; text-decoration: underline; }
						
			.chars {
				font-family: Monaco, Courier, monospaced;
				color: green;
				font-size: 90%;
			}
			
			.element-name {font-family: Courier; color:brown; font-weight:bold; }
			
			.namespace {font-family: Courier; color: brown; font-weight:bold;}
			
			.condition {background-color:pink;}
			
			.desc {font-family: Helvetica,Arial; color: black; font-weight:normal;}

			.ruleTag {
				font-family: Monaco, Courier, monospaced;
				color: blue;
				font-weight: bold;
				font-style: italic;
			}
			
			.keyword-def {
				font-family: Monaco, Courier, monospaced;
				color: red;
				font-weight: bold;
			}
			
			.keyword {
				font-family: Courier; color: red;
				font-weight: bold;
			}
			
			.keyword-ref {
				font-family: Courier; color: red;
				font-style: italic;
			}
			
			.footers {
				border-top: 1px solid black;
				border-left: 1px solid black;
				border-right: 1px solid black;
				border-bottom: 1px solid black;
				margin: 5px 0px 0px 0px;
				font-family: Georgia, Times, serif;
			}
			
			.footerTitles {
				background-color: black;
				color: white;
				font-weight: bold;
				font-style: italic;
				font-size: 100%;
				padding: 0px 0px 0px 5px;
			}
			
			.dates {
				margin: 0px 0px 0px 0px;
			}
			
			.footerCell {
				border-top: 1px solid black;
				border-left: 1px solid black;
				border-right: 1px solid black;
				border-bottom: 1px solid black;
				margin: 2px 0px 2px 5px;
				padding: 0px 0px 0px 0px;
			}
			
			.footerData {
				margin: 2px 0px 2px 5px;
				padding: 0px 0px 0px 0px;
			}
			
			.authors {
				margin: 1px 1px 4px 4px;  <!-- top, right, bottom, left -->
			}
			
			.authorName {
				color: purple;
				font-size: 100%;
			}
			
			.authorAddress {
				font-size: 80%;
			}
			
			.authorEMAIL {
				font-size: 80%;
				font-family: Monaco, Courier, monospaced;
				margin: 0px 0px 14px 0px;  <!-- top, right, bottom, left -->
			}
			
		</xhtml:style>
	</xsl:template>
	
</xsl:stylesheet>
