﻿/* Responsive Form Error */
@media (max-width:600px) {
	.RegisterFormContainer.FormRight .RegisterForm .Row > SPAN,
	.RegisterFormContainer.FormLeft .RegisterForm .Row > SPAN {	
		background: none;
		box-shadow: none !important;
		/*color: orange !important;*/
		cursor: default;
		display: block;
		font-size: 12px;
		font-weight: bold;
		left: 0;
		margin: 0 auto 10px;
		min-height: 16px;
		/*overflow: hidden;*/
		padding: 3px;
		position: relative !important;
		right: 0 !important;
		text-align: left !important;
		top: -10px;
		white-space: normal !important;
		width: 221px;
	}
		.RegisterFormContainer.FormRight .RegisterForm .Row > SPAN A,
		.RegisterFormContainer.FormLeft .RegisterForm .Row > SPAN A {
			color: orange !important;
		}

		.RegisterFormContainer.FormRight .RegisterForm .Row > SPAN:after,
		.RegisterFormContainer.FormLeft .RegisterForm .Row > SPAN:after {
			border: none;
		}

		.RegisterFormContainer.FormRight .RegisterForm .Row > SPAN.ShowError,
		.RegisterFormContainer.FormLeft .RegisterForm .Row > SPAN.ShowError {		
			display: block !important;
		}

		DIV.RegisterFormContainer DIV.RegisterForm .Row > SPAN.HideError {
			display: none !important;
		}	

		
		.RegisterFormContainer.RegisterFormFlat .RegisterForm .Row > SPAN.errorMsgInline {
			color: red !important;
		}
}

@media (max-width:980px) {
	DIV.RegisterFormContainer {
		margin-right: 27px;
	}
		DIV.RegisterFormContainer.blackContainer.V2 {
			margin-left: 20px;
			margin-right: 0;
		}	
}

@media (max-width:800px) {	
	DIV.RegisterForm3FieldSmall .FormContainer INPUT {
		border-color: #D5D5D5;
	}
		DIV.RegisterForm3FieldSmall .FormContainer INPUT:hover,
		DIV.RegisterForm3FieldSmall .FormContainer INPUT:focus {
			border-color: #ADADAD;
		}
}

