@media print {
		.sidebar,
		.header
		 { display:none; }
}

body {
	background: white;
	}
		
pre {
	font-size: 14px;
	padding: 10px 0px 10px 20px;
	font-family:  consolas, monospace;
	color: #000080;
	background-color: #f8f8f8;
	margin-top: 1em;
	margin-bottom: 1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
pre.meta {
	color: black;
	background-color: #f8fff8; /*#e8e8ff;*/
	font-weight: bold;
	margin-top: 0em;
	border: solid 1px black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* tab-like header */
.metaheader ,
.compatheader {
	padding: 1px;
	font-size:9px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;	
	margin-left: 1em;		
	padding-left: 1em;
}
pre.example {
	margin-bottom: 0em;
}
.examplefooter {
	margin-bottom: 1em;
	position: relative;
}
.trybtn { position:absolute; 
	bottom:0;right:10px;
	font-size:9px;
	padding: 1px;
	border: none;
	display:none;
 }
code {
	font-size: 14px;
	font-family:  consolas, monospace;
	color: #000080;	
}

/* marker above meta-syntax def */
.metaheader {
	background: black;
	color: white;			
	margin-top: 1em;
	width: 130px;
}
.metaheader a {
	color: white;	
}
.compatheader {
	background: red;
	color: white;
	width: 100px;			
}
.compat {
	border: solid 1px red;
	padding: 4px;
}

pre.cli {
	color: white;
	background-color: black;
	font-weight: normal;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

span.metaidentifier {
	font-style: italic;
	font-weight: normal;
}
pre.meta span.metapunctuation {
	color: #008066;
	font-weight: normal;
}

pre span.identifier {
	color: #000000;
}
pre span.definition {
	font-weight: bold;
}
pre span.string {
	color: #008000;
	font-style: italic;
}
pre span.comment {
	color: #808080;
	font-style: italic;
}
pre span.keyword {
	color: #000080;
}