@import "/EI/CSS/Public/overlay.css";

/******************** Update / Join */
/********** General */
.joinTheClub a.returnToDestination + .valueProposition, .joinTheClub .tabbedNavList {margin-top: 1.5em;}
.joinTheClub .valueProposition, .joinTheClub .tabbedNavList {margin-bottom: 1.5em;}
.joinTheClub .errorMode {display: block; clear: both; margin-bottom: 0.5em;}
.joinTheClub .tabbedNavList {overflow: hidden;}

/********** Form */
.joinTheClub fieldset, .joinTheClub legend {
	list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0; text-indent: 0;
	}
	.joinTheClub legend {margin-bottom: 1.5em; *margin-left: -.5em;}
	/********** Webkit hacks */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.joinTheClub legend {margin-bottom: 0; padding-bottom: 1.5em;}
	}
.joinTheClub .value_proposition > p {margin-bottom: 1.5em;}

.joinTheClub fieldset {margin-bottom: 3em; border: none; outline: none;}
.joinTheClub .formList select.dropdown {margin-right: 0.333em;}
.joinTheClub .formList .countryCallingCode {margin-right: 0.333em; vertical-align: baseline;}

.joinTheClub .validation {white-space: nowrap;}
.joinTheClub .formList span.remaining {display: block;}
.joinTheClub.editMode span.passwordInstruct {display: block; margin-top: 0.333em;}
.joinTheClub .subgroups .formList > li {
	padding-left: 2.5em; position: relative;
	}
	.joinTheClub .subgroups .formList > li > input[type=checkbox] {
		position: absolute; top: 0; left: 0; margin: 0;
		}
	.joinTheClub .subgroups .formList > li > input[type=checkbox] + label {
		display: block; margin-bottom: .33em; zoom: 1;
		}
	.joinTheClub .subgroups .optOffer {clear: both;}
	.joinTheClub .survey .response label {font-weight: normal;}
.joinTheClub .survey .question {margin-bottom: 0.5em; font-weight: bold;}
.joinTheClub .survey .response > select, .joinTheClub .survey .response > label {vertical-align: middle;}

/********** Avatar */
.joinTheClub .formUploadAvatar .avatarInstruct {margin-top: 0.33em;}
.joinTheClub img.avatar {float: right; margin-left: 0.5em;}
.joinTheClub div[id$='upAvatarUpload'] {display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.joinTheClub .actRemoveAvatar {margin-left: 0.33em; vertical-align: middle;}