@media (max-width:600px){
	/* REGISTER FORM */			
	DIV.RegisterFormContainer {			
		position: absolute;
		top: -9999px;	
		margin: 0 !important;
	}				

		.RegisterFormContainer.AlwaysOn {
			display: inline-block;
		}

		.RegisterFormContainer.Active {
			width: 100%;		
		}
			DIV.RegisterFormContainer.Active {
				background: rgba(0, 0, 0, 0.5);
				display: block;
				height: 100%;
				margin: 0;
				overflow-x: hidden;
				overflow-y: auto;
				padding: 0;
				position: fixed;
				right: 0;
				top: 0;			
			}
		
		DIV.RegisterFormContainer DIV.RegisterForm {
			background: #FFFFFF;
			
			float: none;
			padding: 20px;
			float: none;
			width: 270px;
		}				

			DIV.RegisterFormContainer.FormRight DIV.RegisterForm .Close {
				display: block;
			}
	
			DIV.RegisterFormContainer DIV.RegisterForm H2,
			DIV.RegisterFormContainer DIV.RegisterForm H2 SPAN,
			DIV.RegisterFormContainer DIV.RegisterForm SPAN.text,
			DIV.RegisterFormContainer DIV.RegisterForm SPAN.medium {
				color: #FFFFFF;	

			}

			DIV.RegisterFormContainer DIV.RegisterForm .CreateNew {
				padding: 20px 20px 5px;
			}

			.RegisterFormContainer.FormLeft.Active {
				left: 0;
				position: relative;
				right: auto;
				top: 0;
			}
			.RegisterFormContainer.V2.FormLeft.Active {
				background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09);
				margin: 0;
				padding: 0;						
			}			

			DIV.RegisterFormContainer DIV.RegisterFormMedium .Row {
				height: auto;
			}
				DIV.RegisterFormContainer DIV.RegisterFormMedium .Row INPUT,
				DIV.RegisterFormContainer DIV.RegisterFormMedium .Row SELECT {
			
				}
				DIV.RegisterFormContainer DIV.RegisterFormMedium .Row > SPAN {		
					display: inline-block;
					float: left;
					top: 0;
					width: 310px;
				}
				.RegisterFormMedium .CreateNew .Row.CountryControl .CountryHandle {				
					color: #666666;
				}
				.RegisterFormMedium .CreateNew .Row DIV.CountrySelectHandle {
					border: 1px solid #bbbbbb;
				}
				.RegisterFormMedium .CreateNew .Row.CountrySelect {
					position: relative;
				}
					.RegisterFormMedium .CreateNew .Row.CountrySelect.On {
						left: 4px;
					}
					

			DIV.RegisterFormContainer DIV.RegisterForm DIV.seperation SPAN.Line {
				border-top: 1px solid #666666;
			}
			DIV.RegisterFormContainer DIV.RegisterForm DIV.seperation SPAN.or {
				color: #666666;
			}		


			DIV.RegisterFormContainer.Active {
				position: fixed;
				z-index: 1;
			}

				DIV.RegisterFormContainer DIV.RegisterForm {
			
				}
				DIV.RegisterFormContainer DIV.RegisterHeader,
				DIV.RegisterFormContainer DIV.RegisterForm H2,
				DIV.RegisterFormContainer DIV.RegisterForm H2 SPAN {
					color: #555555;
				}
				
				DIV.RegisterFormContainer DIV.RegisterFormMedium DIV.seperation {					
					padding-left: 0;
					padding-right: 0;
				}
	
	DIV.RegisterFormContainer DIV.RegisterForm3FieldSmall {
		width: 272px;
	}
		DIV.RegisterFormContainer DIV.RegisterForm3FieldSmall H2.large {
			font-size: 40px;
		}
		DIV.RegisterFormContainer DIV.RegisterForm3FieldSmall H3.small {
			font-size: 11px;
		}
		DIV.RegisterFormContainer DIV.RegisterForm3FieldSmall .CreateNew {
			padding: 20px;	
		}
	
	DIV.RegisterFormContainer DIV.RegisterForm3FieldSmall INPUT.DummyPassword {
		background: none repeat scroll 0 0 transparent;
		border: medium none;
		/* bottom: 13px; */
		left: 5px;
		margin: 0;
		position: absolute;
	}

		DIV.RegisterFormContainer.Active {
			padding: 0;
		}

	DIV.RegisterFormContainer DIV.RegisterForm3FieldSmall .CreateNew .Row INPUT[type="text"],
	DIV.RegisterFormContainer DIV.RegisterForm3FieldSmall .CreateNew .Row INPUT[type="password"],
	DIV.RegisterFormContainer DIV.RegisterForm3FieldSmall .CreateNew .Row INPUT[type="email"] {
		width: 218px;
	}
	
 /*}*/ 
	
	
	/* REGISTERFORM V2 */
	.RegisterFormContainer.V2.FormLeft.Active {				
		padding: 18px 0 10px;		
	}

}

@media (max-width:480px){
	/* REGISTER FORM
	DIV.RegisterFormContainer DIV.RegisterForm {
		width: 270px;
	}
	.RegisterFormMedium H2 {
		font-size: 21px;
	}
	DIV.RegisterFormMedium DIV.CreateNew .Row SELECT.Large {
		width: 170px;
	}
	DIV.RegisterFormMedium DIV.CreateNew .Row SELECT.AgeSelect {
		width: 68px;
	}
	.RegisterFormMedium .CreateNew .Controls .Button {
		width: 270px;
	}

	.RegisterFormMedium .CreateNew .Row INPUT[type="text"],
	.RegisterFormMedium .CreateNew .Row INPUT[type="password"],
	.RegisterFormMedium .CreateNew .Row INPUT[type="email"] {
		width: 158px;
	}

	DIV.RegisterFormContainer DIV.RegisterFormMedium .Row > SPAN {		
		display: inline-block;
		float: left;
		top: 0;
		width: 270px;
	} */
}


/* REGISTERFORMSEARCH */
@media (max-width:600px) {
	
	DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew {
		padding: 20px 25px 0;
	}
		DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row {		
			min-height: initial;
			padding-right: 10px;
		}	
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row SELECT.Large,
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row SELECT.AgeSelect,
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row SELECT.Small {
				border: 1px solid #BBBBBB;
			}
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row INPUT[type="text"],
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row INPUT[type="password"],
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row INPUT[type="email"]{
				border: 1px solid #BBBBBB;
				width: 123px;
			}			
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row LABEL {
				width: auto;
			}
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row SELECT.Month {
				width: 42px;
			}
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row SELECT.Day {
				width: 42px;
			}
			DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row SELECT.Year {
				width: 57px;
			}			
		DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Controls {
			margin-top: 10px;	
		}
}


