input[type='submit']{
	padding: 0.5em 2em;
	font-size: 120%;
}
input[type='text']{
	font-size: 120%;
width: 550px;
}
textarea{
	font-size:120%;
width: 550px;
}

body{
margin:2em;
padding:0;
}

h1{
	padding:0;
	font-weight:normal;
}
h1 a{text-decoration:overline}

#examples,#form{
	float:left;
}

#form{
	width:500px;
}
#examples{
	margin:0 2em 0 0;
	width:220px;
}
.trigger{
	text-decoration:none;
	border-bottom:1px dashed #AA8;
color: #AA8;
}
.listofexamples a {
	display:block;
margin: 0.5em 0 0.5em -0.5em;
padding:0.5em;
text-decoration: none;
color:#0065C3;
border-radius: 3px;
}

.hidden{
	display: none;
}

.listofexamples a span{
	border-bottom:1px #0065C3 dashed;
}

.listofexamples a:hover{
	background-color: #CCE17E;
}
.listofexamples a.active{
	background-color: #bbd06d;
	color:#000;
	text-decoration: none;
}
.listofexamples a.active span{
	border:0;
}
#browser * {
	color:#AA8;
}
#browser a {
	text-decoration:none;
	border-bottom:1px dashed #AA8;
}
a {
color:#0065C3;
}
