div.nameValue2Margins {
  margin: 0px 10px 0px 10px;
}
table.nameValue2 {
  width: 100%;
  /* End workarounds */
}
table.nameValue2 > tbody > tr > th {
  /* Workarounds for table CSS assuming ALL tables are data tables - legacy of poor design decision - should be fixed one day */
  padding: 0px 10px 10px 0px;
  background: none;
  text-align: left;
  border: none;
  height: auto;
  font-weight: normal;
  color: #666666;
}
table.nameValue2 > tbody > tr th:first-child,
table.nameValue2 > tbody > tr td:first-child {
  padding-right: 10px;
}
table.nameValue2 > tbody > tr th:first-child {
  vertical-align: middle;
}
table.nameValue2 > tbody > tr > td {
  padding: 0px 0px 10px 0px;
}
table.nameValue2 > tbody > tr > td.descriptionRight > div {
  padding-left: 10px;
}
table.nameValue2 > tbody > tr td.descriptionBelow {
  padding-top: 2px;
}
table.nameValue2 > tbody > tr.hasDescriptionBelow > th {
  width: 0px;
  padding: 0px 10px 0px 0px;
}
table.nameValue2 > tbody > tr.hasDescriptionBelow > td {
  padding: 0px;
}
table.nameValue2 > tbody tr.heading th {
  padding-right: 0px;
}
table.nameValue2 > tbody tr.heading th div {
  font-weight: 300;
  color: #000000;
  font-size: 1.4em;
  padding-bottom: 10px;
}
table.nameValue2 > tbody tr.heading th div.underline {
  border-bottom: solid 1px #bbbbbb;
}
table.nameValue2 > tbody tr.heading th div.marginTop {
  margin-top: 20px;
}
table.nameValue2 textarea {
  width: 100%;
}
table.nameValue2 .button {
  float: left;
}
/* Error messages being used in field description slots */
.nameVal2Description .error {
  margin: 0px;
}
table.nameValue2 input[type="text"],
table.nameValue2 input[type="number"],
table.nameValue2 input[type="password"],
table.nameValue2 input[type="email"],
table.nameValue2 textarea,
input.nameValueTextBoxStyle {
  font-size: 1.2em;
  line-height: 24px;
  padding: 0px 0px 0px 8px;
  border-radius: 5px;
  box-sizing: border-box;
  font-weight: 300;
  margin: 0px;
  /* Safari adds a margin, others don't */
}
table.nameValue2 input[type="text"],
table.nameValue2 input[type="number"],
table.nameValue2 input[type="password"],
table.nameValue2 input[type="email"],
input.nameValueTextBoxStyle {
  height: 36px;
}
table.nameValue2 input[type="text"],
table.nameValue2 input[type="number"],
table.nameValue2 input[type="password"],
table.nameValue2 input[type="email"],
table.nameValue2 textarea,
input.nameValueTextBoxStyle {
  border-radius: 5px;
  border: 1px solid #bbbbbb;
  width: 100%;
  text-overflow: ellipsis;
}
table.nameValue2 input[type="text"]:disabled,
table.nameValue2 input[type="number"]:disabled,
table.nameValue2 input[type="password"]:disabled,
table.nameValue2 input[type="email"]:disabled,
table.nameValue2 textarea:disabled {
  opacity: 0.9;
  border-color: #eeeeee;
}
table.nameValue2 tr.heading th {
  padding-right: 0px;
}
/********************  old NameVal using DIVs instead of tables - please replace uses of this rather than trying to fix them **********/
.nameVal {
  clear: both;
  min-height: 37px;
  padding-bottom: 10px;
}
.nameVal.fieldlabel {
  padding: 5px 0px 5px 0px;
}
.nameValName {
  height: 20px;
  float: left;
  padding-top: 15px;
  padding-left: 10px;
  font-weight: bold;
  color: black;
  white-space: normal;
}
.nameVal.underhelp .nameValName {
  padding: 5px 0px 0px 10px;
  margin: 0px;
  min-height: 0px;
  vertical-align: middle;
  float: left;
}
.nameVal.user .nameValName {
  padding-top: 12px;
  font-weight: normal;
}
.nameValValue select {
  float: left;
  margin-top: 10px;
}
.nameValDescription {
  font-weight: 1em;
  font-size: 0.9em;
}
.nameVal input[type="text"],
.nameVal input[type="password"] {
  font-size: 1.2em;
  line-height: 24px;
  padding: 6px 0px 6px 6px;
}
.nameVal input[type="text"],
.nameVal input[type="number"],
.nameVal input[type="password"],
.nameVal input[type="email"],
.nameValTable input[type="text"],
.nameValTable input[type="number"],
.nameValTable input[type="password"],
.nameValTable input[type="email"] {
  font-size: 1.2em;
  padding: 4px;
  border: 1px solid #bbbbbb;
  width: 100%;
  margin-right: 10px;
}
.adminWrapper .nameVal input[type="text"],
.adminWrapper .nameVal input[type="number"],
.adminWrapper .nameVal input[type="email"],
.adminWrapper .nameVal input[type="password"],
.adminWrapper .nameVal textarea,
.adminWrapper .nameValTable input[type="text"],
.adminWrapper .nameValTable input[type="number"],
.adminWrapper .nameValTable input[type="email"],
.adminWrapper .nameValTable input[type="password"],
.adminWrapper .nameValTable textarea,
#securityExceptionValueField {
  font-size: 1.2em;
  line-height: 16px;
  padding: 4px;
  border: 1px solid #bbbbbb;
}
.adminWrapper .nameVal input[type="checkbox"] {
  margin-top: 15px;
}
.nameValValue {
  white-space: normal;
  float: left;
}
.nameValDescription {
  font-weight: .9em;
  white-space: normal;
  color: #555555;
}
.nameVal.underhelp .nameValDescription {
  color: #666666;
  padding: 2px 0px 3px 10px;
  clear: both;
}
.nameValValue .nameValTextVal {
  display: block;
  font-size: 16px;
  margin-top: 13px;
}
.nameVal.underhelp .nameValName.nameValTextVal {
  padding-top: 13px;
}
.nameVal input[type="text"] .inline,
.nameVal input[type="password"] .inline {
  width: auto !important;
}
.nameVal input[type='text'].button,
.nameVal input[type='password'].button {
  width: 70px !important;
  text-align: center !important;
}
.nameValInfoInactive,
.nameValInfoActive {
  margin-top: 10px;
  display: none;
  border-radius: 4px;
  padding: 5px;
}
.nameValInfoInactive {
  background: #E4E4E4;
}
.nameValInfoActive {
  background: #00adef;
  color: white;
}
.nameValInfoActive {
  background: #00adef;
}
.nameValInfoButton {
  float: left;
  background: white;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
  margin-right: 10px;
  border-radius: 3px;
  text-align: center;
}
.nameValInfoButton {
  color: #00adef;
}
.nameValTable th {
  background: none;
  border: none;
  padding: 10px 10px 10px 10px;
  color: black;
  text-align: left;
}
.nameValTable .nameValDescription {
  padding: 10px 10px 10px 10px;
}
table.nameValue2 input ~ .error,
table.nameValue2 select ~ .error {
  /* Space errors in these tables just away from the text fields or dropdowns when they appear underneath them */
  margin-top: 2px;
}
