.df_Default {/*background-color:#eee;*/color:#333; /*padding: 10px 10px 10px 10px;*/font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif}
.df_Default .label { color:#333; font-size: 95%; font-weight: bold; background-color:transparent}
.df_Default .hint { font-size: 80%; color: #000; font-style: italic; background-color:#F5F5F5; padding:5px;}
.df_Default .subextra { font-size: 80%; color: #555; }

.df_Default .section {background-color:#fff;box-shadow:	rgba(0, 0, 0, 0.2) 0 0 5px 0;margin-bottom:10px;}
.df_Default .section .header { background-color:#ccc; padding:5px 5px 5px 5px; }
.df_Default .section .header h1 { font-size: 150%; width:100%; margin-bottom:1px; color:#000}
.df_Default .section .header h2 { font-size: 90%; width:100%; padding-bottom:3px; color:#333}
.df_Default .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_Default .required {color: #f00; font-weight: bold; font-size: 1.5em; }
.df_Default .val {color: #f00;}
.df_Default .focus { background-color:#FFF7C0;}
.df_Default .field input{ margin:0px 0px 0px 0px}
.df_Default .field select{ margin:0px 0px 0px 0px}
 .df_Default .field label { padding-left: 10px !important;padding-right: 10px !important;}
 .df_Default .control .label{ white-space: normal; }
.df_Default .control .field div{ white-space: normal !important;}

@media only screen and (max-width:767px){
.df_form .labelroot{ width:100%; margin:0 0 10px; }
}