/*@base-font_v2_thin: 'Museo Sans Thin';
@base-font_v2_medium: 'Museo Sans Regular';*/
/*@base-font-regular: 'MuseoSans-100';
@base-font-medium: 'MuseoSans-300';
@base-font-semibold: 'MuseoSans-500';
@base-font-bold: 'MuseoSans-500';
@base-font-bolder: 'MuseoSans-700';
@handwritten-font: 'ShadowsIntoLightRegular';
@handwrittern-font-two: 'ShadowsIntoLightTwoRegular';
@cursive-font: 'WisdomScriptRegular';
@museo-slab-medium: 'MuseoSlab-300';
@museo-slab-bolder: 'MuseoSlab-700';
@museo-slab-bolder-italic: 'MuseoSlab-700Italic';
@museo-slab-extra-bold: 'MuseoSlab-900';*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
/* -------- FORMS BEGIN -------- */
.form .field-error {
  color: #CD0F0F;
  display: block;
  font-weight: normal;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
}
.form .label .field-error {
  color: #CD0F0F;
  display: block;
  font-weight: normal;
  margin-left: 0px;
}
.form-field.error .textarea,
.form-field.error .textbox,
.form-field.error .textarea:focus,
.form-field.error .textbox:focus,
.form .error.textarea,
.form .error.textbox,
.form .error.textarea:focus,
.form .error.textbox:focus {
  border-color: 1px solid #FF7373;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: inherit;
}
.character-cap.error {
  color: #CD0F0F;
}
.form .form-description {
  color: #666;
  padding: 0;
  padding: 10px 0px;
}
.form-new-flex.form .form-field {
  margin: 5px 0px;
}
.form .field-html {
  display: -moz-inline-stack;
  display: inline;
  zoom: 1;
  *display: inline;
}
.form .label-help-text {
  color: #666;
  display: block;
  font-size: 13px;
  font-style: inherit;
  font-weight: normal;
}
.form .field-help-text {
  margin: 5px 0 0;
  display: block;
  font-style: inherit;
  font-weight: normal;
}
.form .textarea,
.form .textbox,
.form .file {
  outline: medium none;
  vertical-align: top;
}
.form.border-box-form .textarea,
.form.border-box-form .textbox,
.form.border-box-form .select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form .textarea:focus,
.form .textbox:focus {
  outline: none;
}
.form .textbox.disabled {
  background-color: #eee;
  color: #666;
}
.form .radio-options {
  display: block;
}
.form .radio-option {
  display: block;
  line-height: 18px;
  margin: 0 0 5px 0px;
}
.form .radio-text {
  margin: 0px 0 0;
  font-style: inherit;
  font-weight: normal;
  float: none;
}
.form .radio {
  vertical-align: top;
}
/* uniform radio and checkbox*/
.form .checkbox-field div.checker,
.form .checkbox-field div.checker input {
  float: none;
  display: inline-block;
}
.form .radio-option .radio span,
.form .radio-option .radio span input {
  float: none;
  display: block;
}
.form .element-group {
  border: none;
  padding: 0px;
}
.user-profile-main .left.column2.last-column.element-group {
  margin-left: 15px;
}
.generic-error {
  background: none repeat scroll 0 0 #ffd9d9;
  border: 1px solid #ff7373;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-family: 'Averta-Light-300';
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0px;
  padding: 10px;
}
.generic-error strong,
.generic-error b {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.generic-message {
  background: none repeat scroll 0 0 #EEF8BC;
  border: 1px solid #9AC70D;
  font-weight: bold;
  margin: 10px;
  padding: 10px;
}
.game-message {
  background: none repeat scroll 0 0 #EEF8BC;
  border: 1px solid #9AC70D;
  font-weight: normal;
  margin: 10px;
  padding: 10px;
}
.form .submit-container .button-big {
  margin-top: 20px;
  margin-bottom: 20px;
}
.form .submit-container .button-big .bgc {
  position: relative;
  z-index: 1;
}
.form .submit-container .button-big .bgr {
  position: relative;
}
.button-big .bgc .submit-button {
  background: none no-repeat scroll 0 0 transparent;
  border: 0 solid white;
  color: white;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin: 0 -21px;
  outline: 0 none;
  overflow: visible;
  padding: 0 15px;
  text-align: center;
  vertical-align: top;
  font-size: 22px;
  letter-spacing: 0.05em;
  display: inline-block;
}
.button-big .bgc .submit-button:hover {
  text-decoration: none;
}
.form .privacy-statement {
  padding: 15px 0 0;
}
.form-field .short {
  width: 80px;
}
.form-field .medium {
  width: 250px;
}
.form-field .long {
  width: 450px;
}
.form .textbox.short {
  width: 80px;
}
.form select.short {
  width: 90px;
}
.form select.medium {
  width: 260px;
}
.form select.long {
  width: 460px;
}
.form textarea.medium {
  height: 60px;
  width: 250px;
}
.form textarea.long {
  height: 100px;
  width: 450px;
}
.form .requiredFieldTerm {
  text-transform: uppercase;
}
.form .fancybox-loader-overlay {
  background: url("/images/loader_apps.gif") no-repeat scroll center center white;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: auto;
  z-index: 2000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form .fancybox-loader-overlay .loader-text {
  color: #478082;
  display: block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 28px;
  top: 50%;
  padding: 60px 0 0;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
.modal-new .fancybox-loader-overlay {
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
}
.form .full-width-overlay {
  background: url("/images/loader_apps.gif") no-repeat scroll center center white;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  width: auto;
  z-index: 2000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form .full-width-overlay .loader-text {
  color: #478082;
  display: block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 28px;
  top: 50%;
  padding: 60px 0 0;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
.form .autoupdate-overlay {
  position: absolute;
  right: 0;
  top: 45px;
  width: auto;
  height: 50px;
  z-index: 2000;
}
.form .autoupdate-overlay.loader {
  background: url("/images/loader_apps.gif") no-repeat scroll left center transparent;
  padding: 0 0 0 60px;
}
.form .autoupdate-overlay .loader-text {
  color: #478082;
  display: block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  margin-top: 10px;
}
.ui-dialog.modal-new {
  padding-right: 20px;
  padding-left: 20px;
}
.ui-dialog.modal-new .ui-dialog-titlebar {
  background: transparent;
}
.ui-dialog.modal-new .ui-dialog-title {
  color: #000;
  text-shadow: none;
  border-bottom: 1px solid #ccc;
}
.ui-dialog.modal-new.gated-modal .form.modal-form .header-separator.large {
  background: none;
  display: block;
}
.ui-dialog.modal-new .ui-dialog-titlebar-close {
  background: url("/images/top-button-close.png") no-repeat scroll 0 0 transparent !important;
  width: 17px;
}
.ui-dialog.modal-new.modal-rebrand .ui-dialog-titlebar-close {
  background: url("/images/modals/close-gray-button.png") no-repeat scroll 0 0 / cover transparent !important;
  width: 20px;
  height: 20px;
}
/* -------- FORMS END -------- */
/* -------- SWFUPLOAD BEGIN -------- */
.swfupload-field {
  display: inline-block;
}
.swfupload-file-list {
  margin: 0 0 5px;
}
.swfupload-file-list .thumbnail {
  display: inline-block;
  float: none;
  height: 80px;
  vertical-align: top;
  width: 80px;
}
.swfupload-file-list img {
  max-width: 80px;
  max-height: 80px;
  float: left;
}
.swfupload-field .progressWrapper {
  display: none !important;
}
/* -------- SWFUPLOAD END -------- */
/* -------- placeholders begin -------- */
.form .placeholder {
  color: #999 !important;
  font-style: italic;
}
.form input::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #999 !important;
  font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999 !important;
  font-style: italic;
}
/* -------- placeholders end -------- */
/* -------- ELEMENT WIDTHS BEGIN -------- */
.form .textbox.short {
  width: 50px;
}
/* -------- ELEMENT WIDTHS END -------- */
/* -------- AJAX FORMS BEGIN -------- */
body .ui-dialog {
  float: left;
  /* modal auto width requirement */
  position: absolute;
  /* ignore designer's style, position MUST BE ABSOLUTE */
}
.ui-dialog {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.form .modal-wrapper {
  padding: 0;
  overflow: visible;
}
.form.modal-form {
  min-width: 300px;
  float: none;
  display: block;
  padding: 0 20px;
  margin: 0px;
  overflow: visible;
  text-align: left;
}
.form.modal-form .element-group {
  margin: 0;
  padding: 0;
  float: none;
  display: block;
  width: auto;
  /* IE fieldset does not work with width: 100%; */
  border: none;
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  text-align: left;
}
.form.modal-form .label {
  float: none;
  display: block;
  width: auto;
  color: #333;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 18px;
  text-align: left;
  margin: 5px 0px 0px 0px;
}
.form.modal-form .label .field-error {
  float: right;
}
.form.modal-form .textarea,
.form.modal-form .textbox {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #DCDCDC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 1px #F0F0F0;
  -moz-box-shadow: 0 1px 1px #F0F0F0;
  -webkit-box-shadow: 0 1px 1px #F0F0F0;
  color: #666;
  width: 100%;
  margin: 0px;
  float: none;
  padding: 5px 0px;
}
.form.modal-form .textarea.disabled,
.form.modal-form .textbox.disabled {
  color: #999;
  font-style: italic;
}
.form.modal-form .field-data .textarea:not(.disabled):focus,
.form.modal-form .field-data .textbox:not(.disabled):focus {
  border-color: #00A19F;
}
/* compensate 1px border */
.form.modal-form .field-data .textarea,
.form.modal-form .field-data .textbox {
  margin-left: -1px;
  margin-right: -1px;
}
/* compensate 1px border */
.form.modal-form .form-field.error .field-data .textarea,
.form.modal-form .form-field.error .field-data .textbox,
.form.modal-form .form-field .field-data .textarea.error,
.form.modal-form .form-field .field-data .textbox.error {
  color: #CD0F0F;
  border: 1px solid #FF7373;
  box-shadow: 0 1px 2px #FF8888;
  -moz-box-shadow: 0 1px 2px #FF8888;
  -webkit-box-shadow: 0 1px 2px #FF8888;
}
.form.modal-form .form-field {
  display: block;
  float: none;
  margin: 0px 0px 15px 0px;
}
.form.modal-form .field-data {
  display: block;
  float: none;
  margin-left: 1px;
  margin-right: 1px;
  width: auto;
}
/* -------- checkboxes and radios begin -------- */
.form.modal-form .checkbox-field {
  line-height: 18px;
  text-align: left;
  margin: 5px 0px 0px 0px;
}
.form.modal-form .field-help-text {
  font-size: 13px;
}
.form.modal-form .radio-options {
  display: block;
  float: none;
  margin: 0px 0px 0px 0px;
  width: 100%;
}
.form.modal-form .radio-option {
  display: block;
  margin: 5px 0px 0px 0px;
}
.form.modal-form .radio {
  margin-left: 1px;
}
.form.modal-form .radio-text,
.form.modal-form .checkbox-text {
  display: block;
  margin: -18px 0 0 25px;
  line-height: 18px;
  text-align: left;
  font-size: 13px;
  position: static;
  color: #666;
}
.character-cap-container {
  font-family: 'Averta-Light-300';
  /* standard font, not the font-face ones (perfomance issues)*/
  font-size: 12px;
  margin: 7px 0 0;
  display: block;
  color: #999;
  text-align: right;
}
/* -------- checkboxes and radios end -------- */
/* -------- mad libs begin -------- */
.form.modal-form .mad-libs-field {
  display: inline;
  width: auto;
  margin: 0px;
  float: none;
}
.form.modal-form .mad-libs-field .label,
.form.modal-form .mad-libs-field .textbox,
.form.modal-form .mad-libs-field .textarea {
  width: auto;
  min-width: 0;
  margin: 0px;
  display: inline;
  float: none;
  vertical-align: middle;
}
.form.modal-form .mad-libs-field .textbox {
  padding: 2px 0px;
}
.form-new-flex.form .mad-libs-field .select {
  width: auto;
}
/* -------- mad libs end -------- */
.form.modal-form .form-cancel.cancel-link {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #999;
  right: 230px;
  font-family: helvetica,arial;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1em;
  margin: 10px 15px 0 0;
  outline: medium none;
  padding: 2px 0;
  text-decoration: underline;
  text-transform: none;
  position: absolute;
}
.form.modal-form div.uploader {
  background: -moz-linear-gradient(center bottom, #fff 8%, #F7F8F8 77%) repeat scroll 0 0 #fff;
  border: 1px solid #DDDDDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  width: 97%;
  padding: 5px;
}
.form.modal-form div.uploader input {
  width: 100%;
  margin: auto 0px;
}
/* IE/FF hack that fills the uniform file input with a giant "Browse" button (IE requires you
        to press on the Browse button in order to open the file dialog)*/
.ie9 .form.modal-form div.uploader input,
.form.modal-form div.uploader input {
  width: auto;
  margin: 0px;
  position: absolute;
  right: 0px;
  left: auto !important;
  font-size: 100px;
  height: 100%;
}
.form.modal-form div.uploader span.action {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  cursor: pointer;
  display: block;
  float: left;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 10px;
  letter-spacing: 0.05em;
  overflow: hidden;
  padding: 1px 15px;
  text-transform: uppercase;
  width: 50px;
}
.form.modal-form div.uploader span.action:hover {
  background: none repeat scroll 0 0 #EFEFEF;
}
.form.modal-form div.uploader span.filename {
  border-right: medium none;
  color: #999;
  display: block;
  float: right;
  font-size: 13px;
  overflow: hidden;
  padding: 0 10px;
  width: auto;
  max-width: 220px;
}
.form.modal-form .footer-buttons {
  background: none repeat scroll 0 0 #FAFAFA;
  border-top: 1px solid #ECECEC;
  margin: 0 -20px -5px -20px;
  overflow: hidden;
  padding: 20px;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
}
.form.modal-form .footer-buttons .form-back {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #999;
  float: right;
  font-family: helvetica,arial;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1em;
  margin: 0;
  outline: medium none;
  padding: 2px 0px;
  text-decoration: underline;
  text-transform: none;
  margin: 6px 15px 0px 0px;
}
.form.modal-form .footer-buttons .form-back:hover {
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form.modal-form .footer-buttons .form-cancel {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #999;
  float: right;
  font-family: helvetica,arial;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1em;
  margin: 6px 15px 0px 0px;
  outline: medium none;
  padding: 2px 0px;
  text-decoration: underline;
  text-transform: none;
}
/*.form.modal-form .footer-buttons .submit-button-wrp {
  float: right;
}*/
.form.modal-form .footer-buttons .btn-wrp .form-submit {
  display: inline-block;
  float: none;
}
.ui-dialog .ui-dialog-title {
  background: transparent;
  font-size: 13px;
  padding: 13px 0px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.ui-dialog-titlebar {
  background: url("/images/modals/modal-header.png") repeat-x scroll 0 -30px transparent;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border: none;
  text-align: center;
}
.form p {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 22px;
}
.form.modal-form p.small-message a,
.form.modal-form p.small-message a:visited {
  color: #666;
  font-size: 13px !important;
}
.ui-dialog-titlebar-close {
  display: block;
  width: 20px;
  height: 20px;
  background: url('/images/modals/modal-header.png') no-repeat 0 0;
  text-indent: -9999px;
  top: 10px;
  right: 10px;
}
.ui-dialog-titlebar-close:hover {
  opacity: 0.7;
}
/* -------- AJAX FORMS END -------- */
/* -------- NEW MODAL FORM BEGIN ------------- */
.modal-white.ui-dialog {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.modal-new.ui-dialog {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 20px 20px;
}
.ui-dialog.modal-new .ui-dialog-buttonpane {
  height: auto;
  background: none;
  border-top: none;
}
.ui-dialog.modal-new .ui-dialog-titlebar {
  padding: 20px 20px 10px 0;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.ui-dialog.modal-new .ui-dialog-titlebar .ui-dialog-title {
  font-size: 30px;
  line-height: 36px;
  font-family: 'Averta-Light-300';
  border-bottom: none;
  padding: 0;
}
.ui-dialog.modal-new .form-container.ui-dialog-content {
  font-size: 15px;
  line-height: 22px;
  color: #000;
  font-family: 'Averta-Light-300';
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  background: none;
}
.modal-new .ui-dialog-titlebar {
  background: url("/images/modals/modal-header-new.png") repeat-x scroll 0 -120px transparent;
  height: auto;
}
.modal-new .ui-dialog-titlebar-close {
  background: url("/images/modals/modal-header-new.png") no-repeat scroll 0 0 transparent !important;
  height: 27px;
  width: 27px;
  top: 20px;
  right: 20px;
}
.modal-new .ui-dialog-titlebar-close:hover {
  background-position: 0 -40px;
}
.modal-new .ui-dialog-titlebar-close:active {
  background-position: 0 -80px;
}
.modal-new .ui-dialog-title {
  text-transform: none;
  padding: 15px 0 20px 0;
  font-size: 30px;
  letter-spacing: 0.05em;
}
.modal-new .form.modal-form .label {
  font-size: 18px;
  margin: 13px 0;
}
.modal-new .form.modal-form .footer-buttons {
  border: none;
  background: none repeat scroll 0 0 transparent;
  text-align: right;
}
.modal-new.no-footer-buttons .ui-dialog-buttonpane {
  display: none;
}
/*guest modal*/
.modal-new.guest-modal.fixed {
  position: fixed;
}
.modal-new.guest-modal .ui-dialog-title {
  color: #000;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 24px;
}
.modal-new.guest-modal.handwrite-title .ui-dialog-title {
  color: #000;
  font-family: 'Averta-Light-300';
  font-size: 30px;
  font-weight: normal;
  padding-top: 10px;
}
.modal-new.guest-modal.celebrity {
  overflow: visible;
}
.modal-new.guest-modal.celebrity .ui-dialog-titlebar {
  height: 150px;
  position: relative;
}
.modal-new.guest-modal.celebrity .ui-dialog-title {
  margin-left: 90px;
  margin-top: 30px;
}
.modal-new.guest-modal.celebrity .bg-celebrity {
  background: url("/images/jillian-michaels-main-page.png") repeat scroll 0 0 transparent;
  bottom: 10px;
  height: 216px;
  position: absolute;
  width: 200px;
}
.modal-new.guest-modal .header {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto 25px;
  color: #333;
  text-align: center;
  letter-spacing: 0.02em;
  width: 420px;
  word-wrap: break-word;
}
/* -------- NEW MODAL FORM END ------------- */
/* -------- GATED MODAL BEGIN -------- */
.page-wrap-white {
  position: relative;
}
#gated-modals-overlay {
  background: none repeat scroll 0 0 red;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10003;
  background: url(/images/modals/overlay.png) repeat rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 100%;
}
.gated-modal {
  display: block;
  float: left;
  height: auto;
  left: auto;
  outline: 0 none;
  position: absolute;
  right: auto;
  top: 50px;
  width: auto;
  z-index: 1000;
  overflow: visible;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.modal-new.gated-modal .element-group {
  font-family: 'Averta-Light-300';
  font-weight: normal;
}
.modal-new.gated-modal .ui-dialog-titlebar,
.modal-new.gated-modal.closable.white-header .ui-dialog-titlebar {
  background: none repeat scroll 0 0 transparent;
}
.modal-new.gated-modal.closable .ui-dialog-titlebar {
  background: url("/images/modals/modal-header-new.png") repeat-x scroll 0 -120px transparent;
}
.modal-new.gated-modal .ui-dialog-title .countdown {
  width: 130px;
  color: #E0821F;
  display: inline-block;
  text-align: left;
}
.modal-new.gated-modal .ui-dialog-title .tokens {
  color: #E0821F;
  display: inline-block;
  text-align: left;
}
.modal-new.gated-modal .ui-dialog-title .verification-method {
  color: #E0821F;
}
.modal-new.gated-modal .ui-dialog-title,
.modal-new.gated-modal.closable.white-header .ui-dialog-title {
  color: #000;
  text-shadow: none;
  font-size: 30px;
  margin: 0 auto;
}
.modal-new.gated-modal.closable .ui-dialog-title {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  font-size: 24px;
}
.modal-new.gated-modal .form.modal-form .header-separator.large {
  background: none;
  height: 13px;
}
.modal-new.gated-modal .form.modal-form {
  padding: 0 20px;
}
.modal-new.gated-modal .form.modal-form .header {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  margin: 5px 0 25px;
  text-align: center;
  letter-spacing: 0.02em;
}
.modal-new.gated-modal .form.modal-form .strong {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
/* -------- GATED MODAL END -------- */
/* -------- WHITE MODAL BEGIN ------ */
.modal-white .ui-dialog-titlebar {
  background: none;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 20px;
}
.modal-white .ui-dialog-titlebar-close {
  background: url("/images/top-button-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  right: 20px;
  top: 20px;
  margin-right: 0px;
}
.modal-white .ui-dialog-title {
  color: #000;
  text-transform: none;
  font-family: 'Averta-Light-300';
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  border-bottom: 1px solid #ccc;
}
/* -------- WHITE MODAL END -------- */
/* -------- REBRAND MODAL BEGIN -------- */
.modal-new.modal-rebrand.ui-dialog {
  background-color: #f5f5f5;
  border-color: #ccc;
}
.modal-new.modal-rebrand.gated-modal .ui-dialog-titlebar,
.modal-new.modal-rebrand.gated-modal.closable .ui-dialog-titlebar {
  background: none;
  border: none;
}
.modal-new.modal-rebrand.gated-modal .ui-dialog-title,
.modal-new.modal-rebrand.gated-modal.closable .ui-dialog-title {
  border: none;
}
/* -------- REBRAND MODAL END -------- */
/* -------- TOGGLE BUTTON BEGIN -------- */
.toggle-switch-slider-wrap {
  background: url('/images/modals/modal-sprites.png') no-repeat -370px -30px;
  height: 14px;
  position: relative;
  width: 28px;
  float: left;
  margin: 0px;
}
.toggle-switch.vertical .toggle-switch-slider-wrap {
  background: url("/images/modals/modal-sprites.png") repeat-x scroll -410px 0px transparent;
  height: 28px;
  margin: 0 auto;
  width: 14px;
}
.toggle-switch.vertical .ui-tabs-nav {
  text-align: center;
}
.toggle-switch.vertical .option0,
.toggle-switch.vertical .option1,
.toggle-switch.vertical .option0 .option-text,
.toggle-switch.vertical .option1 .option-text,
.toggle-switch.vertical .toggle-switch-slider-wrap {
  clear: both;
  display: block;
  float: none;
  margin: 0px auto;
}
.toggle-switch.vertical .toggle-switch-slider {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0px;
  left: 0px;
}
.toggle-switch.vertical .ui-slider-handle {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 100%;
  left: 0px;
}
.toggle-switch-slider-wrap a {
  float: left;
  /* IE bug*/
}
.toggle-switch-slider {
  cursor: pointer;
  height: 14px;
  left: 1px !important;
  /* conflict with .ui-widget*/
  position: absolute;
  top: 0;
  width: 14px;
}
.toggle-switch-slider .ui-slider-handle {
  background: url("/images/modals/modal-sprites.png") no-repeat scroll -430px 0px transparent;
  cursor: move !important;
  height: 14px;
  margin: 0px 0px 0px 0px;
  width: 14px;
  z-index: 3;
  outline: none;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 0px;
}
.toggle-switch-tabber .option0 {
  position: static;
  float: left;
}
.toggle-switch-tabber .option1 {
  position: static;
  float: right;
}
.toggle-switch .toggle-switch-tabber li {
  display: block;
  float: left;
}
.toggle-switch-tabber .option-text {
  color: #666;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  letter-spacing: 0.2em;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.01);
  display: block;
  float: left;
}
.toggle-switch-tabber .option0 .option-text {
  margin-right: 5px;
  text-align: right;
}
.toggle-switch-tabber .option1 .option-text {
  margin-left: 5px;
  text-align: left;
}
.toggle-switch-tabber li.ui-state-active .option-text {
  color: #e37f35;
  text-shadow: 0 0 5px #E37F35;
}
.toggle-switch-tabber li a:focus {
  outline: none;
}
.toggle-switch.big .toggle-switch-slider-wrap {
  background: url("/images/modals/modal-sprites.png") no-repeat scroll -370px -50px transparent;
  height: 20px;
  width: 40px;
}
.toggle-switch.big .toggle-switch-slider {
  width: 20px;
  height: 20px;
}
.toggle-switch.big .ui-slider-handle {
  width: 20px;
  height: 20px;
  background: url("/images/modals/modal-sprites.png") no-repeat scroll -410px -30px transparent;
  cursor: move !important;
}
.toggle-switch.big .option-text {
  color: #999;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0px;
}
.toggle-switch.big .option0 .option-text {
  margin-right: 10px;
}
.toggle-switch.big .option1 .option-text {
  margin-left: 10px;
}
/* rebrand toogle switch BEGIN */
.form-rebrand .new-toggle-switch .toggle-switch-slider-wrap {
  background: url("/images/form-elements/rebrand-toogle-switch.png") repeat-x scroll -138px -10px transparent;
  width: 99px;
  height: 59px;
  margin: 0 5px;
}
.form-rebrand .new-toggle-switch .ui-tabs-nav {
  position: absolute;
  left: 0px;
  width: 78px;
}
.form-rebrand .new-toggle-switch .toggle-switch-tabber li.ui-state-active .option-text {
  display: none;
}
.form-rebrand .new-toggle-switch .toggle-switch-tabber .option-text {
  color: #00A19F;
  display: block;
  line-height: 36px;
  letter-spacing: 0;
  margin: 0;
  position: absolute;
  text-shadow: none;
  font-size: 21px;
}
.form-rebrand .new-toggle-switch .toggle-switch-tabber .option0 .option-text {
  right: -13px;
  top: 5px;
}
.form-rebrand .new-toggle-switch .toggle-switch-tabber .option1 .option-text {
  left: 13px;
  top: 4px;
}
.form-rebrand .new-toggle-switch .toggle-switch-slider {
  top: 1px;
  width: 44px;
  height: 33px;
}
.form-rebrand .new-toggle-switch .ui-slider-handle {
  background: url("/images/form-elements/rebrand-toogle-switch.png") repeat-x scroll -6px -3px transparent;
  width: 40px;
  height: 40px;
}
.form-rebrand .new-toggle-switch.vertical .ui-tabs-nav {
  left: 0px;
  width: 50px;
}
.form-rebrand .new-toggle-switch.vertical .toggle-switch-slider-wrap {
  background: url("/images/form-elements/rebrand-toogle-switch.png") repeat-x scroll -50px 0 transparent;
  width: 43px;
  height: 73px;
}
.form-rebrand .new-toggle-switch.vertical .toggle-switch-slider {
  left: 5px !important;
  width: 33px;
  height: 38px;
}
.form-rebrand .new-toggle-switch.vertical .option1 .option-text {
  bottom: 30px;
  left: 10px;
}
.form-rebrand .ie7 .new-toggle-switch.vertical .option1 .option-text {
  bottom: 60px;
}
.form-rebrand .new-toggle-switch.vertical .option0 .option-text {
  bottom: 5px;
  right: 16px;
}
.form-rebrand .ie7 .new-toggle-switch.vertical .option0 .option-text {
  bottom: 35px;
}
/* rebrand toogle switch END */
/* new toggle switch */
.new-toggle-switch {
  position: relative;
}
.new-toggle-switch .option-text {
  text-align: center;
  font-size: 15px;
  margin: 5px 0;
  line-height: 34px;
}
.new-toggle-switch .toggle-switch-slider-wrap {
  background: url("/images/form-elements/new-toogle-switch.png") repeat-x scroll -100px 0 transparent;
  width: 78px;
  height: 35px;
  margin: 0 5px;
}
.new-toggle-switch .ui-tabs-nav {
  position: absolute;
  left: 0px;
  width: 78px;
}
.new-toggle-switch .toggle-switch-tabber li.ui-state-active .option-text {
  display: none;
}
.new-toggle-switch .toggle-switch-tabber .option-text {
  color: white;
  display: block;
  line-height: 36px;
  letter-spacing: 0;
  margin: 0;
  position: absolute;
  text-shadow: none;
}
.new-toggle-switch .toggle-switch-tabber .option0 .option-text {
  right: 10px;
}
.new-toggle-switch .toggle-switch-tabber .option1 .option-text {
  left: 15px;
}
.new-toggle-switch .toggle-switch-slider {
  top: 1px;
  width: 44px;
  height: 33px;
}
.new-toggle-switch .ui-slider-handle {
  background: url("/images/form-elements/new-toogle-switch.png") repeat-x scroll 0 0 transparent;
  width: 33px;
  height: 33px;
}
.new-toggle-switch.vertical .ui-tabs-nav {
  left: 0px;
  width: 50px;
}
.new-toggle-switch.vertical .toggle-switch-slider-wrap {
  background: url("/images/form-elements/new-toogle-switch.png") repeat-x scroll -50px 0 transparent;
  width: 43px;
  height: 73px;
}
.new-toggle-switch.vertical .toggle-switch-slider {
  left: 5px !important;
  width: 33px;
  height: 38px;
}
.new-toggle-switch.vertical .option1 .option-text {
  bottom: 30px;
  left: 10px;
}
.ie7 .new-toggle-switch.vertical .option1 .option-text {
  bottom: 60px;
}
.new-toggle-switch.vertical .option0 .option-text {
  bottom: 5px;
  right: 16px;
}
.ie7 .new-toggle-switch.vertical .option0 .option-text {
  bottom: 35px;
}
/* -------- TOGGLE BUTTON END -------- */
/* -------- GRAY FEED BUTTON BEGIN -------- */
.btn-feed-pager-gray {
  height: 40px;
}
.btn-feed-pager-gray .bgc {
  color: #000;
  text-transform: none;
  text-align: center;
  font-size: 16px;
  height: 40px;
  letter-spacing: 1px;
  line-height: 38px;
  text-shadow: 0 -1px 0 #fff;
  padding: 0 10px;
  margin: 0;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  z-index: 99;
}
.btn-feed-pager-gray .bgc {
  padding: 0px 60px;
  margin: 0px;
}
.btn-feed-pager-gray .bgl,
.btn-feed-pager-gray .bgc,
.btn-feed-pager-gray .bgr {
  background-image: url("/images/buttons/btn-feed-pager.png");
}
.btn-feed-pager-gray .bgl {
  width: 15px;
}
.btn-feed-pager-gray .bgr {
  width: 15px;
}
.btn-feed-pager-gray.btn-wrap:hover .bgl,
.btn-feed-pager-gray.btn-wrap:active .bgl {
  background-position: 0px 0px;
}
.btn-feed-pager-gray.btn-wrap:hover .bgc,
.btn-feed-pager-gray.btn-wrap:active .bgc {
  background-position: 0px -50px;
}
.btn-feed-pager-gray.btn-wrap:hover .bgr,
.btn-feed-pager-gray.btn-wrap:active .bgr {
  background-position: 0px -100px;
}
.feed-pager-wrap {
  clear: both;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}
.feed-pager-wrap .feed-pager-top-shadow {
  background: url("/images/buttons/feed-pager-top-shadow.png") no-repeat scroll top center transparent;
  width: 945px;
  height: 10px;
  position: absolute;
  top: 0px;
  z-index: 9000;
}
/* -------- GRAY FEED BUTTON END -------- */
/*--------- GAME LABEL BEGIN --------------*/
.label-wrap {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: auto;
  overflow: visible;
  white-space: nowrap;
  height: 26px;
  line-height: 26px;
  font-family: 'Averta-Semibold-500';
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.label-wrap .bgl {
  display: none;
}
.label-wrap .bgc,
.label-wrap .bgr {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: top;
  background-color: transparent;
  color: white;
}
.label-wrap .bgc {
  float: none !important;
  font-weight: normal;
  margin: 0px;
  text-indent: 0;
  text-align: center;
  width: auto;
  border: 0px none;
  overflow: hidden;
  cursor: auto;
  padding: 0px 5px 0px 35px;
  font-size: 13px;
  font-family: 'Averta-Bold';
  line-height: 20px;
}
.label-wrap .bgr {
  border-right: 26px solid transparent;
  border-top: 26px solid transparent;
  height: 0;
  width: 0px;
}
/* -------- ORANGE LABEL BEGIN -------- */
.label-orange .bgc {
  color: #d6450a;
}
.label-orange .bgr {
  border-top-color: #d6450a;
}
/* -------- ORANGE LABEL END -------- */
/* -------- RED LABEL BEGIN -------- */
.label-red .bgc {
  color: #d03e0c;
}
.label-red .bgr {
  border-top-color: #d03e0c;
}
/* -------- RED LABEL END -------- */
/* -------- GREEN LABEL BEGIN -------- */
.label-green .bgc {
  color: #49A078;
}
.label-green .bgr {
  border-top-color: #49A078;
}
/* -------- GREEN LABEL END -------- */
/* -------- BLUE LABEL BEGIN -------- */
.label-blue .bgc {
  color: #00A19F;
}
.label-blue .bgr {
  border-top-color: #00A19F;
}
/* -------- BLUE LABEL END -------- */
/* -------- PURPLE LABEL BEGIN -------- */
.label-purple .bgc {
  color: #b20e8d;
}
.label-purple .bgr {
  border-top-color: #b20e8d;
}
/* -------- PURPLE LABEL END -------- */
.member-only-label .bgc {
  color: #FFC22F;
}
/*--------- GAME LABEL END --------------*/
/* ===================================

	Uniform

================================== */
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url(/images/form-elements/uniform.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
.radio,
.checker,
.uploader,
.button {
  margin: 0;
  padding: 0;
}
/* INPUT & TEXTAREA */
input.text,
input.email,
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #666;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}
input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  border-color: #999;
}
/* SPRITES */
/* Checkbox */
div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}
div.checker:active span,
div.checker.active span {
  background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}
div.checker span.checked {
  background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
  background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}
.checkbox-field.new div.checker,
.checkbox-field.new div.checker span,
.checkbox-field.new div.checker span input,
.checkbox-field.new div.checker span .checkbox,
.form-new-flex div.checker,
.form-new-flex div.checker span,
.form-new-flex div.checker span input,
.form-new-flex div.checker span .checkbox {
  width: 20px;
  height: 20px;
}
.checkbox-field.new div.checker span input,
.form-new-flex div.checker span input {
  margin: 0px;
}
.checkbox-field.new div.checker span,
.form-new-flex div.checker span {
  margin: -6px;
  padding: 6px;
  background-position: 0 -40px;
}
.checkbox-field.new div.checker:active span,
.checkbox-field.new div.checker.active span,
.form-new-flex div.checker:active span,
.form-new-flex div.checker.active span {
  background-position: -40px -40px;
}
.checkbox-field.new div.checker.focus span,
.checkbox-field.new div.checker:hover span,
.form-new-flex div.checker.focus span,
.form-new-flex div.checker:hover span {
  background-position: -40px -40px;
}
.checkbox-field.new div.checker.focus:active span,
.checkbox-field.new div.checker:active:hover span,
.checkbox-field.new div.checker.active:hover span,
.checkbox-field.new div.checker.active.focus span,
.form-new-flex div.checker.focus:active span,
.form-new-flex div.checker:active:hover span,
.form-new-flex div.checker.active:hover span,
.form-new-flex div.checker.active.focus span {
  background-position: -40px -40px;
}
.checkbox-field.new div.checker span.checked,
.form-new-flex div.checker span.checked {
  background-position: -80px -40px;
}
.checkbox-field.new div.checker:active span.checked,
.checkbox-field.new div.checker.active span.checked,
.form-new-flex div.checker:active span.checked,
.form-new-flex div.checker.active span.checked {
  background-position: -120px -40px;
}
.checkbox-field.new div.checker.focus span.checked,
.checkbox-field.new div.checker:hover span.checke,
.form-new-flex div.checker.focus span.checked,
.form-new-flex div.checker:hover span.checked {
  background-position: -120px -40px;
}
.checkbox-field.new div.checker.focus:active span.checked,
.checkbox-field.new div.checker:hover:active span.checked,
.checkbox-field.new div.checker.focus.active span.checked,
.checkbox-field.new div.checker.active:hover span.checked,
.form-new-flex div.checker.focus:active span.checked,
.form-new-flex div.checker:hover:active span.checked,
.form-new-flex div.checker.focus.active span.checked,
.form-new-flex div.checker.active:hover span.checked {
  background-position: -120px -40px;
}
.checkbox-field.new div.checker.disabled span,
.checkbox-field.new div.checker.disabled:active span,
.checkbox-field.new div.checker.disabled.active span,
.form-new-flex div.checker.disabled span,
.form-new-flex div.checker.disabled:active span,
.form-new-flex div.checker.disabled.active span {
  background-position: -200px -40px;
}
.checkbox-field.new div.checker.disabled span.checked,
.checkbox-field.new div.checker.disabled:active span.checked,
.checkbox-field.new div.checker.disabled.active span.checked,
.form-new-flex div.checker.disabled span.checked,
.form-new-flex div.checker.disabled:active span.checked,
.form-new-flex div.checker.disabled.active span.checked {
  background-position: -160px -40px;
}
.form-rebrand div.checker,
.form-rebrand div.checker span,
.form-rebrand div.checker span input,
.form-rebrand div.checker span .checkbox {
  width: 46px;
  height: 47px;
}
.form-rebrand div.checker span input {
  margin: 0px;
}
.form-rebrand div.checker span {
  margin: -6px;
  padding: 6px;
  background-position: 0 0;
}
.form-rebrand div.checker:active span,
.form-rebrand div.checker.active span {
  background-position: -55px 0;
}
.form-rebrand div.checker.focus span,
.form-rebrand div.checker:hover span {
  background-position: -55px 0;
}
.form-rebrand div.checker.focus:active span,
.form-rebrand div.checker:active:hover span,
.form-rebrand div.checker.active:hover span,
.form-rebrand div.checker.active.focus span {
  background-position: -55px 0;
}
.form-rebrand div.checker span.checked {
  background-position: -111px 0;
}
.form-rebrand div.checker:active span.checked,
.form-rebrand div.checker.active span.checked {
  background-position: -111px 0;
}
.form-rebrand div.checker.focus span.checked,
.form-rebrand div.checker:hover span.checked {
  background-position: -111px 0;
}
.form-rebrand div.checker.focus:active span.checked,
.form-rebrand div.checker:hover:active span.checked,
.form-rebrand div.checker.focus.active span.checked,
.form-rebrand div.checker.active:hover span.checked {
  background-position: -111px 0;
}
.form-rebrand div.checker.disabled span,
.form-rebrand div.checker.disabled:active span,
.form-rebrand div.checker.disabled.active span {
  background-position: -279px 0;
}
.form-rebrand div.checker.disabled span.checked,
.form-rebrand div.checker.disabled:active span.checked,
.form-rebrand div.checker.disabled.active span.checked {
  background-position: -223px 0;
}
/* Radio */
div.radio span {
  background-position: 0px -279px;
  height: 19px;
  width: 19px;
}
div.radio:active span,
div.radio.active span {
  background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
  background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}
div.radio span.checked {
  background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}
div.radio.focus span.checked,
div.radio:hover span.checked {
  background-position: -108px -279px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}
.form-new-flex div.radio,
.form-new-flex div.radio span,
.form-new-flex div.radio span,
.form-new-flex div.radio span input {
  width: 20px;
  height: 20px;
}
.form-new-flex div.radio span input {
  margin: 0px;
}
.form-new-flex div.radio span {
  margin: -6px;
  padding: 6px;
  background-position: 0 0;
}
.form-new-flex div.radio:active span,
.form-new-flex div.radio.active span {
  background-position: -40px 0;
}
.form-new-flex div.radio.focus span,
.form-new-flex div.radio:hover span {
  background-position: -40px 0;
}
.form-new-flex div.radio.focus:active span,
.form-new-flex div.radio:active:hover span,
.form-new-flex div.radio.active:hover span,
.form-new-flex div.radio.active.focus span {
  background-position: -40px 0;
}
.form-new-flex div.radio span.checked {
  background-position: -80px 0;
}
.form-new-flex div.radio:active span.checked,
.form-new-flex div.radio.active span.checked {
  background-position: -120px 0;
}
.form-new-flex div.radio.focus span.checked,
.form-new-flex div.radio:hover span.checked {
  background-position: -120px 0;
}
.form-new-flex div.radio.focus:active span.checked,
.form-new-flex div.radio:hover:active span.checked,
.form-new-flex div.radio.focus.active span.checked,
.form-new-flex div.radio.active:hover span.checked {
  background-position: -120px 0;
}
.form-new-flex div.radio.disabled span,
.form-new-flex div.radio.disabled:active span,
.form-new-flex div.radio.disabled.active span {
  background-position: -200px 0;
}
.form-new-flex div.radio.disabled span.checked,
.form-new-flex div.radio.disabled:active span.checked,
.form-new-flex div.radio.disabled.active span.checked {
  background-position: -160px 0;
}
/* Uploader */
div.uploader {
  background-position: 0px -297px;
  height: 28px;
}
div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}
div.uploader span.filename {
  height: 24px;
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}
div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}
div.uploader.disabled {
  background-position: 0px -325px;
}
div.uploader.disabled span.action {
  background-position: right -381px;
}
div.button {
  background-position: 0px -523px;
}
div.button span {
  background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px;
}
div.button.active,
div.button:active {
  background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #666;
}
div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #BBBBBB;
  cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
  height: 30px;
}
div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}
/* Checker */
div.checker {
  margin-right: 5px;
}
/* Radio */
div.radio {
  margin-right: 3px;
}
/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}
div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}
div.uploader span.filename {
  color: #666;
  width: 82px;
  border-right: solid 1px #BBBBBB;
  font-size: 11px;
}
div.uploader input {
  width: 190px;
}
div.uploader.disabled span.action {
  color: #999;
}
div.uploader.disabled span.filename {
  border-color: #DDDDDD;
  color: #999;
}
/* CORE FUNCTIONALITY  */
.checker,
.button,
.radio,
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
.radio input:focus,
.checker input:focus,
.uploader input:focus {
  outline: 0;
}
/* Button */
div.button a,
div.button button,
div.button input {
  position: absolute;
}
div.button {
  cursor: pointer;
  position: relative;
}
div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}
/* Checker */
div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}
div.checker input {
  opacity: 0;
  display: inline-block;
  background: none;
}
/* Radio */
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}
div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
  background: none;
}
/* Uploader */
div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
  border: solid 1px #dcdcdc;
  background: none;
}
div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}
div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}
/* -------- NEW FORM BEGIN ------------- */
.form-new-flex.form {
  background: none repeat scroll 0 0 transparent;
  color: #666;
  font-family: 'Averta-Light-300';
  font-weight: normal;
}
.form-new-flex.form p {
  font-family: 'Averta-Light-300';
  font-size: 15px;
  line-height: 22px;
}
.form-new-flex.form pstrong,
.form-new-flex.form pb {
  font-weight: normal;
}
.form-new-flex.form .form-field {
  display: block;
  margin: 0 0 15px 0px;
  width: 100%;
}
.form-new-flex.form .mad-libs-field {
  float: left;
  margin: 0 10px 20px 0;
  line-height: 44px;
  position: relative;
  width: auto;
  font-family: 'Averta-Light-300';
  font-size: 15px;
}
.form-new-flex.form .mad-libs-field .select {
  width: auto;
}
.form-new-flex.form h3,
.form-new-flex.form h4,
.form-new-flex.form h5,
.form-new-flex.forms strong,
.form-new-flex.forms b,
.form-new-flex.form .label {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.form-new-flex.form .label {
  color: #000;
  font-family: 'Averta-Light-300';
  font-size: 15px;
  line-height: 20px;
  position: static;
  margin: 0 0 10px;
  width: auto;
  display: inline-block;
}
/* Textbox, Textarea */
.form-new-flex.form .textarea.placeholder,
.form-new-flex.form .textbox.placeholder,
.textbox.placeholder,
.form-new-flex.form .textarea::-webkit-input-placeholder,
.form-new-flex.form .textbox::-webkit-input-placeholder,
.textbox::-webkit-input-placeholder {
  color: #ccc;
  font-style: normal;
}
.form-new-flex.form .textarea,
.form-new-flex.form .textbox,
.form-new-flex.form .select {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  background: #fff;
  width: 100%;
  font-family: 'Averta-Light-300';
  border: 1px solid #ccc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-weight: normal;
}
.form-new-flex.form .textbox.disabled {
  background-color: #eee;
  color: #666;
}
.form-new-flex.form .select,
.form-new-flex.form .textbox {
  padding: 10px 0 10px 10px;
}
.form-new-flex.form .select {
  line-height: 40px;
}
.form-new-flex.form .textarea {
  padding: 7px 0 7px 10px;
}
.form-new-flex.form.border-box-form .select,
.form-new-flex.form.border-box-form .textbox {
  height: 44px;
}
.form.modal-form.form-new-flex .field-data,
.form.modal-form.form-new-flex .field-data {
  /*  margin-left: 6px;*/
  margin-right: 1px;
}
.form.modal-form.form-new-flex .field-data .textarea,
.form.modal-form.form-new-flex .field-data .textbox {
  margin-left: -6px;
  margin-right: 0;
}
.form.modal-form.form-new-flex.border-box-form .field-data .textarea,
.form.modal-form.form-new-flex.border-box-form .field-data .textbox {
  margin-left: 0px;
  margin-right: 0;
}
.form-new-flex.form .field-data .textarea:focus,
.form-new-flex.form .field-data .textbox:focus {
  border-color: #00A19F;
}
.form-new-flex.form .error .textarea,
.form-new-flex.form .error .textbox,
.error .textbox,
.form-new-flex.form .textarea.error,
.form-new-flex.form .textbox.error,
.textbox.error {
  -moz-box-shadow: 0 0 3px #FF7373 inset;
  -webkit-box-shadow: 0 0 3px #FF7373 inset;
  box-shadow: 0 0 3px #FF7373 inset;
  border: 1px solid #FF7373;
  color: #CD0F0F;
}
.form-new-flex.form .checkbox-field {
  line-height: 18px;
  margin: 5px 0 5px 8px;
  text-align: left;
}
.form-new-flex.form .checkbox-field .checkbox-text,
.checkbox-field.new .checkbox-text {
  color: #666;
  display: block;
  font-size: 16px;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  line-height: 18px;
  margin: -19px 0 0 25px;
  position: static;
}
.form-new-flex.form .checkbox-subform.two-columns .checkbox-field {
  margin-left: 0;
  width: 50%;
}
.form-new-flex.form .radio-text {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 15px;
  color: #4E4E4E;
  line-height: 20px;
}
.form-new-flex.form .radio-option {
  line-height: 20px;
  margin-bottom: 10px;
}
.form-new-flex.form .inline-radios .radio-option {
  display: inline-block;
  margin: 0px 10px 10px 0;
}
.form-new-flex.form .radio-text.active,
.form-new-flex.form .checkbox-text.active,
.checkbox-field.new .checkbox-text.active {
  font-family: 'Averta-Semibold-500';
}
.checkbox-field.new div.checker span,
.form-new-flex div.checker span,
.form-new-flex div.radio span {
  background-image: url("/images/form-elements/radio-checkboxes-rebrand.png");
  background-repeat: no-repeat;
}
.checkbox-field .black-radio-buttons div.checker span,
.form-new-flex .black-radio-buttons div.checker span,
.form-new-flex .black-radio-buttons div.radio span {
  background-image: url("/images/form-elements/new-black-radio-buttons.png");
  background-repeat: no-repeat;
}
.form-rebrand div.checker span {
  background-image: url("/images/form-elements/form-rebrand-checkboxes.png");
  background-repeat: no-repeat;
}
/* Radio */
.form-new-flex.modal-form .radio-option {
  margin: 0;
}
.form-new-flex.modal-form .radio {
  margin: -1px 10px 0 0;
}
.form-new-flex.modal-form .radio-text {
  margin: 0;
  font-size: 18px;
  display: inline-block;
}
.form-new-flex.modal-form .error .radio-text {
  color: #CD0F0F;
}
.form-new-flex.form .form-footer {
  clear: both;
  float: left;
  padding: 10px 0 10px;
  width: 100%;
}
.form-new-flex.form .form-footer.no-padding {
  padding: 0 !important;
}
.form-new-flex.form .profile-photo-field.large .profile-img {
  width: 150px;
  height: 150px;
  margin: 5px 0 20px;
  padding: 0px;
  border: none;
  overflow: hidden;
  background: none repeat scroll 0 0 #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.ie7 .form-new-flex.form .profile-photo-field.large .profile-img,
.ie8 .form-new-flex.form .profile-photo-field.large .profile-img {
  border-color: #D2D2D2 #E0E0E0 #EBEBEB;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-style: solid;
  border-width: 1px;
}
.form-new-flex.form .profile-photo-field.large img {
  background: none repeat scroll 0 0 #fff;
  border: 0px;
  max-width: 150px;
  max-height: 150px;
}
.form-new-flex.form .profile-photo-field.large .btn-wrp {
  margin: 0 0 0 25px;
}
.block-title-handwrite,
.form-new-flex.form .block-title-handwrite {
  font-weight: normal;
  font-size: 40px;
  color: #4E4E4E;
  font-family: 'Averta-Light-300';
}
.form-new-flex.form .separator-bottom {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #ccc;
}
/* -------- NEW FORM END ------------- */
/* -------- MODAL FORM ERROR BEGIN -------- */
.ui-dialog .confirmation-message {
  color: #444444;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}
.ui-dialog .confirmation-message b,
.ui-dialog .confirmation-message strong,
.ui-dialog .confirmation-message .strong {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.ui-dialog .confirmation-message p {
  margin: 0px 0px 10px 0px;
}
.ui-dialog .ui-dialog-buttonset {
  margin: 10px 10px 0 10px;
}
.ui-dialog .ui-dialog-buttonset .btn-ok {
  float: right;
  text-decoration: none;
}
/* -------- MODAL FORM ERROR END -------- */
/* -------- MODAL DELETE BEGIN -------- */
.modal-delete strong {
  color: #b01e1e;
}
.modal-delete .delete-modal-text {
  color: #666;
  margin: 0 0 0 0;
  line-height: 22px;
  font-size: 16px;
}
.modal-delete .delete-modal-text em {
  font-style: normal;
  color: #333;
  padding: 5px;
  width: 100%;
  float: left;
  clear: both;
}
.modal-delete.ui-dialog .ui-dialog-title {
  background: transparent;
}
.modal-delete .ui-dialog-titlebar-close {
  background: url("/images/modals/modal-header.png") no-repeat scroll -30px 0 transparent !important;
}
.modal-delete.admin-panel .ui-dialog-titlebar {
  background: url("/images/modals/modal-header.png") repeat-x scroll 0 -90px transparent !important;
}
.modal-delete.modal-new .ui-dialog-titlebar {
  background-image: none;
}
.modal-delete .profile-img {
  float: left;
  margin: 0 30px 0 0;
}
.modal-delete .mb-post-title {
  margin-bottom: 5px;
}
.modal-delete button.btn-delete {
  float: right;
  font-size: 11px;
  font-weight: bold;
}
.modal-delete.new button.btn-delete {
  width: auto;
  float: left;
}
.modal-delete.new .ui-button.btn-cancel {
  float: right;
  margin-top: 0;
}
.modal-delete button.btn-delete:hover {
  background-position: 0 -473px !important;
}
.modal-delete .ui-button.btn-cancel {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  margin-top: 9px;
  text-indent: 0;
  margin-right: 15px;
}
.modal-delete .mb-post-text-block {
  margin-top: 35px;
}
.modal-delete .mb-post .mb-post-time {
  margin-left: 95px;
}
.modal-delete .mb-post .mb-post-player .mb-post-title {
  margin-left: 95px;
}
/* -------- MODAL DELETE END -------- */
/* -------- FORM WIDTHS BEGIN -------- */
.form.modal-form {
  width: 600px;
  /* default width for any modal form */
}
#formRegisterUserModal {
  width: 450px;
  padding: 0;
  margin: 0 10px;
}
#formFaqIframe {
  width: 800px;
}
#formLoginUserModal {
  width: 450px;
}
#formLoginUserModal .form-field {
  width: 70%;
  margin-bottom: 15px;
}
#formLoginUserModal .form-field label {
  margin: 0 0 5px;
}
#formLoginUserModal .form-field input {
  margin-left: 0;
  box-sizing: border-box;
}
#formOrganizerFinalWeighIn {
  width: 650px;
}
#formMakeAnnouncement,
#formEditAnnouncement {
  width: 500px;
}
#formGameSettings {
  width: 880px;
}
#formPlayerActivityQuickUpdate {
  width: 100%;
  box-sizing: border-box;
}
#formEditMyMotto,
#formRemoveInvitation,
#formResendInvitation {
  width: 400px;
}
#formEjectPlayer {
  width: 600px;
}
#formEditWeighIn {
  width: 330px;
}
#formWeighIn {
  width: 356px;
}
#formPreFinalWeighIn,
#formWeighIn {
  width: 520px;
  box-sizing: border-box;
}
#cvvTooltip {
  width: 300px;
}
#formOrganizerFinalizeResults {
  width: 650px;
}
#formInitialWeighIn,
#formFinalWeighIn,
#formMonthlyWeighIn,
#formOfficialInGameWeighIn,
#formPreGameInviteFriends {
  width: 860px;
}
#formPreGameInviteFriends_group_footer #download-ios-app.app-download-link,
#formPreGameInviteFriends_group_footer #download-android-app.app-download-link {
  float: none;
}
#formPreGameWeighIn,
#formUnofficialWinner {
  width: 740px;
}
#formFinalWeighInLoser {
  width: 480px;
  box-sizing: border-box;
}
.form.modal-form.width-medium {
  width: 500px;
}
#formGameNonPlayerFirstVisit {
  width: 680px;
}
#formFacebookPostsIframe {
  width: 720px;
}
#formPrivacyFaqsIframe {
  width: 670px;
}
#formHealthProfessionalsIframe {
  width: 682px;
}
#formRepeatGame {
  width: 925px;
}
#formUseExistingWeighIn {
  width: 400px;
}
#formDeclineInvitation {
  width: 400px;
  min-height: 90px;
}
#formCreateGame {
  width: 965px;
}
#formChangeProfilePhoto,
.form-upload-photos.form {
  width: 650px;
}
#formPreResubmitFinalWeighIn {
  width: 550px;
}
#formBecomeAnAffiliate {
  width: 770px;
}
#formAddCreditCard {
  width: 450px;
}
#formPlayerInvitationPreviewIframe {
  width: 750px;
}
#formSendGift {
  width: 790px;
}
.form.scheduled-date-time-form {
  width: 360px;
}
#formGamePlayerRoundsInfo {
  width: 370px;
  padding: 0px;
}
/* -------- FORM WIDTHS END -------- */
/* -------- LOGIN SOCIAL BEGIN -------- */
.or-statement {
  background: url("/images/sign-up/or-statement.jpg") no-repeat scroll center center transparent;
  clear: both;
  color: #999;
  display: block;
  float: none;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.025em;
  margin: 15px 0 25px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
/* -------- LOGIN SOCIAL END -------- */
/* -------- FORM PROFILE PHOTO BEGIN -------- */
.form-upload-photos .upload-rules {
  clear: both;
  display: block;
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  margin: 5px 0 30px;
}
/* upload begin */
.form.modal-form .profile-photo-upload-wrap.element-group {
  float: left;
  width: 100%;
  min-height: 210px;
}
.form.modal-form .profile-photo-subform .btn-upload-photo-wrap {
  display: inline-block;
  margin: 20px 0 0 30px;
}
.form.modal-form .profile-photo-subform {
  padding: 0 50px;
  margin: 0;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.form.modal-form .profile-photo-subform .thumb-wrap {
  margin: 0 0 15px;
  float: left;
}
.form.modal-form .profile-photo-subform .thumb-wrap .crop-text {
  margin-top: -10px;
  font-size: 14px;
  position: absolute;
  top: 120px;
  left: 300px;
  font-size: 15px;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb {
  margin: 0 0 0 10px;
  width: 210px;
  height: auto;
  position: relative;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb .field-errors {
  position: absolute;
  bottom: 15px;
  left: 10px;
  width: 190px;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb .field-error {
  font-size: 13px;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb .jcrop-holder {
  margin: 0 auto;
}
.profile-photo-subform .upload-photo-thumb .progress-percentage {
  font-family: 'Averta-Semibold-500';
  margin: 0px auto;
  position: relative;
  width: 150px;
  top: 20px;
  text-align: center;
  font-size: 16px;
}
.video-upload-subform .ui-progressbar,
.profile-photo-subform .upload-photo-thumb .ui-progressbar {
  background-image: linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  border: 1px solid #BBBBBB;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0 -1px 2px #d3d3d3;
  box-shadow: 0 -1px 2px #d3d3d3;
  height: 9px;
  text-align: left;
  width: 110px;
  overflow: hidden;
}
.profile-photo-subform .upload-photo-thumb .ui-progressbar {
  position: absolute;
  left: 50px;
  bottom: 0;
}
.video-upload-subform .ui-progressbar {
  bottom: -18px;
  margin: 0 auto;
  position: relative;
  right: 50px;
  float: right;
}
.video-upload-subform .ui-progressbar .ui-progressbar-value,
.upload-photo-thumb .ui-progressbar .ui-progressbar-value {
  background-image: linear-gradient(top, #49a078 0%, #49a078 100%);
  background-image: -o-linear-gradient(top, #49a078 0%, #49a078 100%);
  background-image: -moz-linear-gradient(top, #49a078 0%, #49a078 100%);
  background-image: -webkit-linear-gradient(top, #49a078 0%, #49a078 100%);
  background-image: -ms-linear-gradient(top, #49a078 0%, #49a078 100%);
  -webkit-border-radius: 50px 0 0 50px;
  -moz-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  height: 100%;
}
.upload-photo-thumb .loading-animation {
  background: url("/images/loader_apps.gif") no-repeat scroll center center white;
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  z-index: 2000;
  display: none;
}
.video-upload-subform .loading-animation {
  background: url("/images/loader_apps.gif") no-repeat scroll center center white;
  bottom: -30px;
  height: 20px;
  float: right;
  position: absolute;
  left: 170px;
  width: 20px;
  z-index: 2000;
  display: none;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb-img {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  padding: 5px;
  background-color: #fff;
  width: 200px;
  height: 200px;
}
.form.modal-form .profile-photo-subform .file-field {
  width: auto;
  margin: 20px 0 0 30px;
  float: left;
  clear: none;
}
.form.modal-form .profile-photo-subform .file-field.move-right {
  margin-left: 75px;
}
.form.modal-form .profile-photo-subform div.uploader span.action {
  display: none;
}
.form.modal-form .profile-photo-subform .file-field div.uploader {
  width: 145px;
  height: 35px;
  padding: 0px;
  background: red;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  position: absolute;
  left: 0;
}
.form.modal-form .profile-photo-subform .file-field .uploader span.filename {
  text-indent: -9999px;
}
.form.modal-form .profile-photo-subform .btn-delete-photo-wrap .btn-delete-photo {
  margin: 20px 0 0 10px;
}
.form.modal-form .profile-photo-subform .btn-delete-photo-wrap {
  margin: 0;
  float: none;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 28px;
}
.form.modal-form .profile-photo-subform .btn-delete-photo-wrap.btn-delete-v2 {
  font-family: 'Averta-ExtraBold-800';
  line-height: 22px;
}
.form.modal-form .profile-photo-subform .btn-delete-photo {
  display: inline-block;
  margin: 0 0 0 7px;
  color: #089A9A;
}
/* preview begin */
#formChangeProfilePhoto .profile-photo-preview-wrap {
  float: left;
  padding: 0 0 0 50px;
}
#formChangeProfilePhoto .profile-photo-preview-wrap .photo-preview-top-bg {
  background: none no-repeat scroll 0 0 transparent;
  text-align: center;
  margin: -25px 0 0;
}
#formChangeProfilePhoto .profile-photo-preview-wrap.cropped .photo-preview-top-bg {
  background: url("/images/sign-up/new-design/white-header.png") repeat-x scroll 0 -40px transparent;
  height: 35px;
  margin-top: -10px;
}
#formChangeProfilePhoto .photo-preview-top-bg .preview-title {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 26px;
  color: #4E4E4E;
}
#formChangeProfilePhoto .profile-photo-preview {
  float: left;
  padding: 5px 20px 20px;
  overflow: hidden;
}
#formChangeProfilePhoto_preview_field .field-data {
  width: 200px;
  height: 200px;
  border: 2px solid #739C9E;
  -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  margin: 0;
}
.cropped #formChangeProfilePhoto_preview_field .field-data {
  margin-top: -7px;
}
#formChangeProfilePhoto_preview {
  width: 200px;
}
#formChangeProfilePhoto .footer-buttons {
  clear: both;
  padding-top: 0px;
}
#formChangeProfilePhoto_submit_field {
  display: block;
  width: 205px;
  margin: 0 auto;
}
#formCropPhoto,
#formCropImage {
  width: 400px;
}
#formCropPhoto_thumb_field,
#formCropImage_thumb_field {
  text-align: center;
  margin: 0px;
}
#formCropPhoto_thumb_field .field-data,
#formCropImage_thumb_field .field-data {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: auto;
}
#formCropPhoto_thumb_field .field-help-text,
#formCropImage_thumb_field .field-help-text {
  clear: both;
  display: block;
  float: left;
}
#organizer-dashboard .form .profile-photo-field .profile-img {
  border-radius: 5px;
  border: 1px solid #ccc;
}
#organizer-dashboard .form-new-flex.form .btn-delete-photo {
  display: block;
  font-size: 16px;
  margin-top: 20px;
  text-align: center;
  width: 150px;
}
#organizer-dashboard .form-new-flex.form .profile-photo-field.large .btn-wrp {
  margin: 0 0 0 32px;
}
#formChangeProfilePhoto .thumb-wrap .upload-photo-thumb .jcrop-holder .jcrop-tracker {
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}
/* -------- FORM PROFILE PHOTO END -------- */
/* -------- FORM ACTIVITY PLAYER UPLOAD PHOTO BEGIN -------- */
.form-upload-photos.form .upload-rules {
  margin-bottom: 35px;
}
.form-upload-photos.form .activity-upload-notes {
  color: #666;
  display: inline-block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0 0 30px;
}
.form-upload-photos.form div.description-field {
  float: left;
  width: 250px;
  margin: 0 0 20px 50px;
}
.form-upload-photos.form div.description-field .label {
  font-size: 16px;
  font-family: 'Averta-Light-300';
}
.form-upload-photos.form div.description-field textarea {
  height: 110px;
}
.form-upload-photos.form .form-social-sharing {
  float: left;
}
.form-upload-photos.form .form-social-sharing.facebook {
  margin: 0 5px 0 40px;
}
.form-upload-photos.form .footer-buttons {
  clear: both;
  padding-top: 0px;
}
.form-upload-photos.form .footer-buttons .btn-wrap,
.form-upload-photos.form .footer-buttons .btn-wrp {
  display: block;
  width: 175px;
  margin: 0 auto;
}
.form.modal-form .profile-photo-subform .file-field span.filename {
  display: none;
}
.form.modal-form .profile-photo-subform .btn-flat-square.mwi-browse-btn {
  padding: 0 20px;
}
/* -------- FORM ACTIVITY PLAYER UPLOAD PHOTO END -------- */
/* -------- FORM MOTT BEGIN -------- */
#formEditMyMotto_motto {
  height: 100px;
}
/* -------- FORM MOTT END -------- */
/* -------- FORM CVV TOOLTIP BEGIN -------- */
#cvvTooltip_group_default {
  width: 300px;
}
/* -------- FORM CVV TOOLTIP END -------- */
/* -------- MODAL FORMS TERMS, RULES, FAQ BEGIN -------- */
#formTermsIframe,
#formRulesIframe {
  margin: 0;
}
#formTermsIframe_group_default,
#formRulesIframe_group_default {
  margin: 0;
}
.iframe-modal-form .content * {
  text-align: left;
}
.iframe-modal-form .content h3 {
  color: #666;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 19px;
  padding: 0px;
}
.iframe-modal-form .content ol {
  list-style: decimal;
}
.iframe-modal-form .content ol li {
  color: #999;
  font-size: 13px;
  line-height: 21px;
  margin: 0 0 15px 0;
}
.iframe-modal-form .content ol li strong {
  color: #666;
}
.iframe-modal-form .content ol ul {
  list-style: lower-latin;
}
#modal-rules .content ol li strong,
.iframe-modal-form .content ol li strong {
  display: inline;
  font-size: 16px;
  margin: 0px;
}
#modal-rules ol {
  margin: 0 0 20px 0;
  font-size: 12px;
  line-height: 18px;
  color: #666;
}
#modal-rules ol ol {
  margin: 0 0 10px 20px;
}
#modal-rules ol ol li {
  margin: 0 0 10px 0;
  font-size: 12px;
}
#modal-rules ol ol li strong {
  font-size: 12px;
  margin: 0 0 10px 0;
  display: inline;
}
#modal-terms p {
  margin: 0 0 20px 0;
}
#modal-terms li {
  font-size: 12px;
  line-height: 18px;
  color: #666;
  list-style-position: inside;
  margin: 0 0 20px 0;
}
#modal-faq #tabs ul {
  float: left;
  width: 100%;
  clear: both;
  margin: -10px 0 20px 0;
}
#modal-faq #tabs ul li {
  float: left;
  margin: 0 1px 0 0;
  list-style: none outside none;
  font-size: 13px;
  font-weight: bold;
  padding: 7px 0;
}
#modal-faq #tabs ul li.ui-state-default a {
  background: #ccc;
  color: #fff;
  padding: 7px 12px;
}
#modal-faq #tabs ul li.ui-tabs-selected a {
  background: #41B3B8;
  color: #fff;
}
#modal-faq #tab-game,
#modal-faq #tab-money,
#modal-faq #tab-weight,
#modal-faq #tab-questions {
  float: left;
  width: 100%;
  clear: both;
}
#modal-faq #tabs p {
  margin: 0 0 20px 0;
  line-height: 20px;
  font-size: 14px;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
