body
{
	font:.8em Verdana,Helvetica,sans-serif;
	background:#DBF7FC url(bg.png) repeat-x;
}

code
{
	font-size:1.2em;
}

div#rightcol
{
	padding-left:32em;
}

fieldset
{
	display:block;
	border:solid #7284AB 2px;
	margin:.5em 0;
	padding:1em;
}

h1
{
	font-size:2em;
}

small
{
	font-size:.7em;
}

fieldset#field_input
{
	float:left;
	margin:0 .5em 1em 0;
}

fieldset#options,fieldset#code_layout
{
	width:31em;
}

input#submit
{
	clear:both;
	display:block;
	margin:1em;
}

select
{
	margin:2px 0 0;
}

label.block
{
	display:block;
}

legend
{
	background:#c4E1C3;
	border:dashed 1px;
	padding:2px 4px;
}

span.at
{
	color:#00008B;
}

span.format
{
	color:gray;
}

span.selector
{
	color:blue;
}

span.value
{
	color:red;
}

textarea#css_text
{
	width:27em;
	height:370px;
	display:block;
	margin-right:1em;
}

.help
{
	cursor:help;
}

p.important
{
	border:solid 1px red;
	font-weight:700;
	background:#FFF;
	padding:1em;
}

p
{
	margin:1em 0;
}

dl
{
	padding-left:.5em;
}

dt
{
	font-weight:700;
	float:left;
	clear:both;
	height:1.5em;
	margin:0;
}

dd
{
	height:1.5em;
	margin:0 0 0 4em;
}

fieldset#messages
{
	background:#FFF;
	padding:0 0 0 1em;
}

fieldset#messages div
{
	height:10em;
	overflow:auto;
}

span.property,dd.information
{
	color:green;
}

span.comment,dd.warning
{
	color:orange;
}