/* Registration */
.registration h3,
.registration .captionText {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 27px;
	border-bottom: 1px solid #ccc;
}

.registration .right {
	text-align: right;
}

.registration .inlineBlock {
	display: inline-block;
}

.registration .registrationForm * {
	max-width: 940px;
}

.registration #content {
	padding: 20px;
}

.iframe .registration #content,
.iframe .registration .registrationForm {
	padding: 0;
}

.registration.anonymousCheckout {
	margin: 0;
	padding: 0;
}

.registration .divFacebook,
.registration .divVKontakte {
	display: inline-block;
	min-width: 329px;
	padding-bottom: 30px;
	float: left;
}

.registration .controlUsabilityWrapper.labelBoxWrapper {
	padding: 5px 5px 5px 0;
	margin: 2px 23px 0 20px;
	width: 295px;
	display: inline-block;
}

.registration .controlUsabilityWrapper.labelBoxWrapper.email {
	width: 290px;
}

.registration .controlUsabilityWrapper.labelBoxWrapper.sponsor-name {
	width: 600px;
	margin-left: 0;
}

.registration .controlUsabilityWrapper.labelBoxWrapper span {
	font-style: normal;
}

.registration .divWithoutEmailWrapper .formCheckRadio .checkBoxRadio {
	padding-top: 6px;
}

.registration .formControlWrapper.CustomInfoUpload .RadUpload {
	margin-top: 5px;
}

.registration .resultInfo {
	margin-bottom: 20px;
}

.registration .resultInfo .labelBoxWrapper.controlUsabilityWrapper {
	margin: 0;
	padding: 0;
	width: auto;
}

.registration .PeriodInfo {
	margin-bottom: 27px;
}

.registration .resultInfoInv {
	margin-bottom: 20px;
	display: inline-block;
}

.registration .resultInfoInv .emptyLabel {
	display: none;
}

.registration .resultInfoInv .labelBoxWrapper.controlUsabilityWrapper {
	margin: 0;
	padding: 0;
	border-width: 0;
	width: auto;
}

.registration .linkCommon {
	text-decoration: underline;
	line-height: 1;
}

.registration .registrationForm .registrationLine,
.registration .registrationForm .registrationLine2,
.registration .registrationForm .registrationLine3,
.registration .registrationForm .registrationLine4 {
	border-bottom: 1px solid #E8E8E8;
	margin: 11px 0 19px 0;
}

.registration .registrationForm .registrationLine2 {
	margin: 11px 0 10px 0;
}

.registration .registrationForm .registrationLine3 {
	margin: 10px 0 10px 0;
}

.registration .registrationForm .registrationLine4 {
	margin: 11px 0 18px 0;
}

.registration .registrationForm .agreement {
	margin: 10px 0 0 0;
}

.registration .registrationForm .twoColumnsWidth.right {
	margin: 25px 0;
	display: inline-block;
	width: 100%;
}

.mobile .registration .registrationForm .twoColumnsWidth.right {
	float: none;
	text-align: left;
}


.mobile .registration .registrationForm .twoColumnsWidth.right .ButtonGreen.big {
	width: 100%;
	text-align: center;
}
.iframe .registration-tool #content {
	padding-top: 0;
}

.registration-tool .smallText {
	padding-bottom: 20px;
}

.registration-tool .form-block {
	padding: 20px 0;
	vertical-align: top;
	max-width: 340px;
}

.iframe .registration-tool .form-block {
	max-width: none;
}

.registration-tool.upgrade .form-block {
	padding-bottom: 0;
}

.registration-tool .inlineBlock {
	display: inline-block;
}

.registration-tool .form-block .subtitle {
	font-size: 16px;
	padding-bottom: 0;
}

.registration-tool .divButtons .Button_Usability {
	width: calc(100% - 26px);
	margin: 35px 8px 8px 8px;
	max-width: 500px;
	text-align: center;
}

.registration-tool .formCheckRadio {
	position: relative;
	margin-bottom: 5px;
	width: 99%;
	height: 100%;
}

.registration-tool .checkBoxRadio label {
	display: inline;
	position: relative;
	float: left;
	left: 0;
	width: calc(100% - 62px);
}

.registration-tool .formCheckRadio .errorText {
	position: relative;
    top: -24px;
}

.registration-tool .divCustomInfoDataChk p.formCheckRadio {
	margin: 0;
	clear: both;
}

.registration-tool .form-block .formCheckRadio {
	float: none;
}