/* REGISTERFORMFLAT */

	/* Error Messages */
	@media (min-width:999px) {
		.RegisterFormContainer.RegisterFormFlat .RegisterForm .Row > SPAN {
			background: transparent;
			border: none;
			box-shadow: none;
			padding: 0;
			margin: 0;
			white-space: inherit;
		}
			.RegisterFormContainer.RegisterFormFlat .RegisterForm .Row > SPAN:after {
				border-color: none;
				border-left-color: none;
				border-width: 0;
		
				top: auto;
				margin-top: 0;
			}

		/* FormFlat Error Messages */
	

		.RegisterFormContainer.RegisterFormFlat .RegisterForm .Row > SPAN.errorMsgInline {
			background: #CA3B3B;			
			bottom: 41px;
			box-shadow: none;
			color: #FFFFFF!important;
			font-weight: normal;
			left: 0;
			margin-right: 17px;
			padding: 10px;
			position: absolute;
			right: 0;
			text-align: left;
			top: inherit;			
		}
		
		.RegisterFormContainer.RegisterFormFlat .RegisterForm .Row > SPAN.errorMsgInline:after {
			top: 100%;
			left: 16px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(255, 255, 255, 0);
			border-top-color: #CA3B3B;
			border-width: 6px;
			margin-left: -6px;
		}
		

	}
	@media (max-width:1000px) {
		
		.RegisterFormContainer.RegisterFormFlat .RegisterForm .Row > SPAN {
			
		}
		.RegisterFormContainer.RegisterFormFlat.FormRight .RegisterForm .Row > SPAN {
			right: 290px;
		}
	}
	/* End FormFlat Error Messages */


@media (min-width:1000px) {	
		
		DIV.RegisterFormContainer.RegisterFormFlat H2 {
			position: absolute;
			top: -36px;
		}

		DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterForm {
			float: left;
			margin: 0;
			text-align: left;
			width: auto;
		}

		DIV.RegisterFormFlat H2 {
			font-size: 17px;
			font-weight: normal;
			line-height: 17px;
			margin: 0;
			padding: 0;
			text-align: left;
		}

    .Asia DIV.RegisterFormFlat H2 {
        font-size: 25px;
    }

    .Asia DIV.RegisterFormFlat H2 STRONG{
        font-size: 30px;
    }

		DIV.RegisterFormFlat .CreateNew {
			display: inline-block;
			float: left;
			padding: 20px 40px 16px;
		}

			DIV.RegisterFormFlat .CreateNew .Row {
				display: inline-block;
				float: left;
				margin-bottom: 0;
				padding-right: 17px;
				text-align: left;
				width: auto;
			}
				DIV.RegisterFormFlat .CreateNew .Row.CountryControl {
					margin: 0;
					overflow: hidden;
					padding: 0;
					width: 0;

					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
				}
				DIV.RegisterFormFlat .CreateNew .Row.CountryControl.Active {
					border-left: 1px solid #ccc;					
					margin-bottom: 0;		

					padding-right: 17px;
					width: 150px;		
				}
					DIV.RegisterFormFlat .CreateNew .Row.CountryControl DIV.CountryHandle {
						display: none;
					}

				DIV.RegisterFormFlat .CreateNew .Row > LABEL {
					display: none !important;
				}

		.RegisterFormFlat .CreateNew .Row SPAN.FromTo {
			color: #FFFFFF;
		}


		.RegisterFormFlat .CreateNew .Controls {
			float: left;
			height: auto;
			margin-top: 0;
			padding: 0;
		}

			.RegisterFormFlat .CreateNew .Controls A.Button {
				font-size: 16px;
				height: 30px;
				line-height: 28px;
				margin: 0 auto;
				padding: 1px 10px 0;
				text-transform: none;
				width: auto;
			}

}

