/* --------------------- View Form */
div.wbForms div.formWrapper {
}
div.wbForms div.stepWrapper {
  padding:0 5px;
}
div.wbForms h2.formTitle {
  font-size:18px;
  font-weight:bold;
  color:#233354;
  margin:0 0 10px 0;
  padding:2px 0 5px 0;
  border-bottom:1px dashed #ccc;
}
div.wbForms div.formContentPre {
  padding:0 0 10px 0;
}
div.wbForms h3.stepTitle {
  margin:10px 0;
  padding:5px 0;
  border-bottom:1px dashed #999;
}
div.wbForms div.stepContentPre {
  margin:10px 0;
  padding:10px 0;
}
div.wbForms div.stepForm {
}
div.wbForms div.stepForm div label {
  float:left;
  width:120px;
  line-height:22px;
  font-weight:bold;
  margin:0 0 0 5px;
}
div.wbForms div.stepForm div.field-text {
  clear:both;
  padding:2px 0;
}
div.wbForms div.stepForm div.field-text input {
  height:16px;
}
div.wbForms div.stepForm div.field-radio {
  padding:2px 0 2px 5px;
  line-height:24px;
}
div.wbForms div.stepForm div.field-radio label {
  float:none;
}
div.wbForms div.stepForm div.field-radio input {
  float:left;
  margin-right:10px;
}
div.wbForms div.stepForm div.field-radio span {
  display:block;
}
div.wbForms div.stepForm span.helpIcon {
  padding:0 5px;
}
div.wbForms div.stepForm div.back_btn {
  clear:left;
  float:left;
  margin:10px;
  padding:0px;
  width:176px;
  height:48px;
  background:url(../images/btn_back.jpg) top left no-repeat;
}
div.wbForms div.stepForm div.back_btn input {
  cursor:hand;
  font-size:18px;
  font-weight:bold;
  float:right;
  margin:0 18px 0 0;
  width:80%;
  text-align:right;
  height:42px;
  color:#FFF;
  background:none;
  border:none;
}
div.wbForms div.stepForm div.submit_btn {
  float:right;
  margin:10px;
  padding:0px;
  width:176px;
  height:48px;
  background:url(../images/btn_next.jpg) top left no-repeat;
}
div.wbForms div.stepForm div.submit_btn input {
  cursor:hand;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  margin:0 0 0 18px;
  width:80%;
  text-align:left;
  height:42px;
  color:#FFF;
  background:none;
  border:none;
}
div.wbForms div.stepContentPost {
  clear:left;
  padding:10px 0;
  margin:10px 0;
}
div.wbForms div.formContentPost {
  clear:left;
  padding:10px;
  margin:10px 0;
  border-top:1px solid #999;
}

/* --------------------- Tooltips */
div.wbForms div.stepForm div.content_pre {
}
div.wbForms div.stepForm div.content_pre table.infoData {
  width:98%;
  border-left:2px solid #eee;
  border-top:2px solid #eee;
  margin:0 auto 10px auto;
  background:#FFF;
}
div.wbForms div.stepForm div.content_pre table.infoData tr th,
div.wbForms div.stepForm div.content_pre table.infoData tr td {
  border-right:2px solid #ccc;
  border-bottom:2px solid #ccc;
  padding:2px 4px;
  line-height:18px;
}
div.wbForms div.stepForm div.content_pre table.infoData tr th {
  font-weigh:bold;
  background:#f6f6f6;
}

/* --------------------- Tooltips */
.tool-tip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
}
.tool-title {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../images/selector-arrow.png) no-repeat;
}
.tool-text {
  font-size: 100%;
  margin: 0;
}

