.clearFix {
  display: block;
  zoom: 1;
}
.clearFix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
div.transaction {
  border: 1px solid #AAA;
  padding: 30px;
  margin: 0;
  background: #FFF;
}
div.transaction div.simpleHeader {
  margin-bottom: 0;
}
div.transaction div.simpleHeader h3 {
  font-size: 2.2em;
  margin: 0;
  color: #000;
}
div.transaction div.simpleHeader h4 {
  border: none;
  margin: 10px 0;
}
div.transaction div.fullHeader {
  margin-bottom: 30px;
}
div.transaction div.fullHeader div.headline {
  text-align: right;
  padding-bottom: 10px;
}
div.transaction div.fullHeader div.headline h3 {
  font-size: 2.2em;
  margin: 0;
  border: none;
}
div.transaction div.fullHeader div.headline p.date {
  font-size: 1.5em;
  margin: 0;
}
div.transaction div.fullHeader div.details {
  display: block;
  zoom: 1;
  border: 3px solid #DDD;
  padding: 10px;
}
div.transaction div.fullHeader div.details:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
div.transaction div.fullHeader div.details div {
  float: left;
  display: inline;
  width: 50%;
}
div.transaction div.fullHeader div.details div h4 {
  font-size: 1.5em;
  margin: 0;
}
div.transaction div.fullHeader div.details div p {
  margin: 0;
}
div.transaction div.fullHeader div.details div.toAccount {
  text-align: right;
}
div.transaction div.fullHeader div.status {
  margin-top: 10px;
  background: #AAAAAA;
  padding: 13px;
}
div.transaction div.fullHeader div.status h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}
div.transaction div.fullHeader div.status p {
  margin: 0;
}
div.transaction div.fullHeader div.status.paid {
  background: #DFF0D0;
}
div.transaction div.fullHeader div.status.unpaid {
  background: #FFD0C0;
}
div.transaction div.fullHeader div.status.partPaid {
  background: #FAF3C2;
}
div.transaction table {
  width: 100%;
  border: none;
  border-collapse: collapse;
}
div.transaction table thead td,
div.transaction table tbody td,
div.transaction table thead th,
div.transaction table tbody th {
  text-align: left;
}
div.transaction table thead td.qty,
div.transaction table tbody td.qty,
div.transaction table thead th.qty,
div.transaction table tbody th.qty {
  text-align: center;
}
div.transaction table thead td.amount,
div.transaction table tbody td.amount,
div.transaction table thead th.amount,
div.transaction table tbody th.amount,
div.transaction table thead td.tax,
div.transaction table tbody td.tax,
div.transaction table thead th.tax,
div.transaction table tbody th.tax,
div.transaction table thead td.price,
div.transaction table tbody td.price,
div.transaction table thead th.price,
div.transaction table tbody th.price {
  text-align: right;
}
div.transaction table thead td,
div.transaction table thead th {
  font-weight: bold;
  border: none;
  border-bottom: 2px solid;
  background: none;
  color: inherit;
}
div.transaction table tbody td,
div.transaction table tbody th {
  border: none;
  border-bottom: 1px solid #aaa;
}
div.transaction table tr.total td,
div.transaction table tr.received td,
div.transaction table tr.tax td,
div.transaction table tr.currency td,
div.transaction table tr.balance td,
div.transaction table tr.total th,
div.transaction table tr.received th,
div.transaction table tr.tax th,
div.transaction table tr.currency th,
div.transaction table tr.balance th {
  border-bottom: none;
  font-weight: normal;
  text-align: right;
  padding-bottom: 0;
}
div.transaction table tr.total td,
div.transaction table tr.total th {
  border-top: 2px solid;
  font-weight: bold;
}
div.transaction table tr.currency td,
div.transaction table tr.currency th {
  padding-top: 0;
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
div.transaction table tr.inactive td,
div.transaction table tr.inactive th {
  background: #EEE;
  color: #AAA;
}
div.transaction.inactive {
  color: #BBB;
}
div.transaction.inactive h3,
div.transaction.inactive h4,
div.transaction.inactive td,
div.transaction.inactive th {
  color: #BBB !important;
}
div.transactionGroup {
  background: #EEE;
  border-radius: 5px;
  padding: 30px 100px;
  margin: 30px 0 0 0;
}
@media (max-width: 620px) {
  div.transaction div.fullHeader div.details {
    border: none;
    padding: 0;
  }
  div.transaction div.fullHeader div.details div {
    float: none;
    display: block;
    width: auto;
    border: 3px solid #DDD;
    margin-top: 10px;
    padding: 10px;
  }
  div.transaction div.fullHeader div.details div.toAccount {
    text-align: left;
  }
  div.transaction table thead td.tax,
  div.transaction table tbody td.tax,
  div.transaction table thead th.tax,
  div.transaction table tbody th.tax,
  div.transaction table thead td.price,
  div.transaction table tbody td.price,
  div.transaction table thead th.price,
  div.transaction table tbody th.price,
  div.transaction table thead td.unused,
  div.transaction table tbody td.unused,
  div.transaction table thead th.unused,
  div.transaction table tbody th.unused {
    display: none;
  }
  div.transaction.inactive {
    color: #BBB;
  }
  div.transaction.inactive h3,
  div.transaction.inactive h4,
  div.transaction.inactive td,
  div.transaction.inactive th {
    color: #BBB !important;
  }
}
a[href*="http://maps.google.com"]:before,
a[href*="https://maps.google.com"]:before {
  content: '';
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  margin: -0.05em 0.5em -0.05em 0;
  background: url('/_/logo_googleMaps.png') center no-repeat;
  background-size: contain;
}
._formLabel {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
}
._formLabel small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._formLabel small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
._formLabel small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
._formLabel.disabled {
  color: #999;
}
._formLabel.disabled small {
  color: #AAA;
}
._formLabel.disabled small.success {
  color: #ACA;
}
._formLabel.disabled small.warning {
  color: #DBA;
}
._formGroup {
  width: 70%;
  float: left;
  display: inline;
}
._formInput {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  float: left;
  display: inline;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
}
._formButton {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
}
._formButton:hover {
  background-color: #DDD;
}
._formFootnote {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._min_formLabel {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 0 5px;
}
._min_formLabel small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._min_formLabel small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
._min_formLabel small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
._min_formLabel.disabled {
  color: #999;
}
._min_formLabel.disabled small {
  color: #AAA;
}
._min_formLabel.disabled small.success {
  color: #ACA;
}
._min_formLabel.disabled small.warning {
  color: #DBA;
}
._min_formGroup {
  width: 70%;
  float: left;
  display: inline;
  display: block;
  width: 100%;
}
._min_formInput {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  width: 70%;
  float: left;
  display: inline;
  display: block;
  width: 100%;
  max-width: 100%;
}
._min_formInput:not([size]) {
  width: 100%;
}
._min_formButton {
  width: auto;
}
._focusGlow {
  box-shadow: 0 0 5px 0px #ff8400;
  border-color: #ff8400;
}
._errorGlow {
  box-shadow: 0 0 5px 0px #A00;
  border-color: #A00;
}
p.footnote {
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
a.feature-button {
  display: block;
  background: #333;
  border-radius: 7px;
  padding: 20px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
}
a.feature-button h3 {
  text-decoration: none;
  color: inherit;
  margin: 0;
  border: none;
}
a.feature-button p {
  text-decoration: none;
  color: inherit;
  margin: 0.7em 0 0;
  border: none;
}
div.pagination {
  font-size: inherit;
}
div.pagination button,
div.pagination a {
  background: #EEE;
  color: inherit;
  border: none;
  padding: 2px 6px;
  margin: 0 2px 0 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
div.pagination button:hover,
div.pagination a:hover {
  background: #333;
  color: #FFF;
}
div.pagination button:disabled,
div.pagination a:disabled,
div.pagination button.selected,
div.pagination a.selected {
  background: #CCC;
  color: #999;
  cursor: default;
}
div.pagination button.lead,
div.pagination a.lead {
  margin: 0 25px 0 0;
}
div.pagination button.lead:after,
div.pagination a.lead:after {
  display: block;
  content: "...";
  text-align: center;
  width: 25px;
  position: absolute;
  left: 100%;
  top: 0;
  padding: 2px 0;
  pointer-events: none;
  color: #333;
}
div.pagination button.trail,
div.pagination a.trail {
  margin: 0 0 0 25px;
}
div.pagination button.trail:before,
div.pagination a.trail:before {
  display: block;
  content: "...";
  text-align: center;
  width: 25px;
  position: absolute;
  right: 100%;
  top: 0;
  padding: 2px 0;
  pointer-events: none;
  color: #333;
}
.searchResult {
  margin: 0;
  padding: 1em 0;
  border-top: 1px solid #EEE;
}
.searchResult h3 {
  font-size: 1.3em;
  border: none;
}
.formError {
  margin: 10px 0px 7px;
  padding: 20px;
  background: #FDD;
  font-weight: bold;
}
.formError h3 {
  font-weight: bold;
  color: #000;
  margin: -3px 0 5px;
  font-size: 1.3em;
  border: none;
}
.formError ul {
  padding: 0;
  list-style: square;
  margin: 0 0 0 20px;
}
.formError li {
  background: none;
  padding: 0px;
  color: #D00;
  font-weight: normal;
}
.formError li a {
  color: #D00;
  font-weight: bold;
  text-decoration: underline;
}
.formError p {
  color: #D00;
  font-weight: normal;
}
.formWarning {
  margin: 10px 0px 7px;
  padding: 20px;
  background: #FDD;
  font-weight: bold;
  border-color: #e47b00;
  background: #f8e8d5;
}
.formWarning h3 {
  font-weight: bold;
  color: #000;
  margin: -3px 0 5px;
  font-size: 1.3em;
  border: none;
}
.formWarning ul {
  padding: 0;
  list-style: square;
  margin: 0 0 0 20px;
}
.formWarning li {
  background: none;
  padding: 0px;
  color: #D00;
  font-weight: normal;
}
.formWarning li a {
  color: #D00;
  font-weight: bold;
  text-decoration: underline;
}
.formWarning p {
  color: #D00;
  font-weight: normal;
}
.formWarning li {
  color: #e47b00;
}
.formWarning li a {
  color: #e47b00;
}
.formWarning p {
  color: #e47b00;
}
.formConfirm {
  margin: 10px 0px 7px;
  padding: 20px;
  background: #FDD;
  font-weight: bold;
  border-color: #0e9200;
  background: #c6e5c3;
}
.formConfirm h3 {
  font-weight: bold;
  color: #000;
  margin: -3px 0 5px;
  font-size: 1.3em;
  border: none;
}
.formConfirm ul {
  padding: 0;
  list-style: square;
  margin: 0 0 0 20px;
}
.formConfirm li {
  background: none;
  padding: 0px;
  color: #D00;
  font-weight: normal;
}
.formConfirm li a {
  color: #D00;
  font-weight: bold;
  text-decoration: underline;
}
.formConfirm p {
  color: #D00;
  font-weight: normal;
}
.formConfirm li {
  color: #186e0f;
}
.formConfirm li a {
  color: #186e0f;
}
.formConfirm p {
  color: #186e0f;
}
/* Generic styles which should be in a higher level include really */
.twin {
  display: block;
  zoom: 1;
}
.twin:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.twin .section {
  width: 49%;
  float: right;
  display: inline;
}
.twin .section:first-child {
  float: left;
}
.twin .section img {
  max-width: 100%;
}
.triplet {
  display: block;
  zoom: 1;
}
.triplet:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.triplet .section {
  margin-left: 1%;
  width: 32.666%;
  float: left;
  display: inline;
}
.triplet .section:first-child {
  margin-left: 0;
}
.triplet .section img {
  max-width: 100%;
}
.triplet .section.double {
  width: 66.333%;
}
.rightAlignWrapText {
  display: inline !important;
  float: right !important;
  margin: 0 0 15px 30px !important;
  max-width: 50% !important;
}
.leftAlignWrapText {
  display: inline !important;
  float: left !important;
  margin: 0 30px 15px 0 !important;
  max-width: 50% !important;
}
._form form,
._form div.form {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 5px 0;
  margin: 5px 0 15px;
}
._form p.error {
  background: #FDD;
  color: #D40;
  font-weight: bold;
  padding: 5px;
}
._form p.success {
  background: #DFD;
  color: #090;
  font-weight: bold;
  padding: 5px;
}
._form label,
._form h6.label {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
}
._form label small,
._form h6.label small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._form label small.success,
._form h6.label small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
._form label small.warning,
._form h6.label small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
._form label.disabled,
._form h6.label.disabled {
  color: #999;
}
._form label.disabled small,
._form h6.label.disabled small {
  color: #AAA;
}
._form label.disabled small.success,
._form h6.label.disabled small.success {
  color: #ACA;
}
._form label.disabled small.warning,
._form h6.label.disabled small.warning {
  color: #DBA;
}
._form input,
._form select {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  float: left;
  display: inline;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
}
._form select {
  line-height: 1.1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
._form select[multiple] {
  height: auto;
}
._form textarea {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  float: left;
  display: inline;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  min-height: 4em;
}
._form textarea.tall {
  min-height: 14em;
}
._form textarea[cols="50"],
._form input[size="50"] {
  width: 70%;
}
._form select + input[type="submit"],
._form select + input[type="button"],
._form select + .button {
  margin-left: 10px;
}
._form .button,
._form input[type=submit],
._form input[type=button] {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
}
._form .button:hover,
._form input[type=submit]:hover,
._form input[type=button]:hover {
  background-color: #DDD;
}
._form .toggleButton label {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
  margin-right: 3px;
  cursor: pointer;
  vertical-align: middle;
}
._form .toggleButton label:hover {
  background-color: #DDD;
}
._form .toggleButton label.icon {
  text-indent: -9999px;
  overflow: hidden;
  width: 2em;
  height: 2em;
  background-position: center;
  background-size: 1.5em;
  background-repeat: no-repeat;
}
._form .toggleButton label.no.icon {
  background-image: url('/_/cross.png');
}
._form .toggleButton label.yes.icon {
  background-image: url('/_/tick.png');
}
._form .toggleButton input {
  display: none;
}
._form .toggleButton input:checked + label {
  background-color: #666;
  color: #FFF;
}
._form .toggleButton input:checked + label.no {
  background-color: #7E2020;
}
._form .toggleButton input:checked + label.no.icon {
  background-image: url('/_/cross-white.png');
}
._form .toggleButton input:checked + label.yes {
  background-color: #326B42;
}
._form .toggleButton input:checked + label.yes.icon {
  background-image: url('/_/tick-white.png');
}
._form *:focus {
  outline: none;
  box-shadow: 0 0 5px 0px #ff8400;
  border-color: #ff8400;
}
._form div.group {
  width: 70%;
  float: left;
  display: inline;
}
._form div.group input,
._form div.group select {
  max-width: 100%;
}
._form div.group div.part:first-child {
  padding-top: 0;
}
._form div.group div.part:last-child {
  padding-bottom: 0;
}
._form div.group div.pair div.part {
  padding: 10px 0;
}
._form div.group div.pair:first-child div.part {
  padding-top: 0;
}
._form div.group div.pair:last-child div.part {
  padding-bottom: 0;
}
._form div.part {
  display: block;
  zoom: 1;
  padding: 10px 0;
}
._form div.part:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._form div.part:last-child {
  border: none;
}
._form div.part.warning {
  padding: 8px 10px;
  margin-bottom: 4px;
  background: #f8e8d5;
  color: #e47b00;
}
._form div.part h6 {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
}
._form div.part h6 small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._form div.part h6 small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
._form div.part h6 small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
._form div.part h6.disabled {
  color: #999;
}
._form div.part h6.disabled small {
  color: #AAA;
}
._form div.part h6.disabled small.success {
  color: #ACA;
}
._form div.part h6.disabled small.warning {
  color: #DBA;
}
._form div.part div.part label {
  font-weight: normal;
}
._form div.part p {
  display: inline-block;
  margin: 0;
  line-height: 1.2em;
  min-height: 1.2em;
}
._form div.part p.footnote {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  display: inline;
  float: left;
  width: 100%;
  margin: 10px 0;
}
._form div.part ul {
  padding: 0;
  margin: 3px 0 0 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
}
._form div.part ul li {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
._form div.part ul li input {
  margin-right: 20px;
  vertical-align: middle;
}
._form div.part ul li label {
  vertical-align: middle;
  font-weight: normal;
}
._form div.part ul li label.default {
  font-weight: bold;
}
._form div.part.dob select {
  width: auto;
  margin-right: 5px;
}
._form div.part.dob select:last-child {
  margin: 0;
}
._form div.part.checkbox {
  display: block;
  zoom: 1;
}
._form div.part.checkbox:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._form div.part.checkbox > input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
}
._form div.part.checkbox > label {
  float: right;
  display: inline;
  width: 95%;
  margin: 0;
}
._form div.part.detailed-checkbox div.group div.part,
._form div.part.charity-select div.group div.part {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 15px 30px;
  margin-bottom: 10px;
  color: #999;
}
._form div.part.detailed-checkbox div.group div.part label,
._form div.part.charity-select div.group div.part label {
  font-weight: bold;
  display: block;
  width: auto;
  color: inherit;
  margin: 0;
  float: none;
}
._form div.part.detailed-checkbox div.group div.part p,
._form div.part.charity-select div.group div.part p {
  font-weight: normal;
  display: block;
  width: auto;
  color: inherit;
  padding-top: 10px;
  float: none;
}
._form div.part.detailed-checkbox div.group div.part img,
._form div.part.charity-select div.group div.part img {
  opacity: 0.3;
}
._form div.part.detailed-checkbox div.group div.part input,
._form div.part.charity-select div.group div.part input {
  display: none;
}
._form div.part.detailed-checkbox div.group div.part.selected,
._form div.part.charity-select div.group div.part.selected {
  color: #333;
  border-color: #333;
  border-width: 1px 1px 1px 11px;
  padding-left: 20px;
}
._form div.part.detailed-checkbox div.group div.part.with-image,
._form div.part.charity-select div.group div.part.with-image {
  position: relative;
}
._form div.part.detailed-checkbox div.group div.part.with-image img,
._form div.part.charity-select div.group div.part.with-image img {
  position: absolute;
  left: 30px;
  top: 15px;
  max-width: 100px;
  max-height: 65%;
}
._form div.part.detailed-checkbox div.group div.part.with-image.selected img,
._form div.part.charity-select div.group div.part.with-image.selected img {
  left: 20px;
  opacity: 1;
}
._form div.part.detailed-checkbox div.group div.part.with-image label,
._form div.part.charity-select div.group div.part.with-image label,
._form div.part.detailed-checkbox div.group div.part.with-image p,
._form div.part.charity-select div.group div.part.with-image p {
  padding-left: 100px;
  margin-left: 30px;
}
._form div.part.artButton {
  text-align: center;
}
._form div.part.artButton a {
  display: inline-block;
  border: 1px solid #AAAAAA;
  padding: 30px;
  border-radius: 10px;
  background: #EEEEEE;
  color: #000 !important;
  font-size: 1.1em;
}
._form div.part div.input {
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  display: inline;
  float: left;
  margin-top: 5px;
}
._form div.part div.input input {
  background: none !important;
  border: none !important;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 1.9em;
  max-width: none !important;
  min-width: 20px;
  width: auto;
}
._form div.part div.input input.long {
  text-align: left;
  min-width: 150px;
}
._form div.part div.input span {
  float: left;
  display: inline;
  padding: 0;
  line-height: 2em;
  height: 2em;
  font-weight: bold;
  min-width: 0.4em;
}
._form div.part div.input.searchSelect {
  position: relative;
  width: 70%;
}
._form div.part div.input.searchSelect.focus {
  box-shadow: 0 0 5px 0px #ff8400;
  border-color: #ff8400;
}
._form div.part div.input.searchSelect input {
  text-align: left;
  width: 100%;
}
._form div.part div.input.searchSelect input:focus {
  box-shadow: none;
}
._form div.part div.input.searchSelect input.unselected {
  color: #BBB;
}
._form div.part div.input.searchSelect input.editing {
  color: #999;
}
._form div.part div.input.searchSelect span {
  position: absolute;
  left: 5px;
  top: 0;
}
._form div.part div.input.searchSelect.focus input {
  padding-left: 5em;
}
._form div.part div.input.searchSelect ul {
  position: absolute;
  top: 100%;
  border: 1px solid #000;
  left: -1px;
  right: -1px;
  z-index: 100000;
  max-height: 300px;
  overflow: auto;
}
._form div.part div.input.searchSelect ul li {
  display: block;
}
._form div.part div.input.searchSelect ul li a {
  font-weight: normal;
  color: #999;
  text-decoration: none;
  display: block;
  padding: 3px 5px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
}
._form div.part div.input.searchSelect ul li a:hover {
  text-decoration: underline;
  background: #DDD;
  background: rgba(221, 221, 221, 0.9);
}
._form div.part div.input.searchSelect ul li.selected a {
  background: #BBB;
  color: #333;
}
._form div.part div.input.error,
._form div.part div.input.error.focus {
  box-shadow: 0 0 5px 0px #A00;
  border-color: #A00;
  background: #FDD;
}
._form div.part.eventWithTimeEntry .seedWrap,
._form div.part.event .seedWrap {
  display: inline;
  float: right;
  width: 95%;
}
._form div.part.eventWithTimeEntry .seedWrap div.input,
._form div.part.event .seedWrap div.input {
  width: auto;
}
._form div.part.eventWithTimeEntry .seedWrap a.swapUnit,
._form div.part.event .seedWrap a.swapUnit {
  line-height: 2.2em;
  padding: 5px 5px 0;
  float: left;
  display: inline;
}
._form div.part.eventWithTimeEntry .seedWrap label.qual,
._form div.part.event .seedWrap label.qual {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  clear: both;
  float: left;
  display: inline;
  padding-left: 0;
  padding-top: 5px;
  width: 100%;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
._form div.part.event.withPartnerEntry .partnerSelectWrap {
  margin-top: 5px;
  float: right;
  display: inline;
  width: 95%;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .searchResults a,
._form div.part.event.withPartnerEntry .partnerSelectWrap .searchResults a {
  font-size: 1em;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p,
._form div.part.event.withPartnerEntry .partnerSelectWrap p {
  width: auto;
  padding: 0 0 5px;
  height: auto;
  display: block;
  float: none;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.error,
._form div.part.event.withPartnerEntry .partnerSelectWrap p.error,
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.success,
._form div.part.event.withPartnerEntry .partnerSelectWrap p.success {
  padding: 5px;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h1:first-child,
._form div.part.event.withPartnerEntry .partnerSelectWrap h1:first-child,
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h2:first-child,
._form div.part.event.withPartnerEntry .partnerSelectWrap h2:first-child,
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h3:first-child,
._form div.part.event.withPartnerEntry .partnerSelectWrap h3:first-child,
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4:first-child,
._form div.part.event.withPartnerEntry .partnerSelectWrap h4:first-child,
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h5:first-child,
._form div.part.event.withPartnerEntry .partnerSelectWrap h5:first-child,
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h6:first-child,
._form div.part.event.withPartnerEntry .partnerSelectWrap h6:first-child {
  margin-top: 5px;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4,
._form div.part.event.withPartnerEntry .partnerSelectWrap h4 {
  margin-top: 15px;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap div.part,
._form div.part.event.withPartnerEntry .partnerSelectWrap div.part {
  padding: 5px 0;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap label,
._form div.part.event.withPartnerEntry .partnerSelectWrap label {
  width: auto;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input,
._form div.part.event.withPartnerEntry .partnerSelectWrap input,
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap select,
._form div.part.event.withPartnerEntry .partnerSelectWrap select {
  float: right;
  display: inline;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input.button,
._form div.part.event.withPartnerEntry .partnerSelectWrap input.button {
  clear: both;
  margin: 5px 0;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment,
._form div.part.event.withPartnerEntry .partnerSelectWrap .segment {
  margin-bottom: 15px;
  border: 1px solid #DDD;
  float: left;
  display: inline;
  padding: 10px;
  width: 308px !important;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment span,
._form div.part.event.withPartnerEntry .partnerSelectWrap .segment span {
  display: inline;
  float: left;
  width: 100%;
  margin: 2px 0;
}
._form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment input.button,
._form div.part.event.withPartnerEntry .partnerSelectWrap .segment input.button {
  max-width: 100%;
  clear: none;
  float: right;
  display: inline;
  margin-left: 5px;
}
._form div.part div.group div.part.checkbox > label {
  width: 94%;
}
._form div.part div.group.searchField {
  position: relative;
}
._form div.part div.group.searchField input[type=text] {
  width: 100%;
  max-width: 100%;
}
._form div.part div.group.searchField .add {
  position: absolute;
  width: 2.2em;
  overflow: hidden;
  height: 100%;
  text-indent: -99999px;
  background-image: url('/Content/ui-common/images/icon/search.png');
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  right: 0;
  top: 0;
  cursor: pointer;
}
._form div.part div.group.searchField .autoComplete {
  position: absolute;
  top: 100%;
  right: 0px;
  width: auto;
  left: 0px;
  border: 1px solid #AAA;
  background-color: white;
  padding: 5px;
  z-index: 9999;
}
._form div.part div.group.searchField .autoComplete a {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px dotted #AAA;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: black;
}
._form div.part div.group.searchField .autoComplete a small {
  font-size: 0.8em;
  font-weight: normal;
}
._form div.part div.group.searchField .autoComplete a:hover {
  color: inherit;
}
._form div.part div.pair {
  display: block;
  zoom: 1;
}
._form div.part div.pair:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._form div.part div.pair div.part {
  width: 49%;
  float: left;
  display: inline;
}
._form div.part div.pair div.part:first-child {
  margin-right: 2%;
}
._form div.part div.pair div.part.checkbox > label {
  width: 90%;
}
._form div.part.wide textarea {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  width: 70%;
  float: left;
  display: inline;
  display: block;
  width: 100%;
  max-width: 100%;
}
._form div.part.wide textarea:not([size]) {
  width: 100%;
}
._form div.pair {
  display: block;
  zoom: 1;
}
._form div.pair:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._form div.pair div.part {
  width: 49%;
  float: left;
  display: inline;
}
._form div.pair div.part:first-child {
  margin-right: 2%;
}
._form div.pair div.part.checkbox > label {
  width: 90%;
}
._form .alert {
  border: 1px solid #AAA;
  padding: 10px 20px;
  background: #F7F7F7;
  font-weight: normal;
}
._form .alert h3 {
  border: none;
}
._form .alert ul {
  padding: 0;
  list-style: square;
  margin: 0 0 0 20px;
}
._form .alert li {
  background: none;
  padding: 0px;
  color: #666;
}
._form .alert li a {
  color: #666;
}
._form .alert p {
  color: #666;
}
._form table label,
._form table h6.label {
  font-size: inherit;
  font-weight: inherit;
  width: auto;
  float: none;
  display: inline;
}
._form table input {
  float: none;
  max-width: none;
}
._form table input[type="checkbox"] {
  width: auto;
  height: auto;
}
._stack_form label,
._stack_form h6.label {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 0 5px;
}
._stack_form label small,
._stack_form h6.label small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._stack_form label small.success,
._stack_form h6.label small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
._stack_form label small.warning,
._stack_form h6.label small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
._stack_form label.disabled,
._stack_form h6.label.disabled {
  color: #999;
}
._stack_form label.disabled small,
._stack_form h6.label.disabled small {
  color: #AAA;
}
._stack_form label.disabled small.success,
._stack_form h6.label.disabled small.success {
  color: #ACA;
}
._stack_form label.disabled small.warning,
._stack_form h6.label.disabled small.warning {
  color: #DBA;
}
._stack_form input,
._stack_form select {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  width: 70%;
  float: left;
  display: inline;
  display: block;
  width: 100%;
  max-width: 100%;
}
._stack_form input:not([size]),
._stack_form select:not([size]) {
  width: 100%;
}
._stack_form textarea[cols="50"],
._stack_form input[size="50"] {
  width: 100%;
}
._stack_form textarea,
._stack_form input,
._stack_form select {
  max-width: 100%;
}
._stack_form textarea.tall {
  min-height: 18em;
}
._stack_form .button,
._stack_form input[type=submit],
._stack_form input[type=button] {
  width: auto;
}
._stack_form div.group {
  width: 70%;
  float: left;
  display: inline;
  display: block;
  width: 100%;
}
._stack_form div.part h6 {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 0 5px;
}
._stack_form div.part h6 small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._stack_form div.part h6 small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
._stack_form div.part h6 small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
._stack_form div.part h6.disabled {
  color: #999;
}
._stack_form div.part h6.disabled small {
  color: #AAA;
}
._stack_form div.part h6.disabled small.success {
  color: #ACA;
}
._stack_form div.part h6.disabled small.warning {
  color: #DBA;
}
._stack_form div.part.checkbox > label {
  width: 93%;
}
._stack_form div.part.eventWithTimeEntry .seedWrap,
._stack_form div.part.event .seedWrap {
  width: 93%;
}
._stack_form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
._stack_form div.part.event.withPartnerEntry .partnerSelectWrap {
  width: 93%;
}
._stack_form div.part div.input {
  max-width: 100%;
  width: 100%;
}
._stack_form div.part div.input input {
  max-width: 100% !important;
}
._stack_form div.part div.input.searchSelect {
  position: relative;
  width: 100%;
  max-width: none;
}
._min_form div.part.artButton a {
  display: block;
  margin-bottom: 5px;
}
._min_form div.part.artButton a:last-child {
  margin: bottom: 0;
}
._min_form div.part.checkbox {
  display: block;
  zoom: 1;
}
._min_form div.part.checkbox:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._min_form div.part.checkbox > label {
  width: 87%;
}
._min_form div.part.eventWithTimeEntry .seedWrap,
._min_form div.part.event .seedWrap {
  width: 87%;
}
._min_form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
._min_form div.part.event.withPartnerEntry .partnerSelectWrap {
  width: 87%;
}
._min_form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment,
._min_form div.part.event.withPartnerEntry .partnerSelectWrap .segment {
  width: auto !important;
}
._min_form div.part div.group div.part.checkbox > label {
  width: 90%;
}
._min_form div.part div.pair {
  display: block;
  zoom: 1;
}
._min_form div.part div.pair:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._min_form div.part div.pair div.part,
._min_form div.part div.pair div.part:first-child,
._min_form div.part div.pair div.part:last-child {
  padding: 10px 0;
  width: 100%;
  float: none;
  display: block;
}
._min_form div.part div.pair div.part:first-child,
._min_form div.part div.pair div.part:first-child:first-child,
._min_form div.part div.pair div.part:last-child:first-child {
  margin-right: 0;
}
._min_form div.part div.pair div.part.checkbox > label,
._min_form div.part div.pair div.part:first-child.checkbox > label,
._min_form div.part div.pair div.part:last-child.checkbox > label {
  width: 87%;
}
._min_form div.part div.pair:first-child div.part:first-child {
  padding-top: 0;
}
._min_form div.pair {
  display: block;
  zoom: 1;
}
._min_form div.pair:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._min_form div.pair div.part {
  width: 100%;
  float: none;
  display: block;
}
._min_form div.pair div.part:first-child {
  margin-right: 0;
}
._min_form div.pair div.part.checkbox > label {
  width: 87%;
}
form form,
div.form form,
form div.form,
div.form div.form {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 5px 0;
  margin: 5px 0 15px;
}
form p.error,
div.form p.error {
  background: #FDD;
  color: #D40;
  font-weight: bold;
  padding: 5px;
}
form p.success,
div.form p.success {
  background: #DFD;
  color: #090;
  font-weight: bold;
  padding: 5px;
}
form label,
div.form label,
form h6.label,
div.form h6.label {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
}
form label small,
div.form label small,
form h6.label small,
div.form h6.label small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
form label small.success,
div.form label small.success,
form h6.label small.success,
div.form h6.label small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
form label small.warning,
div.form label small.warning,
form h6.label small.warning,
div.form h6.label small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
form label.disabled,
div.form label.disabled,
form h6.label.disabled,
div.form h6.label.disabled {
  color: #999;
}
form label.disabled small,
div.form label.disabled small,
form h6.label.disabled small,
div.form h6.label.disabled small {
  color: #AAA;
}
form label.disabled small.success,
div.form label.disabled small.success,
form h6.label.disabled small.success,
div.form h6.label.disabled small.success {
  color: #ACA;
}
form label.disabled small.warning,
div.form label.disabled small.warning,
form h6.label.disabled small.warning,
div.form h6.label.disabled small.warning {
  color: #DBA;
}
form input,
div.form input,
form select,
div.form select {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  float: left;
  display: inline;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
}
form select,
div.form select {
  line-height: 1.1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
form select[multiple],
div.form select[multiple] {
  height: auto;
}
form textarea,
div.form textarea {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  float: left;
  display: inline;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  min-height: 4em;
}
form textarea.tall,
div.form textarea.tall {
  min-height: 14em;
}
form textarea[cols="50"],
div.form textarea[cols="50"],
form input[size="50"],
div.form input[size="50"] {
  width: 70%;
}
form select + input[type="submit"],
div.form select + input[type="submit"],
form select + input[type="button"],
div.form select + input[type="button"],
form select + .button,
div.form select + .button {
  margin-left: 10px;
}
form .button,
div.form .button,
form input[type=submit],
div.form input[type=submit],
form input[type=button],
div.form input[type=button] {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
}
form .button:hover,
div.form .button:hover,
form input[type=submit]:hover,
div.form input[type=submit]:hover,
form input[type=button]:hover,
div.form input[type=button]:hover {
  background-color: #DDD;
}
form .toggleButton label,
div.form .toggleButton label {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
  margin-right: 3px;
  cursor: pointer;
  vertical-align: middle;
}
form .toggleButton label:hover,
div.form .toggleButton label:hover {
  background-color: #DDD;
}
form .toggleButton label.icon,
div.form .toggleButton label.icon {
  text-indent: -9999px;
  overflow: hidden;
  width: 2em;
  height: 2em;
  background-position: center;
  background-size: 1.5em;
  background-repeat: no-repeat;
}
form .toggleButton label.no.icon,
div.form .toggleButton label.no.icon {
  background-image: url('/_/cross.png');
}
form .toggleButton label.yes.icon,
div.form .toggleButton label.yes.icon {
  background-image: url('/_/tick.png');
}
form .toggleButton input,
div.form .toggleButton input {
  display: none;
}
form .toggleButton input:checked + label,
div.form .toggleButton input:checked + label {
  background-color: #666;
  color: #FFF;
}
form .toggleButton input:checked + label.no,
div.form .toggleButton input:checked + label.no {
  background-color: #7E2020;
}
form .toggleButton input:checked + label.no.icon,
div.form .toggleButton input:checked + label.no.icon {
  background-image: url('/_/cross-white.png');
}
form .toggleButton input:checked + label.yes,
div.form .toggleButton input:checked + label.yes {
  background-color: #326B42;
}
form .toggleButton input:checked + label.yes.icon,
div.form .toggleButton input:checked + label.yes.icon {
  background-image: url('/_/tick-white.png');
}
form *:focus,
div.form *:focus {
  outline: none;
  box-shadow: 0 0 5px 0px #ff8400;
  border-color: #ff8400;
}
form div.group,
div.form div.group {
  width: 70%;
  float: left;
  display: inline;
}
form div.group input,
div.form div.group input,
form div.group select,
div.form div.group select {
  max-width: 100%;
}
form div.group div.part:first-child,
div.form div.group div.part:first-child {
  padding-top: 0;
}
form div.group div.part:last-child,
div.form div.group div.part:last-child {
  padding-bottom: 0;
}
form div.group div.pair div.part,
div.form div.group div.pair div.part {
  padding: 10px 0;
}
form div.group div.pair:first-child div.part,
div.form div.group div.pair:first-child div.part {
  padding-top: 0;
}
form div.group div.pair:last-child div.part,
div.form div.group div.pair:last-child div.part {
  padding-bottom: 0;
}
form div.part,
div.form div.part {
  display: block;
  zoom: 1;
  padding: 10px 0;
}
form div.part:after,
div.form div.part:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
form div.part:last-child,
div.form div.part:last-child {
  border: none;
}
form div.part.warning,
div.form div.part.warning {
  padding: 8px 10px;
  margin-bottom: 4px;
  background: #f8e8d5;
  color: #e47b00;
}
form div.part h6,
div.form div.part h6 {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
}
form div.part h6 small,
div.form div.part h6 small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
form div.part h6 small.success,
div.form div.part h6 small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
form div.part h6 small.warning,
div.form div.part h6 small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
form div.part h6.disabled,
div.form div.part h6.disabled {
  color: #999;
}
form div.part h6.disabled small,
div.form div.part h6.disabled small {
  color: #AAA;
}
form div.part h6.disabled small.success,
div.form div.part h6.disabled small.success {
  color: #ACA;
}
form div.part h6.disabled small.warning,
div.form div.part h6.disabled small.warning {
  color: #DBA;
}
form div.part div.part label,
div.form div.part div.part label {
  font-weight: normal;
}
form div.part p,
div.form div.part p {
  display: inline-block;
  margin: 0;
  line-height: 1.2em;
  min-height: 1.2em;
}
form div.part p.footnote,
div.form div.part p.footnote {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  display: inline;
  float: left;
  width: 100%;
  margin: 10px 0;
}
form div.part ul,
div.form div.part ul {
  padding: 0;
  margin: 3px 0 0 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
}
form div.part ul li,
div.form div.part ul li {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
form div.part ul li input,
div.form div.part ul li input {
  margin-right: 20px;
  vertical-align: middle;
}
form div.part ul li label,
div.form div.part ul li label {
  vertical-align: middle;
  font-weight: normal;
}
form div.part ul li label.default,
div.form div.part ul li label.default {
  font-weight: bold;
}
form div.part.dob select,
div.form div.part.dob select {
  width: auto;
  margin-right: 5px;
}
form div.part.dob select:last-child,
div.form div.part.dob select:last-child {
  margin: 0;
}
form div.part.checkbox,
div.form div.part.checkbox {
  display: block;
  zoom: 1;
}
form div.part.checkbox:after,
div.form div.part.checkbox:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
form div.part.checkbox > input,
div.form div.part.checkbox > input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
}
form div.part.checkbox > label,
div.form div.part.checkbox > label {
  float: right;
  display: inline;
  width: 95%;
  margin: 0;
}
form div.part.detailed-checkbox div.group div.part,
div.form div.part.detailed-checkbox div.group div.part,
form div.part.charity-select div.group div.part,
div.form div.part.charity-select div.group div.part {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 15px 30px;
  margin-bottom: 10px;
  color: #999;
}
form div.part.detailed-checkbox div.group div.part label,
div.form div.part.detailed-checkbox div.group div.part label,
form div.part.charity-select div.group div.part label,
div.form div.part.charity-select div.group div.part label {
  font-weight: bold;
  display: block;
  width: auto;
  color: inherit;
  margin: 0;
  float: none;
}
form div.part.detailed-checkbox div.group div.part p,
div.form div.part.detailed-checkbox div.group div.part p,
form div.part.charity-select div.group div.part p,
div.form div.part.charity-select div.group div.part p {
  font-weight: normal;
  display: block;
  width: auto;
  color: inherit;
  padding-top: 10px;
  float: none;
}
form div.part.detailed-checkbox div.group div.part img,
div.form div.part.detailed-checkbox div.group div.part img,
form div.part.charity-select div.group div.part img,
div.form div.part.charity-select div.group div.part img {
  opacity: 0.3;
}
form div.part.detailed-checkbox div.group div.part input,
div.form div.part.detailed-checkbox div.group div.part input,
form div.part.charity-select div.group div.part input,
div.form div.part.charity-select div.group div.part input {
  display: none;
}
form div.part.detailed-checkbox div.group div.part.selected,
div.form div.part.detailed-checkbox div.group div.part.selected,
form div.part.charity-select div.group div.part.selected,
div.form div.part.charity-select div.group div.part.selected {
  color: #333;
  border-color: #333;
  border-width: 1px 1px 1px 11px;
  padding-left: 20px;
}
form div.part.detailed-checkbox div.group div.part.with-image,
div.form div.part.detailed-checkbox div.group div.part.with-image,
form div.part.charity-select div.group div.part.with-image,
div.form div.part.charity-select div.group div.part.with-image {
  position: relative;
}
form div.part.detailed-checkbox div.group div.part.with-image img,
div.form div.part.detailed-checkbox div.group div.part.with-image img,
form div.part.charity-select div.group div.part.with-image img,
div.form div.part.charity-select div.group div.part.with-image img {
  position: absolute;
  left: 30px;
  top: 15px;
  max-width: 100px;
  max-height: 65%;
}
form div.part.detailed-checkbox div.group div.part.with-image.selected img,
div.form div.part.detailed-checkbox div.group div.part.with-image.selected img,
form div.part.charity-select div.group div.part.with-image.selected img,
div.form div.part.charity-select div.group div.part.with-image.selected img {
  left: 20px;
  opacity: 1;
}
form div.part.detailed-checkbox div.group div.part.with-image label,
div.form div.part.detailed-checkbox div.group div.part.with-image label,
form div.part.charity-select div.group div.part.with-image label,
div.form div.part.charity-select div.group div.part.with-image label,
form div.part.detailed-checkbox div.group div.part.with-image p,
div.form div.part.detailed-checkbox div.group div.part.with-image p,
form div.part.charity-select div.group div.part.with-image p,
div.form div.part.charity-select div.group div.part.with-image p {
  padding-left: 100px;
  margin-left: 30px;
}
form div.part.artButton,
div.form div.part.artButton {
  text-align: center;
}
form div.part.artButton a,
div.form div.part.artButton a {
  display: inline-block;
  border: 1px solid #AAAAAA;
  padding: 30px;
  border-radius: 10px;
  background: #EEEEEE;
  color: #000 !important;
  font-size: 1.1em;
}
form div.part div.input,
div.form div.part div.input {
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  display: inline;
  float: left;
  margin-top: 5px;
}
form div.part div.input input,
div.form div.part div.input input {
  background: none !important;
  border: none !important;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 1.9em;
  max-width: none !important;
  min-width: 20px;
  width: auto;
}
form div.part div.input input.long,
div.form div.part div.input input.long {
  text-align: left;
  min-width: 150px;
}
form div.part div.input span,
div.form div.part div.input span {
  float: left;
  display: inline;
  padding: 0;
  line-height: 2em;
  height: 2em;
  font-weight: bold;
  min-width: 0.4em;
}
form div.part div.input.searchSelect,
div.form div.part div.input.searchSelect {
  position: relative;
  width: 70%;
}
form div.part div.input.searchSelect.focus,
div.form div.part div.input.searchSelect.focus {
  box-shadow: 0 0 5px 0px #ff8400;
  border-color: #ff8400;
}
form div.part div.input.searchSelect input,
div.form div.part div.input.searchSelect input {
  text-align: left;
  width: 100%;
}
form div.part div.input.searchSelect input:focus,
div.form div.part div.input.searchSelect input:focus {
  box-shadow: none;
}
form div.part div.input.searchSelect input.unselected,
div.form div.part div.input.searchSelect input.unselected {
  color: #BBB;
}
form div.part div.input.searchSelect input.editing,
div.form div.part div.input.searchSelect input.editing {
  color: #999;
}
form div.part div.input.searchSelect span,
div.form div.part div.input.searchSelect span {
  position: absolute;
  left: 5px;
  top: 0;
}
form div.part div.input.searchSelect.focus input,
div.form div.part div.input.searchSelect.focus input {
  padding-left: 5em;
}
form div.part div.input.searchSelect ul,
div.form div.part div.input.searchSelect ul {
  position: absolute;
  top: 100%;
  border: 1px solid #000;
  left: -1px;
  right: -1px;
  z-index: 100000;
  max-height: 300px;
  overflow: auto;
}
form div.part div.input.searchSelect ul li,
div.form div.part div.input.searchSelect ul li {
  display: block;
}
form div.part div.input.searchSelect ul li a,
div.form div.part div.input.searchSelect ul li a {
  font-weight: normal;
  color: #999;
  text-decoration: none;
  display: block;
  padding: 3px 5px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
}
form div.part div.input.searchSelect ul li a:hover,
div.form div.part div.input.searchSelect ul li a:hover {
  text-decoration: underline;
  background: #DDD;
  background: rgba(221, 221, 221, 0.9);
}
form div.part div.input.searchSelect ul li.selected a,
div.form div.part div.input.searchSelect ul li.selected a {
  background: #BBB;
  color: #333;
}
form div.part div.input.error,
div.form div.part div.input.error,
form div.part div.input.error.focus,
div.form div.part div.input.error.focus {
  box-shadow: 0 0 5px 0px #A00;
  border-color: #A00;
  background: #FDD;
}
form div.part.eventWithTimeEntry .seedWrap,
div.form div.part.eventWithTimeEntry .seedWrap,
form div.part.event .seedWrap,
div.form div.part.event .seedWrap {
  display: inline;
  float: right;
  width: 95%;
}
form div.part.eventWithTimeEntry .seedWrap div.input,
div.form div.part.eventWithTimeEntry .seedWrap div.input,
form div.part.event .seedWrap div.input,
div.form div.part.event .seedWrap div.input {
  width: auto;
}
form div.part.eventWithTimeEntry .seedWrap a.swapUnit,
div.form div.part.eventWithTimeEntry .seedWrap a.swapUnit,
form div.part.event .seedWrap a.swapUnit,
div.form div.part.event .seedWrap a.swapUnit {
  line-height: 2.2em;
  padding: 5px 5px 0;
  float: left;
  display: inline;
}
form div.part.eventWithTimeEntry .seedWrap label.qual,
div.form div.part.eventWithTimeEntry .seedWrap label.qual,
form div.part.event .seedWrap label.qual,
div.form div.part.event .seedWrap label.qual {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  clear: both;
  float: left;
  display: inline;
  padding-left: 0;
  padding-top: 5px;
  width: 100%;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
form div.part.event.withPartnerEntry .partnerSelectWrap,
div.form div.part.event.withPartnerEntry .partnerSelectWrap {
  margin-top: 5px;
  float: right;
  display: inline;
  width: 95%;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .searchResults a,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .searchResults a,
form div.part.event.withPartnerEntry .partnerSelectWrap .searchResults a,
div.form div.part.event.withPartnerEntry .partnerSelectWrap .searchResults a {
  font-size: 1em;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p,
form div.part.event.withPartnerEntry .partnerSelectWrap p,
div.form div.part.event.withPartnerEntry .partnerSelectWrap p {
  width: auto;
  padding: 0 0 5px;
  height: auto;
  display: block;
  float: none;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.error,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.error,
form div.part.event.withPartnerEntry .partnerSelectWrap p.error,
div.form div.part.event.withPartnerEntry .partnerSelectWrap p.error,
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.success,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.success,
form div.part.event.withPartnerEntry .partnerSelectWrap p.success,
div.form div.part.event.withPartnerEntry .partnerSelectWrap p.success {
  padding: 5px;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h1:first-child,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h1:first-child,
form div.part.event.withPartnerEntry .partnerSelectWrap h1:first-child,
div.form div.part.event.withPartnerEntry .partnerSelectWrap h1:first-child,
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h2:first-child,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h2:first-child,
form div.part.event.withPartnerEntry .partnerSelectWrap h2:first-child,
div.form div.part.event.withPartnerEntry .partnerSelectWrap h2:first-child,
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h3:first-child,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h3:first-child,
form div.part.event.withPartnerEntry .partnerSelectWrap h3:first-child,
div.form div.part.event.withPartnerEntry .partnerSelectWrap h3:first-child,
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4:first-child,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4:first-child,
form div.part.event.withPartnerEntry .partnerSelectWrap h4:first-child,
div.form div.part.event.withPartnerEntry .partnerSelectWrap h4:first-child,
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h5:first-child,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h5:first-child,
form div.part.event.withPartnerEntry .partnerSelectWrap h5:first-child,
div.form div.part.event.withPartnerEntry .partnerSelectWrap h5:first-child,
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h6:first-child,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h6:first-child,
form div.part.event.withPartnerEntry .partnerSelectWrap h6:first-child,
div.form div.part.event.withPartnerEntry .partnerSelectWrap h6:first-child {
  margin-top: 5px;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4,
form div.part.event.withPartnerEntry .partnerSelectWrap h4,
div.form div.part.event.withPartnerEntry .partnerSelectWrap h4 {
  margin-top: 15px;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap div.part,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap div.part,
form div.part.event.withPartnerEntry .partnerSelectWrap div.part,
div.form div.part.event.withPartnerEntry .partnerSelectWrap div.part {
  padding: 5px 0;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap label,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap label,
form div.part.event.withPartnerEntry .partnerSelectWrap label,
div.form div.part.event.withPartnerEntry .partnerSelectWrap label {
  width: auto;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input,
form div.part.event.withPartnerEntry .partnerSelectWrap input,
div.form div.part.event.withPartnerEntry .partnerSelectWrap input,
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap select,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap select,
form div.part.event.withPartnerEntry .partnerSelectWrap select,
div.form div.part.event.withPartnerEntry .partnerSelectWrap select {
  float: right;
  display: inline;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input.button,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input.button,
form div.part.event.withPartnerEntry .partnerSelectWrap input.button,
div.form div.part.event.withPartnerEntry .partnerSelectWrap input.button {
  clear: both;
  margin: 5px 0;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment,
form div.part.event.withPartnerEntry .partnerSelectWrap .segment,
div.form div.part.event.withPartnerEntry .partnerSelectWrap .segment {
  margin-bottom: 15px;
  border: 1px solid #DDD;
  float: left;
  display: inline;
  padding: 10px;
  width: 308px !important;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment span,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment span,
form div.part.event.withPartnerEntry .partnerSelectWrap .segment span,
div.form div.part.event.withPartnerEntry .partnerSelectWrap .segment span {
  display: inline;
  float: left;
  width: 100%;
  margin: 2px 0;
}
form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment input.button,
div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment input.button,
form div.part.event.withPartnerEntry .partnerSelectWrap .segment input.button,
div.form div.part.event.withPartnerEntry .partnerSelectWrap .segment input.button {
  max-width: 100%;
  clear: none;
  float: right;
  display: inline;
  margin-left: 5px;
}
form div.part div.group div.part.checkbox > label,
div.form div.part div.group div.part.checkbox > label {
  width: 94%;
}
form div.part div.group.searchField,
div.form div.part div.group.searchField {
  position: relative;
}
form div.part div.group.searchField input[type=text],
div.form div.part div.group.searchField input[type=text] {
  width: 100%;
  max-width: 100%;
}
form div.part div.group.searchField .add,
div.form div.part div.group.searchField .add {
  position: absolute;
  width: 2.2em;
  overflow: hidden;
  height: 100%;
  text-indent: -99999px;
  background-image: url('/Content/ui-common/images/icon/search.png');
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  right: 0;
  top: 0;
  cursor: pointer;
}
form div.part div.group.searchField .autoComplete,
div.form div.part div.group.searchField .autoComplete {
  position: absolute;
  top: 100%;
  right: 0px;
  width: auto;
  left: 0px;
  border: 1px solid #AAA;
  background-color: white;
  padding: 5px;
  z-index: 9999;
}
form div.part div.group.searchField .autoComplete a,
div.form div.part div.group.searchField .autoComplete a {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px dotted #AAA;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: black;
}
form div.part div.group.searchField .autoComplete a small,
div.form div.part div.group.searchField .autoComplete a small {
  font-size: 0.8em;
  font-weight: normal;
}
form div.part div.group.searchField .autoComplete a:hover,
div.form div.part div.group.searchField .autoComplete a:hover {
  color: inherit;
}
form div.part div.pair,
div.form div.part div.pair {
  display: block;
  zoom: 1;
}
form div.part div.pair:after,
div.form div.part div.pair:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
form div.part div.pair div.part,
div.form div.part div.pair div.part {
  width: 49%;
  float: left;
  display: inline;
}
form div.part div.pair div.part:first-child,
div.form div.part div.pair div.part:first-child {
  margin-right: 2%;
}
form div.part div.pair div.part.checkbox > label,
div.form div.part div.pair div.part.checkbox > label {
  width: 90%;
}
form div.part.wide textarea,
div.form div.part.wide textarea {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  width: 70%;
  float: left;
  display: inline;
  display: block;
  width: 100%;
  max-width: 100%;
}
form div.part.wide textarea:not([size]),
div.form div.part.wide textarea:not([size]) {
  width: 100%;
}
form div.pair,
div.form div.pair {
  display: block;
  zoom: 1;
}
form div.pair:after,
div.form div.pair:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
form div.pair div.part,
div.form div.pair div.part {
  width: 49%;
  float: left;
  display: inline;
}
form div.pair div.part:first-child,
div.form div.pair div.part:first-child {
  margin-right: 2%;
}
form div.pair div.part.checkbox > label,
div.form div.pair div.part.checkbox > label {
  width: 90%;
}
form .alert,
div.form .alert {
  border: 1px solid #AAA;
  padding: 10px 20px;
  background: #F7F7F7;
  font-weight: normal;
}
form .alert h3,
div.form .alert h3 {
  border: none;
}
form .alert ul,
div.form .alert ul {
  padding: 0;
  list-style: square;
  margin: 0 0 0 20px;
}
form .alert li,
div.form .alert li {
  background: none;
  padding: 0px;
  color: #666;
}
form .alert li a,
div.form .alert li a {
  color: #666;
}
form .alert p,
div.form .alert p {
  color: #666;
}
form table label,
div.form table label,
form table h6.label,
div.form table h6.label {
  font-size: inherit;
  font-weight: inherit;
  width: auto;
  float: none;
  display: inline;
}
form table input,
div.form table input {
  float: none;
  max-width: none;
}
form table input[type="checkbox"],
div.form table input[type="checkbox"] {
  width: auto;
  height: auto;
}
@media (max-width: 620px) {
  form label,
  div.form label,
  form h6.label,
  div.form h6.label {
    font-size: 1em;
    font-weight: bold;
    color: inherit;
    margin: 0 2% 0 0;
    width: 28%;
    float: left;
    display: inline;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0 0 5px;
  }
  form label small,
  div.form label small,
  form h6.label small,
  div.form h6.label small {
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    font-style: italic;
  }
  form label small.success,
  div.form label small.success,
  form h6.label small.success,
  div.form h6.label small.success {
    color: #0A0;
    font-weight: bold;
    font-style: normal;
  }
  form label small.warning,
  div.form label small.warning,
  form h6.label small.warning,
  div.form h6.label small.warning {
    color: #D40;
    font-weight: bold;
    font-style: normal;
  }
  form label.disabled,
  div.form label.disabled,
  form h6.label.disabled,
  div.form h6.label.disabled {
    color: #999;
  }
  form label.disabled small,
  div.form label.disabled small,
  form h6.label.disabled small,
  div.form h6.label.disabled small {
    color: #AAA;
  }
  form label.disabled small.success,
  div.form label.disabled small.success,
  form h6.label.disabled small.success,
  div.form h6.label.disabled small.success {
    color: #ACA;
  }
  form label.disabled small.warning,
  div.form label.disabled small.warning,
  form h6.label.disabled small.warning,
  div.form h6.label.disabled small.warning {
    color: #DBA;
  }
  form input,
  div.form input,
  form select,
  div.form select {
    border: 1px solid #aaa;
    margin: 0;
    padding: 0 5px;
    font-size: inherit;
    font-family: inherit;
    line-height: 2em;
    height: 2em;
    max-width: 70%;
    width: auto;
    box-sizing: border-box;
    width: 70%;
    float: left;
    display: inline;
    display: block;
    width: 100%;
    max-width: 100%;
  }
  form input:not([size]),
  div.form input:not([size]),
  form select:not([size]),
  div.form select:not([size]) {
    width: 100%;
  }
  form textarea[cols="50"],
  div.form textarea[cols="50"],
  form input[size="50"],
  div.form input[size="50"] {
    width: 100%;
  }
  form textarea,
  div.form textarea,
  form input,
  div.form input,
  form select,
  div.form select {
    max-width: 100%;
  }
  form textarea.tall,
  div.form textarea.tall {
    min-height: 18em;
  }
  form .button,
  div.form .button,
  form input[type=submit],
  div.form input[type=submit],
  form input[type=button],
  div.form input[type=button] {
    width: auto;
  }
  form div.group,
  div.form div.group {
    width: 70%;
    float: left;
    display: inline;
    display: block;
    width: 100%;
  }
  form div.part h6,
  div.form div.part h6 {
    font-size: 1em;
    font-weight: bold;
    color: inherit;
    margin: 0 2% 0 0;
    width: 28%;
    float: left;
    display: inline;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0 0 5px;
  }
  form div.part h6 small,
  div.form div.part h6 small {
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    font-style: italic;
  }
  form div.part h6 small.success,
  div.form div.part h6 small.success {
    color: #0A0;
    font-weight: bold;
    font-style: normal;
  }
  form div.part h6 small.warning,
  div.form div.part h6 small.warning {
    color: #D40;
    font-weight: bold;
    font-style: normal;
  }
  form div.part h6.disabled,
  div.form div.part h6.disabled {
    color: #999;
  }
  form div.part h6.disabled small,
  div.form div.part h6.disabled small {
    color: #AAA;
  }
  form div.part h6.disabled small.success,
  div.form div.part h6.disabled small.success {
    color: #ACA;
  }
  form div.part h6.disabled small.warning,
  div.form div.part h6.disabled small.warning {
    color: #DBA;
  }
  form div.part.checkbox > label,
  div.form div.part.checkbox > label {
    width: 93%;
  }
  form div.part.eventWithTimeEntry .seedWrap,
  div.form div.part.eventWithTimeEntry .seedWrap,
  form div.part.event .seedWrap,
  div.form div.part.event .seedWrap {
    width: 93%;
  }
  form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
  div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
  form div.part.event.withPartnerEntry .partnerSelectWrap,
  div.form div.part.event.withPartnerEntry .partnerSelectWrap {
    width: 93%;
  }
  form div.part div.input,
  div.form div.part div.input {
    max-width: 100%;
    width: 100%;
  }
  form div.part div.input input,
  div.form div.part div.input input {
    max-width: 100% !important;
  }
  form div.part div.input.searchSelect,
  div.form div.part div.input.searchSelect {
    position: relative;
    width: 100%;
    max-width: none;
  }
  .formError {
    margin-left: 0;
    margin-right: 0;
  }
  .triplet .section {
    margin: 0 0 1em;
    float: none;
    display: block;
    width: auto;
  }
}
@media (max-width: 480px) {
  form div.part.artButton a,
  div.form div.part.artButton a {
    display: block;
    margin-bottom: 5px;
  }
  form div.part.artButton a:last-child,
  div.form div.part.artButton a:last-child {
    margin: bottom: 0;
  }
  form div.part.checkbox,
  div.form div.part.checkbox {
    display: block;
    zoom: 1;
  }
  form div.part.checkbox:after,
  div.form div.part.checkbox:after {
    content: " ";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    visibility: hidden;
  }
  form div.part.checkbox > label,
  div.form div.part.checkbox > label {
    width: 87%;
  }
  form div.part.eventWithTimeEntry .seedWrap,
  div.form div.part.eventWithTimeEntry .seedWrap,
  form div.part.event .seedWrap,
  div.form div.part.event .seedWrap {
    width: 87%;
  }
  form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
  div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
  form div.part.event.withPartnerEntry .partnerSelectWrap,
  div.form div.part.event.withPartnerEntry .partnerSelectWrap {
    width: 87%;
  }
  form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment,
  div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment,
  form div.part.event.withPartnerEntry .partnerSelectWrap .segment,
  div.form div.part.event.withPartnerEntry .partnerSelectWrap .segment {
    width: auto !important;
  }
  form div.part div.group div.part.checkbox > label,
  div.form div.part div.group div.part.checkbox > label {
    width: 90%;
  }
  form div.part div.pair,
  div.form div.part div.pair {
    display: block;
    zoom: 1;
  }
  form div.part div.pair:after,
  div.form div.part div.pair:after {
    content: " ";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    visibility: hidden;
  }
  form div.part div.pair div.part,
  div.form div.part div.pair div.part,
  form div.part div.pair div.part:first-child,
  div.form div.part div.pair div.part:first-child,
  form div.part div.pair div.part:last-child,
  div.form div.part div.pair div.part:last-child {
    padding: 10px 0;
    width: 100%;
    float: none;
    display: block;
  }
  form div.part div.pair div.part:first-child,
  div.form div.part div.pair div.part:first-child,
  form div.part div.pair div.part:first-child:first-child,
  div.form div.part div.pair div.part:first-child:first-child,
  form div.part div.pair div.part:last-child:first-child,
  div.form div.part div.pair div.part:last-child:first-child {
    margin-right: 0;
  }
  form div.part div.pair div.part.checkbox > label,
  div.form div.part div.pair div.part.checkbox > label,
  form div.part div.pair div.part:first-child.checkbox > label,
  div.form div.part div.pair div.part:first-child.checkbox > label,
  form div.part div.pair div.part:last-child.checkbox > label,
  div.form div.part div.pair div.part:last-child.checkbox > label {
    width: 87%;
  }
  form div.part div.pair:first-child div.part:first-child,
  div.form div.part div.pair:first-child div.part:first-child {
    padding-top: 0;
  }
  form div.pair,
  div.form div.pair {
    display: block;
    zoom: 1;
  }
  form div.pair:after,
  div.form div.pair:after {
    content: " ";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    visibility: hidden;
  }
  form div.pair div.part,
  div.form div.pair div.part {
    width: 100%;
    float: none;
    display: block;
  }
  form div.pair div.part:first-child,
  div.form div.pair div.part:first-child {
    margin-right: 0;
  }
  form div.pair div.part.checkbox > label,
  div.form div.pair div.part.checkbox > label {
    width: 87%;
  }
  .twin .section {
    width: auto;
    float: none;
    display: block;
  }
  .twin .section:first-child {
    float: none;
  }
}
.lockAtStandardSize form form,
.lockAtStandardSize div.form form,
.lockAtStandardSize form div.form,
.lockAtStandardSize div.form div.form {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 5px 0;
  margin: 5px 0 15px;
}
.lockAtStandardSize form p.error,
.lockAtStandardSize div.form p.error {
  background: #FDD;
  color: #D40;
  font-weight: bold;
  padding: 5px;
}
.lockAtStandardSize form p.success,
.lockAtStandardSize div.form p.success {
  background: #DFD;
  color: #090;
  font-weight: bold;
  padding: 5px;
}
.lockAtStandardSize form label,
.lockAtStandardSize div.form label,
.lockAtStandardSize form h6.label,
.lockAtStandardSize div.form h6.label {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
}
.lockAtStandardSize form label small,
.lockAtStandardSize div.form label small,
.lockAtStandardSize form h6.label small,
.lockAtStandardSize div.form h6.label small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
.lockAtStandardSize form label small.success,
.lockAtStandardSize div.form label small.success,
.lockAtStandardSize form h6.label small.success,
.lockAtStandardSize div.form h6.label small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
.lockAtStandardSize form label small.warning,
.lockAtStandardSize div.form label small.warning,
.lockAtStandardSize form h6.label small.warning,
.lockAtStandardSize div.form h6.label small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
.lockAtStandardSize form label.disabled,
.lockAtStandardSize div.form label.disabled,
.lockAtStandardSize form h6.label.disabled,
.lockAtStandardSize div.form h6.label.disabled {
  color: #999;
}
.lockAtStandardSize form label.disabled small,
.lockAtStandardSize div.form label.disabled small,
.lockAtStandardSize form h6.label.disabled small,
.lockAtStandardSize div.form h6.label.disabled small {
  color: #AAA;
}
.lockAtStandardSize form label.disabled small.success,
.lockAtStandardSize div.form label.disabled small.success,
.lockAtStandardSize form h6.label.disabled small.success,
.lockAtStandardSize div.form h6.label.disabled small.success {
  color: #ACA;
}
.lockAtStandardSize form label.disabled small.warning,
.lockAtStandardSize div.form label.disabled small.warning,
.lockAtStandardSize form h6.label.disabled small.warning,
.lockAtStandardSize div.form h6.label.disabled small.warning {
  color: #DBA;
}
.lockAtStandardSize form input,
.lockAtStandardSize div.form input,
.lockAtStandardSize form select,
.lockAtStandardSize div.form select {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  float: left;
  display: inline;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
}
.lockAtStandardSize form select,
.lockAtStandardSize div.form select {
  line-height: 1.1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
.lockAtStandardSize form select[multiple],
.lockAtStandardSize div.form select[multiple] {
  height: auto;
}
.lockAtStandardSize form textarea,
.lockAtStandardSize div.form textarea {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  float: left;
  display: inline;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  min-height: 4em;
}
.lockAtStandardSize form textarea.tall,
.lockAtStandardSize div.form textarea.tall {
  min-height: 14em;
}
.lockAtStandardSize form textarea[cols="50"],
.lockAtStandardSize div.form textarea[cols="50"],
.lockAtStandardSize form input[size="50"],
.lockAtStandardSize div.form input[size="50"] {
  width: 70%;
}
.lockAtStandardSize form select + input[type="submit"],
.lockAtStandardSize div.form select + input[type="submit"],
.lockAtStandardSize form select + input[type="button"],
.lockAtStandardSize div.form select + input[type="button"],
.lockAtStandardSize form select + .button,
.lockAtStandardSize div.form select + .button {
  margin-left: 10px;
}
.lockAtStandardSize form .button,
.lockAtStandardSize div.form .button,
.lockAtStandardSize form input[type=submit],
.lockAtStandardSize div.form input[type=submit],
.lockAtStandardSize form input[type=button],
.lockAtStandardSize div.form input[type=button] {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
}
.lockAtStandardSize form .button:hover,
.lockAtStandardSize div.form .button:hover,
.lockAtStandardSize form input[type=submit]:hover,
.lockAtStandardSize div.form input[type=submit]:hover,
.lockAtStandardSize form input[type=button]:hover,
.lockAtStandardSize div.form input[type=button]:hover {
  background-color: #DDD;
}
.lockAtStandardSize form .toggleButton label,
.lockAtStandardSize div.form .toggleButton label {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
  margin-right: 3px;
  cursor: pointer;
  vertical-align: middle;
}
.lockAtStandardSize form .toggleButton label:hover,
.lockAtStandardSize div.form .toggleButton label:hover {
  background-color: #DDD;
}
.lockAtStandardSize form .toggleButton label.icon,
.lockAtStandardSize div.form .toggleButton label.icon {
  text-indent: -9999px;
  overflow: hidden;
  width: 2em;
  height: 2em;
  background-position: center;
  background-size: 1.5em;
  background-repeat: no-repeat;
}
.lockAtStandardSize form .toggleButton label.no.icon,
.lockAtStandardSize div.form .toggleButton label.no.icon {
  background-image: url('/_/cross.png');
}
.lockAtStandardSize form .toggleButton label.yes.icon,
.lockAtStandardSize div.form .toggleButton label.yes.icon {
  background-image: url('/_/tick.png');
}
.lockAtStandardSize form .toggleButton input,
.lockAtStandardSize div.form .toggleButton input {
  display: none;
}
.lockAtStandardSize form .toggleButton input:checked + label,
.lockAtStandardSize div.form .toggleButton input:checked + label {
  background-color: #666;
  color: #FFF;
}
.lockAtStandardSize form .toggleButton input:checked + label.no,
.lockAtStandardSize div.form .toggleButton input:checked + label.no {
  background-color: #7E2020;
}
.lockAtStandardSize form .toggleButton input:checked + label.no.icon,
.lockAtStandardSize div.form .toggleButton input:checked + label.no.icon {
  background-image: url('/_/cross-white.png');
}
.lockAtStandardSize form .toggleButton input:checked + label.yes,
.lockAtStandardSize div.form .toggleButton input:checked + label.yes {
  background-color: #326B42;
}
.lockAtStandardSize form .toggleButton input:checked + label.yes.icon,
.lockAtStandardSize div.form .toggleButton input:checked + label.yes.icon {
  background-image: url('/_/tick-white.png');
}
.lockAtStandardSize form *:focus,
.lockAtStandardSize div.form *:focus {
  outline: none;
  box-shadow: 0 0 5px 0px #ff8400;
  border-color: #ff8400;
}
.lockAtStandardSize form div.group,
.lockAtStandardSize div.form div.group {
  width: 70%;
  float: left;
  display: inline;
}
.lockAtStandardSize form div.group input,
.lockAtStandardSize div.form div.group input,
.lockAtStandardSize form div.group select,
.lockAtStandardSize div.form div.group select {
  max-width: 100%;
}
.lockAtStandardSize form div.group div.part:first-child,
.lockAtStandardSize div.form div.group div.part:first-child {
  padding-top: 0;
}
.lockAtStandardSize form div.group div.part:last-child,
.lockAtStandardSize div.form div.group div.part:last-child {
  padding-bottom: 0;
}
.lockAtStandardSize form div.group div.pair div.part,
.lockAtStandardSize div.form div.group div.pair div.part {
  padding: 10px 0;
}
.lockAtStandardSize form div.group div.pair:first-child div.part,
.lockAtStandardSize div.form div.group div.pair:first-child div.part {
  padding-top: 0;
}
.lockAtStandardSize form div.group div.pair:last-child div.part,
.lockAtStandardSize div.form div.group div.pair:last-child div.part {
  padding-bottom: 0;
}
.lockAtStandardSize form div.part,
.lockAtStandardSize div.form div.part {
  display: block;
  zoom: 1;
  padding: 10px 0;
}
.lockAtStandardSize form div.part:after,
.lockAtStandardSize div.form div.part:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.lockAtStandardSize form div.part:last-child,
.lockAtStandardSize div.form div.part:last-child {
  border: none;
}
.lockAtStandardSize form div.part.warning,
.lockAtStandardSize div.form div.part.warning {
  padding: 8px 10px;
  margin-bottom: 4px;
  background: #f8e8d5;
  color: #e47b00;
}
.lockAtStandardSize form div.part h6,
.lockAtStandardSize div.form div.part h6 {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  margin: 0 2% 0 0;
  width: 28%;
  float: left;
  display: inline;
  box-sizing: border-box;
}
.lockAtStandardSize form div.part h6 small,
.lockAtStandardSize div.form div.part h6 small {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
.lockAtStandardSize form div.part h6 small.success,
.lockAtStandardSize div.form div.part h6 small.success {
  color: #0A0;
  font-weight: bold;
  font-style: normal;
}
.lockAtStandardSize form div.part h6 small.warning,
.lockAtStandardSize div.form div.part h6 small.warning {
  color: #D40;
  font-weight: bold;
  font-style: normal;
}
.lockAtStandardSize form div.part h6.disabled,
.lockAtStandardSize div.form div.part h6.disabled {
  color: #999;
}
.lockAtStandardSize form div.part h6.disabled small,
.lockAtStandardSize div.form div.part h6.disabled small {
  color: #AAA;
}
.lockAtStandardSize form div.part h6.disabled small.success,
.lockAtStandardSize div.form div.part h6.disabled small.success {
  color: #ACA;
}
.lockAtStandardSize form div.part h6.disabled small.warning,
.lockAtStandardSize div.form div.part h6.disabled small.warning {
  color: #DBA;
}
.lockAtStandardSize form div.part div.part label,
.lockAtStandardSize div.form div.part div.part label {
  font-weight: normal;
}
.lockAtStandardSize form div.part p,
.lockAtStandardSize div.form div.part p {
  display: inline-block;
  margin: 0;
  line-height: 1.2em;
  min-height: 1.2em;
}
.lockAtStandardSize form div.part p.footnote,
.lockAtStandardSize div.form div.part p.footnote {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  display: inline;
  float: left;
  width: 100%;
  margin: 10px 0;
}
.lockAtStandardSize form div.part ul,
.lockAtStandardSize div.form div.part ul {
  padding: 0;
  margin: 3px 0 0 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
}
.lockAtStandardSize form div.part ul li,
.lockAtStandardSize div.form div.part ul li {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.lockAtStandardSize form div.part ul li input,
.lockAtStandardSize div.form div.part ul li input {
  margin-right: 20px;
  vertical-align: middle;
}
.lockAtStandardSize form div.part ul li label,
.lockAtStandardSize div.form div.part ul li label {
  vertical-align: middle;
  font-weight: normal;
}
.lockAtStandardSize form div.part ul li label.default,
.lockAtStandardSize div.form div.part ul li label.default {
  font-weight: bold;
}
.lockAtStandardSize form div.part.dob select,
.lockAtStandardSize div.form div.part.dob select {
  width: auto;
  margin-right: 5px;
}
.lockAtStandardSize form div.part.dob select:last-child,
.lockAtStandardSize div.form div.part.dob select:last-child {
  margin: 0;
}
.lockAtStandardSize form div.part.checkbox,
.lockAtStandardSize div.form div.part.checkbox {
  display: block;
  zoom: 1;
}
.lockAtStandardSize form div.part.checkbox:after,
.lockAtStandardSize div.form div.part.checkbox:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.lockAtStandardSize form div.part.checkbox > input,
.lockAtStandardSize div.form div.part.checkbox > input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
}
.lockAtStandardSize form div.part.checkbox > label,
.lockAtStandardSize div.form div.part.checkbox > label {
  float: right;
  display: inline;
  width: 95%;
  margin: 0;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part,
.lockAtStandardSize form div.part.charity-select div.group div.part,
.lockAtStandardSize div.form div.part.charity-select div.group div.part {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 15px 30px;
  margin-bottom: 10px;
  color: #999;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part label,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part label,
.lockAtStandardSize form div.part.charity-select div.group div.part label,
.lockAtStandardSize div.form div.part.charity-select div.group div.part label {
  font-weight: bold;
  display: block;
  width: auto;
  color: inherit;
  margin: 0;
  float: none;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part p,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part p,
.lockAtStandardSize form div.part.charity-select div.group div.part p,
.lockAtStandardSize div.form div.part.charity-select div.group div.part p {
  font-weight: normal;
  display: block;
  width: auto;
  color: inherit;
  padding-top: 10px;
  float: none;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part img,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part img,
.lockAtStandardSize form div.part.charity-select div.group div.part img,
.lockAtStandardSize div.form div.part.charity-select div.group div.part img {
  opacity: 0.3;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part input,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part input,
.lockAtStandardSize form div.part.charity-select div.group div.part input,
.lockAtStandardSize div.form div.part.charity-select div.group div.part input {
  display: none;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part.selected,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part.selected,
.lockAtStandardSize form div.part.charity-select div.group div.part.selected,
.lockAtStandardSize div.form div.part.charity-select div.group div.part.selected {
  color: #333;
  border-color: #333;
  border-width: 1px 1px 1px 11px;
  padding-left: 20px;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part.with-image,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part.with-image,
.lockAtStandardSize form div.part.charity-select div.group div.part.with-image,
.lockAtStandardSize div.form div.part.charity-select div.group div.part.with-image {
  position: relative;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part.with-image img,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part.with-image img,
.lockAtStandardSize form div.part.charity-select div.group div.part.with-image img,
.lockAtStandardSize div.form div.part.charity-select div.group div.part.with-image img {
  position: absolute;
  left: 30px;
  top: 15px;
  max-width: 100px;
  max-height: 65%;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part.with-image.selected img,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part.with-image.selected img,
.lockAtStandardSize form div.part.charity-select div.group div.part.with-image.selected img,
.lockAtStandardSize div.form div.part.charity-select div.group div.part.with-image.selected img {
  left: 20px;
  opacity: 1;
}
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part.with-image label,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part.with-image label,
.lockAtStandardSize form div.part.charity-select div.group div.part.with-image label,
.lockAtStandardSize div.form div.part.charity-select div.group div.part.with-image label,
.lockAtStandardSize form div.part.detailed-checkbox div.group div.part.with-image p,
.lockAtStandardSize div.form div.part.detailed-checkbox div.group div.part.with-image p,
.lockAtStandardSize form div.part.charity-select div.group div.part.with-image p,
.lockAtStandardSize div.form div.part.charity-select div.group div.part.with-image p {
  padding-left: 100px;
  margin-left: 30px;
}
.lockAtStandardSize form div.part.artButton,
.lockAtStandardSize div.form div.part.artButton {
  text-align: center;
}
.lockAtStandardSize form div.part.artButton a,
.lockAtStandardSize div.form div.part.artButton a {
  display: inline-block;
  border: 1px solid #AAAAAA;
  padding: 30px;
  border-radius: 10px;
  background: #EEEEEE;
  color: #000 !important;
  font-size: 1.1em;
}
.lockAtStandardSize form div.part div.input,
.lockAtStandardSize div.form div.part div.input {
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  width: 70%;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  display: inline;
  float: left;
  margin-top: 5px;
}
.lockAtStandardSize form div.part div.input input,
.lockAtStandardSize div.form div.part div.input input {
  background: none !important;
  border: none !important;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 1.9em;
  max-width: none !important;
  min-width: 20px;
  width: auto;
}
.lockAtStandardSize form div.part div.input input.long,
.lockAtStandardSize div.form div.part div.input input.long {
  text-align: left;
  min-width: 150px;
}
.lockAtStandardSize form div.part div.input span,
.lockAtStandardSize div.form div.part div.input span {
  float: left;
  display: inline;
  padding: 0;
  line-height: 2em;
  height: 2em;
  font-weight: bold;
  min-width: 0.4em;
}
.lockAtStandardSize form div.part div.input.searchSelect,
.lockAtStandardSize div.form div.part div.input.searchSelect {
  position: relative;
  width: 70%;
}
.lockAtStandardSize form div.part div.input.searchSelect.focus,
.lockAtStandardSize div.form div.part div.input.searchSelect.focus {
  box-shadow: 0 0 5px 0px #ff8400;
  border-color: #ff8400;
}
.lockAtStandardSize form div.part div.input.searchSelect input,
.lockAtStandardSize div.form div.part div.input.searchSelect input {
  text-align: left;
  width: 100%;
}
.lockAtStandardSize form div.part div.input.searchSelect input:focus,
.lockAtStandardSize div.form div.part div.input.searchSelect input:focus {
  box-shadow: none;
}
.lockAtStandardSize form div.part div.input.searchSelect input.unselected,
.lockAtStandardSize div.form div.part div.input.searchSelect input.unselected {
  color: #BBB;
}
.lockAtStandardSize form div.part div.input.searchSelect input.editing,
.lockAtStandardSize div.form div.part div.input.searchSelect input.editing {
  color: #999;
}
.lockAtStandardSize form div.part div.input.searchSelect span,
.lockAtStandardSize div.form div.part div.input.searchSelect span {
  position: absolute;
  left: 5px;
  top: 0;
}
.lockAtStandardSize form div.part div.input.searchSelect.focus input,
.lockAtStandardSize div.form div.part div.input.searchSelect.focus input {
  padding-left: 5em;
}
.lockAtStandardSize form div.part div.input.searchSelect ul,
.lockAtStandardSize div.form div.part div.input.searchSelect ul {
  position: absolute;
  top: 100%;
  border: 1px solid #000;
  left: -1px;
  right: -1px;
  z-index: 100000;
  max-height: 300px;
  overflow: auto;
}
.lockAtStandardSize form div.part div.input.searchSelect ul li,
.lockAtStandardSize div.form div.part div.input.searchSelect ul li {
  display: block;
}
.lockAtStandardSize form div.part div.input.searchSelect ul li a,
.lockAtStandardSize div.form div.part div.input.searchSelect ul li a {
  font-weight: normal;
  color: #999;
  text-decoration: none;
  display: block;
  padding: 3px 5px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
}
.lockAtStandardSize form div.part div.input.searchSelect ul li a:hover,
.lockAtStandardSize div.form div.part div.input.searchSelect ul li a:hover {
  text-decoration: underline;
  background: #DDD;
  background: rgba(221, 221, 221, 0.9);
}
.lockAtStandardSize form div.part div.input.searchSelect ul li.selected a,
.lockAtStandardSize div.form div.part div.input.searchSelect ul li.selected a {
  background: #BBB;
  color: #333;
}
.lockAtStandardSize form div.part div.input.error,
.lockAtStandardSize div.form div.part div.input.error,
.lockAtStandardSize form div.part div.input.error.focus,
.lockAtStandardSize div.form div.part div.input.error.focus {
  box-shadow: 0 0 5px 0px #A00;
  border-color: #A00;
  background: #FDD;
}
.lockAtStandardSize form div.part.eventWithTimeEntry .seedWrap,
.lockAtStandardSize div.form div.part.eventWithTimeEntry .seedWrap,
.lockAtStandardSize form div.part.event .seedWrap,
.lockAtStandardSize div.form div.part.event .seedWrap {
  display: inline;
  float: right;
  width: 95%;
}
.lockAtStandardSize form div.part.eventWithTimeEntry .seedWrap div.input,
.lockAtStandardSize div.form div.part.eventWithTimeEntry .seedWrap div.input,
.lockAtStandardSize form div.part.event .seedWrap div.input,
.lockAtStandardSize div.form div.part.event .seedWrap div.input {
  width: auto;
}
.lockAtStandardSize form div.part.eventWithTimeEntry .seedWrap a.swapUnit,
.lockAtStandardSize div.form div.part.eventWithTimeEntry .seedWrap a.swapUnit,
.lockAtStandardSize form div.part.event .seedWrap a.swapUnit,
.lockAtStandardSize div.form div.part.event .seedWrap a.swapUnit {
  line-height: 2.2em;
  padding: 5px 5px 0;
  float: left;
  display: inline;
}
.lockAtStandardSize form div.part.eventWithTimeEntry .seedWrap label.qual,
.lockAtStandardSize div.form div.part.eventWithTimeEntry .seedWrap label.qual,
.lockAtStandardSize form div.part.event .seedWrap label.qual,
.lockAtStandardSize div.form div.part.event .seedWrap label.qual {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  clear: both;
  float: left;
  display: inline;
  padding-left: 0;
  padding-top: 5px;
  width: 100%;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap {
  margin-top: 5px;
  float: right;
  display: inline;
  width: 95%;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .searchResults a,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .searchResults a,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap .searchResults a,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap .searchResults a {
  font-size: 1em;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap p,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap p {
  width: auto;
  padding: 0 0 5px;
  height: auto;
  display: block;
  float: none;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.error,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.error,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap p.error,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap p.error,
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.success,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap p.success,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap p.success,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap p.success {
  padding: 5px;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h1:first-child,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h1:first-child,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap h1:first-child,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap h1:first-child,
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h2:first-child,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h2:first-child,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap h2:first-child,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap h2:first-child,
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h3:first-child,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h3:first-child,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap h3:first-child,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap h3:first-child,
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4:first-child,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4:first-child,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap h4:first-child,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap h4:first-child,
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h5:first-child,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h5:first-child,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap h5:first-child,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap h5:first-child,
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h6:first-child,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h6:first-child,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap h6:first-child,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap h6:first-child {
  margin-top: 5px;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap h4,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap h4,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap h4 {
  margin-top: 15px;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap div.part,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap div.part,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap div.part,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap div.part {
  padding: 5px 0;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap label,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap label,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap label,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap label {
  width: auto;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap input,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap input,
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap select,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap select,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap select,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap select {
  float: right;
  display: inline;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input.button,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap input.button,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap input.button,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap input.button {
  clear: both;
  margin: 5px 0;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap .segment,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap .segment {
  margin-bottom: 15px;
  border: 1px solid #DDD;
  float: left;
  display: inline;
  padding: 10px;
  width: 308px !important;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment span,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment span,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap .segment span,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap .segment span {
  display: inline;
  float: left;
  width: 100%;
  margin: 2px 0;
}
.lockAtStandardSize form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment input.button,
.lockAtStandardSize div.form div.part.eventWithTimeEntry.withPartnerEntry .partnerSelectWrap .segment input.button,
.lockAtStandardSize form div.part.event.withPartnerEntry .partnerSelectWrap .segment input.button,
.lockAtStandardSize div.form div.part.event.withPartnerEntry .partnerSelectWrap .segment input.button {
  max-width: 100%;
  clear: none;
  float: right;
  display: inline;
  margin-left: 5px;
}
.lockAtStandardSize form div.part div.group div.part.checkbox > label,
.lockAtStandardSize div.form div.part div.group div.part.checkbox > label {
  width: 94%;
}
.lockAtStandardSize form div.part div.group.searchField,
.lockAtStandardSize div.form div.part div.group.searchField {
  position: relative;
}
.lockAtStandardSize form div.part div.group.searchField input[type=text],
.lockAtStandardSize div.form div.part div.group.searchField input[type=text] {
  width: 100%;
  max-width: 100%;
}
.lockAtStandardSize form div.part div.group.searchField .add,
.lockAtStandardSize div.form div.part div.group.searchField .add {
  position: absolute;
  width: 2.2em;
  overflow: hidden;
  height: 100%;
  text-indent: -99999px;
  background-image: url('/Content/ui-common/images/icon/search.png');
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  right: 0;
  top: 0;
  cursor: pointer;
}
.lockAtStandardSize form div.part div.group.searchField .autoComplete,
.lockAtStandardSize div.form div.part div.group.searchField .autoComplete {
  position: absolute;
  top: 100%;
  right: 0px;
  width: auto;
  left: 0px;
  border: 1px solid #AAA;
  background-color: white;
  padding: 5px;
  z-index: 9999;
}
.lockAtStandardSize form div.part div.group.searchField .autoComplete a,
.lockAtStandardSize div.form div.part div.group.searchField .autoComplete a {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px dotted #AAA;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: black;
}
.lockAtStandardSize form div.part div.group.searchField .autoComplete a small,
.lockAtStandardSize div.form div.part div.group.searchField .autoComplete a small {
  font-size: 0.8em;
  font-weight: normal;
}
.lockAtStandardSize form div.part div.group.searchField .autoComplete a:hover,
.lockAtStandardSize div.form div.part div.group.searchField .autoComplete a:hover {
  color: inherit;
}
.lockAtStandardSize form div.part div.pair,
.lockAtStandardSize div.form div.part div.pair {
  display: block;
  zoom: 1;
}
.lockAtStandardSize form div.part div.pair:after,
.lockAtStandardSize div.form div.part div.pair:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.lockAtStandardSize form div.part div.pair div.part,
.lockAtStandardSize div.form div.part div.pair div.part {
  width: 49%;
  float: left;
  display: inline;
}
.lockAtStandardSize form div.part div.pair div.part:first-child,
.lockAtStandardSize div.form div.part div.pair div.part:first-child {
  margin-right: 2%;
}
.lockAtStandardSize form div.part div.pair div.part.checkbox > label,
.lockAtStandardSize div.form div.part div.pair div.part.checkbox > label {
  width: 90%;
}
.lockAtStandardSize form div.part.wide textarea,
.lockAtStandardSize div.form div.part.wide textarea {
  border: 1px solid #aaa;
  margin: 0;
  padding: 0 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  height: 2em;
  max-width: 70%;
  width: auto;
  box-sizing: border-box;
  width: 70%;
  float: left;
  display: inline;
  display: block;
  width: 100%;
  max-width: 100%;
}
.lockAtStandardSize form div.part.wide textarea:not([size]),
.lockAtStandardSize div.form div.part.wide textarea:not([size]) {
  width: 100%;
}
.lockAtStandardSize form div.pair,
.lockAtStandardSize div.form div.pair {
  display: block;
  zoom: 1;
}
.lockAtStandardSize form div.pair:after,
.lockAtStandardSize div.form div.pair:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.lockAtStandardSize form div.pair div.part,
.lockAtStandardSize div.form div.pair div.part {
  width: 49%;
  float: left;
  display: inline;
}
.lockAtStandardSize form div.pair div.part:first-child,
.lockAtStandardSize div.form div.pair div.part:first-child {
  margin-right: 2%;
}
.lockAtStandardSize form div.pair div.part.checkbox > label,
.lockAtStandardSize div.form div.pair div.part.checkbox > label {
  width: 90%;
}
.lockAtStandardSize form .alert,
.lockAtStandardSize div.form .alert {
  border: 1px solid #AAA;
  padding: 10px 20px;
  background: #F7F7F7;
  font-weight: normal;
}
.lockAtStandardSize form .alert h3,
.lockAtStandardSize div.form .alert h3 {
  border: none;
}
.lockAtStandardSize form .alert ul,
.lockAtStandardSize div.form .alert ul {
  padding: 0;
  list-style: square;
  margin: 0 0 0 20px;
}
.lockAtStandardSize form .alert li,
.lockAtStandardSize div.form .alert li {
  background: none;
  padding: 0px;
  color: #666;
}
.lockAtStandardSize form .alert li a,
.lockAtStandardSize div.form .alert li a {
  color: #666;
}
.lockAtStandardSize form .alert p,
.lockAtStandardSize div.form .alert p {
  color: #666;
}
.lockAtStandardSize form table label,
.lockAtStandardSize div.form table label,
.lockAtStandardSize form table h6.label,
.lockAtStandardSize div.form table h6.label {
  font-size: inherit;
  font-weight: inherit;
  width: auto;
  float: none;
  display: inline;
}
.lockAtStandardSize form table input,
.lockAtStandardSize div.form table input {
  float: none;
  max-width: none;
}
.lockAtStandardSize form table input[type="checkbox"],
.lockAtStandardSize div.form table input[type="checkbox"] {
  width: auto;
  height: auto;
}
._registration .searchResults {
  border-top: 1px dotted #AAA;
  float: none;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
._registration .searchResults a {
  display: block;
  font-size: 0.8em;
  line-height: 1.4em;
  border-bottom: 1px dotted #AAA;
  padding: 5px;
  margin-bottom: 0;
  color: #000;
  text-decoration: none;
}
._registration .searchResults a strong {
  font-size: 1.5em;
  font-weight: bold;
}
._registration .searchResults a small {
  font-size: 0.8em;
  font-weight: normal;
  color: #999;
  font-style: italic;
}
._registration .searchResults a:hover {
  color: inherit;
  background: #EEE;
}
._registration form .alert,
._registration .form .alert {
  margin: 10px 40px 7px;
  clear: both;
  width: 558px;
}
._registration form .alert p,
._registration .form .alert p {
  display: block;
  float: none;
}
._registration form.regoForm {
  clear: both;
}
._registration div.testMode {
  background: #eeeeee url('../_/testMode.png') repeat;
  border: 1px;
  text-align: center;
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  margin-bottom: 1.5em;
  border: 2px solid #aaa;
}
._registration .steps {
  border: 1px solid #AAAAAA;
  background: #eee;
  display: block;
  padding: 0 3px;
  margin: 10px 0 30px;
  list-style: none;
}
._registration .steps:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
}
._registration .steps li {
  position: relative;
  display: inline;
  float: left;
  border-left: 1px solid #777777;
  padding: 0 5px 0 25px;
  margin: 3px 0;
  height: 24px;
  line-height: 24px;
  background: #777777 url('../_/step.png') repeat-x top left;
  color: #000;
}
._registration .steps li a {
  color: inherit;
  text-decoration: none;
}
._registration .steps li a:hover {
  text-decoration: underline;
}
._registration .steps li:first-child {
  padding-left: 5px;
}
._registration .steps li span {
  position: absolute;
  top: 0;
  right: -17px;
  height: 24px;
  width: 17px;
  background: url('../_/stepEnd.png') repeat-x top left;
  z-index: 1;
}
._registration .steps li.current {
  border-left: 1px solid #6e0002;
  color: #FFF;
  background: #000000 url('../_/stepCur.png') repeat-x top left;
}
._registration .steps li.current span {
  background: url('../_/stepCurEnd.png') repeat-x top left;
}
._registration .steps li.future {
  color: #999;
  border-left: 1px solid #a3a3a3;
  background: #a3a3a3 url('../_/stepNew.png') repeat-x top left;
}
._registration .steps li.future span {
  background: url('../_/stepNewEnd.png') repeat-x top left;
}
._registration .substeps {
  list-style: none;
  padding: 0;
  margin: -20px 0 25px 0;
  font-size: 0.85em;
  display: block;
  zoom: 1;
}
._registration .substeps:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._registration .substeps li {
  float: left;
  display: inline;
  padding-right: 10px;
  border-right: 1px solid #bbb;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #333;
}
._registration .substeps li a {
  text-decoration: none;
}
._registration .substeps li.current {
  color: #000;
  text-decoration: underline;
}
._registration .substeps li.future {
  color: #bbb;
}
._registration .substeps li:last-child {
  border: none;
}
._registration div.mainheading {
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #DDD;
  position: relative;
}
._registration div.mainheading h2 {
  margin: 0;
  padding-right: 200px !important;
}
._registration div.mainheading h2 strong {
  font-weight: normal;
  font-size: 0.8em;
  padding-bottom: 0.2em;
  display: block;
}
._registration div.mainheading .username {
  position: absolute;
  right: 0;
  bottom: 3px;
}
._registration div.mainheading .username a {
  display: inline-block;
  font-size: 0.6em;
  padding: 0.3em 1em;
  background: #EEE;
  vertical-align: top;
  text-decoration: none;
  color: black;
  border: 1px solid #AAA;
  border-radius: 5px;
  vertical-align: bottom;
}
._registration div.mainheading .username a:hover {
  background: #DDD;
}
._registration .formArea {
  margin: 30px 0;
  padding: 10px 40px;
  border: 1px #DDD solid;
  position: relative;
}
._registration .formArea .areaHeading {
  float: left;
  padding: 0 10px;
  background: #FFF;
  margin: -25px -10px 0;
  border: none;
  font-size: 17px;
}
._registration .formArea .areaHeading + * {
  clear: left;
}
._registration .genericMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
._registration .genericMemberTable td,
._registration .genericMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
._registration .genericMemberTable td select,
._registration .genericMemberTable th select {
  max-width: none;
}
._registration .genericMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
._registration .genericMemberTable thead td,
._registration .genericMemberTable thead th {
  vertical-align: bottom;
}
._registration .teamList,
._registration .groupMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
._registration .teamList td,
._registration .groupMemberTable td,
._registration .teamList th,
._registration .groupMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
._registration .teamList td select,
._registration .groupMemberTable td select,
._registration .teamList th select,
._registration .groupMemberTable th select {
  max-width: none;
}
._registration .teamList th,
._registration .groupMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
._registration .teamList thead td,
._registration .groupMemberTable thead td,
._registration .teamList thead th,
._registration .groupMemberTable thead th {
  vertical-align: bottom;
}
._registration .teamMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
._registration .teamMemberTable td,
._registration .teamMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
._registration .teamMemberTable td select,
._registration .teamMemberTable th select {
  max-width: none;
}
._registration .teamMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
._registration .teamMemberTable thead td,
._registration .teamMemberTable thead th {
  vertical-align: bottom;
}
._registration .teamMemberTable .pay {
  width: 70px;
  text-align: center;
}
._registration .teamMemberTable .remove {
  text-align: center;
}
._registration .invoiceTable {
  margin: 10px 0;
  border: none;
  width: 100%;
  border-collapse: collapse;
}
._registration .invoiceTable th,
._registration .invoiceTable td {
  text-align: left;
  padding: 2px 5px;
  border: none;
}
._registration .invoiceTable thead th,
._registration .invoiceTable thead td {
  font-weight: bold;
  border-bottom: 5px solid #DDD;
  padding: 5px;
}
._registration .invoiceTable thead .amount,
._registration .invoiceTable tbody .amount {
  text-align: right;
  vertical-align: bottom;
}
._registration .invoiceTable thead .transaction,
._registration .invoiceTable tbody .transaction,
._registration .invoiceTable thead .discountItem,
._registration .invoiceTable tbody .discountItem {
  padding-left: 20px;
}
._registration .invoiceTable thead .transactionDiscount,
._registration .invoiceTable tbody .transactionDiscount {
  padding-left: 40px;
}
._registration .invoiceTable tr.person th,
._registration .invoiceTable tr.person td {
  font-weight: bold;
  border-top: 5px solid #DDD;
}
._registration .invoiceTable tr.total th,
._registration .invoiceTable tr.total td {
  border-top: 5px solid #DDD;
  font-weight: bold;
  text-align: right;
  padding-top: 5px;
}
._registration .invoiceTable tr.tax th,
._registration .invoiceTable tr.tax td {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  text-align: right;
  padding-bottom: 10px;
}
._registration .invoiceTable tr.taxFootnote th,
._registration .invoiceTable tr.taxFootnote td {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  font-size: 0.8em;
  text-align: right;
}
._registration .submit {
  margin-top: 10px;
  display: block;
  zoom: 1;
}
._registration .submit:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._registration .submit button,
._registration .submit input {
  min-width: 100px;
}
._registration .submit .previous {
  float: left;
  background-image: url('../_/back.gif');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  padding-right: 15px;
}
._registration .submit .next {
  float: right;
  background-image: url('../_/next.gif');
  background-position: right center;
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-right: 30px;
}
._registration .submit input[value="Start again"] {
  background-image: url('../_/startover.gif');
  background-position: left center;
  background-repeat: no-repeat;
}
._registration .submit .add {
  background-image: url('../_/add.gif');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  padding-right: 15px;
}
._registration .helper {
  position: absolute;
  height: 15px !important;
  width: 15px !important;
  top: 0;
  left: 3px;
}
._registration .helper .icon {
  height: 15px !important;
  width: 15px !important;
  background: url('../_/helpIcon.png') top left no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
}
._registration .helper .full {
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
  width: 200px !important;
  background: #FFF;
  border: 1px solid #000;
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  font-size: 0.9em;
  z-index: 100;
}
._registration .helper .full strong {
  font-weight: bold;
  margin-bottom: 3px;
  display: block;
}
._registration .helper .full span {
  display: block;
  width: auto !important;
}
._registration .helper:hover .full {
  display: block;
}
._registration div.withHelper {
  position: relative;
}
._registration div.withHelper .helper {
  left: -17px;
  top: 10px;
}
._registration td .helper {
  left: -10px;
  top: 2px;
}
._stack_registration .steps,
._stack_registration .substeps {
  display: none;
}
._min_registration div.mainheading h2 {
  padding-right: 0 !important;
}
._min_registration div.mainheading .username {
  position: static;
}
._min_registration .formArea {
  padding: 10px 20px;
}
._min_registration .formArea .areaHeading {
  padding: 0;
  background: none;
  margin: 5px 0 15px 0;
  font-size: 1.4em;
}
._min_registration .helper {
  width: 95% !important;
}
._min_registration .helper .full {
  width: 100% !important;
}
._min_registration .genericMemberTable {
  width: 100%;
  margin: 10px 0;
  display: block;
  zoom: 1;
}
._min_registration .genericMemberTable:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._min_registration .genericMemberTable thead {
  display: none;
}
._min_registration .genericMemberTable tbody,
._min_registration .genericMemberTable td,
._min_registration .genericMemberTable th,
._min_registration .genericMemberTable tr {
  padding: 0;
  width: 100%;
  display: inline;
  float: left;
  border: none;
}
._min_registration .genericMemberTable tr {
  margin-bottom: 15px;
}
._min_registration .genericMemberTable th,
._min_registration .genericMemberTable td {
  width: auto;
  padding: 0 3px 3px 0;
  font-weight: bold;
}
._min_registration .genericMemberTable .email,
._min_registration .genericMemberTable .position,
._min_registration .genericMemberTable .roll {
  clear: both;
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._min_registration .genericMemberTable .action {
  clear: both;
  width: 100%;
  margin-top: 5px;
  border-top: 1px #AAA solid;
  padding-top: 5px;
}
._min_registration .genericMemberTable .action a {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
  font-size: 0.8em;
}
._min_registration .genericMemberTable .action a:hover {
  background-color: #DDD;
}
._min_registration .teamList,
._min_registration .groupMemberTable {
  width: 100%;
  margin: 10px 0;
  display: block;
  zoom: 1;
}
._min_registration .teamList:after,
._min_registration .groupMemberTable:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._min_registration .teamList thead,
._min_registration .groupMemberTable thead {
  display: none;
}
._min_registration .teamList tbody,
._min_registration .groupMemberTable tbody,
._min_registration .teamList td,
._min_registration .groupMemberTable td,
._min_registration .teamList th,
._min_registration .groupMemberTable th,
._min_registration .teamList tr,
._min_registration .groupMemberTable tr {
  padding: 0;
  width: 100%;
  display: inline;
  float: left;
  border: none;
}
._min_registration .teamList tr,
._min_registration .groupMemberTable tr {
  margin-bottom: 15px;
}
._min_registration .teamList th,
._min_registration .groupMemberTable th,
._min_registration .teamList td,
._min_registration .groupMemberTable td {
  width: auto;
  padding: 0 3px 3px 0;
  font-weight: bold;
}
._min_registration .teamList .email,
._min_registration .groupMemberTable .email,
._min_registration .teamList .position,
._min_registration .groupMemberTable .position,
._min_registration .teamList .roll,
._min_registration .groupMemberTable .roll {
  clear: both;
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._min_registration .teamList .action,
._min_registration .groupMemberTable .action {
  clear: both;
  width: 100%;
  margin-top: 5px;
  border-top: 1px #AAA solid;
  padding-top: 5px;
}
._min_registration .teamList .action a,
._min_registration .groupMemberTable .action a {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
  font-size: 0.8em;
}
._min_registration .teamList .action a:hover,
._min_registration .groupMemberTable .action a:hover {
  background-color: #DDD;
}
._min_registration .teamMemberTable {
  width: 100%;
  margin: 10px 0;
  display: block;
  zoom: 1;
}
._min_registration .teamMemberTable:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._min_registration .teamMemberTable thead {
  display: none;
}
._min_registration .teamMemberTable tbody,
._min_registration .teamMemberTable td,
._min_registration .teamMemberTable th,
._min_registration .teamMemberTable tr {
  padding: 0;
  width: 100%;
  display: inline;
  float: left;
  border: none;
}
._min_registration .teamMemberTable tr {
  margin-bottom: 15px;
}
._min_registration .teamMemberTable th,
._min_registration .teamMemberTable td {
  width: auto;
  padding: 0 3px 3px 0;
  font-weight: bold;
}
._min_registration .teamMemberTable .email,
._min_registration .teamMemberTable .position,
._min_registration .teamMemberTable .roll {
  clear: both;
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
}
._min_registration .teamMemberTable .action {
  clear: both;
  width: 100%;
  margin-top: 5px;
  border-top: 1px #AAA solid;
  padding-top: 5px;
}
._min_registration .teamMemberTable .action a {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #333;
  display: inline-block;
  width: auto;
  font-size: 1em;
  font-size: 0.8em;
}
._min_registration .teamMemberTable .action a:hover {
  background-color: #DDD;
}
._min_registration .teamMemberTable .pay {
  width: 70px;
  text-align: center;
}
._min_registration .teamMemberTable .remove {
  text-align: center;
}
.registration .searchResults {
  border-top: 1px dotted #AAA;
  float: none;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.registration .searchResults a {
  display: block;
  font-size: 0.8em;
  line-height: 1.4em;
  border-bottom: 1px dotted #AAA;
  padding: 5px;
  margin-bottom: 0;
  color: #000;
  text-decoration: none;
}
.registration .searchResults a strong {
  font-size: 1.5em;
  font-weight: bold;
}
.registration .searchResults a small {
  font-size: 0.8em;
  font-weight: normal;
  color: #999;
  font-style: italic;
}
.registration .searchResults a:hover {
  color: inherit;
  background: #EEE;
}
.registration form .alert,
.registration .form .alert {
  margin: 10px 40px 7px;
  clear: both;
  width: 558px;
}
.registration form .alert p,
.registration .form .alert p {
  display: block;
  float: none;
}
.registration form.regoForm {
  clear: both;
}
.registration div.testMode {
  background: #eeeeee url('../_/testMode.png') repeat;
  border: 1px;
  text-align: center;
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  margin-bottom: 1.5em;
  border: 2px solid #aaa;
}
.registration .steps {
  border: 1px solid #AAAAAA;
  background: #eee;
  display: block;
  padding: 0 3px;
  margin: 10px 0 30px;
  list-style: none;
}
.registration .steps:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
}
.registration .steps li {
  position: relative;
  display: inline;
  float: left;
  border-left: 1px solid #777777;
  padding: 0 5px 0 25px;
  margin: 3px 0;
  height: 24px;
  line-height: 24px;
  background: #777777 url('../_/step.png') repeat-x top left;
  color: #000;
}
.registration .steps li a {
  color: inherit;
  text-decoration: none;
}
.registration .steps li a:hover {
  text-decoration: underline;
}
.registration .steps li:first-child {
  padding-left: 5px;
}
.registration .steps li span {
  position: absolute;
  top: 0;
  right: -17px;
  height: 24px;
  width: 17px;
  background: url('../_/stepEnd.png') repeat-x top left;
  z-index: 1;
}
.registration .steps li.current {
  border-left: 1px solid #6e0002;
  color: #FFF;
  background: #000000 url('../_/stepCur.png') repeat-x top left;
}
.registration .steps li.current span {
  background: url('../_/stepCurEnd.png') repeat-x top left;
}
.registration .steps li.future {
  color: #999;
  border-left: 1px solid #a3a3a3;
  background: #a3a3a3 url('../_/stepNew.png') repeat-x top left;
}
.registration .steps li.future span {
  background: url('../_/stepNewEnd.png') repeat-x top left;
}
.registration .substeps {
  list-style: none;
  padding: 0;
  margin: -20px 0 25px 0;
  font-size: 0.85em;
  display: block;
  zoom: 1;
}
.registration .substeps:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.registration .substeps li {
  float: left;
  display: inline;
  padding-right: 10px;
  border-right: 1px solid #bbb;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #333;
}
.registration .substeps li a {
  text-decoration: none;
}
.registration .substeps li.current {
  color: #000;
  text-decoration: underline;
}
.registration .substeps li.future {
  color: #bbb;
}
.registration .substeps li:last-child {
  border: none;
}
.registration div.mainheading {
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #DDD;
  position: relative;
}
.registration div.mainheading h2 {
  margin: 0;
  padding-right: 200px !important;
}
.registration div.mainheading h2 strong {
  font-weight: normal;
  font-size: 0.8em;
  padding-bottom: 0.2em;
  display: block;
}
.registration div.mainheading .username {
  position: absolute;
  right: 0;
  bottom: 3px;
}
.registration div.mainheading .username a {
  display: inline-block;
  font-size: 0.6em;
  padding: 0.3em 1em;
  background: #EEE;
  vertical-align: top;
  text-decoration: none;
  color: black;
  border: 1px solid #AAA;
  border-radius: 5px;
  vertical-align: bottom;
}
.registration div.mainheading .username a:hover {
  background: #DDD;
}
.registration .formArea {
  margin: 30px 0;
  padding: 10px 40px;
  border: 1px #DDD solid;
  position: relative;
}
.registration .formArea .areaHeading {
  float: left;
  padding: 0 10px;
  background: #FFF;
  margin: -25px -10px 0;
  border: none;
  font-size: 17px;
}
.registration .formArea .areaHeading + * {
  clear: left;
}
.registration .genericMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
.registration .genericMemberTable td,
.registration .genericMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
.registration .genericMemberTable td select,
.registration .genericMemberTable th select {
  max-width: none;
}
.registration .genericMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
.registration .genericMemberTable thead td,
.registration .genericMemberTable thead th {
  vertical-align: bottom;
}
.registration .teamList,
.registration .groupMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
.registration .teamList td,
.registration .groupMemberTable td,
.registration .teamList th,
.registration .groupMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
.registration .teamList td select,
.registration .groupMemberTable td select,
.registration .teamList th select,
.registration .groupMemberTable th select {
  max-width: none;
}
.registration .teamList th,
.registration .groupMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
.registration .teamList thead td,
.registration .groupMemberTable thead td,
.registration .teamList thead th,
.registration .groupMemberTable thead th {
  vertical-align: bottom;
}
.registration .teamMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
.registration .teamMemberTable td,
.registration .teamMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
.registration .teamMemberTable td select,
.registration .teamMemberTable th select {
  max-width: none;
}
.registration .teamMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
.registration .teamMemberTable thead td,
.registration .teamMemberTable thead th {
  vertical-align: bottom;
}
.registration .teamMemberTable .pay {
  width: 70px;
  text-align: center;
}
.registration .teamMemberTable .remove {
  text-align: center;
}
.registration .invoiceTable {
  margin: 10px 0;
  border: none;
  width: 100%;
  border-collapse: collapse;
}
.registration .invoiceTable th,
.registration .invoiceTable td {
  text-align: left;
  padding: 2px 5px;
  border: none;
}
.registration .invoiceTable thead th,
.registration .invoiceTable thead td {
  font-weight: bold;
  border-bottom: 5px solid #DDD;
  padding: 5px;
}
.registration .invoiceTable thead .amount,
.registration .invoiceTable tbody .amount {
  text-align: right;
  vertical-align: bottom;
}
.registration .invoiceTable thead .transaction,
.registration .invoiceTable tbody .transaction,
.registration .invoiceTable thead .discountItem,
.registration .invoiceTable tbody .discountItem {
  padding-left: 20px;
}
.registration .invoiceTable thead .transactionDiscount,
.registration .invoiceTable tbody .transactionDiscount {
  padding-left: 40px;
}
.registration .invoiceTable tr.person th,
.registration .invoiceTable tr.person td {
  font-weight: bold;
  border-top: 5px solid #DDD;
}
.registration .invoiceTable tr.total th,
.registration .invoiceTable tr.total td {
  border-top: 5px solid #DDD;
  font-weight: bold;
  text-align: right;
  padding-top: 5px;
}
.registration .invoiceTable tr.tax th,
.registration .invoiceTable tr.tax td {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  text-align: right;
  padding-bottom: 10px;
}
.registration .invoiceTable tr.taxFootnote th,
.registration .invoiceTable tr.taxFootnote td {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  font-size: 0.8em;
  text-align: right;
}
.registration .submit {
  margin-top: 10px;
  display: block;
  zoom: 1;
}
.registration .submit:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.registration .submit button,
.registration .submit input {
  min-width: 100px;
}
.registration .submit .previous {
  float: left;
  background-image: url('../_/back.gif');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  padding-right: 15px;
}
.registration .submit .next {
  float: right;
  background-image: url('../_/next.gif');
  background-position: right center;
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-right: 30px;
}
.registration .submit input[value="Start again"] {
  background-image: url('../_/startover.gif');
  background-position: left center;
  background-repeat: no-repeat;
}
.registration .submit .add {
  background-image: url('../_/add.gif');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  padding-right: 15px;
}
.registration .helper {
  position: absolute;
  height: 15px !important;
  width: 15px !important;
  top: 0;
  left: 3px;
}
.registration .helper .icon {
  height: 15px !important;
  width: 15px !important;
  background: url('../_/helpIcon.png') top left no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
}
.registration .helper .full {
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
  width: 200px !important;
  background: #FFF;
  border: 1px solid #000;
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  font-size: 0.9em;
  z-index: 100;
}
.registration .helper .full strong {
  font-weight: bold;
  margin-bottom: 3px;
  display: block;
}
.registration .helper .full span {
  display: block;
  width: auto !important;
}
.registration .helper:hover .full {
  display: block;
}
.registration div.withHelper {
  position: relative;
}
.registration div.withHelper .helper {
  left: -17px;
  top: 10px;
}
.registration td .helper {
  left: -10px;
  top: 2px;
}
@media (max-width: 620px) {
  .registration .steps,
  .registration .substeps {
    display: none;
  }
}
@media (max-width: 480px) {
  .registration div.mainheading h2 {
    padding-right: 0 !important;
  }
  .registration div.mainheading .username {
    position: static;
  }
  .registration .formArea {
    padding: 10px 20px;
  }
  .registration .formArea .areaHeading {
    padding: 0;
    background: none;
    margin: 5px 0 15px 0;
    font-size: 1.4em;
  }
  .registration .helper {
    width: 95% !important;
  }
  .registration .helper .full {
    width: 100% !important;
  }
  .registration .genericMemberTable {
    width: 100%;
    margin: 10px 0;
    display: block;
    zoom: 1;
  }
  .registration .genericMemberTable:after {
    content: " ";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    visibility: hidden;
  }
  .registration .genericMemberTable thead {
    display: none;
  }
  .registration .genericMemberTable tbody,
  .registration .genericMemberTable td,
  .registration .genericMemberTable th,
  .registration .genericMemberTable tr {
    padding: 0;
    width: 100%;
    display: inline;
    float: left;
    border: none;
  }
  .registration .genericMemberTable tr {
    margin-bottom: 15px;
  }
  .registration .genericMemberTable th,
  .registration .genericMemberTable td {
    width: auto;
    padding: 0 3px 3px 0;
    font-weight: bold;
  }
  .registration .genericMemberTable .email,
  .registration .genericMemberTable .position,
  .registration .genericMemberTable .roll {
    clear: both;
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    font-style: italic;
  }
  .registration .genericMemberTable .action {
    clear: both;
    width: 100%;
    margin-top: 5px;
    border-top: 1px #AAA solid;
    padding-top: 5px;
  }
  .registration .genericMemberTable .action a {
    line-height: normal;
    height: auto;
    padding: 5px 10px;
    border: 1px solid #AAA;
    background-color: #EEE;
    color: #333;
    display: inline-block;
    width: auto;
    font-size: 1em;
    font-size: 0.8em;
  }
  .registration .genericMemberTable .action a:hover {
    background-color: #DDD;
  }
  .registration .teamList,
  .registration .groupMemberTable {
    width: 100%;
    margin: 10px 0;
    display: block;
    zoom: 1;
  }
  .registration .teamList:after,
  .registration .groupMemberTable:after {
    content: " ";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    visibility: hidden;
  }
  .registration .teamList thead,
  .registration .groupMemberTable thead {
    display: none;
  }
  .registration .teamList tbody,
  .registration .groupMemberTable tbody,
  .registration .teamList td,
  .registration .groupMemberTable td,
  .registration .teamList th,
  .registration .groupMemberTable th,
  .registration .teamList tr,
  .registration .groupMemberTable tr {
    padding: 0;
    width: 100%;
    display: inline;
    float: left;
    border: none;
  }
  .registration .teamList tr,
  .registration .groupMemberTable tr {
    margin-bottom: 15px;
  }
  .registration .teamList th,
  .registration .groupMemberTable th,
  .registration .teamList td,
  .registration .groupMemberTable td {
    width: auto;
    padding: 0 3px 3px 0;
    font-weight: bold;
  }
  .registration .teamList .email,
  .registration .groupMemberTable .email,
  .registration .teamList .position,
  .registration .groupMemberTable .position,
  .registration .teamList .roll,
  .registration .groupMemberTable .roll {
    clear: both;
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    font-style: italic;
  }
  .registration .teamList .action,
  .registration .groupMemberTable .action {
    clear: both;
    width: 100%;
    margin-top: 5px;
    border-top: 1px #AAA solid;
    padding-top: 5px;
  }
  .registration .teamList .action a,
  .registration .groupMemberTable .action a {
    line-height: normal;
    height: auto;
    padding: 5px 10px;
    border: 1px solid #AAA;
    background-color: #EEE;
    color: #333;
    display: inline-block;
    width: auto;
    font-size: 1em;
    font-size: 0.8em;
  }
  .registration .teamList .action a:hover,
  .registration .groupMemberTable .action a:hover {
    background-color: #DDD;
  }
  .registration .teamMemberTable {
    width: 100%;
    margin: 10px 0;
    display: block;
    zoom: 1;
  }
  .registration .teamMemberTable:after {
    content: " ";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    visibility: hidden;
  }
  .registration .teamMemberTable thead {
    display: none;
  }
  .registration .teamMemberTable tbody,
  .registration .teamMemberTable td,
  .registration .teamMemberTable th,
  .registration .teamMemberTable tr {
    padding: 0;
    width: 100%;
    display: inline;
    float: left;
    border: none;
  }
  .registration .teamMemberTable tr {
    margin-bottom: 15px;
  }
  .registration .teamMemberTable th,
  .registration .teamMemberTable td {
    width: auto;
    padding: 0 3px 3px 0;
    font-weight: bold;
  }
  .registration .teamMemberTable .email,
  .registration .teamMemberTable .position,
  .registration .teamMemberTable .roll {
    clear: both;
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    font-style: italic;
  }
  .registration .teamMemberTable .action {
    clear: both;
    width: 100%;
    margin-top: 5px;
    border-top: 1px #AAA solid;
    padding-top: 5px;
  }
  .registration .teamMemberTable .action a {
    line-height: normal;
    height: auto;
    padding: 5px 10px;
    border: 1px solid #AAA;
    background-color: #EEE;
    color: #333;
    display: inline-block;
    width: auto;
    font-size: 1em;
    font-size: 0.8em;
  }
  .registration .teamMemberTable .action a:hover {
    background-color: #DDD;
  }
  .registration .teamMemberTable .pay {
    width: 70px;
    text-align: center;
  }
  .registration .teamMemberTable .remove {
    text-align: center;
  }
}
.lockAtStandardSize .registration .searchResults {
  border-top: 1px dotted #AAA;
  float: none;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.lockAtStandardSize .registration .searchResults a {
  display: block;
  font-size: 0.8em;
  line-height: 1.4em;
  border-bottom: 1px dotted #AAA;
  padding: 5px;
  margin-bottom: 0;
  color: #000;
  text-decoration: none;
}
.lockAtStandardSize .registration .searchResults a strong {
  font-size: 1.5em;
  font-weight: bold;
}
.lockAtStandardSize .registration .searchResults a small {
  font-size: 0.8em;
  font-weight: normal;
  color: #999;
  font-style: italic;
}
.lockAtStandardSize .registration .searchResults a:hover {
  color: inherit;
  background: #EEE;
}
.lockAtStandardSize .registration form .alert,
.lockAtStandardSize .registration .form .alert {
  margin: 10px 40px 7px;
  clear: both;
  width: 558px;
}
.lockAtStandardSize .registration form .alert p,
.lockAtStandardSize .registration .form .alert p {
  display: block;
  float: none;
}
.lockAtStandardSize .registration form.regoForm {
  clear: both;
}
.lockAtStandardSize .registration div.testMode {
  background: #eeeeee url('../_/testMode.png') repeat;
  border: 1px;
  text-align: center;
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  margin-bottom: 1.5em;
  border: 2px solid #aaa;
}
.lockAtStandardSize .registration .steps {
  border: 1px solid #AAAAAA;
  background: #eee;
  display: block;
  padding: 0 3px;
  margin: 10px 0 30px;
  list-style: none;
}
.lockAtStandardSize .registration .steps:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
}
.lockAtStandardSize .registration .steps li {
  position: relative;
  display: inline;
  float: left;
  border-left: 1px solid #777777;
  padding: 0 5px 0 25px;
  margin: 3px 0;
  height: 24px;
  line-height: 24px;
  background: #777777 url('../_/step.png') repeat-x top left;
  color: #000;
}
.lockAtStandardSize .registration .steps li a {
  color: inherit;
  text-decoration: none;
}
.lockAtStandardSize .registration .steps li a:hover {
  text-decoration: underline;
}
.lockAtStandardSize .registration .steps li:first-child {
  padding-left: 5px;
}
.lockAtStandardSize .registration .steps li span {
  position: absolute;
  top: 0;
  right: -17px;
  height: 24px;
  width: 17px;
  background: url('../_/stepEnd.png') repeat-x top left;
  z-index: 1;
}
.lockAtStandardSize .registration .steps li.current {
  border-left: 1px solid #6e0002;
  color: #FFF;
  background: #000000 url('../_/stepCur.png') repeat-x top left;
}
.lockAtStandardSize .registration .steps li.current span {
  background: url('../_/stepCurEnd.png') repeat-x top left;
}
.lockAtStandardSize .registration .steps li.future {
  color: #999;
  border-left: 1px solid #a3a3a3;
  background: #a3a3a3 url('../_/stepNew.png') repeat-x top left;
}
.lockAtStandardSize .registration .steps li.future span {
  background: url('../_/stepNewEnd.png') repeat-x top left;
}
.lockAtStandardSize .registration .substeps {
  list-style: none;
  padding: 0;
  margin: -20px 0 25px 0;
  font-size: 0.85em;
  display: block;
  zoom: 1;
}
.lockAtStandardSize .registration .substeps:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.lockAtStandardSize .registration .substeps li {
  float: left;
  display: inline;
  padding-right: 10px;
  border-right: 1px solid #bbb;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #333;
}
.lockAtStandardSize .registration .substeps li a {
  text-decoration: none;
}
.lockAtStandardSize .registration .substeps li.current {
  color: #000;
  text-decoration: underline;
}
.lockAtStandardSize .registration .substeps li.future {
  color: #bbb;
}
.lockAtStandardSize .registration .substeps li:last-child {
  border: none;
}
.lockAtStandardSize .registration div.mainheading {
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #DDD;
  position: relative;
}
.lockAtStandardSize .registration div.mainheading h2 {
  margin: 0;
  padding-right: 200px !important;
}
.lockAtStandardSize .registration div.mainheading h2 strong {
  font-weight: normal;
  font-size: 0.8em;
  padding-bottom: 0.2em;
  display: block;
}
.lockAtStandardSize .registration div.mainheading .username {
  position: absolute;
  right: 0;
  bottom: 3px;
}
.lockAtStandardSize .registration div.mainheading .username a {
  display: inline-block;
  font-size: 0.6em;
  padding: 0.3em 1em;
  background: #EEE;
  vertical-align: top;
  text-decoration: none;
  color: black;
  border: 1px solid #AAA;
  border-radius: 5px;
  vertical-align: bottom;
}
.lockAtStandardSize .registration div.mainheading .username a:hover {
  background: #DDD;
}
.lockAtStandardSize .registration .formArea {
  margin: 30px 0;
  padding: 10px 40px;
  border: 1px #DDD solid;
  position: relative;
}
.lockAtStandardSize .registration .formArea .areaHeading {
  float: left;
  padding: 0 10px;
  background: #FFF;
  margin: -25px -10px 0;
  border: none;
  font-size: 17px;
}
.lockAtStandardSize .registration .formArea .areaHeading + * {
  clear: left;
}
.lockAtStandardSize .registration .genericMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
.lockAtStandardSize .registration .genericMemberTable td,
.lockAtStandardSize .registration .genericMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
.lockAtStandardSize .registration .genericMemberTable td select,
.lockAtStandardSize .registration .genericMemberTable th select {
  max-width: none;
}
.lockAtStandardSize .registration .genericMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
.lockAtStandardSize .registration .genericMemberTable thead td,
.lockAtStandardSize .registration .genericMemberTable thead th {
  vertical-align: bottom;
}
.lockAtStandardSize .registration .teamList,
.lockAtStandardSize .registration .groupMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
.lockAtStandardSize .registration .teamList td,
.lockAtStandardSize .registration .groupMemberTable td,
.lockAtStandardSize .registration .teamList th,
.lockAtStandardSize .registration .groupMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
.lockAtStandardSize .registration .teamList td select,
.lockAtStandardSize .registration .groupMemberTable td select,
.lockAtStandardSize .registration .teamList th select,
.lockAtStandardSize .registration .groupMemberTable th select {
  max-width: none;
}
.lockAtStandardSize .registration .teamList th,
.lockAtStandardSize .registration .groupMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
.lockAtStandardSize .registration .teamList thead td,
.lockAtStandardSize .registration .groupMemberTable thead td,
.lockAtStandardSize .registration .teamList thead th,
.lockAtStandardSize .registration .groupMemberTable thead th {
  vertical-align: bottom;
}
.lockAtStandardSize .registration .teamMemberTable {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: none;
}
.lockAtStandardSize .registration .teamMemberTable td,
.lockAtStandardSize .registration .teamMemberTable th {
  padding: 2px 4px;
  border: none;
  text-align: left;
  vertical-align: middle;
}
.lockAtStandardSize .registration .teamMemberTable td select,
.lockAtStandardSize .registration .teamMemberTable th select {
  max-width: none;
}
.lockAtStandardSize .registration .teamMemberTable th {
  font-weight: bold;
  border-bottom: 1px solid;
}
.lockAtStandardSize .registration .teamMemberTable thead td,
.lockAtStandardSize .registration .teamMemberTable thead th {
  vertical-align: bottom;
}
.lockAtStandardSize .registration .teamMemberTable .pay {
  width: 70px;
  text-align: center;
}
.lockAtStandardSize .registration .teamMemberTable .remove {
  text-align: center;
}
.lockAtStandardSize .registration .invoiceTable {
  margin: 10px 0;
  border: none;
  width: 100%;
  border-collapse: collapse;
}
.lockAtStandardSize .registration .invoiceTable th,
.lockAtStandardSize .registration .invoiceTable td {
  text-align: left;
  padding: 2px 5px;
  border: none;
}
.lockAtStandardSize .registration .invoiceTable thead th,
.lockAtStandardSize .registration .invoiceTable thead td {
  font-weight: bold;
  border-bottom: 5px solid #DDD;
  padding: 5px;
}
.lockAtStandardSize .registration .invoiceTable thead .amount,
.lockAtStandardSize .registration .invoiceTable tbody .amount {
  text-align: right;
  vertical-align: bottom;
}
.lockAtStandardSize .registration .invoiceTable thead .transaction,
.lockAtStandardSize .registration .invoiceTable tbody .transaction,
.lockAtStandardSize .registration .invoiceTable thead .discountItem,
.lockAtStandardSize .registration .invoiceTable tbody .discountItem {
  padding-left: 20px;
}
.lockAtStandardSize .registration .invoiceTable thead .transactionDiscount,
.lockAtStandardSize .registration .invoiceTable tbody .transactionDiscount {
  padding-left: 40px;
}
.lockAtStandardSize .registration .invoiceTable tr.person th,
.lockAtStandardSize .registration .invoiceTable tr.person td {
  font-weight: bold;
  border-top: 5px solid #DDD;
}
.lockAtStandardSize .registration .invoiceTable tr.total th,
.lockAtStandardSize .registration .invoiceTable tr.total td {
  border-top: 5px solid #DDD;
  font-weight: bold;
  text-align: right;
  padding-top: 5px;
}
.lockAtStandardSize .registration .invoiceTable tr.tax th,
.lockAtStandardSize .registration .invoiceTable tr.tax td {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  text-align: right;
  padding-bottom: 10px;
}
.lockAtStandardSize .registration .invoiceTable tr.taxFootnote th,
.lockAtStandardSize .registration .invoiceTable tr.taxFootnote td {
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  font-style: italic;
  font-size: 0.8em;
  text-align: right;
}
.lockAtStandardSize .registration .submit {
  margin-top: 10px;
  display: block;
  zoom: 1;
}
.lockAtStandardSize .registration .submit:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.lockAtStandardSize .registration .submit button,
.lockAtStandardSize .registration .submit input {
  min-width: 100px;
}
.lockAtStandardSize .registration .submit .previous {
  float: left;
  background-image: url('../_/back.gif');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  padding-right: 15px;
}
.lockAtStandardSize .registration .submit .next {
  float: right;
  background-image: url('../_/next.gif');
  background-position: right center;
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-right: 30px;
}
.lockAtStandardSize .registration .submit input[value="Start again"] {
  background-image: url('../_/startover.gif');
  background-position: left center;
  background-repeat: no-repeat;
}
.lockAtStandardSize .registration .submit .add {
  background-image: url('../_/add.gif');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  padding-right: 15px;
}
.lockAtStandardSize .registration .helper {
  position: absolute;
  height: 15px !important;
  width: 15px !important;
  top: 0;
  left: 3px;
}
.lockAtStandardSize .registration .helper .icon {
  height: 15px !important;
  width: 15px !important;
  background: url('../_/helpIcon.png') top left no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
}
.lockAtStandardSize .registration .helper .full {
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
  width: 200px !important;
  background: #FFF;
  border: 1px solid #000;
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  font-size: 0.9em;
  z-index: 100;
}
.lockAtStandardSize .registration .helper .full strong {
  font-weight: bold;
  margin-bottom: 3px;
  display: block;
}
.lockAtStandardSize .registration .helper .full span {
  display: block;
  width: auto !important;
}
.lockAtStandardSize .registration .helper:hover .full {
  display: block;
}
.lockAtStandardSize .registration div.withHelper {
  position: relative;
}
.lockAtStandardSize .registration div.withHelper .helper {
  left: -17px;
  top: 10px;
}
.lockAtStandardSize .registration td .helper {
  left: -10px;
  top: 2px;
}
/*

.portalNav {
	display: none;
}
.portalMain {
	float:left;
	display:inline;
	width:100%;
	padding: 0px;
}
.regoForm p.artButtons {
	width: 100%;
}
.artButtons {
	text-align: center;
}
.artButton {
	display: inline-block;
	border: 1px solid #AAAAAA;
	padding: 30px;
	border-radius: 10px;
	background: #EEEEEE;
	color: #000 !important;
	font-size: 1.1em;
}
.ie6 .artButton,
.ie7 .artButton {
	display: inline;
	zoom: 1;
}


.regoForm {
	float:left;
	display:inline;
	
	p, div.part {
		display:inline;
		float: left;
		margin:8px 0;
		padding: 0;
		border: 0;
	}

	// Actual registration form section (i.e. with border)

		
		// container for pair of rows
		.pair {
			width:558px;
			float:left;
			display:inline;
			clear:both;
		}
		
		// Main container for rows
		p, div.part {
			width:558px;
			position: relative;
		}

		// Generic tweak for select options
		option {
			padding:0 5px;
		}
		label small {
			font-weight: normal;
			font-style: italic;
			color: #777;
		}

		// Standard row type
		.standard{
			label {
				width:192px;
				font-weight:bold;
				float:left;
				display:inline;
			}
			// Field types
			.text,
			.phone {
				margin:0 0 0 20px;
				width:342px;
				border: 1px solid #AAA;
				float:left;
				display:inline;
			}
			.phone{
				width: auto;
				max-width: 342px;
				input{
					border: none;
					padding: 0;
				}
			}
			span.group {
				margin:0 0 0 20px;
				width:342px;
				float:left;
				display:inline;
				
				input {
					border: 1px solid #AAA;
					width: 150px;
					display: inline-block;
					padding: 1px 0;
					margin: 3px 4px 3px 0;
					vertical-align: top;
				}
				
				span.static {
					border: 1px solid #aaa;
					padding: 1px 0;
					display: inline-block;
					margin: 3px 4px 3px 0;
					vertical-align: top;
					width: 150px;
					background: #EEE;
					color: #666;
				}
			}
			textarea {
				margin:0 0 0 20px;
				border: 1px solid #AAA;
				width:340px;
				height:5.5em;
				float:left;
				display:inline;
			}
			.password {
				margin:0 0 0 20px;
				width:342px;
				border: 1px solid #AAA;
				float:left;
				display:inline;
			}
			.checkbox {
				margin:0 0 0 20px;
				float:left;
				display:inline;
			}
			select {
				min-width:120px;
				max-width: 340px;
				margin:0 0 0 20px;
				float:left;
				display:inline;
				&.day, &.month, &.year {
					min-width: 0;
					margin: 0 0 0 20px;
				}
			}
			.readonly {
				margin: 0 20px;
				float: left;
				display: inline;
				width: 310px;
			}
		}
		
		// Individual event entry row type
		.eventWithTimeEntry, .event {
			input.checkbox {
				margin: 0 20px 0 0;
				float: left;
				display: inline;
			}
			label {
				width:192px;
				font-weight:bold;
				float:left;
				display:inline;
			}
			
			.seedWrap {
				display: inline;
				float: left;
				div.input {
					padding-left: 5px;
					padding-right: 5px;
				}
				input,
				div.input {
					display: inline;
					float: left;
					border: 1px solid #AAA;
					margin-left: 30px;
					
					input {
						border: none;
						text-align: center;
						margin: 0;
						padding: 2px 0;
						line-height: 1em;
						height: 1em;
					}
					span {
						float: left;
						display: inline;
						padding: 2px 0;
						line-height: 1em;
					}
				}
				a.swapUnit {
					line-height: 1em;
					padding: 3px;
					float: left;
					display: inline;
				}
				label.qual {
					clear: both;
					float: left;
					display: inline;
					padding-left: 30px;
					padding-top: 4px;
					font-size: 0.8em;
					font-weight: normal;
					width: 100%;
				}
			}
			
			&.withPartnerEntry {
				.partnerSelectWrap {
					float: left;
					display: inline;
					width: 330px;
					
					p {
						width: auto;
						padding: 0 0 5px;
						height: auto;
						display: block;
						float: none;
					}
					
					label {
						width: auto;
					}
					
					input, select {
						float: right;
						display: inline;
					}
					
					input.button {
						clear: both;
						margin: 5px 0; 
					}
					
					.segment {
						margin-bottom: 15px;
						border: 1px solid #DDD;
						float: left;
						display: inline;
						padding: 5px 10px;
						width: 308px !important;
					
						span {
							display: inline;
							float: left;
							width: 100%;
							margin: 2px 0; 
						}
						
						input.button {
							clear: none;
							float: right;
							display: inline;
							margin-left: 5px;
						}
					}
				}
			}
		}

		// Row subtype
		.memberListingCheckbox {
			width:199px;
			padding:0 40px;
			margin: 5px 0;
			
			label {
				float:right;
				display:inline;
				width:169px;

				small {
					display:block;
				}
			}

			input {
				margin:3px 0;
				float:left;
				display:inline;
			}
		}
		
		// row type
		.radioButtons {
			padding:0 61px;
			float:left;
			display:inline;
			span {
				font-weight:bold;
				float:left;
				display:inline;
				width:192px;
			}
			label  {
				float:left;
				display:inline;
				width:150px;
			}
			input  {
				float:left;
				display:inline;
				margin: 0 10px;
			}
		}

		// row type
		.shortField {
			label {
				width:192px;
				font-weight:bold;
				float:left;
				display:inline;
			}
			.text {
				margin:0 0 0 20px;
				border: 1px solid #AAA;
				width:70px;
				float:left;
				display:inline;
			}
		}
		
		// row type
		.dob {
			label {
				width:192px;
				padding-right:20px;
				font-weight:bold;
				float:left;
				display:inline;
			}
			select {
				float:left;
				display:inline;
				margin-right:5px;
			}
			.readonly {
				margin: 0;
			}
		}
	}
	
	// Submit block which sits below rego forms

	
	// Generic style for buttons
	.button {
		width:auto;
		background:#EEE;
		color: #000;
		border:1px solid #AAA;
		display:inline;
		padding:2px 10px;
		
		&:hover {
			background-color:#DDD;
		}
	}
	
	// Special area for buttons not in submit or form area.
	.buttonRow {
		button {
			background:#EEE;
			color: #000;
			border:1px solid #AAA;
			display:inline;
			padding:2px 10px 2px 25px;
		}
		button:hover {
			background-color:#DDD;
		}
		input {
			background:#EEE;
			color: #000;
			border:1px solid #AAA;
			display:inline;
			padding:2px 10px 2px 25px;
		}
		input:hover {
			background-color:#DDD;
		}
	}

	// row type or perhaps container grouping
	.quadCheckboxes{
		span {
			width:346px;
			float:right;
			display:inline;
		}
		.label {
			padding-right:20px;
			width:192px;
			font-weight:bold;
			float:left;
			display:inline;
		}
		label {
			width:62px;
			float:left;
			display:inline;
		}
		.long {
			width:200px;
		}
		.checkbox {
			margin: 0 10px 0 0;
			float:left;
			display:inline;
		}
		.radio {
			margin: 0 10px 0 0;
			float:left;
			display:inline;
		}
	}

	.dualCheckboxes{
		span {
			width:346px;
			float:right;
			display:inline;
		}
		.label {
			padding-right:20px;
			width:192px;
			font-weight:bold;
			float:left;
			display:inline;
		}
		label {
			width:140px;
			float:left;
			display:inline;
		}
		.checkbox {
			margin: 0 10px 0 0;
			float:left;
			display:inline;
		}
		.radio {
			margin: 0 10px 0 0;
			float:left;
			display:inline;
		}
		.readonly {
			width: auto;
			margin: 0;
		}
	}

	.twins {
		float:left;
		display:inline;
		width:640px;
		margin:10px 30px;
		
		.formArea{
			margin:0px 10px;
			width:249px;
	
			.areaHeading {
				width:249px;
			}

			.standard {
				display:inline;
				float:left;
				width:249px;
				
				label {
					width:80px;
				}
				.text {
					width:145px;
				}
				select {
					min-width: 0;
					max-width: 143px;
					margin: 0 0 0 20px;
				}
			}

			.shortField {
				width:249px;
				label {
					width:80px;
				}
			}
		}
	}
	
	// error message
	.errorMsg {
		margin: 12px 0 -4px;
		padding:4px;
		width:548px !important;
		color:#D00;
		background:#FDD;
		font-weight:bold;
		border: 1px dashed #F00;
	}



}



.regoForm .invoice p {
	display: block;
	float: none;
}

.regoForm .formArea.emailInvoiceTables {
	width: 600px;
	padding: 10px 0 0;
	border:none;
	position:static;
}

.dropFormPull {
	z-index:999;
	display: block;
	position:absolute;
	background:#EEE;
	top:1.5em;
	right: 6px;
	width:338px;
	border:1px solid #AAA;
	list-style:none;

	li {
		display:block;
		padding:0px;
		margin:0px;
	}
	a {
		display:block;
		padding:2px 5px;
		color:#000;
		text-decoration:none;
		&:hover {
			background:#CCC;
		}
	}
}

.autoTestResult {
	display: block;
	position:absolute;
	top:1.5em;
	right: 6px;
	width:338px;
	&.err {
		color:#D00;
	}
	&.ok {
		color:#080;
	}
}

#cvv {
	display:none;
	position:fixed;
	top:50px;
	left:50%;
	width:380px;
	padding:10px;
	margin-left:-200px;
	background:url('../_/popup.png');
	z-index:999;

	.popupBody {
		padding:20px;
		background: #FFF;

		h2 {
			margin:0 0 20px;
		}
		
		p {
			float:none !important;
			display:block !important;
		}		
	}
}

.helper {
    position: absolute;
    height: 15px !important;
    width: 15px !important;
    top: 0;
    left: -17px;
	.icon {
        height: 15px !important;
        width: 15px !important;
        background: url('../_/helpIcon.png') top left no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
    }
	.full {
		display: none;
        position: absolute;
        top: 15px;
        left: 0;
        width: 200px !important;
        background: #FFF;
        border: 1px solid #000;
        padding: 10px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.5);
        font-size: 0.9em;
        z-index: 100;
        
        strong {
			font-weight: bold;
			margin-bottom: 3px;
            display: block;
		}
		
		span {
            display: block;
			width: auto !important;
		}
	}
	&:hover {
		.full {
			display: block !important;
		}
	}
}
        
.edit {
	font-size: 0.8em;
}

*/
._portal_full {
  /* 
	 * Portal form overrides 
	 * These should be moved into the main forms area and merged with default rego styles when possible
	 */
  /*
	 * Login page
	 */
  /*
	 * Structure
	 */
  /*
	 * Icons
	 */
  /* 
	 * teams
	 */
  /*
	 * Registrations
	 */
  /*
	table.genericlist, div.genericList table {
		border-collapse: collapse;
		border: none;
		padding: 0;
		margin: 5px 0 1.2em;
		width: 100%;
		
		tr {
			td,
			th {
				text-align: left;
				font-weight: bold;
				
				&.right {
					text-align: right;
				}
				
				&.right {
					a {
						font-weight: bold;
					}
				}
			}
		}
		
		thead {
			td,
			th {
				border-bottom: 2px solid #aaa;
				border-left: none;
				border-right: none;
				border-top: none;
				padding: 2px 5px;
				font-weight: bold;
			}
		}
		tbody {
			td,
			th {
				border-bottom: 1px solid #aaa;
				border-left: none;
				border-right: none;
				border-top: none;
				padding: 5px;
			}
			tr:last-child {
				td,th {
					border-bottom: none;
				}
			}
			tr.total {
				td,th {
					border-top: 2px solid #aaa;
					font-weight: bold;
				}
			}
		}
	}
	
	table.members, div.members table {
		border-collapse: collapse;
		border: none;
		padding: 0;
		margin: 5px 0 1.2em;
		width: 100%;

		thead {
			td,
			th {
				background: #E0E0E0;
				border-bottom: #D9D9D9 solid 1px;
				border-top: #FFFFFF solid 1px;
				border-left: none;
				border-right: none;
				font-weight: bold;
			}
		}
		tbody {
			td,
			th {
				background: #F5F5F5;
				border-bottom: #E0E0E0 solid 1px;
				border-top: #FFFFFF solid 1px;
				border-left: none;
				border-right: none;
			}
			tr.total {
				td,th {
					background: #E0E0E0;
					border-bottom: #D9D9D9 solid 1px;
					border-top: #FFFFFF solid 1px;
					font-weight: bold;
				}
			}
		}
		
		tr {
			td,
			th {
				text-align: left;
				padding: 5px;
				
				&.right {
					text-align: right;
				}
				
				&.right {
					a {
						font-weight: bold;
					}
				}
			}
		}
	}
	*/
}
._portal_full a.button,
._portal_full input.button,
._portal_full input[type=submit],
._portal_full input[type=button],
._portal_full button.button {
  display: inline-block;
  vertical-align: top;
  background: #333;
  border-radius: 3px;
  padding: 8px 15px;
  border: none;
  color: #FFF;
  box-shadow: none;
  font-weight: bold;
  min-width: 75px;
  text-align: center;
  box-sizing: border-box;
}
._portal_full a.button:hover,
._portal_full input.button:hover,
._portal_full input[type=submit]:hover,
._portal_full input[type=button]:hover,
._portal_full button.button:hover {
  background: #666;
}
._portal_full a.button.back,
._portal_full input.button.back,
._portal_full input[type=submit].back,
._portal_full input[type=button].back,
._portal_full button.button.back {
  background-image: url('/_/back-white.png');
  background-repeat: no-repeat;
  background-position: 0.3em 50%;
  background-size: 1.5em 1.5em;
  padding-left: 2.1em;
}
._portal_full a.button.print,
._portal_full input.button.print,
._portal_full input[type=submit].print,
._portal_full input[type=button].print,
._portal_full button.button.print {
  background-image: url('/_/print-white.png');
  background-repeat: no-repeat;
  background-position: 0.5em 50%;
  background-size: 1.5em 1.5em;
  padding-left: 2.5em;
}
._portal_full .loginBox,
._portal_full .resetPassword {
  padding: 0;
  margin: 0 auto 30px;
  display: block;
  /*.part {
			padding: 5px 10px;
			border-top:  1px dotted #aaa;
			
			label {
				margin-bottom: 5px;
				font-weight: bold;
				display: block;
				width: 300px;
			}
			input {
				display: block;
				width: 290px;
				border: 1px solid #aaa;
				padding: 2px 4px;
			}

			#login {
				width:100px;
				background:#EEE;
				border:1px solid #AAA;
				display:inline;
				padding:2px;
			}
			#login:hover {
				background-color:#DDD;
			}
		}*/
}
._portal_full .loginBox h2,
._portal_full .resetPassword h2 {
  margin: 0 0 5px 0;
}
._portal_full .loginBox {
  max-width: 420px;
}
._portal_full .loginBox form {
  margin: 20px 0;
}
._portal_full .portalMain:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
}
._portal_full .ie6to7 .portalMain {
  zoom: 1;
}
._portal_full #userBar {
  position: relative;
  margin: 30px 0;
}
._portal_full #userBar h2 {
  font-size: 2.2em;
  padding-right: 140px !important;
  margin-bottom: 0;
}
._portal_full #userBar h2 .user {
  color: #666;
}
._portal_full #userBar a.button {
  display: block;
  position: absolute;
  right: 0;
  bottom: 50%;
  margin-bottom: -1.5em;
}
._portal_full #userBar p.lastLogin {
  margin: 0;
  color: #666;
  padding-right: 140px !important;
}
._portal_full #sideBar {
  padding: 10px 0;
  width: 25%;
  float: left;
  display: inline;
  border-top: 1px solid #333;
}
._portal_full #mainContainer {
  padding: 10px 0;
  width: 75%;
  float: right;
  display: inline;
  border-top: 1px solid #333;
}
._portal_full #sideBar .menuToggleLabel {
  display: none !important;
}
._portal_full #sideBar #mainNav {
  margin: 0 30px 0 0;
  padding: 0 0 10px;
  list-style: none;
  float: none;
  display: block;
  border-bottom: 1px solid #333;
}
._portal_full #sideBar #mainNav li {
  background: none;
  float: none;
  display: block;
  margin: 10px 0;
  padding: 0;
}
._portal_full #sideBar #mainNav li a {
  display: block;
  font-size: 1.5em;
  line-height: 1em;
  font-weight: bold;
  color: #333;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
._portal_full #sideBar #mainNav li.user {
  padding: 10px 0 0;
  font-size: 0.8em;
}
._portal_full .iconList {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
._portal_full .iconList:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0px;
  font-size: 0px;
  clear: both;
}
._portal_full .ie6to7 .iconList {
  zoom: 1;
}
._portal_full .iconList li {
  float: left;
  display: inline;
  padding: 10px 2%;
  width: 29.3%;
  margin: 0;
}
._portal_full .iconList li a {
  display: inline;
  float: left;
  width: 100%;
}
._portal_full .iconList li a img {
  width: 100%;
}
._portal_full div.team {
  width: 39%;
  float: left;
  display: inline;
  padding: 3%;
  margin: 2%;
  border: 1px dotted #aaa;
  background: #eee;
}
._portal_full div.team p,
._portal_full div.team h4,
._portal_full div.team h3,
._portal_full div.team h2 {
  margin: 0 0 5px;
}
._portal_full div.team.mute {
  background: #ddd;
}
._portal_full div.team.mute p {
  color: #777;
}
._portal_full div.team.mute h4,
._portal_full div.team.mute h3,
._portal_full div.team.mute h2,
._portal_full div.team.mute a {
  color: #AAA;
}
._portal_full div.team.mute h4 a,
._portal_full div.team.mute h3 a,
._portal_full div.team.mute h2 a,
._portal_full div.team.mute a a {
  color: #AAA;
}
._portal_full div.team.mute .warning {
  color: #A55;
}
._portal_full #mainContainer .registrations {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  display: block;
}
._portal_full #mainContainer .registrations li {
  zoom: 1;
  display: block;
  background: #F5F5F5;
  border-bottom: #E0E0E0 solid 1px;
  border-top: #FFFFFF solid 1px;
  padding: 10px;
  margin: 0;
}
._portal_full #mainContainer .registrations li:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._portal_full #mainContainer .registrations li h3 {
  margin: 5px 0;
  padding: 0;
  font-size: 1.2em;
  color: #333;
  border: none;
  font-weight: bold;
}
._portal_full #mainContainer .registrations li p {
  padding: 0;
  margin: 5px 0;
  font-size: 1em;
}
._portal_full #mainContainer .registrations li p.recordType {
  padding: 0 0 0 25px;
  position: relative;
}
._portal_full #mainContainer .registrations li p.recordType:before {
  content: '';
  background: #333;
  height: 5px;
  width: 5px;
  display: block;
  position: absolute;
  top: 0.65em;
  left: 10px;
  margin-top: -3px;
}
._portal_full #mainContainer .registrations li p.recordType small {
  display: block;
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
  color: #777;
}
._portal_full #mainContainer .registrations li p .action {
  font-weight: bold;
}
._portal_full #mainContainer .registrations li a {
  display: block;
  font-size: 1em;
}
._portal_full #mainContainer .registrations li.heading {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
._portal_full #mainContainer .registrations li.linked {
  padding: 0;
}
._portal_full #mainContainer .registrations li.linked a {
  padding: 10px;
  text-decoration: none;
  color: #333;
}
._portal_full #mainContainer .registrations li.linked a:hover {
  text-decoration: underline;
}
._portal_full #mainContainer .registrations li .recordTypes {
  float: left;
  display: inline;
  width: 60%;
}
._portal_full #mainContainer .registrations li .actions {
  float: right;
  display: inline;
  width: 35%;
  margin-top: 5px;
}
._portal_full table {
  border-collapse: collapse;
  border: none;
  padding: 0;
  margin: 5px 0 1.2em;
  width: 100%;
}
._portal_full table tr td,
._portal_full table tr th {
  text-align: left;
  padding: 5px;
}
._portal_full table tr td.right,
._portal_full table tr th.right {
  text-align: right;
}
._portal_full table tr td.right a,
._portal_full table tr th.right a {
  font-weight: bold;
}
._portal_full table thead td,
._portal_full table thead th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
._portal_full table tbody td,
._portal_full table tbody th {
  background: #F5F5F5;
  border-bottom: #E0E0E0 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
}
._portal_full table tbody tr.total td,
._portal_full table tbody tr.total th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  font-weight: bold;
}
._portal_full table tbody tr.heading td,
._portal_full table tbody tr.heading th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
._portal_full table td.icon,
._portal_full table tr.icon {
  width: 1px;
  white-space: nowrap;
}
._portal_full table td.warning,
._portal_full table tr.warning {
  color: #e47b00;
  font-weight: bold;
}
._portal_full table td.error,
._portal_full table tr.error {
  color: #CC0000;
  font-weight: bold;
}
._portal_full table td.success,
._portal_full table tr.success {
  color: #006600;
  font-weight: bold;
}
._portal_full table img {
  padding: 0;
  margin: 0;
}
._portal_full table .secondary tr,
._portal_full table .secondary td {
  background: #E9E9E9;
  border-color: #AAA;
  color: #AAA;
  font-style: italic;
  position: relative;
}
._portal_full table .secondary tr:after,
._portal_full table .secondary td:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  background: #AAA;
  height: 1px;
}
._portal_full table .warning tr,
._portal_full table .warning td {
  background: #f8e8d5;
  color: #e47b00;
  border-color: #e47b00;
  position: relative;
}
._portal_full table .warning tr:after,
._portal_full table .warning td:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  background: #e47b00;
  height: 1px;
}
._portal_full table .moreDetails {
  position: relative;
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  margin: -0.05em 0.5em -0.05em 0;
  background: url('/_/info.png') center no-repeat;
  background-size: contain;
}
._portal_full table .moreDetails span {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -150px;
  text-align: center;
  background: white;
  padding: 10px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  z-index: 9999999;
  width: 300px;
  white-space: normal;
}
._portal_full table .moreDetails:hover span {
  display: block;
}
._portal_full .card {
  border: 1px solid #AAA;
  background: #EEE;
  padding: 0 10px 5px;
  margin: 0 0 10px;
}
._portal_full .card h4 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0 5px;
  margin: 0;
  border-bottom: 1px solid #AAA;
}
._portal_full .card dl {
  vertical-align: top;
  margin: 0;
  padding: 0;
}
._portal_full .card dl dt,
._portal_full .card dl dd {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
}
._portal_full .card dl dt {
  margin-right: 2%;
  width: 20%;
  font-weight: bold;
}
._portal_full .card dl dd {
  width: 25%;
  margin-left: 0;
}
._portal_stack {
  /*#sideBar {
		#mainNav {
			float: left;
			display: inline;
			margin: 0 0 0 -20px;
			padding: 0;
			border-bottom: none;

			li {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				
				a {
					font-size: 1.2em;
					padding: 0 20px;
					margin: 0;
					border-right: 1px solid #333;
				}
				
				&:last-child {
					a {
						border: none;
					}
				}
			}
		}
	}*/
}
._portal_stack #userBar h2 {
  font-size: 1.5em;
}
._portal_stack #sideBar {
  zoom: 1;
  padding: 10px 0;
  width: 100%;
  float: none;
  display: block;
  border-top: 1px solid #333;
}
._portal_stack #sideBar:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
._portal_stack #mainContainer {
  padding: 10px 0;
  width: 100%;
  float: none;
  display: block;
  border-top: 1px solid #333;
}
._portal_stack #sideBar .menuToggleLabel {
  display: block !important;
  background: #333;
  padding: 10px;
  cursor: pointer;
  color: #FFF;
}
._portal_stack #sideBar .menuToggleLabel:before {
  content: 'Show ';
}
._portal_stack #sideBar .menuToggle:checked ~ .menuToggleLabel:before {
  content: 'Hide ';
}
._portal_stack #sideBar #mainNav {
  display: none;
  float: none;
  margin: 0;
  padding: 3px 0 0;
  border-bottom: none;
}
._portal_stack #sideBar #mainNav li {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
}
._portal_stack #sideBar #mainNav li a {
  font-size: 1.3em;
  padding: 5px 10px;
  margin: 0 0 3px;
  border: 1px solid #AAA;
  background: #EEE;
}
._portal_stack #sideBar #mainNav li:last-child a {
  border: 1px solid #AAA;
}
._portal_stack #sideBar .menuToggle:checked ~ #mainNav {
  display: block;
}
._portal_min #userBar h2 {
  font-size: 1.3em;
}
._portal_min div.team {
  width: auto;
  min-width: 89%;
}
._portal_min .card dl dt {
  width: 35%;
}
._portal_min .card dl dd {
  width: 60%;
}
._portal_min #mainContainer .registrations li .recordTypes {
  float: none;
  display: block;
  width: auto;
}
._portal_min #mainContainer .registrations li .actions {
  float: none;
  display: block;
  width: auto;
}
.portal {
  /* 
	 * Portal form overrides 
	 * These should be moved into the main forms area and merged with default rego styles when possible
	 */
  /*
	 * Login page
	 */
  /*
	 * Structure
	 */
  /*
	 * Icons
	 */
  /* 
	 * teams
	 */
  /*
	 * Registrations
	 */
  /*
	table.genericlist, div.genericList table {
		border-collapse: collapse;
		border: none;
		padding: 0;
		margin: 5px 0 1.2em;
		width: 100%;
		
		tr {
			td,
			th {
				text-align: left;
				font-weight: bold;
				
				&.right {
					text-align: right;
				}
				
				&.right {
					a {
						font-weight: bold;
					}
				}
			}
		}
		
		thead {
			td,
			th {
				border-bottom: 2px solid #aaa;
				border-left: none;
				border-right: none;
				border-top: none;
				padding: 2px 5px;
				font-weight: bold;
			}
		}
		tbody {
			td,
			th {
				border-bottom: 1px solid #aaa;
				border-left: none;
				border-right: none;
				border-top: none;
				padding: 5px;
			}
			tr:last-child {
				td,th {
					border-bottom: none;
				}
			}
			tr.total {
				td,th {
					border-top: 2px solid #aaa;
					font-weight: bold;
				}
			}
		}
	}
	
	table.members, div.members table {
		border-collapse: collapse;
		border: none;
		padding: 0;
		margin: 5px 0 1.2em;
		width: 100%;

		thead {
			td,
			th {
				background: #E0E0E0;
				border-bottom: #D9D9D9 solid 1px;
				border-top: #FFFFFF solid 1px;
				border-left: none;
				border-right: none;
				font-weight: bold;
			}
		}
		tbody {
			td,
			th {
				background: #F5F5F5;
				border-bottom: #E0E0E0 solid 1px;
				border-top: #FFFFFF solid 1px;
				border-left: none;
				border-right: none;
			}
			tr.total {
				td,th {
					background: #E0E0E0;
					border-bottom: #D9D9D9 solid 1px;
					border-top: #FFFFFF solid 1px;
					font-weight: bold;
				}
			}
		}
		
		tr {
			td,
			th {
				text-align: left;
				padding: 5px;
				
				&.right {
					text-align: right;
				}
				
				&.right {
					a {
						font-weight: bold;
					}
				}
			}
		}
	}
	*/
}
.portal a.button,
.portal input.button,
.portal input[type=submit],
.portal input[type=button],
.portal button.button {
  display: inline-block;
  vertical-align: top;
  background: #333;
  border-radius: 3px;
  padding: 8px 15px;
  border: none;
  color: #FFF;
  box-shadow: none;
  font-weight: bold;
  min-width: 75px;
  text-align: center;
  box-sizing: border-box;
}
.portal a.button:hover,
.portal input.button:hover,
.portal input[type=submit]:hover,
.portal input[type=button]:hover,
.portal button.button:hover {
  background: #666;
}
.portal a.button.back,
.portal input.button.back,
.portal input[type=submit].back,
.portal input[type=button].back,
.portal button.button.back {
  background-image: url('/_/back-white.png');
  background-repeat: no-repeat;
  background-position: 0.3em 50%;
  background-size: 1.5em 1.5em;
  padding-left: 2.1em;
}
.portal a.button.print,
.portal input.button.print,
.portal input[type=submit].print,
.portal input[type=button].print,
.portal button.button.print {
  background-image: url('/_/print-white.png');
  background-repeat: no-repeat;
  background-position: 0.5em 50%;
  background-size: 1.5em 1.5em;
  padding-left: 2.5em;
}
.portal .loginBox,
.portal .resetPassword {
  padding: 0;
  margin: 0 auto 30px;
  display: block;
  /*.part {
			padding: 5px 10px;
			border-top:  1px dotted #aaa;
			
			label {
				margin-bottom: 5px;
				font-weight: bold;
				display: block;
				width: 300px;
			}
			input {
				display: block;
				width: 290px;
				border: 1px solid #aaa;
				padding: 2px 4px;
			}

			#login {
				width:100px;
				background:#EEE;
				border:1px solid #AAA;
				display:inline;
				padding:2px;
			}
			#login:hover {
				background-color:#DDD;
			}
		}*/
}
.portal .loginBox h2,
.portal .resetPassword h2 {
  margin: 0 0 5px 0;
}
.portal .loginBox {
  max-width: 420px;
}
.portal .loginBox form {
  margin: 20px 0;
}
.portal .portalMain:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
}
.portal .ie6to7 .portalMain {
  zoom: 1;
}
.portal #userBar {
  position: relative;
  margin: 30px 0;
}
.portal #userBar h2 {
  font-size: 2.2em;
  padding-right: 140px !important;
  margin-bottom: 0;
}
.portal #userBar h2 .user {
  color: #666;
}
.portal #userBar a.button {
  display: block;
  position: absolute;
  right: 0;
  bottom: 50%;
  margin-bottom: -1.5em;
}
.portal #userBar p.lastLogin {
  margin: 0;
  color: #666;
  padding-right: 140px !important;
}
.portal #sideBar {
  padding: 10px 0;
  width: 25%;
  float: left;
  display: inline;
  border-top: 1px solid #333;
}
.portal #mainContainer {
  padding: 10px 0;
  width: 75%;
  float: right;
  display: inline;
  border-top: 1px solid #333;
}
.portal #sideBar .menuToggleLabel {
  display: none !important;
}
.portal #sideBar #mainNav {
  margin: 0 30px 0 0;
  padding: 0 0 10px;
  list-style: none;
  float: none;
  display: block;
  border-bottom: 1px solid #333;
}
.portal #sideBar #mainNav li {
  background: none;
  float: none;
  display: block;
  margin: 10px 0;
  padding: 0;
}
.portal #sideBar #mainNav li a {
  display: block;
  font-size: 1.5em;
  line-height: 1em;
  font-weight: bold;
  color: #333;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
