body {
font:0.8em Verdana,Helvetica,sans-serif;
background:#F8F8F6;
}

code {
font-size:1.2em;
}

div#rightcol {
float:right;
}
div#leftcol {
float:left;
}

fieldset {
display:block;
padding:1em;
margin-left:0px;
border:solid #0c7eee 1px;
margin-top: 17px;
background-color: white;
position: relative;
left: -5px;
top: -5px;
}

h1 {
font-size:2em;
}

small {
font-size:0.7em;
}
/*
fieldset#field_input {
float:left;
margin:0;
width:32em;
}
*/

fieldset#field_input {
width:410px;
}

fieldset#options,fieldset#code_layout {
width:410px;
}


/**/

#fieldcontainer{
width:436px;
}

<![if !IE 6]>
#shiftcontainer{
position: relative;
left: 10px;
top: 10px;
}
#shadowcontainer{
background-color: #b5dbf1;

}
#shadowcontainer .innerdiv{
background-color: white;
border: 1px solid #0c7eee;
padding: 6px;
position: relative;
left: -15px;
top: 15px;
}


<![endif]>
/**/

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

select {
margin:2px 0 0;
}

label.block {
display:block;
}

legend {
background:#b5dbf1;
border: 1px solid #0c7eee;
padding:2px;

/**/
position:absolute;
top: -10px;
left: 10px;
/**/
}


@-moz-document url-prefix()
{
legend span {
display:block;
background:#b5dbf1;
border: 1px solid #0c7eee;
padding:2px;
position:absolute;

top:-25px;
left: 0px;
}
}




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:390px;
height:320px;
display:block;
margin-right:1em;
}

.help {
cursor:help;
}

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

p {
margin:1em 0;
}

dl {
padding-top:1em;
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 {
width:874px;
}

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

.clearing {
height:5px;
clear:both;
}

dd.Warning {
color:orange;
}

dd.Information {
color:green;
}