/* --------------------- View Form Active Field */
div.wbForms div.formWrapper div.field-text:hover,
div.wbForms div.formWrapper div.field-textarea:hover,
div.wbForms div.formWrapper div.field-radio:hover,
div.wbForms div.formWrapper div.field-checkbox:hover,
div.wbForms div.formWrapper div.field-file:hover,
div.wbForms div.formWrapper div.field-select:hover,
div.wbForms div.formWrapper-calc div.field-text:hover,
div.wbForms div.formWrapper-calc div.field-textarea:hover,
div.wbForms div.formWrapper-calc div.field-radio:hover,
div.wbForms div.formWrapper-calc div.field-checkbox:hover,
div.wbForms div.formWrapper-calc div.field-file:hover,
div.wbForms div.formWrapper-calc div.field-select:hover,
div.wbForms div.formWrapper-suaccount div.field-text:hover,
div.wbForms div.formWrapper-suaccount div.field-textarea:hover,
div.wbForms div.formWrapper-suaccount div.field-radio:hover,
div.wbForms div.formWrapper-suaccount div.field-checkbox:hover,
div.wbForms div.formWrapper-suaccount div.field-file:hover,
div.wbForms div.formWrapper-suaccount div.field-select:hover {
  background:#FFFFCC;
}
div.wbForms div.formWrapper div.active,
div.wbForms div.formWrapper-calc div.active,
div.wbForms div.formWrapper-suaccount div.active {
  background:#FFFFAA;
}
div.wbForms div.formWrapper div.field-text input,
div.wbForms div.formWrapper div.field-textarea textarea,
div.wbForms div.formWrapper div.field-checkbox input,
div.wbForms div.formWrapper div.field-file input,
div.wbForms div.formWrapper div.field-select select,
div.wbForms div.formWrapper-calc div.field-text input,
div.wbForms div.formWrapper-calc div.field-textarea textarea,
div.wbForms div.formWrapper-calc div.field-checkbox input,
div.wbForms div.formWrapper-calc div.field-file input,
div.wbForms div.formWrapper-calc div.field-select input,
div.wbForms div.formWrapper-suaccount div.field-text input,
div.wbForms div.formWrapper-suaccount div.field-textarea textarea,
div.wbForms div.formWrapper-suaccount div.field-checkbox input,
div.wbForms div.formWrapper-suaccount div.field-file input,
div.wbForms div.formWrapper-suaccount div.field-select input {
  border:2px solid #CCCCCC;
  background:#F0F0F0!important;
}
div.wbForms div.formWrapper div.field-text.active input,
div.wbForms div.formWrapper div.field-textarea.active textarea,
div.wbForms div.formWrapper div.field-checkbox.active input,
div.wbForms div.formWrapper div.field-file.active input,
div.wbForms div.formWrapper div.field-select.active select,
div.wbForms div.formWrapper-calc div.field-text.active input,
div.wbForms div.formWrapper-calc div.field-textarea.active textarea,
div.wbForms div.formWrapper-calc div.field-checkbox.active input,
div.wbForms div.formWrapper-calc div.field-file.active input,
div.wbForms div.formWrapper-calc div.field-select.active input,
div.wbForms div.formWrapper-suaccount div.field-text.active input,
div.wbForms div.formWrapper-suaccount div.field-textarea.active textarea,
div.wbForms div.formWrapper-suaccount div.field-checkbox.active input,
div.wbForms div.formWrapper-suaccount div.field-file.active input,
div.wbForms div.formWrapper-suaccount div.field-select.active input {
  border:2px solid #CC9900;
  background:#FFFFFF!important;
}

/* --------------------- View Form */
div.wbForms div.formWrapper-suaccount h4 {
  margin:5px 0;
  padding:5px;
  background:#1D1D4D;
  color:#FFF;
  font-size:14px;
}
div.wbForms div.formWrapper-suaccount div label {
  width:400px;
  float:left;
}
div.wbForms div.formWrapper-suaccount div.field-text input {
  width:250px;
}
div.wbForms div.formWrapper-suaccount div.field-checkbox {
  padding:2px 0 0 0;
  line-height:24px;
}
div.wbForms div.formWrapper-suaccount div.field-radio label,
div.wbForms div.formWrapper-suaccount div.field-checkbox label {
  float:left;
  margin-bottom:-22px;
}
div.wbForms div.formWrapper-suaccount div.field-radio input,
div.wbForms div.formWrapper-suaccount div.field-checkbox input {
  float:left;
  margin-right:10px;
  margin-left:405px;
}
div.wbForms div.formWrapper-suaccount div.field-checkbox span {
  display:block;
}
div.wbForms div.formWrapper-suaccount div.field-radio div.content_pre,
div.wbForms div.formWrapper-suaccount div.field-checkbox div.content_pre {
  float:right;
}

/* --------------------- View Form */
div.wbForms div.formWrapper-calc h4 {
  margin:5px 0;
  padding:5px;
  background:#1D1D4D;
  color:#FFF;
  font-size:14px;
}
div.wbForms div.formWrapper-calc div label {
  width:200px;
  float:left;
}
div.wbForms div.formWrapper-calc div.field-text input {
  width:100px;
}
div.wbForms div.formWrapper-calc div.stepForm div.submit_btn {
  float:right;
  margin:10px;
  padding:0px;
  width:336px;
  height:48px;
  background:url(../images/btn_next_extra_wide.jpg) top left no-repeat;
}

div.wbForms div.formWrapper div.stepWrapper_projsubm .field-text input {
  width:200px;
}
div.wbForms div.formWrapper div.stepWrapper_projsubm .field-textarea textarea {
  width:400px;
  height:200px;
}
