.df_YYCSkin {/*background-color:#eee;*/color:#333; /*padding: 10px 10px 10px 10px;*/font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif} 
.df_YYCSkin .label { color:#000000; font-size: 100%; font-weight: normal; font-family: "Arial"; width:300px; } 
.df_YYCSkin .hint { font-size: 5%; color: #000; font-style: italic; background-color:#F5F5F5; padding:5px;} 
.df_YYCSkin .subextra { font-size: 80%; color: #555; }

.df_YYCSkin .section {background-color:#fff;box-shadow: 1px 1px 2.5px black;margin-bottom:5px;border: 1px ridge red; border-radius:5px; border-color:gray;} 
/*.df_YYCSkin .section .header { background-color:#ccc; padding:5px 5px 5px 5px; }*/ 
.df_YYCSkin .section .header h1 { font-size: 150%; width:100%; margin-bottom:1px; color:#000} 
.df_YYCSkin .section .header h2 { font-size: 90%; width:100%; padding-bottom:3px; color:#333} 
.df_YYCSkin .section_design { border: 1px ridge red; border-radius:5px; padding-top: 15px; padding-bottom: 15px; box-shadow: 1px 1px 2.5px black; border-color:gray; } 
.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_YYCSkin .required {color: #f00; font-weight: bold; font-size: 1.5em; } 
.df_YYCSkin .val {color: #f00;} 
.df_YYCSkin .focus { background-color:#FFF7C0;} 
.df_YYCSkin .field input{ margin:0px 0px 0px 0px} 
.df_YYCSkin .field select{ margin:0px 0px 0px 0px}