body {
 font-size: 76%;
 text-align: center;
 font-family: "Lucida Grande", Arial, sans-serif;
 background: #222222;
 color: #ffffff;
 margin: 0;
 padding: 0;
}

/* essential classes */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
.clearfix { display: inline-table; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

a {
 color: #88CD32;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}

img {
 border: 0;
}

div.hr {
 margin: 5px 0 10px 0; 
 padding: 0;
 line-height: 1px;
 font-size: 1px;
 height: 1px;
 border-bottom: 1px solid #4AFFFF;
}

#wrapper {
 width: 800px; /* keep in mind the borders */
 text-align: left;
 margin: 0 auto;
/* border-left: 1px solid #4AFFFF;*/
/* border-right: 1px solid #4AFFFF;*/
}
h1 {
 font-size: 1.5em;
 font-family: Arial, sans-serif;
 margin: 0 0 3px 0;
 padding: 0;
}

h2 {
 font-size: 1.2em;
 line-height: 1.0em;
 margin: 0 0 7px 0;
 padding: 0;
 text-shadow: #000000 2px 2px;
}
h3 {
 font-size: 1.1em;
 line-height: 1.0em;
 margin: 0;
 padding: 0;
 text-shadow: #000000 2px 2px;
}
h4 {
 color: #999999;
 font-size: 1.0em;
 line-height: 1.0em;
 margin: 0;
 padding: 0;
 text-shadow: #000000 2px 2px;
}

p {
 margin: 0 0 14px 0;
}

#header { 
 margin: 10px;
}
#header h1 { 
 font-size: 1.4em;
 margin: 0;
 padding: 0;
}


#workspace { 
 float: left;
 width: 540px;
}

#form-components { 
 margin: 0 10px;
 padding: 10px;
 background: #333333;
}
#form-components li { 
 display: block;
 list-style: none;
 padding: 10px;
 margin: 5px;
 background: #666666;
}

#workspace .draghover { 
 border: 1px dashed #ff0000;
 background: #fa8072;
 margin: 10px;
 padding: 10px;
}

#workspace ul li.sortable { 
 display: block;
 margin: 10px;
 padding: 10px;
 background: #444444;
}

#toolbar { 
 float: right;
 width: 250px;
 background: #444444;
}

#toolbar ul { 
 padding: 0;
 margin: 10px;
}
#toolbar li { 
 display: block;
 background: #666666;
 list-style: none;
 margin: 2px;
 padding: 3px 6px;
}
p.fv span { 
 display: block;
 margin: 4px 0;
 color: #aaaaaa;
 font-size: .9em;
 line-height: 1.0em;
}
p.fv label { 
 display: block;
}

p.fv .mask { 
 display: block;
 position: absolute;
 left: 0; 
 top: 0;
 width: 100%;
 height: 100%;
 background: #ff0000;
 -moz-opacity: .4;
 opacity: .4;
 z-index: 5;
}

.current-edit { 
 border: 1px solid #aaaaaa;
}