/* Sign Up Process */

#popup { 
	width: 567px;
	position: relative;
}

#popup .link_black { font-size: 13px; margin: 10px 0px 0px 0px; float: left; padding: 8px; margin-right: 10px; }

#popup .map { width: 464px; height: 326px; border: 1px solid #777c7f; }

#popup .spinnerText { font-weight: bold; font-size: 16px; margin-top: 120px; }

#popup .top {
	background: url(/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_top_bg.png) top center no-repeat;
	display: block;
	width: 567px;
	height: 21px;
}

#popup .bottom {
	background: url(/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_bottom_bg.png) top center no-repeat;
	display: block;
	width: 567px;
	height: 21px;
}

#popup .body {
	background: url(/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_body_bg.png) top center repeat-y;
	display: block;
	width: 525px;
	padding: 0px 21px;
}

#popup .body .inner {
	background: #edf9fd url(/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_body_inner_bg.png) top center repeat-x;
	width: 467px;
	padding: 10px 30px 10px 30px;
	font-size: 11px;
}

#popup .body .inner p {
	font-size: 11px;
}

#popup .body .inner h1 {
	font-size: 20px;
	color: #005579;
	font-style: italic;
	padding: 10px 0px 0px 0px;
	clear: both;
	margin-top: 8px;
}

#popup .body .inner h1.hello {
	background: url(/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_hello.png) top left no-repeat;
	padding: 0px 0px 0px 80px;
	margin-top: 17px;
}

#popup .body .inner h2 {
	font-size: 16px;
	color: #005579;
	font-style: italic;
	padding: 0px 0px 5px 30px; 
}

#popup .body .inner .step {
	border-top: 1px dotted #acb0b1;
	padding: 10px 20px;	
}

#popup .body .inner .first {
	margin: 10px 0px 0px 0px;
}

#popup .body .inner .last {
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #acb0b1;
}

#popup .body .inner .step:hover, #popup .body .inner .selected {
	background: #fff;
	cursor: pointer;
}

#popup .body .inner .one {
	background: url(/Resources/FY/Sites/FindYoga/Images/Icons/icon_number_1.png) top left no-repeat;
}

#popup .body .inner .two {
	background: url(/Resources/FY/Sites/FindYoga/Images/Icons/icon_number_2.png) top left no-repeat;
}

#popup .body .inner .three {
	background: url(/Resources/FY/Sites/FindYoga/Images/Icons/icon_number_3.png) top left no-repeat;
}

#popup .body .inner .four {
	background: url(/Resources/FY/Sites/FindYoga/Images/Icons/icon_number_4.png) top left no-repeat;
}

#popup .body .inner ul {
	margin: 0px 0px 0px 50px;
}

#popup .body .inner ul li {
	list-style-type: none;
	background: url(/Resources/FY/Sites/FindYoga/Images/Icons/icon_tick_green.png) center left no-repeat;
	padding: 0px 0px 0px 20px;
}

#popup .body .inner .cancel {
	background: url(/Resources/FY/Sites/FindYoga/Images/Icons/icon_delete.png) top right no-repeat;
	font-size: 11px;
	color: #999;
	font-style: italic;
	padding: 3px 25px 10px 0px;
	margin: 0px -10px 0px 0px;
	text-decoration: none;
	position: absolute;
	top: 49px;
	right: 70px;
}

/* Sign up form */

#popup #signUpform { margin: 0px 0px 0px 0px; }

#popup #cols { margin: 10px 0px 0px 0px; }
#popup #cols .row { padding: 0px 0px 0px 0px; }
#popup #cols .row .col1 { width: 95px; float: left; padding-top: 10px; font-size: 12px; }
#popup #cols .row .col2 { width: 160px; float: left; padding: 5px 0px 5px 20px; position: relative; z-index: 2; }
#popup #cols .row .col3 { width: 170px; float: left; margin: 5px 0px 0px 8px; position: relative; z-index: 1; }

#popup #cols .row .message { padding: 5px 0px 10px 116px; font-size: 11px; }
#popup #cols .row .style { color: #005579; font-weight: bold; margin: 5px 0px 0px 0px; }
#popup #cols .row a { font-size: 11px; color: #4d8828; text-decoration: none; }
#popup #cols .row a:hover { font-size: 11px; color: #366718; text-decoration: none; }

#popup .next {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_form_finish.png') center top no-repeat;
	padding: 30px 0px 0px 115px;
	margin: 10px 0px 30px 0px;
	overflow: hidden;
}

#popup .next .checkbox {
	float: right;
	text-align: left;
	width: 280px;
	font-size: 11px;
	margin-top: -10px;
}

#popup .input_long { border: 1px solid #ccc; width: 154px; height: 14px; padding: 6px; font-size: 11px; color: #444444; }
#popup .input_short { border: 1px solid #ccc; width: 65px; height: 14px; padding: 6px; font-size: 11px; color: #444444; }

#popup .required {
	padding: 5px 0px 5px 20px;
}

#popup .suggestion {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_form_suggestion.png') center left no-repeat;
	padding: 8px 0px 7px 10px;
	font-size: 11px;
	display: block;
}

#popup .error {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_form_error.png') center left no-repeat;
	padding: 8px 0px 7px 10px;
	color: #ff0000;
	font-size: 11px;
}

#popup .valid {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/popUp_form_valid.png') center left no-repeat;
	padding: 8px 0px 7px 10px;
	height: 14px;
	font-size: 11px;
	display: block;
}

/* Other */
#popup .bttn_blue .wrap1 { display: block; }