<div id="msgBox" class="message-box">
  <form name="auth-form" method="post" action="">
    <div class="msg-wrapper group">
	  <h3>Авторизация</h3>
	  
	  <div class="data aside-box">
	    <em>Вы можете авторизоваться с помощью профиля одной из социальных сетей</em>
		<div class="data-social">
		  <a class="social-ico fb" href="?provider=f">facebook</a>
		  <a class="social-ico vk" href="?provider=v">в контакте</a>
		  <!--<span class="social-ico twitter social-hidden">twitter</span>-->
		  <a class="social-ico google" href="?provider=g">google+</a>
		  <a class="social-ico ya" href="?provider=y">yandex</a>
		</div>
		<div class="data-unit check-box custom-height">
			<input type="checkbox" name="reg-check-social" id="reg-check-social"/>
			<label for="reg-check">Я согласен с <a href="http://www.rg.ru/useragreement/index.html" target="_blank">правилами регистрации и политикой конфиденциальности</a></label>
		</div>
	  </div>
	  
	  <div class="data main-box">
	  
	    <div class="tab tab-reg">

			<em>Зарегистрироваться на сайте <i class="rgname-rg">RG</i>.<i class="rgname-ru">RU</i></em>
			
			<div class="data-unit-box">
			
				<div class="data-unit">
				  <label for="reg-name">Имя:</label>
				  <input type="text" name="reg-name" id="reg-name" maxlength="100"/>
				</div>
				
				<div class="data-unit">
				  <label for="reg-sname">Фамилия:</label>
				  <input type="text" name="reg-sname" id="reg-sname" maxlength="100"/>
				</div>
				
				<div class="data-unit">
				  <label for="reg-email">E-mail:</label>
				  <input type="text" name="reg-email" id="reg-email" maxlength="254"/>
				</div>
				
				<div class="data-unit">
				  <label for="reg-pass">Пароль:</label>
				  <input type="password" name="reg-pass" id="reg-pass" maxlength="26"/>
				</div>
				
				<div class="data-unit custom-height">
				  <label for="reg-repass">Пароль повторно:</label>
				  <input type="password" name="reg-repass" id="reg-repass" maxlength="26"/>
				</div>
				
				<div class="data-unit check-box custom-height">
				  <input type="checkbox" name="reg-check" id="reg-check"/>
				  <label for="reg-check">Я согласен с <a href="http://www.rg.ru/useragreement/index.html" target="_blank">правилами регистрации и политикой конфиденциальности</a></label>
				</div>
				
				<div class="data-unit submit">
				  <input type="submit" name="reg-submit" id="reg-submit" class="submit-btn" value="ОТПРАВИТЬ"/>
				</div>
			
			</div>
			
			<div class="data-info">
			  <p>У меня есть аккаунт <i class="rgname-rg">RG</i>.<i class="rgname-ru">RU</i>?<br/><a class="link" href="#" data-link="tab-login"><b>Войти!</b></a></p>
			</div>
		
		</div>
		
		<div class="tab tab-login tab-active">
		
		    <em>Авторизоваться с помощью аккаунта <i class="rgname-rg">RG</i>.<i class="rgname-ru">RU</i></em>
			
			<div class="data-unit-box">
				
				<div class="data-unit">
				  <label for="login-email">E-mail:</label>
				  <input type="text" name="login-email" id="login-email" maxlength="254"/>
				</div>
				
				<div class="data-unit">
				  <label for="login-pass">Пароль:</label>
				  <input type="password" name="login-pass" id="login-pass" maxlength="26"/>
				</div>
				
				<div class="data-unit remember-box">
				  <input type="checkbox" name="login-remember" id="login-remember"/>
				  <label for="login-remember">запомнить авторизацию</label>
				</div>
				
				<div class="data-unit">
				  <input type="submit" name="login-submit" id="login-submit" class="submit-btn" value="ВОЙТИ"/>
				  <a href="#" class="forget-pass link" data-link="tab-forgetpass">забыли пароль?</a>
				</div>
			
			</div>
			
			<div class="data-info">
			  <p>У вас нет аккаунта <i class="rgname-rg">RG</i>.<i class="rgname-ru">RU</i>?<br/><a class="link" href="#" data-link="tab-reg"><b>Зарегистрируйтесь!</b></a></p>
			  <p>Перед регистрацией ознакомьтесь с <a href="http://www.rg.ru/useragreement/index.html" target="_blank">правилами регистрации и политикой конфиденциальности</a>.</p>
			</div>
		
		</div>
		
		<div class="tab tab-forgetpass">
		
		    <em>Напомнить пароль аккаунта <i class="rgname-rg">RG</i>.<i class="rgname-ru">RU</i></em>
			
			<div class="data-unit-box">
				
				<div class="data-unit">
				  <label for="forgetpass-email">E-mail:</label>
				  <input type="text" name="forgetpass-email" id="forgetpass-email" maxlength="254"/>
				</div>
				
				<div class="data-unit submit">
				  <input type="submit" name="forgetpass-submit" id="forgetpass-submit" class="submit-btn" value="ОТПРАВИТЬ"/>
				</div>
			
			</div>
			
			<div class="data-info">
			  <p>После отправки запроса, Вы получите письмо на e-mail с указаниями по восстановлению пароля.</p>
			</div>
			
			<div class="data-info">
			  <p>Я вспомнил свой аккаунт <i class="rgname-rg">RG</i>.<i class="rgname-ru">RU</i>!<br/><a class="link" href="#" data-link="tab-login"><b>Войти!</b></a></p>
			</div>
		
		</div>
		
	  </div>
	<a href="#" id="closeBtn" class="close-box">&times;</a>
	
	</div>
  </form>
</div>