code#copytext {
  white-space: pre;
  font-family: Verdana;
}

.at {
  color: darkblue;
}

.format {
  color: gray;
}

.property {
  color: green;
}

.selector {
  color: blue;
}

.value {
  color: red;
  right: 500px;
}

.comment {
  color: orange;
}
html, body {
  font: 0.8em Verdana, Helvetica, sans-serif;
  background: #F8F8F6;
}

code {
  font-size: 1.2em;
}

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

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

fieldset.code_output {
  display: inline;
}

h1 {
  font-size: 2em;
}

small {
  font-size: 0.7em;
}

fieldset#field_input {
  float: right;
  margin: 0 0 1em 0.5em;
}

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;
  padding: 2px 4px;
  border: dashed 1px;
}

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

.help {
  cursor: help;
}

p.important {
  border: solid 1px red;
  font-weight: bold;
  padding: 1em;
  background: white;
}

p {
  margin: 1em 0;
}

dl {
  padding-right: 0.5em;
}

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

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

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

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

dd.Warning {
  color: orange;
}

dd.Information {
  color: green;
}