.registration-tool .form-block .checkBoxRadio {
	display: inline-block;
}

.registration-tool .linkCommon {
	text-decoration: underline;
}

.registration-tool .files,
.profile .files  {
	padding-top: 20px;
	display: inline-block;
}

.registration-tool .divButtons.left {
	text-align: left;
	width: 100%;
	display: inline-block;
}

.registration-tool .form-option {
	margin: 25px 0 5px 0;
}

.iframe .invitation #content {
	padding: 0;
}

.invitation .smallText {
	padding-bottom: 20px;
}

.invitation .form-block {
	padding-bottom: 20px;
	display: inline-block;
	width: 340px;
	vertical-align: top;
}

.invitation .form-block .subtitle {
	font-size: 16px;
	padding-bottom: 0;
}

.invitation .message,
.invitation .message .TextArea_Usability,
.invitation .message .fake.TextArea_Usability,
.invitation .divButtons {
	width: 664px;
}

.invitation .divButtons {
	padding-top: 10px;
}

.profile .block {
	display: block;
}

.profile .expandableSection .sectionContent {
	padding-bottom: 20px;
}

.profile .sectionContent .header {
	margin-bottom: 10px;
}

.profile .sectionContentSubtitle {
	font-size: 14px;
	margin-bottom: 5px;
}

.profile .deleteLink {
	margin-top: 10px;
}

.profile .spacePriority {
	margin-top: 7px;
	border-bottom: 1px solid #E6E6E6;
}

.profile .smallText2 {
	font-size: 12px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E6E6E6;
}

.profile .divSocialMedia {
	margin-top: 10px;
}

.profile .customInfoIcon {
	background-position: 5px 50%;
	padding-left: 40px;
}

.profile .customInfoIcon .controlUsabilityWrapper {
	margin-top: 4px;
	margin-bottom: 4px;
}

.profile .formControlWrapper.CustomInfoUpload {
	margin-top: 10px;
}

.profile .formControlWrapper.CustomInfoUpload label {
	font-size: 12px;
	padding-top: 8px;
	height: 19px;
}

.profile .formControlWrapper.CustomInfoUpload .RadUpload {
	margin-top: 5px;
}

.profile .divFacebook .account,
.profile .divVKontakte .account,
.profile .divGoogle .account {
	margin-left: 10px;
	max-width: 300px;
	display: inline-block;
}

.profile .fb-image,
.profile .vk-image,
.profile .google-user-image {
	vertical-align: top;
}

.profile .fb-description,
.profile .vk-description,
.profile .google-description {
	font-size: 12px;
}

.user-profile-social-button.Button_Usability,
.user-profile-social-button.Button_Usability:hover {
	border: none;
	padding: 0;
}

.user-profile-social-button.v-icon-facebook-ring-color:before,
.user-profile-social-button.v-icon-google-plus-ring-color:before,
.user-profile-social-button.v-icon-vk-ring-color:before {
	font-size: 74px;
	line-height: 1.0;
	opacity: 1;
	transition: opacity .1s;
}

.user-profile-social-button.v-icon-facebook-ring-color:hover:before,
.user-profile-social-button.v-icon-google-plus-ring-color:hover:before,
.user-profile-social-button.v-icon-vk-ring-color:hover:before {
	cursor: pointer;
	opacity: .9;
	transition: opacity .1s;
}

.user-profile-social-box {
	width: 50%;
	float: left;
	margin: 15px 0;
}

.profile .recurring-info {
	padding-bottom: 15px;
}

.profile .emailDesc {
	font-size: 12px;
	padding-top: 8px;
	height: 19px;
}

.profile .wrapperSendSmsButton {
	float: left;
	margin: 30px 0 25px 10px;
	text-decoration: underline;
}

.profile .wrapperConfirmationSendSms {
	float: left;
	width: 150px;
}

.profile .primaryCheckbox {
	clear: both;
}

.profile [id*="divCustomInfoData"] .inputCell {
	display: inline;
	width: 95%;
}

.profile [id*="divCustomInfoData"] .RadComboBox_Usability_fake,
.profile [id*="divCustomInfoData"] .controlUsabilityWrapper {
	width: 95%;
}

.profile .divButtons {
	display: block;
}

.paymentCardProfile .GreenBtn {
	border: 1px solid Black;
	background-color: Black;
	color: #fff;
}

.paymentCardProfile .GreenBtn:hover {
	background-color: #fff;
	color: Black;
}

.ForgotPassword .colorbox-header {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 12px;
	margin-bottom: 16px;
}

