.singleregistrationform {
	position: relative;
}

.singleregistrationform .main {
	display: none;
}

.singleregistrationform.main .main {
	display: block;
}

.singleregistrationform.timeZoneEditor {
	height: 100%;
}

.singleregistrationform .timeZoneEditor {
	width: 100%;
	height: 100%;
	display: none;
}

.singleregistrationform.timeZoneEditor .timeZoneEditor {
	display: block;
}


.singleregistrationform .timeZoneLabel {
	margin: 0 0 0 20px;
}

.singleregistrationform .timeZoneContainer {
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.singleregistrationform .timeZone {
	line-height: 40px;
	margin: 0 0 0 20px;
	border-top: 1px solid #f0f0f0;
}

.singleregistrationform .timeZone:first-child {
	border: none;
}

.singleregistrationform .main {
	display: none;
}

.singleregistrationform.main .main {
	display: block;
}

.singleregistrationform .info {
	width: 240px;
	text-align: center;
	margin: 5px auto 0 auto;
}

.singleregistrationform.timeZoneEditor {
	height: 100%;
}

.singleregistrationform .timeZoneEditor {
	width: 100%;
	height: 100%;
	display: none;
}

.singleregistrationform.timeZoneEditor .timeZoneEditor {
	display: block;
}


.singleregistrationform .timeZoneLabel {
	margin: 0 0 0 20px;
}

.singleregistrationform .timeZoneContainer {
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.singleregistrationform .timeZone {
	line-height: 40px;
	margin: 0 0 0 20px;
	border-top: 1px solid #f0f0f0;
}

.singleregistrationform .unitCheckboxes {
	width: 232px;
	margin: 10px auto 0 auto;
}

.singleregistrationform .imperialCheckboxContainer {
	float: left;
}

.singleregistrationform .metricCheckboxContainer {
	float: left;
	margin: 0 0 0 5px;
}

.singleregistrationform .dateCheckboxes {
	width: 232px;
	margin: 10px auto 0 auto;
}

.singleregistrationform .dmyCheckboxContainer {
	float: left;
}

.singleregistrationform .mdyCheckboxContainer {
	float: left;
	margin: 0 0 0 5px;
}

.singleregistrationform .ymdCheckboxContainer {
	float: left;
	margin: 0 0 0 5px;
}

.singleregistrationform .genderCheckboxes {
	width: 200px;
	margin: 5px auto 0 auto;
}

.singleregistrationform .maleCheckboxContainer {
	float: left;
}

.singleregistrationform .femaleCheckboxContainer {
	float: left;
	margin: 0 0 0 5px;
}

.singleregistrationform .otherCheckboxContainer {
	float: left;
	margin: 0 0 0 5px;
}

.singleregistrationform .next-button {
	display: none;
}

.singleregistrationform.heightEditor .next-button,
.singleregistrationform.weightEditor .next-button,
.singleregistrationform.dobEditor .next-button {
	display: block;
}


.singleregistrationform .heightEditor {
	padding: 20px;
	display: none;
}

.singleregistrationform.heightEditor .heightEditor {
	display: block;
}

.singleregistrationform .weightEditor {
	padding: 20px;
	display: none;
}

.singleregistrationform.weightEditor .weightEditor {
	display: block;
}

.singleregistrationform .dobEditor {
	padding: 20px;
	display: none;
}

.singleregistrationform.dobEditor .dobEditor {
	display: block;
}

.singleregistrationform .imperialHeightPickerContainer {
	margin: 20px  auto 0 auto;
	width: 140px;
	display: none;
}

.singleregistrationform.imperial .imperialHeightPickerContainer {
	display: block;
}

.singleregistrationform .metricHeightPickerContainer {
	margin: 20px  auto 0 auto;
	width: 70px;
	display: none;
}

.singleregistrationform.metric .metricHeightPickerContainer {
	display: block;
}

.singleregistrationform .imperialWeightPickerContainer {
	margin: 20px  auto 0 auto;
	width: 70px;
	display: none;
}

.singleregistrationform.imperial .imperialWeightPickerContainer {
	display: block;
}

.singleregistrationform .metricWeightPickerContainer {
	margin: 20px  auto 0 auto;
	width: 70px;
	display: none;
}

.singleregistrationform.metric .metricWeightPickerContainer {
	display: block;
}

.singleregistrationform .dobPickerContainer {
	margin: 20px  auto 0 auto;
	width: 140px;
}

.singleregistrationform .dmyPickerContainer {
	display: none;
}

.singleregistrationform.dmy .dmyPickerContainer {
	display: block;
}

.singleregistrationform .mdyPickerContainer {
	display: none;
}

.singleregistrationform.mdy .mdyPickerContainer {
	display: block;
}

.singleregistrationform .ymdPickerContainer {
	display: none;
}

.singleregistrationform.ymd .ymdPickerContainer {
	display: block;
}

.singleregistrationform .main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.singleregistrationform.main .main {
	display: block;
}

.singleregistrationform .privacyCheckboxes {
	width: 200px;
	margin: 10px auto 0 auto;
}

.singleregistrationform .privateCheckboxContainer {
	float: left;
}

.singleregistrationform .publicCheckboxContainer {
	float: left;
	margin: 0 0 0 5px;
}

.singleregistrationform .heading {
	text-align: center;
}

.singleregistrationform .intro {
	padding: 0 10px;
	margin: 25px 0;
}

.singleregistrationform .frame {
	position: relative;
	width: 210px;
	height: 210px;
	margin: 10px auto 0 auto;
}

.singleregistrationform .frame .generic {
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background-size: 210px 210px;
	display: none;
}

.singleregistrationform .frame.generic .generic {
	display: block;
}

.singleregistrationform .generic.male {
	background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/generic-icon.png);
}

.singleregistrationform .generic.female {
	background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/generic-icon.png);
}

.singleregistrationform .generic.other {
	background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/generic-icon.png);
}

.singleregistrationform .frame .custom {
	width: 210px;
	height: 210px;
	border-radius: 50%;
	display: none;
}

.singleregistrationform .frame.custom .custom {
	display: block;
}

.singleregistrationform .add {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/add_s_v1.png);
	background-size: 60px 60px;
}

.singleregistrationform .uploadForm {
	display: none;
}

.singleregistrationform .imageEditor {
	position: absolute;
	width: 280px;
	height: 280px;
	left: 50%;
	top: 50%;
	margin: 0px 0 0 -140px;
	display: none;
}

.singleregistrationform.imageEditor .imageEditor {
	display: block;
}

.singleregistrationform .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 280px;
}

.singleregistrationform .dimmer {
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 280px;
	background-color: #000000;
	opacity: 0.4;
}

.singleregistrationform .viewport {
	position: absolute;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	border: 2px solid #f0f0f0;
	overflow: hidden;
}

.singleregistrationform .repeatUsername {
	display: none;
}

.singleregistrationform.repeatUsername .repeatUsername {
	display: block;
}

.singleregistrationform .repeatPersonaName {
	display: none;
}

.singleregistrationform.repeatPersonaName .repeatPersonaName {
	display: block;
}

.singleregistrationform .notAvailable {
	width: 225px;
	text-align: center;
	margin: 20px auto 0 auto;
}