.portal #sideBar #mainNav li.user {
  padding: 10px 0 0;
  font-size: 0.8em;
}
.portal .iconList {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.portal .iconList:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0px;
  font-size: 0px;
  clear: both;
}
.portal .ie6to7 .iconList {
  zoom: 1;
}
.portal .iconList li {
  float: left;
  display: inline;
  padding: 10px 2%;
  width: 29.3%;
  margin: 0;
}
.portal .iconList li a {
  display: inline;
  float: left;
  width: 100%;
}
.portal .iconList li a img {
  width: 100%;
}
.portal div.team {
  width: 39%;
  float: left;
  display: inline;
  padding: 3%;
  margin: 2%;
  border: 1px dotted #aaa;
  background: #eee;
}
.portal div.team p,
.portal div.team h4,
.portal div.team h3,
.portal div.team h2 {
  margin: 0 0 5px;
}
.portal div.team.mute {
  background: #ddd;
}
.portal div.team.mute p {
  color: #777;
}
.portal div.team.mute h4,
.portal div.team.mute h3,
.portal div.team.mute h2,
.portal div.team.mute a {
  color: #AAA;
}
.portal div.team.mute h4 a,
.portal div.team.mute h3 a,
.portal div.team.mute h2 a,
.portal div.team.mute a a {
  color: #AAA;
}
.portal div.team.mute .warning {
  color: #A55;
}
.portal #mainContainer .registrations {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  display: block;
}
.portal #mainContainer .registrations li {
  zoom: 1;
  display: block;
  background: #F5F5F5;
  border-bottom: #E0E0E0 solid 1px;
  border-top: #FFFFFF solid 1px;
  padding: 10px;
  margin: 0;
}
.portal #mainContainer .registrations li:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.portal #mainContainer .registrations li h3 {
  margin: 5px 0;
  padding: 0;
  font-size: 1.2em;
  color: #333;
  border: none;
  font-weight: bold;
}
.portal #mainContainer .registrations li p {
  padding: 0;
  margin: 5px 0;
  font-size: 1em;
}
.portal #mainContainer .registrations li p.recordType {
  padding: 0 0 0 25px;
  position: relative;
}
.portal #mainContainer .registrations li p.recordType:before {
  content: '';
  background: #333;
  height: 5px;
  width: 5px;
  display: block;
  position: absolute;
  top: 0.65em;
  left: 10px;
  margin-top: -3px;
}
.portal #mainContainer .registrations li p.recordType small {
  display: block;
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
  color: #777;
}
.portal #mainContainer .registrations li p .action {
  font-weight: bold;
}
.portal #mainContainer .registrations li a {
  display: block;
  font-size: 1em;
}
.portal #mainContainer .registrations li.heading {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
.portal #mainContainer .registrations li.linked {
  padding: 0;
}
.portal #mainContainer .registrations li.linked a {
  padding: 10px;
  text-decoration: none;
  color: #333;
}
.portal #mainContainer .registrations li.linked a:hover {
  text-decoration: underline;
}
.portal #mainContainer .registrations li .recordTypes {
  float: left;
  display: inline;
  width: 60%;
}
.portal #mainContainer .registrations li .actions {
  float: right;
  display: inline;
  width: 35%;
  margin-top: 5px;
}
.portal table {
  border-collapse: collapse;
  border: none;
  padding: 0;
  margin: 5px 0 1.2em;
  width: 100%;
}
.portal table tr td,
.portal table tr th {
  text-align: left;
  padding: 5px;
}
.portal table tr td.right,
.portal table tr th.right {
  text-align: right;
}
.portal table tr td.right a,
.portal table tr th.right a {
  font-weight: bold;
}
.portal table thead td,
.portal table thead th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
.portal table tbody td,
.portal table tbody th {
  background: #F5F5F5;
  border-bottom: #E0E0E0 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
}
.portal table tbody tr.total td,
.portal table tbody tr.total th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  font-weight: bold;
}
.portal table tbody tr.heading td,
.portal table tbody tr.heading th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
.portal table td.icon,
.portal table tr.icon {
  width: 1px;
  white-space: nowrap;
}
.portal table td.warning,
.portal table tr.warning {
  color: #e47b00;
  font-weight: bold;
}
.portal table td.error,
.portal table tr.error {
  color: #CC0000;
  font-weight: bold;
}
.portal table td.success,
.portal table tr.success {
  color: #006600;
  font-weight: bold;
}
.portal table img {
  padding: 0;
  margin: 0;
}
.portal table .secondary tr,
.portal table .secondary td {
  background: #E9E9E9;
  border-color: #AAA;
  color: #AAA;
  font-style: italic;
  position: relative;
}
.portal table .secondary tr:after,
.portal table .secondary td:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  background: #AAA;
  height: 1px;
}
.portal table .warning tr,
.portal table .warning td {
  background: #f8e8d5;
  color: #e47b00;
  border-color: #e47b00;
  position: relative;
}
.portal table .warning tr:after,
.portal table .warning td:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  background: #e47b00;
  height: 1px;
}
.portal table .moreDetails {
  position: relative;
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  margin: -0.05em 0.5em -0.05em 0;
  background: url('/_/info.png') center no-repeat;
  background-size: contain;
}
.portal table .moreDetails span {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -150px;
  text-align: center;
  background: white;
  padding: 10px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  z-index: 9999999;
  width: 300px;
  white-space: normal;
}
.portal table .moreDetails:hover span {
  display: block;
}
.portal .card {
  border: 1px solid #AAA;
  background: #EEE;
  padding: 0 10px 5px;
  margin: 0 0 10px;
}
.portal .card h4 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0 5px;
  margin: 0;
  border-bottom: 1px solid #AAA;
}
.portal .card dl {
  vertical-align: top;
  margin: 0;
  padding: 0;
}
.portal .card dl dt,
.portal .card dl dd {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
}
.portal .card dl dt {
  margin-right: 2%;
  width: 20%;
  font-weight: bold;
}
.portal .card dl dd {
  width: 25%;
  margin-left: 0;
}
@media (max-width: 740px) {
  .portal {
    /*#sideBar {
		#mainNav {
			float: left;
			display: inline;
			margin: 0 0 0 -20px;
			padding: 0;
			border-bottom: none;

			li {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				
				a {
					font-size: 1.2em;
					padding: 0 20px;
					margin: 0;
					border-right: 1px solid #333;
				}
				
				&:last-child {
					a {
						border: none;
					}
				}
			}
		}
	}*/
  }
  .portal #userBar h2 {
    font-size: 1.5em;
  }
  .portal #sideBar {
    zoom: 1;
    padding: 10px 0;
    width: 100%;
    float: none;
    display: block;
    border-top: 1px solid #333;
  }
  .portal #sideBar:after {
    content: " ";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    visibility: hidden;
  }
  .portal #mainContainer {
    padding: 10px 0;
    width: 100%;
    float: none;
    display: block;
    border-top: 1px solid #333;
  }
  .portal #sideBar .menuToggleLabel {
    display: block !important;
    background: #333;
    padding: 10px;
    cursor: pointer;
    color: #FFF;
  }
  .portal #sideBar .menuToggleLabel:before {
    content: 'Show ';
  }
  .portal #sideBar .menuToggle:checked ~ .menuToggleLabel:before {
    content: 'Hide ';
  }
  .portal #sideBar #mainNav {
    display: none;
    float: none;
    margin: 0;
    padding: 3px 0 0;
    border-bottom: none;
  }
  .portal #sideBar #mainNav li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  .portal #sideBar #mainNav li a {
    font-size: 1.3em;
    padding: 5px 10px;
    margin: 0 0 3px;
    border: 1px solid #AAA;
    background: #EEE;
  }
  .portal #sideBar #mainNav li:last-child a {
    border: 1px solid #AAA;
  }
  .portal #sideBar .menuToggle:checked ~ #mainNav {
    display: block;
  }
}
@media (max-width: 480px) {
  .portal #userBar h2 {
    font-size: 1.3em;
  }
  .portal div.team {
    width: auto;
    min-width: 89%;
  }
  .portal .card dl dt {
    width: 35%;
  }
  .portal .card dl dd {
    width: 60%;
  }
  .portal #mainContainer .registrations li .recordTypes {
    float: none;
    display: block;
    width: auto;
  }
  .portal #mainContainer .registrations li .actions {
    float: none;
    display: block;
    width: auto;
  }
}
.lockAtStandardSize .portal {
  /* 
	 * Portal form overrides 
	 * These should be moved into the main forms area and merged with default rego styles when possible
	 */
  /*
	 * Login page
	 */
  /*
	 * Structure
	 */
  /*
	 * Icons
	 */
  /* 
	 * teams
	 */
  /*
	 * Registrations
	 */
  /*
	table.genericlist, div.genericList table {
		border-collapse: collapse;
		border: none;
		padding: 0;
		margin: 5px 0 1.2em;
		width: 100%;
		
		tr {
			td,
			th {
				text-align: left;
				font-weight: bold;
				
				&.right {
					text-align: right;
				}
				
				&.right {
					a {
						font-weight: bold;
					}
				}
			}
		}
		
		thead {
			td,
			th {
				border-bottom: 2px solid #aaa;
				border-left: none;
				border-right: none;
				border-top: none;
				padding: 2px 5px;
				font-weight: bold;
			}
		}
		tbody {
			td,
			th {
				border-bottom: 1px solid #aaa;
				border-left: none;
				border-right: none;
				border-top: none;
				padding: 5px;
			}
			tr:last-child {
				td,th {
					border-bottom: none;
				}
			}
			tr.total {
				td,th {
					border-top: 2px solid #aaa;
					font-weight: bold;
				}
			}
		}
	}
	
	table.members, div.members table {
		border-collapse: collapse;
		border: none;
		padding: 0;
		margin: 5px 0 1.2em;
		width: 100%;

		thead {
			td,
			th {
				background: #E0E0E0;
				border-bottom: #D9D9D9 solid 1px;
				border-top: #FFFFFF solid 1px;
				border-left: none;
				border-right: none;
				font-weight: bold;
			}
		}
		tbody {
			td,
			th {
				background: #F5F5F5;
				border-bottom: #E0E0E0 solid 1px;
				border-top: #FFFFFF solid 1px;
				border-left: none;
				border-right: none;
			}
			tr.total {
				td,th {
					background: #E0E0E0;
					border-bottom: #D9D9D9 solid 1px;
					border-top: #FFFFFF solid 1px;
					font-weight: bold;
				}
			}
		}
		
		tr {
			td,
			th {
				text-align: left;
				padding: 5px;
				
				&.right {
					text-align: right;
				}
				
				&.right {
					a {
						font-weight: bold;
					}
				}
			}
		}
	}
	*/
}
.lockAtStandardSize .portal a.button,
.lockAtStandardSize .portal input.button,
.lockAtStandardSize .portal input[type=submit],
.lockAtStandardSize .portal input[type=button],
.lockAtStandardSize .portal button.button {
  display: inline-block;
  vertical-align: top;
  background: #333;
  border-radius: 3px;
  padding: 8px 15px;
  border: none;
  color: #FFF;
  box-shadow: none;
  font-weight: bold;
  min-width: 75px;
  text-align: center;
  box-sizing: border-box;
}
.lockAtStandardSize .portal a.button:hover,
.lockAtStandardSize .portal input.button:hover,
.lockAtStandardSize .portal input[type=submit]:hover,
.lockAtStandardSize .portal input[type=button]:hover,
.lockAtStandardSize .portal button.button:hover {
  background: #666;
}
.lockAtStandardSize .portal a.button.back,
.lockAtStandardSize .portal input.button.back,
.lockAtStandardSize .portal input[type=submit].back,
.lockAtStandardSize .portal input[type=button].back,
.lockAtStandardSize .portal button.button.back {
  background-image: url('/_/back-white.png');
  background-repeat: no-repeat;
  background-position: 0.3em 50%;
  background-size: 1.5em 1.5em;
  padding-left: 2.1em;
}
.lockAtStandardSize .portal a.button.print,
.lockAtStandardSize .portal input.button.print,
.lockAtStandardSize .portal input[type=submit].print,
.lockAtStandardSize .portal input[type=button].print,
.lockAtStandardSize .portal button.button.print {
  background-image: url('/_/print-white.png');
  background-repeat: no-repeat;
  background-position: 0.5em 50%;
  background-size: 1.5em 1.5em;
  padding-left: 2.5em;
}
.lockAtStandardSize .portal .loginBox,
.lockAtStandardSize .portal .resetPassword {
  padding: 0;
  margin: 0 auto 30px;
  display: block;
  /*.part {
			padding: 5px 10px;
			border-top:  1px dotted #aaa;
			
			label {
				margin-bottom: 5px;
				font-weight: bold;
				display: block;
				width: 300px;
			}
			input {
				display: block;
				width: 290px;
				border: 1px solid #aaa;
				padding: 2px 4px;
			}

			#login {
				width:100px;
				background:#EEE;
				border:1px solid #AAA;
				display:inline;
				padding:2px;
			}
			#login:hover {
				background-color:#DDD;
			}
		}*/
}
.lockAtStandardSize .portal .loginBox h2,
.lockAtStandardSize .portal .resetPassword h2 {
  margin: 0 0 5px 0;
}
.lockAtStandardSize .portal .loginBox {
  max-width: 420px;
}
.lockAtStandardSize .portal .loginBox form {
  margin: 20px 0;
}
.lockAtStandardSize .portal .portalMain:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
}
.lockAtStandardSize .portal .ie6to7 .portalMain {
  zoom: 1;
}
.lockAtStandardSize .portal #userBar {
  position: relative;
  margin: 30px 0;
}
.lockAtStandardSize .portal #userBar h2 {
  font-size: 2.2em;
  padding-right: 140px !important;
  margin-bottom: 0;
}
.lockAtStandardSize .portal #userBar h2 .user {
  color: #666;
}
.lockAtStandardSize .portal #userBar a.button {
  display: block;
  position: absolute;
  right: 0;
  bottom: 50%;
  margin-bottom: -1.5em;
}
.lockAtStandardSize .portal #userBar p.lastLogin {
  margin: 0;
  color: #666;
  padding-right: 140px !important;
}
.lockAtStandardSize .portal #sideBar {
  padding: 10px 0;
  width: 25%;
  float: left;
  display: inline;
  border-top: 1px solid #333;
}
.lockAtStandardSize .portal #mainContainer {
  padding: 10px 0;
  width: 75%;
  float: right;
  display: inline;
  border-top: 1px solid #333;
}
.lockAtStandardSize .portal #sideBar .menuToggleLabel {
  display: none !important;
}
.lockAtStandardSize .portal #sideBar #mainNav {
  margin: 0 30px 0 0;
  padding: 0 0 10px;
  list-style: none;
  float: none;
  display: block;
  border-bottom: 1px solid #333;
}
.lockAtStandardSize .portal #sideBar #mainNav li {
  background: none;
  float: none;
  display: block;
  margin: 10px 0;
  padding: 0;
}
.lockAtStandardSize .portal #sideBar #mainNav li a {
  display: block;
  font-size: 1.5em;
  line-height: 1em;
  font-weight: bold;
  color: #333;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