.ForgotPassword .colorbox-text {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 19px;
}

.ForgotPassword .Button_Usability {
	vertical-align: bottom;
	margin-bottom: 8px;
}

.ResendActivationEmail #content {
	padding: 0;
	text-align: center;
}

.ResendActivationEmail h1 {
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 10px;
}

.ResendActivationEmail .basicText {
	font-size: 14px;
	line-height: 16px;
}

.ResendActivationEmail .basicText strong {
	font-weight: normal;
}

.ResendActivationEmail .sendConfirmBtn {
	padding-top: 17px;
}

.ResendActivationEmail .emailText2 {
	margin-top: 17px;
}

.ResendActivationEmail .emailText2 div {
	display: inline-block;
}

.ResendActivationEmail .emailText2 .basicText,
.ResendActivationEmail .emailText2 a {
	font-size: 12px;
	line-height: 14px;
}

.ResendActivationEmail .emailText2 a {
	text-decoration: underline;
}

.ResendActivationEmail .confirmation-message {
	margin-top: 8px;
}

.OnlineSelling #content {
	padding: 0;
}

.OnlineSelling .line {
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #E6E6E6;
}

.OnlineSelling .terms {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}

.OnlineSelling .divButtons .terms a {
	margin: 0;
	font-size: 12px;
}

.mobile .invitation .form-block,
.mobile .invitation .message,
.mobile .invitation .message .TextArea_Usability,
.mobile .invitation .message .fake TextArea_Usability,
.mobile .invitation .divButtons,
.mobile .invitation .divButtons .right {
	width: 100%;
}

.mobile .invitation .divButtons .right .Button_Usability {
	width: 100%;
	text-align: center;
	margin-left: 0;
}

.mobile .ForgotPassword #content {
	min-width: 0;
}

.mobile .ForgotPassword .Button_Usability {
	width: 100%;
	text-align: center;
}

.mobile .ResendActivationEmail #content {
	padding-left: 5px;
	padding-right: 5px;
}

.mobile .ResendActivationEmail .Button_Usability {
	width: 100%;
}

.registration-tool .dialog_Usability {
	max-width: 95%;
	width: 85%;
}

.registration-tool .dialog_Usability .divButtons {
	padding-top: 20px;
	text-align: right;
	width: 100%;
	max-width: inherit;
}

.registration-tool .dialog_Usability .confirmation_label {
	font-weight: bold;
}

.registration_confirmation_dialog .labelBoxWrapper label {
	width: 30%;
	display: inline-block;
}

.registration_confirmation_dialog .labelBoxWrapper {
	margin: 10px 0;
}

/***********************************************************************************************************************
RWD Section
***********************************************************************************************************************/

@media only screen and (max-width: 649px) {

	.registration .registrationForm .twoColumnsWidth.right {
		float: none;
		text-align: left;
	}

	.registration .registrationForm .twoColumnsWidth.right .ButtonGreen.big {
		width: 100%;
		text-align: center;
	}

	.registration .registrationForm .divFormField {
		width: 100%;
	}

	.registration .registrationForm .controlUsabilityWrapper.textBoxWrapper {
		width: 100%;
		margin-right: 0;
	}

	.registration .registrationForm .textBoxWrapper .FormTextBox_Usability.fake {
		width: 100%;
	}
	
	.registrationForm .checkBoxRadio label {
		white-space: normal;
		width: calc(100% - 25px);
	}

	.registrationForm .textBoxWrapper.label-position-above .FormTextBox_Usability {
		width: 100% !important;
	}

	.registrationForm .controlUsabilityWrapper.comboBoxWrapper {
		margin-right: 0;
		width: 100% !important;		
	}
	
	.registrationForm .comboBoxWrapper .RadComboBox.RadComboBox_Usability {
		width: calc(100% - 2px) !important;
	}


	.registrationForm .controlUsabilityWrapper.comboBoxWrapper.day,
	.registrationForm .controlUsabilityWrapper.comboBoxWrapper.month,
	.registrationForm .controlUsabilityWrapper.comboBoxWrapper.year {
		margin-right: 5px;
	}

	.registrationForm .controlUsabilityWrapper.comboBoxWrapper.day {
		width: 68px !important;
	}

	.registrationForm .controlUsabilityWrapper.comboBoxWrapper.month {
		width: 110px !important;
	}

	.registrationForm .controlUsabilityWrapper.comboBoxWrapper.year {
		width: 77px !important;
	}

	
	 
}