h3.form-title { font-family: georgia, "times new roman"; color:#005f8c; text-align:center; font-weight:bold; font-size:13pt;
                letter-spacing:2px; margin:10px auto; white-space:nowrap; text-transform:uppercase; }

/* tooltip start */
.ttp-font { color: #666666; text-align:justify; font-size:8pt; padding:3px 8px; }
.ttp-titlefont { background-repeat: no-repeat; background-position: left; padding:2px 0 3px 22px; margin:0;
                 border-bottom:1px solid #000; color: #000; font-size:9pt; text-align:left; font-weight:bold; background-color:#ffffe1; }
.ttp-textbg { background-color:#ffffe1; }
.ttp-bg { background-color:#666666; }
/* tooltip end */

/* form error feedback */
ul.errors { list-style-type: none; margin:0; padding:5px; display:block; background-color:white; border:1px solid #620000; }
li.error { color:#ce0000; font-size:8pt; text-align:justify; padding:0; margin:0; display:block; }
li.error span { font-weight:normal; font-size:9pt; }
/* form error end */

/* DEFAULT form classes start */
form.default {  font-size:10pt; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px 10px 0; }
form.default legend { font-size:11pt; font-family:georgia, sans-serif; font-weight:bold; color:#000; text-transform:uppercase;
                      margin-bottom:5px; padding:0 7px; border-bottom:3px solid #000; }
form.default fieldset { display:block; text-align:left; padding:3px 5px; margin-bottom:10px; line-height:20px; border:1px dotted #000; }
form.default br { clear: left; }
form.default label.inputtitle { clear:left; display:block; float:left; width:150px; text-align:left; margin:0 0 5px 0; padding:0 5px 0 3px; font-size:8pt;
                               white-space:nowrap; line-height:20px; }
form.default label.inputtitle-center { clear:left; width:150px; text-align:right; margin:0 auto; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap;
                                      line-height:20px; display:block; text-align:center; }
form.default label.textareatitle { white-space:nowrap; margin:10px auto 0; display:block; width:200px; text-align:center; padding:0 5px; font-size:8pt; line-height:20px; }
form.default input.form-st { height:20px; font-size:8pt; float:left; line-height:20px; text-align:center; padding:0; margin:0 5px 3px 0; }
form.default input.form-selectNWCField { width:150px; }
form.default textarea.form-st { padding:5px; margin:0 auto 10px; overflow:auto; display:block; clear:both; }
form.default select.form-st { height:20px; font-size:8pt; float:left; line-height:20px; padding:0; margin:0 5px 3px 0; }
form.default span.inputlabel { clear:left; display:block; float:left; width:150px; text-align:left; margin:0 0 5px 0; padding:0 5px 0 3px; font-size:8pt;
                              white-space:nowrap; height:20px; white-space:nowrap; }
form.default label.radio { cursor:pointer; margin:0 0 5px 0; padding:0 10px 0 0px; font-weight:bold; color:black; font-size:8pt; line-height:20px; height:20px; }
form.default input.form-radio { padding:0 5px 0 10px; } 
form.default input.form-file { height:20px; font-size:8pt; float:left; line-height:20px; padding:0; margin:0 5px 3px 0; }
form.default input.form-checkbox { width:20px; height:15px; clear:left; float:left; }
form.default input.button-st { color:#000; background:#fff; border:1px solid #000;
                               padding:2px 0; cursor:pointer; margin:2px 5px; text-transform:capitalize; font-size:8pt; font-weight:bold; }
form.default input.button-item { position:relative; top:-5px; left:-7px; }
form.default input.button-st:hover { background:#000; color:#fff; border-color:#fff; }
form.default p.formbuttons { text-align:center;  }
form.default div.fields-center { text-align:center; display:block; margin:3px 0; }
form.default div.floatseparator { text-align:left; float:left; padding:0; margin:0; display:inline; }
form.default label.inputerror, form.default span.inputerror { color:red; border-bottom:2px dashed red; font-weight:bold; !important }
.fserror {  }
form.default .disabled { background-color:#eee; }
/* DEFAULT form classes end */

/* REDMASS form classes start */
form.redmass { border:2px solid #775d35; width:520px; font-size:10pt; margin:0 auto;
               font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px 10px 0; background-color:#d75d35; }
form.redmass legend { font-size:11pt; font-family:georgia, sans-serif; background-color:#d75d35; font-weight:bold; color:#fff; text-transform:uppercase;
                      margin-bottom:5px; padding:4px 7px; }
form.redmass fieldset { display:block; text-align:left; padding:3px 5px; margin-bottom:10px; line-height:20px; border:0; background:#eee; }
form.redmass br { clear: left; }
form.redmass label.inputtitle { clear:left; background-color:#fff; border:1px solid #414d59; color:#b80b38; display:block; float:left; width:150px; text-align:right;
                   margin:0 0 5px 0; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; line-height:20px; }
form.redmass label.inputtitle-center { clear:left; background-color:#fff; border:1px solid #414d59; color:#b80b38; width:150px; text-align:right;
                   margin:0 auto; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; line-height:20px; display:block; text-align:center; }
form.redmass label.textareatitle { background-color:#fff; border:1px solid #414d59; border-width:1px 1px 0 1px; color:#b80b38;  white-space:nowrap;
                      margin:10px auto 0; display:block; width:200px; text-align:center; padding:0 5px; font-size:8pt; line-height:20px; }
form.redmass input.form-st { height:20px; border:1px solid #414d59; border-width:1px 1px 1px 0; font-size:8pt; float:left; line-height:20px; text-align:center; width:300px;
                             padding:0; margin:0 5px 3px 0; color:#b80b38; background-color:#c5d3e0; text-indent:5px; }
form.redmass textarea.form-st { padding:5px; margin:0 auto 10px; overflow:auto; display:block; clear:both; color:#b80b38; background-color:#c5d3e0;
                   border:2px solid #fff; border-color:#5f6962 #9c9b95 #9c9b95 #5f6962; }
form.redmass select.form-st { height:20px; border:1px solid #414d59; font-size:8pt; float:left; line-height:20px; padding:0;
                              margin:0 5px 3px 0; color:#b80b38; background-color:#c5d3e0;  }
form.redmass select.form-st option { color:#b80b38; background-color:#c5d3e0; }
form.redmass select.form-st optgroup { font-weight:bold; }
form.redmass span.inputlabel { clear:left; background-color:#fff; border:1px solid #414d59; color:#b80b38; display:block; float:left; width:150px; text-align:right;
                   margin:0 0 5px 0; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; height:20px; white-space:nowrap; }
form.redmass label.radio { cursor:pointer; margin:0 0 5px 0; padding:0 10px 0 0px; font-weight:bold; color:black; font-size:8pt; line-height:20px; height:20px; }
form.redmass input.form-radio { padding:0 5px 0 10px; } 
form.redmass input.form-file { height:20px; border:1px solid #414d59; font-size:8pt; float:left; line-height:20px; padding:0;
                               margin:0 5px 3px 0; color:#b80b38; background-color:#c5d3e0; }
form.redmass input.form-checkbox { width:20px; height:15px; clear:left; float:left; }
form.redmass input.button-st { color:#fff; background:#b80b38; border:1px solid; border-color:#f11f54 #5f051c #5f051c #f11f54;
                               padding:2px 0; cursor:pointer; margin:2px 5px; text-transform:capitalize; font-size:8pt; font-weight:bold; }
form.redmass input.button-st:hover { background:#414d59; border-color:#4f718a #003 #003 #4f718a; }
form.redmass p.formbuttons { text-align:center;  }
form.redmass p.formbuttons input.button-st { color:#fff; background:#414d59; border:1px solid; border-color:#4f718a #003 #003 #4f718a;
                                             padding:2px 0; cursor:pointer; width:150px; margin:2px 5px; text-transform:capitalize; font-size:8pt; font-weight:bold; }
form.redmass p.formbuttons input.button-st:hover { background:#b80b38; border-color:#f11f54 #5f051c #5f051c #f11f54; }
form.redmass div.fields-center { text-align:center; display:block; margin:3px 0; }
form.redmass div.floatseparator { text-align:left; float:left; padding:0; margin:0; display:inline; }
form.redmass label.inputerror, form.redmass span.inputerror { background-color:red; color:white; font-weight:bold; !important }
.fserror {  }
/* REDMASS form classes end */

/* BLUEYELLOW form classes start */
form.blueyellow { border:2px solid #00406d; width:520px; font-size:10pt; margin:5px auto;
               font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px 10px 0; background-color:#c5d3e0; }
form.blueyellow legend { font-size:11pt; font-family:georgia, sans-serif; background-color:#00406d; font-weight:bold; color:#fff; text-transform:uppercase;
                      margin-bottom:5px; padding:4px 7px; }
form.blueyellow fieldset { display:block; text-align:left; padding:3px 5px; margin-bottom:10px; line-height:20px; border:0; background:#eee; }
form.blueyellow br { clear: left; }
form.blueyellow label.inputtitle { clear:left; background-color:#fff; border:1px solid #414d59; display:block; float:left; width:200px; text-align:right;
                   margin:0 0 5px 0; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; line-height:20px; height: 20px;}
form.blueyellow label.inputtitle-center { clear:left; background-color:#fff; border:1px solid #414d59; width:200px; text-align:right;
                   margin:0 auto; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; line-height:20px; display:block; text-align:center; }
form.blueyellow label.textareatitle { background-color:#fff; border:1px solid #414d59; border-width:1px 1px 1px] 1px; color:black;  white-space:normal;
                      margin:10px auto 3px; display:block; text-align:center; padding:0 5px; font-size:8pt; line-height:20px; }
form.blueyellow input.form-st { height:20px; border:1px solid #414d59; border-width:1px 1px 1px 1px; font-size:8pt; float:left; line-height:20px; text-align:left; 
                            width:250px; padding:0; margin:0 5px 3px 3px; color: black; background-color:#ecff6a; text-indent:5px; }
form.blueyellow textarea.form-st { padding:5px; margin:0 auto 10px; overflow:auto; display:block; clear:both; background-color:#c5d3e0;
                   border:2px solid #fff; border-color:#5f6962 #9c9b95 #9c9b95 #5f6962; }
form.blueyellow select.form-st { height:20px; border:1px solid #414d59; font-size:8pt; float:left; line-height:20px; padding:0;
                              margin:0 5px 3px 3px; color:black; background-color:#ecff6a;  }
form.blueyellow select.form-st option { color:black; background-color:#ecff6a; }
form.blueyellow select.form-st optgroup { font-weight:bold; }
form.blueyellow div.imagefield { text-align: center; }
form.blueyellow img.form-st { clear:left; float: left; margin: 3px 10px 3px 3px; border: 1px solid #cccccc; }
form.blueyellow span.inputlabel { clear:left; background-color:#fff; border:1px solid #414d59; display:block; float:left; width:150px; text-align:right;
                   margin:0 0 5px 0; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; height:20px; white-space:nowrap; }
form.blueyellow label.radio { cursor:pointer; margin:0 0 5px 0; padding:0 10px 0 0px; font-weight:bold; color:black; font-size:8pt; line-height:20px; height:20px; }
form.blueyellow input.form-radio { padding:0 5px 0 10px; } 
form.blueyellow input.form-file { height:20px; border:1px solid #414d59; font-size:8pt; float:left; line-height:20px; padding:0;
                               margin:0 5px 3px 3px; color:black; background-color:#ecff6a; }
form.blueyellow input.form-checkbox { width:20px; height:15px; clear:left; float:left; }
form.blueyellow input.button-st { padding:2px 0; cursor:pointer; margin:2px 5px; text-transform:capitalize; font-size:8pt; font-weight:bold; }
form.blueyellow p.formbuttons { text-align:right;  }
form.blueyellow p.formbuttons input.button-st{ padding:2px 0; cursor:pointer; width:100px; margin:2px 5px; text-transform:capitalize; font-size:8pt; font-weight:bold; }
form.blueyellow div.fields-center { text-align:center; display:block; margin:3px 0; }
form.blueyellow div.floatseparator { text-align:left; float:left; padding:0; margin:0; display:inline; }
form.blueyellow label.inputerror, form.blueyellow span.inputerror { background-color:red; color:white; font-weight:bold; !important }
.fserror {  }
/* BLUEYELLOW form classes end */

/* YELLOWSAND form classes start */
form.yellowsand { border:2px solid #9a806a; width:520px; font-size:10pt; margin:5px auto;
               font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px 10px 0; background-color:#e9e7d8; }
form.yellowsand legend { font-size:11pt; font-family:georgia, sans-serif; background-color:#042a47; font-weight:bold; color:#fff; text-transform:uppercase;
                      margin-bottom:5px; padding:4px 7px; }
form.yellowsand fieldset { display:block; text-align:left; padding:3px 5px; margin-bottom:10px; line-height:20px; border:0; background:#f6f7f7; }
form.yellowsand br { clear: left; }
form.yellowsand label.inputtitle { clear:left; background-color:#fff; border:1px solid #6f767e; display:block; float:left; width:200px; text-align:right;
                   margin:0 0 5px 0; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; line-height:20px; height: 20px;}
form.yellowsand label.inputtitle-center { clear:left; background-color:#fff; border:1px solid #6f767e; width:200px; text-align:right;
                   margin:0 auto; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; line-height:20px; display:block; text-align:center; }
form.yellowsand label.textareatitle { background-color:#fff; border:1px solid #6f767e; border-width:1px 1px 1px 1px; color:black;  white-space:normal;
                      margin:10px auto 3px; display:block; text-align:center; padding:0 5px; font-size:8pt; line-height:20px; }
form.yellowsand div.checkbox-muller { background-color:#fff; border:1px solid #6f767e; border-width:1px 1px 1px 1px; color:black;  white-space:normal;
                      margin:10px auto 3px; display:block; text-align:center; padding:0 5px; font-size:8pt; line-height:20px; }
form.yellowsand p.explanation { margin: 4px 0px; padding: 2px; border:1px solid #9a806a; background-color: #e9e7d8; font-size: 8pt; text-align: left; font-style: italic; }
form.yellowsand input.form-st { height:20px; border:1px solid #a0a4a3; border-width:1px 1px 1px 1px; font-size:8pt; float:left; line-height:20px; text-align:left; 
                            width:250px; padding:0; margin:0 5px 3px 3px; color: black; background-color:#f9f9d9; text-indent:5px; }
form.yellowsand input.form-selectNWCField { width:100px; }
form.yellowsand textarea.form-st { padding:5px; margin:0 auto 10px; overflow:auto; display:block; clear:both; background-color:#f9f9d9;
                   border:2px solid #fff; border-color:#a0a4a3; font-size: 8pt; }
form.yellowsand select.form-st { height:20px; border:1px solid #a0a4a3; font-size:8pt; float:left; line-height:20px; padding:0;
                              margin:0 5px 3px 3px; color:black; background-color:#f9f9d9;  }
form.yellowsand select.form-st option { color:black; background-color:#f9f9d9; }
form.yellowsand select.form-st optgroup { font-weight:bold; }
form.yellowsand div.imagefield { text-align: center; }
form.yellowsand img.form-st { clear:left; float: left; margin: 3px 10px 3px 3px; border: 1px solid #a0a4a3; }
form.yellowsand span.inputlabel { clear:left; background-color:#fff; border:1px solid #6f767e; display:block; float:left; width:150px; text-align:right;
                   margin:0 0 5px 0; padding:0 5px 0 3px; font-size:8pt; white-space:nowrap; height:20px; white-space:nowrap; }
form.yellowsand label.radio { cursor:pointer; margin:0 0 5px 0; padding:0 10px 0 0px; font-weight:bold; color:black; font-size:8pt; line-height:20px; height:20px; }
form.yellowsand input.form-radio { padding:0 5px 0 10px; } 
form.yellowsand input.form-file { height:20px; border:1px solid #a0a4a3; font-size:8pt; float:left; line-height:20px; padding:0;
                               margin:0 5px 3px 3px; color:black; background-color:#f9f9d9; }
form.yellowsand input.form-checkbox { width:20px; height:15px; clear:left; float:left; }
form.yellowsand input.button-st { padding:2px 0; cursor:pointer; margin:2px 5px; text-transform:capitalize; font-size:8pt; font-weight:bold; }
form.yellowsand input.button-item { position:relative; top:-5px; left:-7px; }
form.yellowsand p.formbuttons { text-align:right;  }
form.yellowsand p.formbuttons input.button-st{ padding:2px 0; cursor:pointer; width:100px; margin:2px 5px; text-transform:capitalize; font-size:8pt; font-weight:bold; }
form.yellowsand div.fields-center { text-align:center; display:block; margin:3px 0; }
form.yellowsand div.floatseparator { text-align:left; float:left; padding:0; margin:0; display:inline; }
form.yellowsand label.inputerror, form.yellowsand span.inputerror { background-color:red; color:white; font-weight:bold; !important }
.fserror {  }
/* YELLOWSAND form classes end */

/* custom template classes start */
/* for DEFAULT */
form label.mininputtitle { margin:0 0 5px 0; padding:0 2px; clear:left; font-size:8pt; line-height:20px; height:20px; }
form input.form-datetime { padding:0 2px; font-size:9pt; line-height:17px; height: 17px; margin:0 0 1px 0; }
/* for REDMASS */
form.redmass label.mininputtitle { background-color:#fff; border:1px solid #414d59; color:#b80b38; }
form.redmass input.form-datetime { border:1px solid #414d59; color:#b80b38; background-color:#c5d3e0; }
/* for BLUEYELLOW */
form.blueyellow label.mininputtitle { background-color:#fff; border:1px solid #414d59; }
form.blueyellow input.form-datetime { border:1px solid #414d59; background-color:#ecff6a; }
/* for YELLOWSAND */
form.yellowsand label.mininputtitle { background-color:#fff; border:1px solid #6f767e; }
form.yellowsand input.form-datetime { border:1px solid #a0a4a3; background-color:#f9f9d9; }
/* custom template classes end */