#modal-faq #tabs h3 {
  color: #666;
  font-size: 15px;
  padding: 12px 0 9px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  letter-spacing: 0.08em;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
/* -------- MODAL FORMS TERMS, RULES, FAQ END -------- */
/* -------- ANNOUNCEMENT FORM BEGIN -------- */
#formMakeAnnouncement_message,
#formEditAnnouncement_message {
  height: 150px;
}
/* -------- ANNOUNCEMENT FORM END -------- */
/* -------- FORM CHANGE PASSWORD BEGIN -------- */
#formChangePassword {
  width: 450px;
}
#formChangePassword_header {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}
#formChangePassword_group_default .form-field,
#formChangePassword_group_default .submit-button-wrp {
  margin: 15px auto;
  width: 300px;
  float: none;
  display: block;
}
/* -------- FORM CHANGE PASSWORD END -------- */
/* -------- FORM REGISTER USER MODAL BEGIN ------------- */
#formRegisterUserModal_group_default {
  margin: 20px 0 0;
}
#formRegisterUserModal .center-column {
  float: left;
  padding: 0px;
  margin: 0 auto;
}
#formRegisterUserModal .center-column .form-field {
  width: 70%;
  margin: 0 auto 15px;
}
#formRegisterUserModal .center-column .form-field .radio-text,
#formRegisterUserModal .center-column .form-field .checkbox-text {
  color: #000;
}
#formRegisterUserModal .radio-option {
  display: inline-block;
  margin-left: 40px;
  height: 20px;
}
#formRegisterUserModal .center-column .label {
  margin: 0 0 5px -5px;
}
#formRegisterUserModal_gender_field .field-data {
  margin: 25px 0 0;
}
#formRegisterUserModal .footer-buttons {
  clear: both;
  padding: 0;
  margin: 0;
}
#formRegisterUserModal .footer-buttons .btn-orange {
  width: 72%;
  display: block;
  margin: 0 auto;
}
#formRegisterUserModal .btn-apple-connect,
#formRegisterUserModal .btn-google-connect,
#formRegisterUserModal .btn-fb-connect {
  display: block;
  float: none;
  width: 335px;
  margin: 0 auto 15px;
}
#formRegisterUserModal_social-fields p {
  text-align: center;
  clear: both;
}
#formRegisterUserModal .footer-buttons p {
  font-family: 'Averta-Light-300';
  font-size: 16px;
  margin: 15px 0 0;
  text-align: center;
  color: #000;
  display: block;
}
#formRegisterUserModal #sign-in:focus {
  border: 1px dotted #00A19F;
}
#formRegisterUserModal .header-separator {
  background: url("/images/separators/header-separator-w680.png") no-repeat scroll center center transparent;
}
#formRegisterUserModal_title {
  display: block;
  margin-bottom: 25px;
  margin-top: -40px;
}
#formRegisterUserModal .game-pot-amount-bg {
  background: url("/images/join-game-variation-1-bg.png") no-repeat scroll 25px 0 transparent;
  display: block;
  height: 95px;
  margin: 0 auto;
  padding-left: 145px;
  padding-top: 25px;
  width: 400px;
}
#formRegisterUserModal_title h3 {
  display: block;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}