.lockAtStandardSize .portal #sideBar #mainNav li.user {
  padding: 10px 0 0;
  font-size: 0.8em;
}
.lockAtStandardSize .portal .iconList {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.lockAtStandardSize .portal .iconList:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0px;
  font-size: 0px;
  clear: both;
}
.lockAtStandardSize .portal .ie6to7 .iconList {
  zoom: 1;
}
.lockAtStandardSize .portal .iconList li {
  float: left;
  display: inline;
  padding: 10px 2%;
  width: 29.3%;
  margin: 0;
}
.lockAtStandardSize .portal .iconList li a {
  display: inline;
  float: left;
  width: 100%;
}
.lockAtStandardSize .portal .iconList li a img {
  width: 100%;
}
.lockAtStandardSize .portal div.team {
  width: 39%;
  float: left;
  display: inline;
  padding: 3%;
  margin: 2%;
  border: 1px dotted #aaa;
  background: #eee;
}
.lockAtStandardSize .portal div.team p,
.lockAtStandardSize .portal div.team h4,
.lockAtStandardSize .portal div.team h3,
.lockAtStandardSize .portal div.team h2 {
  margin: 0 0 5px;
}
.lockAtStandardSize .portal div.team.mute {
  background: #ddd;
}
.lockAtStandardSize .portal div.team.mute p {
  color: #777;
}
.lockAtStandardSize .portal div.team.mute h4,
.lockAtStandardSize .portal div.team.mute h3,
.lockAtStandardSize .portal div.team.mute h2,
.lockAtStandardSize .portal div.team.mute a {
  color: #AAA;
}
.lockAtStandardSize .portal div.team.mute h4 a,
.lockAtStandardSize .portal div.team.mute h3 a,
.lockAtStandardSize .portal div.team.mute h2 a,
.lockAtStandardSize .portal div.team.mute a a {
  color: #AAA;
}
.lockAtStandardSize .portal div.team.mute .warning {
  color: #A55;
}
.lockAtStandardSize .portal #mainContainer .registrations {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  display: block;
}
.lockAtStandardSize .portal #mainContainer .registrations li {
  zoom: 1;
  display: block;
  background: #F5F5F5;
  border-bottom: #E0E0E0 solid 1px;
  border-top: #FFFFFF solid 1px;
  padding: 10px;
  margin: 0;
}
.lockAtStandardSize .portal #mainContainer .registrations li:after {
  content: " ";
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  visibility: hidden;
}
.lockAtStandardSize .portal #mainContainer .registrations li h3 {
  margin: 5px 0;
  padding: 0;
  font-size: 1.2em;
  color: #333;
  border: none;
  font-weight: bold;
}
.lockAtStandardSize .portal #mainContainer .registrations li p {
  padding: 0;
  margin: 5px 0;
  font-size: 1em;
}
.lockAtStandardSize .portal #mainContainer .registrations li p.recordType {
  padding: 0 0 0 25px;
  position: relative;
}
.lockAtStandardSize .portal #mainContainer .registrations li p.recordType:before {
  content: '';
  background: #333;
  height: 5px;
  width: 5px;
  display: block;
  position: absolute;
  top: 0.65em;
  left: 10px;
  margin-top: -3px;
}
.lockAtStandardSize .portal #mainContainer .registrations li p.recordType small {
  display: block;
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
  color: #777;
}
.lockAtStandardSize .portal #mainContainer .registrations li p .action {
  font-weight: bold;
}
.lockAtStandardSize .portal #mainContainer .registrations li a {
  display: block;
  font-size: 1em;
}
.lockAtStandardSize .portal #mainContainer .registrations li.heading {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
.lockAtStandardSize .portal #mainContainer .registrations li.linked {
  padding: 0;
}
.lockAtStandardSize .portal #mainContainer .registrations li.linked a {
  padding: 10px;
  text-decoration: none;
  color: #333;
}
.lockAtStandardSize .portal #mainContainer .registrations li.linked a:hover {
  text-decoration: underline;
}
.lockAtStandardSize .portal #mainContainer .registrations li .recordTypes {
  float: left;
  display: inline;
  width: 60%;
}
.lockAtStandardSize .portal #mainContainer .registrations li .actions {
  float: right;
  display: inline;
  width: 35%;
  margin-top: 5px;
}
.lockAtStandardSize .portal table {
  border-collapse: collapse;
  border: none;
  padding: 0;
  margin: 5px 0 1.2em;
  width: 100%;
}
.lockAtStandardSize .portal table tr td,
.lockAtStandardSize .portal table tr th {
  text-align: left;
  padding: 5px;
}
.lockAtStandardSize .portal table tr td.right,
.lockAtStandardSize .portal table tr th.right {
  text-align: right;
}
.lockAtStandardSize .portal table tr td.right a,
.lockAtStandardSize .portal table tr th.right a {
  font-weight: bold;
}
.lockAtStandardSize .portal table thead td,
.lockAtStandardSize .portal table thead th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
.lockAtStandardSize .portal table tbody td,
.lockAtStandardSize .portal table tbody th {
  background: #F5F5F5;
  border-bottom: #E0E0E0 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
}
.lockAtStandardSize .portal table tbody tr.total td,
.lockAtStandardSize .portal table tbody tr.total th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  font-weight: bold;
}
.lockAtStandardSize .portal table tbody tr.heading td,
.lockAtStandardSize .portal table tbody tr.heading th {
  background: #E0E0E0;
  border-bottom: #D9D9D9 solid 1px;
  border-top: #FFFFFF solid 1px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}
.lockAtStandardSize .portal table td.icon,
.lockAtStandardSize .portal table tr.icon {
  width: 1px;
  white-space: nowrap;
}
.lockAtStandardSize .portal table td.warning,
.lockAtStandardSize .portal table tr.warning {
  color: #e47b00;
  font-weight: bold;
}
.lockAtStandardSize .portal table td.error,
.lockAtStandardSize .portal table tr.error {
  color: #CC0000;
  font-weight: bold;
}
.lockAtStandardSize .portal table td.success,
.lockAtStandardSize .portal table tr.success {
  color: #006600;
  font-weight: bold;
}
.lockAtStandardSize .portal table img {
  padding: 0;
  margin: 0;
}
.lockAtStandardSize .portal table .secondary tr,
.lockAtStandardSize .portal table .secondary td {
  background: #E9E9E9;
  border-color: #AAA;
  color: #AAA;
  font-style: italic;
  position: relative;
}
.lockAtStandardSize .portal table .secondary tr:after,
.lockAtStandardSize .portal table .secondary td:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  background: #AAA;
  height: 1px;
}
.lockAtStandardSize .portal table .warning tr,
.lockAtStandardSize .portal table .warning td {
  background: #f8e8d5;
  color: #e47b00;
  border-color: #e47b00;
  position: relative;
}
.lockAtStandardSize .portal table .warning tr:after,
.lockAtStandardSize .portal table .warning td:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  background: #e47b00;
  height: 1px;
}
.lockAtStandardSize .portal table .moreDetails {
  position: relative;
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  margin: -0.05em 0.5em -0.05em 0;
  background: url('/_/info.png') center no-repeat;
  background-size: contain;
}
.lockAtStandardSize .portal table .moreDetails span {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -150px;
  text-align: center;
  background: white;
  padding: 10px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  z-index: 9999999;
  width: 300px;
  white-space: normal;
}
.lockAtStandardSize .portal table .moreDetails:hover span {
  display: block;
}
.lockAtStandardSize .portal .card {
  border: 1px solid #AAA;
  background: #EEE;
  padding: 0 10px 5px;
  margin: 0 0 10px;
}
.lockAtStandardSize .portal .card h4 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0 5px;
  margin: 0;
  border-bottom: 1px solid #AAA;
}
.lockAtStandardSize .portal .card dl {
  vertical-align: top;
  margin: 0;
  padding: 0;
}
.lockAtStandardSize .portal .card dl dt,
.lockAtStandardSize .portal .card dl dd {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
}
.lockAtStandardSize .portal .card dl dt {
  margin-right: 2%;
  width: 20%;
  font-weight: bold;
}
.lockAtStandardSize .portal .card dl dd {
  width: 25%;
  margin-left: 0;
}
@media print {
  .portal {
    /*#sideBar {
		#mainNav {
			float: left;
			display: inline;
			margin: 0 0 0 -20px;
			padding: 0;
			border-bottom: none;

			li {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				
				a {
					font-size: 1.2em;
					padding: 0 20px;
					margin: 0;
					border-right: 1px solid #333;
				}
				
				&:last-child {
					a {
						border: none;
					}
				}
			}
		}
	}*/
  }
  .portal #userBar h2 {
    font-size: 1.5em;
  }
  .portal #sideBar {
    zoom: 1;
    padding: 10px 0;
    width: 100%;
    float: none;
    display: block;
    border-top: 1px solid #333;
  }
  .portal #sideBar:after {
    content: " ";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    visibility: hidden;
  }
  .portal #mainContainer {
    padding: 10px 0;
    width: 100%;
    float: none;
    display: block;
    border-top: 1px solid #333;
  }
  .portal #sideBar .menuToggleLabel {
    display: block !important;
    background: #333;
    padding: 10px;
    cursor: pointer;
    color: #FFF;
  }
  .portal #sideBar .menuToggleLabel:before {
    content: 'Show ';
  }
  .portal #sideBar .menuToggle:checked ~ .menuToggleLabel:before {
    content: 'Hide ';
  }
  .portal #sideBar #mainNav {
    display: none;
    float: none;
    margin: 0;
    padding: 3px 0 0;
    border-bottom: none;
  }
  .portal #sideBar #mainNav li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  .portal #sideBar #mainNav li a {
    font-size: 1.3em;
    padding: 5px 10px;
    margin: 0 0 3px;
    border: 1px solid #AAA;
    background: #EEE;
  }
  .portal #sideBar #mainNav li:last-child a {
    border: 1px solid #AAA;
  }
  .portal #sideBar .menuToggle:checked ~ #mainNav {
    display: block;
  }
  .portal .button {
    display: none !important;
  }
  .portal #sideBar {
    display: none !important;
  }
  .portal table .icon a {
    display: none !important;
  }
}
