.df_NPIERMatrix {/*background-color:#eee;*/color:#333;/* padding: 10px 10px 10px 10px;*/font-family:Arial, Helvetica, sans-serif;font-size: 14px; font-weight:100;}
.df_NPIERMatrix .label { color:#333; font-size: 14px; font-weight: bold; background-color:transparent; text-align: left;padding: 0px 0px 3px 0px;margin: 2px 0px 2px 0px;}
.df_NPIERMatrix .hint { font-size: 80%; color: #000; font-style: italic; background-color:#F5F5F5; padding:5px;}
.df_NPIERMatrix .subextra { font-size: 80%; color: #555; }

.df_NPIERMatrix .section {background-color:#fff;/*box-shadow:	rgba(0, 0, 0, 0.2) 0 0 5px 0;*/margin:10px 0px;padding:0px}
.df_NPIERMatrix .section .header { /*background-color:#FFD243;*/ padding:5px 5px 0px 0px; }
.df_NPIERMatrix .section .header h1 { margin:0px;}
.df_NPIERMatrix .section .header h2 {padding-bottom:0px;}
.df_NPIERMatrix .section_design { }
.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_NPIERMatrix .required {color: #f00; font-weight: bold; font-size: 1.5em; }
.df_NPIERMatrix .val {color: #f00;}
.df_NPIERMatrix .focus { background-color:#Fff;}
.df_NPIERMatrix .field input[type="text"]{ margin: 0px 0px 0px 0px; width:175%; resize:none;}
.df_NPIERMatrix .field input[type="email"]{margin: 0px 0px 10px 0px; width:100%;}
.df_NPIERMatrix .field input[type="radio"]{ margin:5px 0px 15px 20px;} 
.df_NPIERMatrix .field input[type="textarea"]{ margin:0px; width: 300px;height: 200px; resize: none;}
.df_NPIERMatrix .field label{font-weight:normal;}
.df_NPIERMatrix .field select{ margin: 0px 0px 0px 0px;}