#formRegisterUserModal .block-separator,
#formLoginUserModal .block-separator {
  width: 45%;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
#formRegisterUserModal .or-statement,
#formLoginUserModal .or-statement {
  width: 42px;
  background: none;
  font-size: 19px;
  color: #000;
  font-family: 'Averta-Light-300';
  margin: 7px 0 0;
  text-transform: none;
  clear: none;
  float: left;
}
#formRegisterUserModal #social-account {
  clear: both;
}
#formRegisterUserModal .sign-up-implicit-terms,
#formLoginUserModal .sign-up-implicit-terms {
  width: 75%;
  margin: 10px auto;
  text-align: center;
}
/* -------- FORM REGISTER USER MODAL END ------------- */
/* -------- FORM LOGIN USER MODAL & CREATE ACOUNT BEGIN ------------- */
.form-login-user.form p.notes {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 18px;
  margin: 5px 0 25px;
  color: #666;
  text-align: center;
}
.form-login-user.form p.notes a {
  font-size: 16px;
}
.form-login-user.form .or-statement {
  text-transform: none;
  font-size: 18px;
  margin: 20px auto;
  width: 320px;
}
.form-login-user.form .btn-apple-connect,
.form-login-user.form .btn-google-connect,
.form-login-user.form .btn-fb-connect {
  width: 335px;
}
.form-login-user.form .form-button,
.form-login-user.form .form-field {
  margin: 0 auto;
}
#formLoginUserModal_social-field.form-button,
#formLoginUserModal_submit_field.form-button {
  float: none;
  display: block;
  max-width: 100%;
}
#formLoginUserModal_submit_field.form-button {
  max-width: 69%;
}
#formLoginUserModal_social-field.form-button p {
  text-align: center;
}
.form-login-user.form .form-submit.bg-icon {
  background-position: 170px 0;
  width: 290px;
}
#formLoginUserModal_forgotPassword {
  display: block;
  margin: 10px 0 20px;
}
#social-account .social-account-description {
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 15px;
  margin: 15px 0;
  text-align: center;
  width: 100%;
}
#formLoginUserModal_group_default {
  margin-bottom: 0;
}
.form-login-user.form .footer-buttons p {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  color: #000;
  text-align: center;
  margin: 0;
}
.form-login-user.form .footer-buttons .right p {
  font-family: 'Averta-Light-300';
  color: #000;
  text-align: left;
  margin-top: 15px;
}
.form-login-user.form .btn-apple-connect,
.form-login-user.form .btn-google-connect,
.form-login-user.form .btn-fb-connect {
  margin: 20px auto;
  display: block;
  clear: both;
}
.form-login-user.form .footer-buttons .left,
.form-login-user.form .footer-buttons .right {
  width: 48%;
}
.form-login-user.form .footer-buttons .left .submit-button-wrp {
  width: 100%;
}
.form-login-user.form.modal-form .footer-buttons {
  padding: 20px 16px;
}
/* -------- FORM LOGIN USER MODAL & CREATE ACOUNT END ------------- */
/* -------- CUSTOM SCROLLBAR BEGIN ------------- */
body .jspVerticalBar {
  width: 7px;
  background: #DBDBDB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body .jspTrack {
  background: #DBDBDB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body .jspDrag {
  background: #999;
  width: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* -------- CUSTOM SCROLLBAR END ------------- */
.form.modal-form .footer-buttons.footer-separator-small {
  background: url("/images/separators/footer-separator-small.png") no-repeat scroll center top transparent;
}
.form.modal-form .footer-buttons.footer-separator-medium {
  background: url("/images/separators/footer-separator-medium.png") no-repeat scroll center top transparent;
  padding: 20px 40px;
}
.form.modal-form .footer-buttons.footer-separator-shadowed {
  background: url("/images/separators/footer-separator-shadowed-w850.png") no-repeat scroll center top transparent;
  padding: 33px 40px 20px;
}
.form.modal-form .footer-buttons.footer-separator-large {
  background: url("/images/separators/footer-separator-large.png") no-repeat scroll center top transparent;
}
.form .form-footer.footer-separator-x-large {
  background: url("/images/separators/footer-separator-x-large.png") no-repeat scroll center 20px transparent;
  margin: 0;
  padding: 40px 50px 0;
  width: auto;
  float: none;
  clear: both;
}
/* -------- TOGGLE SOCIAL SHARING BUTTONS -------- */
.btn-toggle-social-sharing {
  background: url("/images/buttons/btn-toggle-social-sharing.png") no-repeat scroll -2px -87px transparent;
  height: 38px;
  width: 57px;
  cursor: pointer;
  display: block;
  float: left;
}
.btn-toggle-social-sharing.btn-facebook.enabled {
  background-position: -2px -87px;
}
.btn-toggle-social-sharing.btn-twitter.enabled {
  background-position: -60px -87px;
}
.btn-toggle-social-sharing.btn-facebook.disabled {
  background-position: -2px -5px;
}
.btn-toggle-social-sharing.btn-twitter.disabled {
  background-position: -60px -5px;
}
/* -------- TOGGLE SOCIAL SHARING BUTTONS -------- */
#formDisconnectFacebookCommunity_description {
  text-align: justify;
  display: block;
}
/* -------- FACEBOOK POSTS MODAL BEGIN -------- */
#formFacebookPostsIframe .img-wrapper {
  width: 420px;
  margin: 0 auto;
}
#formFacebookPostsIframe .facebook-posts-content {
  margin: 0 35px;
  display: block;
  font-size: 15px;
  line-height: 30px;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  color: #000;
}
/* -------- FACEBOOK POSTS MODAL END -------- */
/* -------- HEALTH PROFESSIONALS MODAL BEGIN -------- */
#formHealthProfessionalsIframe {
  padding: 0 30px;
}
#formHealthProfessionalsIframe .health-professionals {
  margin: 20px 0 35px 25px;
}
#formHealthProfessionalsIframe .icon {
  background: url("/images/game/icons/list-item-blue.png") no-repeat scroll center center transparent;
  clear: both;
  display: block;
  float: left;
  height: 30px;
  width: 18px;
}
#formHealthProfessionalsIframe .text {
  display: block;
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 10px 25px;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  color: #000;
}
/* -------- HEALTH PROFESSIONALS MODAL END -------- */
/* -------- PRIVACY FAQ MODAL BEGIN -------- */
#formPrivacyFaqsIframe .privacy-faq-content h3 {
  font-family: 'Averta-Semibold-500';
}
/* -------- PRIVACY FAQ MODAL END -------- */
/* -------- DISQUALIFICATION LIMITS MODAL BEGIN -------- */
#formDisqLimitsIframe {
  width: 670px;
}
#formDisqLimitsIframe .privacy-faq-content {
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 15px;
  line-height: 30px;
}
#formDisqLimitsIframe #limits {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}
#formDisqLimitsIframe #limits .limit {
  margin: 0 0 10px 0;
  padding: 0;
  color: #000 !important;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 14px;
  list-style: disc;
  line-height: 22px;
}
/* -------- DISQUALIFICATION LIMITS MODAL END -------- */
/* -------- MODAL FORM GAME IN PROGRESS BEGIN -------- */
#formJoinStartedGame,
#formAcceptInvitationGameStarted {
  width: 500px;
}
#formJoinStartedGame_group_default,
#formAcceptInvitationGameStarted_group_default {
  text-align: center;
  margin-bottom: 5px;
}
.game-in-progress h2 {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  color: #666;
  letter-spacing: -0.005em;
  line-height: 24px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 20px;
  width: 100%;
  margin: 20px 0 5px 0;
  text-align: center;
}
.game-in-progress a.no-thanks {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 30px auto 20px;
  width: 296px;
  text-align: center;
}
.game-in-progress .btn-wrap.submit-button-wrp {
  display: block;
}
.game-in-progress .see-other-games {
  display: block;
  margin: 10px 0 0;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
/* -------- MODAL FORM GAME IN PROGRESS END -------- */
/* -------- MODAL FORM BECOME AN AFFILIATE BEGIN -------- */
#formBecomeAnAffiliate .left-column {
  float: left;
  width: 370px;
  padding: 0 10px;
  border-right: 1px solid #D4D5D4;
}
#formBecomeAnAffiliate .right-column {
  float: right;
  width: 350px;
}
#formBecomeAnAffiliate .radio-option {
  display: inline-block;
  height: 20px;
  margin: 5px 15px 0 0;
}
#formBecomeAnAffiliate .right-column .textbox {
  margin: 0px;
  width: 335px;
}
#formBecomeAnAffiliate .select {
  width: 340px;
}
#formBecomeAnAffiliate .label {
  font-size: 16px;
}
#formBecomeAnAffiliate_healthExpertise_field {
  margin-top: 39px;
}
#formBecomeAnAffiliate_healthExpertise_field .field-help-text {
  display: block;
  position: relative;
  width: 100%;
}
#formBecomeAnAffiliate_healthExpertise_field .select-overlay {
  background: url("/images/game/slider/overlay.png") repeat scroll 0 0 transparent;
  display: none;
  height: 44px;
  margin-top: -44px;
  width: 100%;
}
#formBecomeAnAffiliate_heardAboutDietbet_field {
  margin-top: 55px;
}
#formBecomeAnAffiliate .footer-buttons {
  clear: both;
  text-align: center;
}
#formBecomeAnAffiliate_submit_field {
  float: none;
}
#formBecomeAnAffiliate_group_leftColumn .form-field,
#formBecomeAnAffiliate_group_rightColumn .form-field {
  height: 66px;
}
/* -------- MODAL FORM BECOME AN AFFILIATE END -------- */
/* -------- FORM CREDIT CARD BEGIN -------- */
.form-credit-card.form .form-field {
  float: left;
  width: auto;
}
.form-credit-card.form.modal-form .form-field .textbox {
  margin-left: 0px;
}
.form-credit-card.form .group-description {
  margin-bottom: 10px;
}
/* billing information */
.form-credit-card.form .credit-card-number .field-help-text {
  display: block;
  float: left;
  left: calc(100% - 65px);
  margin: 0px;
  padding: 0;
  position: relative;
}
.form-credit-card.form .credit-card-exp-date {
  clear: both;
  margin-right: 39px;
  width: 120px;
}
.form-credit-card.form .credit-card-exp-date .field-errors {
  width: 300px;
}
.form-credit-card.form .credit-card-cvv {
  width: 94px;
  margin-bottom: 5px;
}
.form-credit-card.form .credit-card-cvv .field-help-text {
  clear: both;
  margin: 0;
  font-family: Arial;
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
}
/* billing address */
.form-credit-card.form .billing-address .form-field {
  margin: 0 10px 15px 0;
}
.form-credit-card.form .billing-information .form-field.error,
.form-credit-card.form .billing-address .form-field.error {
  margin-bottom: 0px;
}
.form-credit-card.form .customer-postal-code.error .field-errors {
  margin: -2px 0 0;
  max-width: 140px;
}
.form-credit-card.form .generic-error {
  background: url("/images/sign-up/new-design/alert.png") no-repeat scroll left center transparent;
  padding-left: 50px;
  margin: 10px 40px 20px 40px;
  border: 1px solid #D94830;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #D94830;
}
.form-credit-card.form .field-error {
  margin: 3px -6px 0 0;
}
/* -------- FORM CREDIT CARD END -------- */
/* -------- FORM EDIT BRAINTREE CREDIT CARD BEGIN -------- */
#formAddBraintreeCreditCard_group_default {
  margin: 0px;
}
.form-credit-card.form.modal-form .billing-information {
  width: 260px;
  margin: 0 auto;
}
.form-credit-card.form.modal-form .credit-card-number,
.form-credit-card.form.modal-form .customer-postal-code {
  margin-right: 0px;
  width: 250px;
  clear: left;
}
.form-credit-card.form.modal-form .credit-card-number .field-help-text {
  left: calc(100% - 65px);
}
.form-credit-card.form.modal-form .credit-card-number .textbox {
  width: 250px;
}
.form-credit-card.form.modal-form .billing-address {
  width: 600px;
  margin: 0 auto;
}
.form-credit-card.form.modal-form .footer-buttons {
  text-align: center;
}
.form-credit-card.form.modal-form .credit-card-cvv .field-error {
  margin: 0px;
}
.form.form-credit-card .textbox {
  height: 20px;
}
.form.form-credit-card .braintree-hosted-field-wrapper > iframe,
.form.form-credit-card .braintree-hosted-field-wrapper > iframe:focus {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form.form-credit-card .select,
.form.form-credit-card .textbox {
  padding: 5px 0 5px 5px;
}
.form.form-credit-card .braintree-hosted-field-wrapper {
  border: 1px solid #ccc;
  display: inline-block;
  -webkit-box-shadow: 0 1px 1px #F0F0F0;
  box-shadow: 0 1px 1px #F0F0F0;
}
.form.form-credit-card .braintree-hosted-fields-focused {
  border-color: #00A19F;
}
.form.form-credit-card .braintree-hosted-fields-invalid {
  border-color: #d03e0c;
}
.form.form-credit-card .customer-postal-code.textbox {
  width: 130px;
}
.form.form-credit-card span.field-data {
  height: 100%;
}
/* -------- FORM EDIT BRAINTREE CREDIT CARD END -------- */
/* -------- FORM BOUNCE VISITORS BEGIN -------- */
.ui-dialog.bounce-visitors .ui-dialog-titlebar {
  background: none;
  height: 40px;
}
#formBounceVisitors {
  margin: 50px auto 0;
  padding: 0 0px 20px;
  width: 360px;
}
#formBounceVisitors .element-group {
  margin: 0;
}
#formBounceVisitors .footer-buttons {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
#formBounceVisitors .form-cancel.close-modal {
  color: #00A19F;
  display: block;
  float: none;
  font-family: 'Averta-Semibold-500';
  font-size: 14px;
  margin: 0;
  text-decoration: none;
}
#formBounceVisitors .form-title {
  font-family: 'Averta-Light-300';
  font-size: 30px;
}
#formBounceVisitors .notes {
  display: block;
  font-size: 18px;
  line-height: 25px;
  margin: 15px 0;
}
#formBounceVisitors #formBounceVisitors_email_field {
  width: 230px;
  float: left;
}
#formBounceVisitors #formBounceVisitors_email {
  border: 1px solid #AEAAA3;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  padding: 5px 12px 5px 10px;
  width: 200px;
}
#formInvitePlayers_skip-step-anchor {
  display: block;
  float: right;
  margin: 65px -125px 0 0;
}
/* -------- FORM BOUNCE VISITORS END -------- */
/* -------- PLAYER MOTIVATION STATUS BEGIN -------- */
/* -------- PLAYER MOTIVATION STATUS END -------- */
#edit-community-group-page .modal-delete button.btn-delete {
  float: none;
  width: 240px;
}
.form-upload-photos .btn-edit-header-photo {
  float: none;
  width: 40%;
  display: block;
  margin: 0px auto;
  padding-left: 20px;
}
/* -------- FORM SCHEDULE POST BEGIN -------- */
form.modal-form .form-element-scheduled-date .form-field {
  clear: none;
}
.form .form-element-scheduled-date .publish-date {
  float: left;
  margin-left: 1%;
}
.form .form-element-scheduled-date .publish-date-wrapper {
  float: left;
  display: block;
  width: 95px;
}
.form .form-element-scheduled-date .at-symbol {
  float: left;
  width: 7%;
  margin: 15px 0px 0px 5px;
  font-size: 16px;
  text-align: center;
}
.form .form-element-scheduled-date .box-area {
  float: left;
  display: block;
  width: 60px;
}
.form .form-element-scheduled-date .scheduled-hour {
  float: left;
}
.form .form-element-scheduled-date .dots-symbol {
  float: left;
  width: 3%;
  margin-top: 15px;
  font-size: 16px;
  text-align: center;
}
.form .form-element-scheduled-date .scheduled-minute {
  float: left;
}
.form .form-element-scheduled-date .scheduled-time-period {
  margin-left: 1%;
  float: left;
}
.form .form-element-scheduled-date .scheduled-est-text {
  float: left;
  margin: 15px 0px 0px 1%;
  font-size: 16px;
}
.form.scheduled-date-time-form .scheduled-border-separator {
  margin-bottom: 20px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.form.scheduled-date-time-form .scheduled-undo-btn {
  border: 0px;
  background: none;
  color: #999;
  margin-top: 10px;
}
.form.scheduled-date-time-form .scheduled-undo-btn:hover {
  text-decoration: underline;
}
/* -------- FORM SCHEDULE POST END -------- */
/* -------- FORM MODAL JOIN GAME/GROUP BEGIN ------- */
.modal-join-message a.btn-wrp {
  margin-top: 15px;
}
/* -------- FORM MODAL JOIN GAME/GROUP END ------- */
/* -------- FORM MODAL QUICK UPDATE BEGIN ------- */
#formPlayerActivityQuickUpdate.form-new-flex div.radio.focus span {
  background-position: 0 0;
}
#formPlayerActivityQuickUpdate .form-cancel {
  margin-top: 10px;
}
/* -------- FORM MODAL QUICK UPDATE END ------- */
#formRegisterUserModal .gender-block .label {
  float: left;
}
.form-switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.form-switch label {
  vertical-align: inherit;
}
.form-switch input {
  position: absolute;
  top: 9px;
  left: 10px;
  opacity: 0;
}
.form-switch .swith-control {
  text-indent: 100%;
  display: inline-block;
  position: relative;
  width: 42px;
  height: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.form-switch .swith-control:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px / 2;
  left: 2px / 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
}
.form-switch input:checked ~ .swith-control:after {
  left: 21px;
}
.form-switch .swith-control {
  background-color: #a8aaa4;
}
.form-switch .swith-control:after {
  background-color: #fff;
  border-color: #999;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
.form-switch input:checked ~ .swith-control {
  background-color: #00A19F;
}
.form-switch input:checked ~ .swith-control:after {
  background-color: #fff;
  border-color: #00A19F;
}
.use-plain-style .radio-option {
  position: relative;
}
.use-plain-style .radio-option input {
  position: absolute;
  opacity: 0;
}
.use-plain-style .radio-option .radio-icon {
  display: inline-block;
  vertical-align: middle;
}
.use-plain-style .radio-option .radio-text {
  vertical-align: middle;
}
.use-plain-style .radio-option .radio-icon {
  margin: 5px 6px 0 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #575757;
  padding: 2px;
}
.use-plain-style .radio-option .radio-icon .radio-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.use-plain-style .radio-option input:checked + .radio-icon .radio-inner {
  background-color: #575757;
}
.use-fa.radio-options input.radio {
  visibility: hidden;
  position: absolute;
}
.use-fa.radio-options input.radio + .radio-icon .fa:before {
  content: "\f1db";
}
.use-fa.radio-options input.radio:checked + .radio-icon .fa:before {
  content: "\f192";
}
.use-fa.radio-options .radio-icon {
  color: #00A19F;
  font-size: 16px;
  text-align: left;
}
.use-fa.radio-options .radio-icon .fa-fw {
  text-align: inherit;
}
.use-fa input.checkbox {
  visibility: hidden;
  position: absolute;
}
.use-fa input.checkbox + .checkbox-icon {
  color: #00A19F;
  font-size: 16px;
  text-align: left;
}
.error.use-fa input.checkbox + .checkbox-icon {
  color: #e64b23;
}
.use-fa input.checkbox + .checkbox-icon .fa-fw {
  text-align: inherit;
  width: 18px;
}
.use-fa input.checkbox + .checkbox-icon .fa:before {
  content: "\f096 ";
}
.use-fa input.checkbox:checked + .checkbox-icon .fa:before {
  content: "\f14a";
}
.use-fa input.checkbox[disabled]:checked + .checkbox-icon {
  color: #999;
}
.large-checkbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.large-checkbox .checkbox-icon {
  width: 47px;
  height: 47px;
  padding-right: 5px;
  background: url('../images/misc/form-rebrand-checkboxes.png') no-repeat -4px -5px;
}
.large-checkbox input:checked + .checkbox-icon {
  background-position-x: -116px;
}
.large-checkbox input[disabled] + .checkbox-icon {
  background-position-x: -283px;
}
.large-checkbox input[disabled]:checked + .checkbox-icon {
  background-position-x: -228px;
}
.form-field.terms-agreement {
  font-size: 11px;
}
.form-field.terms-agreement .field-data {
  display: table;
  table-layout: auto;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}
.form-field.terms-agreement .checkbox-icon {
  display: table-cell;
  vertical-align: middle;
}
.form-field.terms-agreement .checkbox-icon .fa {
  margin-right: 10px;
}
.form-field.terms-agreement .checkbox-text {
  display: table-cell;
  vertical-align: middle;
}
#organizer-dashboard .form .profile-photo-field .profile-img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.modal-white .ui-dialog-title {
  text-shadow: none;
}
#error-container.generic-error {
  border: none;
  border-radius: 0;
  font-family: 'Averta-Light-300';
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
#error-container.generic-error.kickstarter {
  background-color: #d6450a;
}
#error-container.generic-error.transformer {
  background-color: #b20e8d;
}
#error-container.generic-error.maintainer {
  background-color: #49A078;
}
#user-account-page .confirmation-message {
  max-width: 500px;
}
.form.ie-modal-form div.uploader input {
  margin: 0;
  position: absolute;
  right: 0px;
  font-size: 100px;
  height: 100%;
  top: 2px;
}
.form.ie-modal-form .browse-video-btn div.uploader input {
  top: 5px;
}
.form.ie-modal-form .browse-video-btn div.uploader {
  overflow: visible;
}
.form.ie-modal-form .browse-video-btn .field-errors {
  display: none;
}
.form.ie-modal-form .video-upload-subform .ui-progressbar.progressbar {
  bottom: 120px;
  float: none;
  right: inherit;
}