<div class="lucidContainer">
	<div class='multitab-section'>
		<ul class='multitab-widget multitab-widget-content-tabs-id'>
			<li class='multitab-tab'><a href='#lucidLogin'>Log In</a></li>
			<li class='multitab-tab'><a href='#lucidRegistration'>Register</a></li>
			<li class='multitab-tab'><a href='#lucidReset'>Reset</a></li>
		</ul>
		<div class='multitab-widget-content multitab-widget-content-widget-id' id='lucidLogin'>
      <span class='sidebar' id='sidebartab1' preferred='yes'>
        [pp-login-form]
		[login-username placeholder="Username"]
		[login-password placeholder="Password"]
		[login-submit value="Log In"]
		[/pp-login-form]
      </span>
		</div>
		<div class='multitab-widget-content multitab-widget-content-widget-id' id='lucidRegistration'>
      <span class='sidebar' id='sidebartab2' preferred='yes'>
		[pp-registration-form]
		[reg-username placeholder="Username"]
		[reg-email placeholder="Email Address"]
		[reg-password placeholder="Password"]
		[reg-submit value="Register"]
		[/pp-registration-form]
      </span>
		</div>
		<div class='multitab-widget-content multitab-widget-content-widget-id' id='lucidReset'>
      <span class='sidebar' id='sidebartab3' preferred='yes'>
        [pp-password-reset-form]
		[user-login value="Username or Email"]
		[reset-submit value="Get New Password"]
		[/pp-password-reset-form]
      </span>
		</div>
	</div>
</div>

<script type="text/javascript">
	//<![CDATA[
	jQuery(document).ready(function ($) {
		$(".multitab-widget-content-widget-id").hide();
		$("ul.multitab-widget-content-tabs-id li:first a").addClass("multitab-widget-current").show();
		$(".multitab-widget-content-widget-id:first").show();
		$("ul.multitab-widget-content-tabs-id li a").click(function () {
			$("ul.multitab-widget-content-tabs-id li a").removeClass("multitab-widget-current a");
			$(this).addClass("multitab-widget-current");
			$(".multitab-widget-content-widget-id").hide();
			var activeTab = $(this).attr("href");
			$(activeTab).fadeIn();
			return false;
		});
	});
	//]]>
</script>