#signInOverlay div, #signInOverlay span, #signInOverlay h1, #signInOverlay h2, #signInOverlay h3, #signInOverlay h4, #signInOverlay h5, #signInOverlay h6, #signInOverlay p, #signInOverlay a, #signInOverlay abbr, #signInOverlay acronym, #signInOverlay em, #signInOverlay img, #signInOverlay strong, #signInOverlay dl, #signInOverlay dt, #signInOverlay dd, #signInOverlay ol, #signInOverlay ul, #signInOverlay li, #signInOverlay fieldset, #signInOverlay form, #signInOverlay label, #signInOverlay legend {
    margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: inherit; color: #333333;
}

@-moz-document url-prefix() {
    #signInOverlay input[type="text"], #signInOverlay input[type="password"], #signInOverlay textarea {
        overflow: auto;
        z-index: 2;
    }
}



#signInOverlay ol, #signInOverlay ul { list-style: none; }

#signInOverlay strong{ font-weight: bold; }

body .mask{ background-color: #000; opacity:0.7; }
.restartOverlay{ text-indent: 0px !important; }

/* some overrides */
#signInOverlay label, #signInOverlay em{ display: inline; left: auto; right: auto; top: auto; bottom: auto; }
#signInOverlay form{ width: 630px; border: 0px none !important; }

#signInOverlay_c .underlay{ left:-5px; right:-5px; bottom: -5px; top:-5px; }

#signInOverlay, #tempSignInOverlay{ border: 0px none; text-align: left;  }
	#signInOverlay a{ color: #0077d6; text-decoration: underline;  }
	#signInOverlay .astx{ color: #ce3737; }
	#signInOverlay span.loading, #tempSignInOverlay span.loading{ padding-left: 22px; background: url(../images/loader_animation.gif) no-repeat 0 center transparent; }
    #signInOverlay .notice{ padding: 10px; }
	#signInOverlay .caretfix { overflow:auto; }
	
	#signInOverlay .container-close, #tempSignInOverlay .container-close{ background: url(../images/close.gif) no-repeat left top transparent; width: 46px; height:18px; right: 15px; }
	
	#signInOverlay .hd, #tempSignInOverlay .hd{ border: 0 none; background: #fff; color: #000; height: 78px; }
		#signInOverlay .hd h1{ text-indent: -99999px;  background-position: left top; background-repeat: no-repeat; background-color: transparent; height: 78px; }
	    #signInOverlay .hd h1.get_your_sonoma_key{ background-image: url(../images/sonomakey_h1.gif) }
	    #signInOverlay .hd h1.sonoma_key_login{ background-image: url(../images/sonomakey_login_h1.gif); }
	    #signInOverlay .hd h1.sonoma_key_forgot_username{ background-image: url(../images/sonomakey_f_username_h1.gif); }
	    #signInOverlay .hd h1.sonoma_key_forgot_password{ background-image: url(../images/sonomakey_f_password_h1.gif); }
	    #signInOverlay .hd h1.sonoma_key_change_password{ background-image: url(../images/sonomakey_c_password_h1.gif); }
        #signInOverlay .hd h1.sonoma_key_account_info{ background-image: url(../images/sonomakey_account_info_h1.gif); }
	   
	   
	#tempSignInOverlay .ft, #signInOverlay .ft{ font-size: 10px; text-align: right; padding: 0 10px 10px; }
	   #signInOverlay .ft div, #tempSignInOverlay .ft div{display:none;}
	   #signInOverlay .ft div.current, #tempSignInOverlay .ft div.current{display: block;}
		#signInOverlay .ft a, #tempSignInOverlay .ft a{ color: #003451; }
	
	#signInOverlay .bd, #tempSignInOverlay .bd{ width: 680px; height: 500px; position: relative;  font-family: Arial, sans-serif; font-size: 12px; color: #333; line-height: 1.5; padding: 0;}
	
		

		#infoSlides,#signupSteps, #loadingStep, #tempLoadingStep{ height: 500px;}
		#forgotUserNameSteps, #forgotPasswordSteps,#loginSteps{  height: 275px; }
		
		
		
		#signInOverlay .sonomaSlider, #tempSignInOverlay .sonomaSlider { position: relative; background-color: #fff;  display:none; width: 680px;}
		
			#signInOverlay .sonomaSlider  li.step, #tempSignInOverlay .sonomaSlider  li.step{ position:absolute; width: 630px; left:680px; padding: 0 25px 25px; display: none; }
         
         #tempSignInOverlay #tempLoadingStep{ display: block; }
            #tempSignInOverlay #tempLoadingStep li.step,#signInOverlay #editAccountLoadingStep{ left: 0; display: block; font-size: 14px; text-align: center; padding: 200px 25px 25px;  }
                #tempSignInOverlay #tempLoadingStep li.step a, #signInOverlay #editAccountLoadingStep a{ color: #d80000; }
            
				#signInOverlay .sonomaSlider  li.step .textOverflowContainer{ height: 36.5em; overflow: auto; border: 1px solid #333; }
					#signInOverlay .sonomaSlider  li.step .textOverflowContainer h2{ font-size:20px; font-weight: bold; }
                    #signInOverlay .sonomaSlider  li.step .textOverflowContainer h3{font-weight: bold; }
                    #signInOverlay .sonomaSlider  li.step .textOverflowContainer p{margin: 0 0 1em;}
				#signInOverlay .sonomaSlider  li.step .buttonContainer{ padding: 10px 0; text-align: center; }
				
				#signInOverlay .sonomaSlider  .contextMessage{ padding-right: 3px; margin-bottom: 20px;}
					#signInOverlay .sonomaSlider  .contextMessage .top{ height: 6px; background: url(../images/context_top.gif) left top no-repeat; overflow: hidden; }
					#signInOverlay .sonomaSlider  .contextMessage .bottom{ height: 6px; background: url(../images/context_bottom.gif) left top no-repeat; overflow: hidden;}
					#signInOverlay .sonomaSlider   .message{ border-right: 1px solid #c1c1c1; background-color: #ceeab7; padding-left: 53px; background-position: left top; background-repeat: no-repeat;  }
					#signInOverlay .sonomaSlider  .download{ background-image: url(../images/download_icon.gif); }
						#signInOverlay .sonomaSlider  .message h2{ font-weight: bold; font-size: 15px; }
						#signInOverlay .sonomaSlider  .message p{ line-height: 1; margin: 0; padding-bottom: 5px; }
						#signInOverlay .sonomaSlider  .message a{ color: #003451; }
				
				
				#signInOverlay .sonomaSlider  p.intro{ font-size: 15px; margin-bottom: 20px; }
				#signInOverlay .sonomaSlider  .intro-features{ margin-bottom: 20px; }
					#signInOverlay .sonomaSlider  .intro-features li{ width: 202px; float: left; padding:0 0 0 10px; text-align: center; }
					#signInOverlay .sonomaSlider  .intro-features li.first{ padding: 0px; }
						#signInOverlay .sonomaSlider  .intro-features li img{ border: 1px solid #b8b8b8; }
	                   
	                    #signInOverlay #uNoDownLoadSignUp, #signInOverlay #uDownLoadSignUp{ display: none; }
						#signInOverlay .sonomaSlider  .signup-container{ padding: 25px; text-align: center; }
							#signInOverlay .sonomaSlider  .signup-container button{ width: 192px; height: 54px;  }

							#signInOverlay .sonomaSlider  .signup-container p{ font-size: 10px; line-height: 9px; }
							#signInOverlay .sonomaSlider  .signup-container .downloadContainer{ color: #324423; font-size: 14px; background-color: #ddf1cd; padding: 5px; margin: 4px 9px 9px 8px; line-height:30px; }
								#signInOverlay .sonomaSlider  .signup-container .downloadContainer label{ vertical-align: middle; }
								#signInOverlay .sonomaSlider  .signup-container .downloadContainer label input{ vertical-align: middle; }
							
						#signInOverlay .sonomaSlider  div.signup-container{}
							
								
						#signInOverlay .sonomaSlider  ul.signup-container{ background-color: #f3fdeb; border: 2px solid #ddf1cd; width: 420px; margin: 0 auto; }
							#signInOverlay .sonomaSlider  ul.signup-container li{ float: left; width: 192px; padding: 0 0 0 15px; }
								
				#signInOverlay .sonomaSlider  .fieldContainer{ background: #f6f3ea url(../images/form_back.gif) left top no-repeat; padding: 0; margin-right:3px; position: relative;}
				
				#signInOverlay .sonomaSlider  .fieldContainer .fieldContainerBottom{ height: 6px; background-image: url(../images/form_back_bottom.gif); background-position: left bottom; background-repeat: no-repeat; clear:both; }
				#signInOverlay .sonomaSlider  .userNameStep .fieldContainer .fieldContainerBottom{ height: 10px;}
				    #signInOverlay .sonomaSlider  .fieldContainer li.skError .fieldContainerBottom{ background-image: url(../images/form_back_bottom_error.gif); }
				
					#signInOverlay .sonomaSlider  .fieldContainer .insetBox{ position: absolute; right:0; width: 267px;  min-height: 231px; height:auto !important; height:231px; background-color: #fff; border-left: 1px solid #b2b2b2;  }
						#signInOverlay .sonomaSlider  .fieldContainer .insetBox .insetUsername{ margin: 0 0 0 10px; padding:25px 0 25px; background: url(../images/username_container_top.gif) left top no-repeat #fdfed5; font-size: 15px; line-height: 1.2; border-bottom: 1px solid #b2b2b2; text-align: center; }
						#signInOverlay .sonomaSlider  .fieldContainer .insetBox .note{ font-size: 11px; padding-top: 5px;  }
						#signInOverlay .sonomaSlider  .fieldContainer .insetBox .insetNews{ margin: 10px 0 0 10px; padding:25px 0 25px; background: #ebf7e1; border-color: #b2b2b2; border-style: solid; border-width: 0 1px 1px 0; font-size: 15px; line-height: 1.2; text-align: center; }
						#signInOverlay .sonomaSlider  .fieldContainer .insetBox .insetNews .note{ width: 155px; margin: 0 auto;}
						
					#signInOverlay .sonomaSlider  .fieldContainer ul{  }
					#signInOverlay .sonomaSlider  .fieldContainer li{ padding: 6px 0; border-bottom: 1px solid #fff; margin-right: 1px; overflow: visible; }
					#signInOverlay .sonomaSlider  .fieldContainer li.last{ padding: 6px 0 0; margin-right: 0; border-bottom: 0; }
					#signInOverlay .sonomaSlider  .userNameStep .fieldContainer li{ padding: 10px 0;}
					#signInOverlay .sonomaSlider  .fieldContainer li.first{  padding: 10px 0 6px; border-top: 0px none; }	
					#signInOverlay .sonomaSlider  .userNameStep .fieldContainer li.last{ padding: 10px 0 0; }
					#signInOverlay .sonomaSlider  .userNameStep .fieldContainer li.first{  padding: 14px 0 10px;}
					#signInOverlay .sonomaSlider  .fieldContainer li.skError{ background-color: #e3c3b3; }
					#signInOverlay .sonomaSlider  .fieldContainer li.first-error{ background: url(../images/error_li_top.gif) no-repeat 0 0 #e3c3b3; }
					#signInOverlay .sonomaSlider  .fieldContainer li.close-top{ padding: 10px 0 0; }
					#signInOverlay .sonomaSlider  .fieldContainer li.close-bottom{ border-top: 0px none; padding: 0 0 10px; }
						#signInOverlay .sonomaSlider  .fieldContainer li.skError .note, #signInOverlay .sonomaSlider  .fieldContainer li.first-error .note{ color: #832323; font-size: 10px; line-height: 10px; padding-left: 1px; font-weight: normal; }
					#signInOverlay .sonomaSlider  .fieldContainer .username li{ padding: 10px 0; }
					
					#signInOverlay .sonomaSlider .fieldContainer #ai_pw_container{ display: none; }
						#signInOverlay .sonomaSlider  .fieldContainer .label-c{ width: 132px; padding: 4px 8px 0px 0pt; float: left; text-align: right; font-weight: bold;  }
						#signInOverlay .sonomaSlider  .fieldContainer li.skError .label-c, #signInOverlay .sonomaSlider  .fieldContainer li.first-error .label-c{ line-height: 1; }
						#signInOverlay .sonomaSlider  .fieldContainer .input-c{ float: left; width: 200px; overflow: auto; }
							#signInOverlay .sonomaSlider  .fieldContainer .input-c input,#signInOverlay .sonomaSlider  .fieldContainer .input-c-large input{ border: 2px solid #5d6556; font-size: 12px; width: 184px; padding: 3px; background-color: #fff; vertical-align: middle; }
							#signInOverlay .sonomaSlider .fieldContainer input:focus, #signInOverlay .sonomaSlider .fieldContainer textarea:focus{ background-color: #FDFED5; }
							.input-c select{ border: 2px solid #5d6556; font-size: 12px; width: 194px; padding: 3px; background-color: #fff; }
						    #signInOverlay .sonomaSlider  .fieldContainer .input-c label,#signInOverlay .sonomaSlider  .fieldContainer .input-c-large label{ vertical-align: middle; }
						#signInOverlay .sonomaSlider  .fieldContainer .input-c-large{ float: left; }
							#signInOverlay .sonomaSlider  .fieldContainer .input-c-large textarea{ border: 2px solid #5d6556; font-size: 12px; width: 184px; padding: 3px; width: 468px; resize:none; }
						
						#signInOverlay .sonomaSlider  .fieldContainer .checkbox-c{ width: 22px; float: left; }
							#signInOverlay .sonomaSlider  .fieldContainer .checkbox-c input{ border: 0; }
						#signInOverlay .sonomaSlider  .fieldContainer .checkbox-notes-c{ width: 455px; float: left; padding-top: 2px }
						#signInOverlay .sonomaSlider  .fieldContainer .notes-c{ width: 285px; float: left; font-size: 10px; line-height: 12px; }
							#signInOverlay .sonomaSlider  .fieldContainer  .notes-c .check-availability{ color: #29a4cb; font-size: 12px; padding-left: 24px; padding-right: 3px; line-height: 22px; background-image: url(../images/check_av.gif); background-position: left top; background-repeat: no-repeat; display: block; float: left;  }
							#signInOverlay .sonomaSlider  .fieldContainer .notes-c .available{  font-size: 12px; padding-left: 18px; padding-right: 3px; line-height: 22px; background-image: url(../images/available.gif); background-position: left top; background-repeat: no-repeat; display: block; float: left;  }
							#signInOverlay .sonomaSlider  .fieldContainer .notes-c .not_available{  font-size: 12px; padding-left: 18px; padding-right: 3px; line-height: 22px; background-image: url(../images/not_available.gif); background-position: left 3px; background-repeat: no-repeat; display: block; float: left;  }
                            #signInOverlay .sonomaSlider  .fieldContainer li.skError .notes-c .check-availability,#signInOverlay .sonomaSlider  .fieldContainer li.first-error .notes-c .check-availability{ background-image: url(../images/check_av_error.gif);}
							#signInOverlay .sonomaSlider  .fieldContainer li.skError .notes-c .available, #signInOverlay .sonomaSlider  .fieldContainer li.first-error .notes-c .available{ background-image: url(../images/available_error.gif); }
							#signInOverlay .sonomaSlider  .fieldContainer li.skError .notes-c .not_available, #signInOverlay .sonomaSlider  .fieldContainer li.first-error .notes-c .not_available{ background-image: url(../images/not_available_error.gif);}
							
							#signInOverlay #loginSteps .fieldContainer .notes-c a{ color:#29A4CB; font-size:12px; line-height:22px;}
							
							#signInOverlay .sonomaSlider  .fieldContainer .notes-c .checking{ background-image: url(../images/refresh_animation.gif);}
							#signInOverlay .sonomaSlider  .fieldContainer li.skError .notes-c .checking, #signInOverlay .sonomaSlider  .fieldContainer li.first-error .notes-c .checking{ background-image: url(../images/refresh_animation_error.gif);}
						  
						
						
						
						#signInOverlay .sonomaSlider  .fieldContainer .big-note{ padding-left: 140px; }
						
				#signInOverlay .sonomaSlider  .errorMessage{ background: url(../images/errorM_back.gif) repeat-y #ed6f3b; font-size: 12px; font-weight: bold; width: 627px; margin-bottom: 10px; }
				    #signInOverlay .sonomaSlider  .errorMessage .top{ height: 6px; background: url(../images/errorM_top.gif) no-repeat; width: 627px; overflow: hidden;}
				    #signInOverlay .sonomaSlider  .errorMessage .bottom{ height: 6px; background: url(../images/errorM_bottom.gif) no-repeat; width: 627px; overflow: hidden;}
				    #signInOverlay .sonomaSlider  .errorMessage p{ margin: 0; padding: 0 10px;}
				
						
				#signInOverlay .sonomaSlider  .steps{ text-align: center; line-height: 45px; padding-top: 15px; }
				#signInOverlay .sonomaSlider  .userNameStep .steps{ padding-left: 148px; }
				#signInOverlay .sonomaSlider   .steps .loading, #signInOverlay .sonomaSlider   .loginButtonContainer .loading{ float: right; padding-right: 30px; color: #5d6556; }
					
					#signInOverlay .sonomaSlider  .steps p{ color: #5d6556;}
					
				#signInOverlay .sonomaSlider .loginButtonContainer{ height: 45px; padding: 15px 30px 0px; line-height: 45px;}
				    
				#signInOverlay .sonomaSlider  .finishStep{ text-align: center; }
				#signInOverlay .sonomaSlider  .finishStep h3{ font-weight: bold; font-size: 20px; }
				
				
				
				#signInOverlay .maintMessage{ padding-top: 60px; background: url(../images/sonomakey_miclg.gif) center top no-repeat; }
				    #signInOverlay .maintMessage div{ padding: 40px; text-align: center; background-color: #fcffd1; border: 1px dashed #333; }
				        #signInOverlay .maintMessage div h2{ font-weight: bold; font-size: 20px; }
				        #signInOverlay .maintMessage div h3{ font-size: 15px; }
				    
/* BUTTONS */
#signInOverlay button{ text-indent: -99999px; display: block; background-color: transparent; background-position: left top; background-repeat: no-repeat; border: 0px none; padding: 0; margin: 0; cursor: pointer; }	
    #signInOverlay  div.signup-container button.signUp{ background-image:url(../images/sign_up_now.gif); width: 192px; height: 54px; margin:0pt auto;}
    #signInOverlay  ul.signup-container button.signUp{ background-image: url(../images/sign_up_now_multiple.gif); width: 192px; height: 54px;}
    #signInOverlay  button.finish{ background-image: url(../images/finish_and_close.gif);  width: 192px; height: 54px; margin: 0 auto;}
    #signInOverlay  button.returnToPrevious{ background-image: url(../images/return.gif); width: 96px; height: 47px; margin:0pt auto; }
    #signInOverlay  button.continue{ width:118px; height: 45px; background-image: url(../images/continue.gif); float: right; margin-right: 30px; }
    #signInOverlay  button.submit{ width:118px; height: 45px; background-image: url(../images/submit.gif); float: right; margin-right: 30px; }
    #signInOverlay  button.back{ width:118px; height: 45px; background-image: url(../images/back.gif); float: left; margin-left: 30px; }
    #signInOverlay  button.logIn{ width:97px; height: 45px; background-image: url(../images/login.gif); float: right; }
    #signInOverlay  button.goToLogIn{ width:97px; height: 45px; background-image: url(../images/login.gif); margin: 0 auto; }
    #signInOverlay  button.retrieveUserName{ width:217px; height: 50px; background-image: url(../images/retrieve_user_name.gif); float: right; }
    #signInOverlay  button.resetPassword{ width:217px; height: 50px; background-image: url(../images/reset_password.gif); float: right;  }
    

	
	
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
	
#signupSteps:after, .intro-features:after, .signup-container:after, .fieldContainer li:after, .fieldContainer ul:after
{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

#signupSteps, .intro-features, .signup-container, .fieldContainer li.fieldContainer ul
{display: inline-block;}

*:first-child+html .fieldContainer li {min-height: 1px;}

/* Hides from IE-mac \*/
* html #signupSteps, * html .intro-features, * html .signup-container, * html .fieldContainer li, * html .fieldContainer ul
{height: 1%;}

#signupSteps, .intro-features, .signup-container, .fieldContainer li, .fieldContainer ul
{display: block;}
/* End hide from IE-mac */