body {
font:.8em Verdana,Helvetica,sans-serif;
background:url("head.jpg")  no-repeat;
height:140px;
margin:0;
}

code {
font-size:1.2em;
}

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

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

h1 {
font-size:2em;
}

small {
font-size:0.7em;
}

fieldset#field_input {
float:left;
margin:0 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:#eee;
padding:2px 4px;
border:solid 1px;
}

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;
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-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;
}
#content {
margin:80px 0 0 2em;
}
#navo {
left:0;
position:absolute;
top:125px;
width:100%;
}
ul#navo {
display:block;
font-family:verdana,tahoma,"trebuchet ms",arial,sans-serif;
font-size:14px;
font-weight:500;
height:auto;
list-style-type:none;
margin:0;
padding:0;
width:auto;
z-index:16;
}
ul#navo li {
display:block;
float:left;
margin:0;
padding:0;
}
ul#navo li a {
color:#FFFFFF;
display:block;
float:left;
padding:0 20px;
text-decoration:none;
}
ul#navo li a:hover {
border-bottom:3px solid #80A020;
color:#3C5A96;
padding:0 20px;
}
ul#navo li a.current {
border-bottom:3px solid #80A020;
color:#3C5A96;
display:inline;
float:left;
margin:0;
}
#header{
	margin:1em;

}
#header h1 {
background:none repeat scroll 0 0 transparent;
border:0 none;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
font:100 2.85em/2.3em "trebuchet ms",arial,verdana,tahoma,sans-serif;
letter-spacing:-1px;
margin:0 0 0 3em;
}
h1 a {
color:#3C5A96;
text-decoration:none;
}
h1 a:hover {
color:#334488;
}
a {
    color: #3c5a96;
    text-decoration: none;
}
a:hover {
    color: #80a020;
    text-decoration: underline;
}