body {
font:0.7em "lucida grande", tahoma, Verdana,Helvetica,sans-serif;
background: #e2e2e2;
}

code {
font-size:1.2em;
}

a{
color: #1cb310;
}

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

fieldset {
display:block;
margin:0.5em 0;
padding:1em;
border:solid #1cb310 2px; /*#7284AB*/
background:#e8ffe6 url('./img/fieldset_fill.jpg') repeat-x top;
}

h1 {
font-size:2em;
}

small {
font-size:0.7em;
}

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

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

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

select {
font:0.9em "lucida grande", tahoma, Verdana,Helvetica,sans-serif;
margin:2px 0 0;
}

label.block {
display:block;
}

legend {
background: url('./img/fieldsetLegend.jpg'); /*#c4E1C3*/
color: #ffffff;
padding:4px 5px;
border:solid 1px #000000;
}

span.at {
color:darkblue;
}

span.format {
color:gray;
}

span.property {
color:green;
}

span.selector {
color:blue;
}

span.value {
color:red;
}

span.comment {
color:orange;
}

textarea#css_text {
width:27em;
height:370px;
display:block;
}

.help {
cursor:help;
}

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

p {
margin:1em 0;
}

dl {
padding-left:0.5em;
}

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

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

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

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

dd.Warning {
color:orange;
}

dd.Information {
color:green;
}

/*********************************************************************************/
#pageContainer{
width: 960px;
margin: 0px auto;
align: center;
}

#pageHeader{
  margin: 0;
  padding: 0;
  height: 240px;
  background: url('./img/header.jpg') no-repeat top;
}

#pageFill{
  margin: 0;
  padding: 0 27px;
  background: url('./img/fill.jpg') repeat-y left;
	position: relative;
}

#pageFooter{
  margin: 0;
  padding: 0;
  height: 25px;
  background: url('./img/footer.jpg') no-repeat top;
}