.df_GrannySmith {background-color:#cde855;color:#333333; padding: 10px 10px 10px 10px;font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif}
.df_GrannySmith .label { color:#333333; font-size: 95%; font-weight: bold; background-color:transparent}
.df_GrannySmith .hint { font-size: 80%; color: #e6e6e6; font-style: italic; background-color:#493f0b; padding:5px;}
.df_GrannySmith .subextra { font-size: 80%; color: #555; }

.df_GrannySmith .section {background-color:#f5f6d4;box-shadow:	rgba(0, 0, 0, 0.2) 0 0 5px 0;margin-bottom:10px;}
.df_GrannySmith .section .header { background-color:#a7c520; padding:5px 5px 5px 5px; }
.df_GrannySmith .section .header h1 { font-size: 150%; width:100%; margin-bottom:1px; color:#000}
.df_GrannySmith .section .header h2 { font-size: 90%; width:100%; padding-bottom:3px; color:#555}
.df_GrannySmith .section_design { border: 2px dotted #aaa; }
.df_help { background-color: #000; border: 1px solid #fff; padding: 10px 15px; width: 200px; display: none; color: #fff; text-align: left; font-size: 12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; }

.df_GrannySmith .required {color: #f00; font-weight: bold; font-size: 1.5em; }
.df_GrannySmith .val {color: #f00;}
.df_GrannySmith .focus { background-color:#85db18;}
.df_GrannySmith .field input{ margin:0px 0px 0px 0px}
.df_GrannySmith .field input[type="checkbox"]{ margin:0px 5px 0px 0px}
.df_GrannySmith .field select{ margin:0px 0px 0px 0px}