body,html { margin: 0; padding: 0; background: #E0F4F8; }
.label { background: #FFCC33; padding: 5px; font: bold 10px Arial, sans-serif; position: absolute; top: 0;left: 0; }
.form { padding: 20px 20px 10px; background: #E0F4F8; width: 580px; overflow: hidden; }
.form p { margin: 0 0 10px 0; float:left; clear:both; display: block; }
.form label { font: bold 0.9em Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;}
.form .w { float: left; clear: both; padding: 5px 5px 0; background: #D7EBEF; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.form .w span { padding: 0 0 5px; float:left; }
.form input { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; width: 580px; font: bold 13px/18px Helvetiva, Arial, sans-serif; }
.form textarea { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; width: 580px; font: bold 13px/18px Helvetiva, Arial, sans-serif; }
.form .w label { padding:0; }

.form2 { padding: 20px 20px 10px; background: #E0F4F8; overflow: hidden; }
.form2 p { margin: 0 0 10px 0; float:left; clear:both; display: block; }
.form2 label { font: bold 0.9em Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;}
.form2 .w { float: left; clear: both; padding: 5px 5px 0; background: #D7EBEF; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.form2 .w span { padding: 0 0 5px; float:left; }
.form2 input { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0;font: bold 13px/18px Helvetiva, Arial, sans-serif; }
.form2 textarea { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; font: bold 13px/18px Helvetiva, Arial, sans-serif; }
.form2 .w label { padding:0; }

.preview{
text-align:left;
}

.preview_menu_bar{
padding:20px;
background:#333;
}
.preview_menu_bar a{
color:#fff;
}