body {
		font-family: sans-serif;
		color: #808080;
	}
	#source {
		background-color:#FFF7D8;
		border: 1px dashed #FFD026;
		width: 100%;
	}
	#result {
		background: #D8DAFF;
		border: 1px dashed #2634FF;
		width: 100%;
	}
	#vars {
		width: 100%;
	}
	#run {
	  width: 100%;
	}
	h1 {
		margin: 0px;
		padding: 0;
		font-size: 24px;
		color: #0300B2;
	}
	h2, h3, h4 {
		margin-bottom: 0px;
		color:  #0300B2
	}
	h3, h4 {
		color:  #7785FF
	}
	table { 
		width: 100%;
	}
	td {
		vertical-align: top;
		width: 50%;
		padding: 1ex;
	}
	p {
		margin-top: 3px;
		margin-bottom: 0px;
	}
	code {
		background-color:#FFF7D8;
		border:1px dashed #FFD026;
		display: block;
		white-space: pre;
		margin-left: 3em;
		width: 80%;
		padding: 2px 1em;
		color: black;
	}
	code.grammar {
		background-color:#F9F9F9;
		border:1px dashed #2F6FAB;
		color:black;
		line-height:1.1em;
		margin-top: 1em;
		margin-bottom: 1em;
		display: block;
		margin-left: 3em;
		width: 80%;
		padding: 2px 1em;
		color: black;
	}