@media (max-width: 1000px) {	
	DIV.RegisterFormContainer.whiteContainerV1.RegisterFormFlat H2 {
		color: #333333;
		margin: 12px 0 13px;
		padding: 18px;
	}

	DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterFormMedium.RegisterFormSearch .CreateNew {
		padding: 0 25px 10px;
	}

	DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row INPUT.SelectSuburb[type="text"],
	DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row INPUT.SelectSuburb[type="password"],
	DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Row INPUT.SelectSuburb[type="email"] {
		padding: 5px 7px;
		width: 139px;
	}

	DIV.RegisterFormFlat .CreateNew .Row .CountrySelectDiv {
		display: none;
	}
		DIV.RegisterFormFlat .CreateNew .Row.CountryControl {
			margin-bottom: 0;
		}
			DIV.RegisterFormFlat .CreateNew .Row.CountryControl .CountryHandle {
				display: block;
			}
			DIV.RegisterFormFlat .CreateNew .Row.CountryControl LABEL,
			DIV.RegisterFormFlat .CreateNew .Row.CountryControl SELECT {
				display: none;
			}
				DIV.RegisterFormFlat .CreateNew .Row.CountryControl.Active LABEL,
				DIV.RegisterFormFlat .CreateNew .Row.CountryControl.Active SELECT {
					display: inline-block;
				}

	.RegisterFormFlat .CreateNew .Row SPAN.FromTo:before {	
		content: "and";			
	}
	DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Controls {
		margin-top: 15px;
	}
		DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterFormMedium.RegisterFormSearch .CreateNew .Controls A.Button {
			margin-top: 15px;
		}

	.RegisterFormFlat .CreateNew .Controls A.Button {
		width: 231px;
	}
}



@media (max-width:600px) {
	DIV.RegisterFormContainer.RegisterFormFlat {
		z-index: -1;
		/*outline: 0 none;
		position: fixed;
		overflow: hidden;
		pointer-events: none;*/
		background: none;
		bottom: 0;		
		padding: 0;
		right: 0;
		left: 0;
		top: 0;
		float: none;
		/*z-index: 1050;*/
	}		
		
		DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterForm {
		position: absolute;
		display: block;
			float: none;
			top: 0;
		left: 50%;
		margin: -600px 0 0 -150px;
			padding: 0;
		/*z-index: 805;*/
		/*-webkit-transform: translate3d(0,-600px,0);
		transform: translate3d(0,-600px,0);
			-webkit-transition-duration:.3s;
			-moz-transition-duration:.3s;
			-o-transition-duration:.3s;
			transition-duration:.3s;
			top: -600px;
			-webkit-transition: transform .3s ease-out;
			transition: transform .3s ease-out;*/	
			-webkit-transition: margin .3s ease-out .3s;
			transition: margin .3s ease-out .3s;
		}

		DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterForm H2 {
			color: #555555;
		}

		DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterForm .CreateNew {
			width: 100%;
		}

		DIV.RegisterFormContainer.RegisterFormFlat .RegisterForm .Row > SPAN {
			color: red !important;
			font-weight: normal;
			margin: 0 0 0 100px;
			top: 2px;
			width: 139px;
		}

	/* SJoinHeroOpen */
	.SJoinHeroOpen .SHeader .SMobileMenuButtons {
		opacity: 0.5;
		pointer-events: none;
	}

	.SJoinHeroOpen DIV.RegisterFormContainer.RegisterFormFlat {
		display: block;
		margin: 0;
		z-index: 805;
		/*overflow-x: hidden;
		overflow-y: auto;	
		pointer-events: inherit;*/
	}

	.SJoinHeroOpen DIV.RegisterFormContainer.RegisterFormFlat .RegisterForm {		
		
	}

		.SJoinHeroOpen DIV.RegisterFormContainer.RegisterFormFlat .BlurBgResponsive {
		
		}

		.SJoinHeroOpen DIV.RegisterFormContainer.RegisterFormFlat DIV.RegisterForm {
		position: fixed;
			/*float: none !important;
			margin-bottom: 20px;
			margin-top: 20px;
			top: 20px;*/
			/*z-index: 3;*/
		/*-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);*/
			margin-top: 20px;
		}
}



/* FORM  - RegisterFormLabelTop */
@media (max-width:980px) {	
	DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormLabelTop .CreateNew .Row {
		min-height: 65px;
	}
	DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormLabelTop .CreateNew .Row LABEL {	
		display: block;
		float: none;
		padding-bottom: 5px;
		text-align: left;
	}



	DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormLabelTop .CreateNew .Row INPUT[type="text"],
	DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormLabelTop .CreateNew .Row INPUT[type="password"],
	DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormLabelTop .CreateNew .Row INPUT[type="email"] {		
		display: block;
		float: none;
		height: 27px;
		line-height: 27px;
		padding: 0;
		text-indent: 5px;
		width: 100%;	
	}
	DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormLabelTop .CreateNew .Row SELECT.Month {
		width: 125px;
	}
	DIV.RegisterFormContainer DIV.RegisterFormMedium.RegisterFormLabelTop .CreateNew .Controls {
		margin-top: 10px;
	}			
}



/* FORM  - RegisterFormDouble */
@media (max-width:600px) {
	.blackContainer .RegisterFormMedium .CreateNew .Row.CountryControl .CountryHandle {
		color: #666666;
	}
}




