<div id="Top" style="position: fixed; left: 0px; right: -30px; top: -1px;" >
<script src="js/pngfix/supersleight-min.js" type="text/javascript"></script>
<link media="screen" type="text/css" href="http://web-kreation.com/demos/Sliding_login_panel_jquery/css/slide.css" rel="stylesheet">    
<!-- jQuery - the core --> 
<script type="text/javascript" src="http://web-kreation.com/demos/Sliding_login_panel_jquery/js/jquery-1.3.2.min.js"></script> 
<!-- Sliding effect --> 
<script type="text/javascript" src="http://web-kreation.com/demos/Sliding_login_panel_jquery/js/slide.js"></script> 

<div id="toppanel"> 
<div id="panel"> 
<div class="content clearfix"> 

<div class="left"> 
<h1>Welcome To Rune Vantage</h1><p class="grey">
<img align="left" src="http://dl.dropbox.com/u/23063192/secureSiteLogo.png" style="padding-right: 5px;"> 
Rune Vantage is a safe site where RuneScape players can learn and chat about RuneScape.
</p>
<p>&nbsp;</p>
<h2>Sign in using Facebook</h2>        
<p class="grey">
Do you have a Facebook account? If so, you can sign in using your account! Just click the button below.
</p>
<div id="welcome-module-fbconnect">
<fb:login-button onlogin="facebook_onlogin();" size="large" v="2" class=" fb_login_not_authorized FB_login_button FB_ElementReady">
<a class="fbconnect_login_button FBConnectButton FBConnectButton_Large" id="RES_ID_fb_login"><span class="FBConnectButton_Text" id="RES_ID_fb_login_text">Login with Facebook</span>
</a>
</fb:login-button>
</div>
</div> 

<div class="left">
<form method="post" name="loginForm" action="http://www.runevantage.webs.com/apps/auth/doLogin" class="clearfix">
<input type="hidden" value="apps/profile/" name="next"> 

<h1 class="padlock">Member Login</h1> 

<label for="log" class="grey">Email:</label> 

<input style="width: 180px; height: 20px; border: 2px solid darkgray;" id="email" title="Email" maxlength="100" name="email" gtbfieldid="4"> 

<label for="pwd" class="grey">Password:</label> 

<input type="password" style="width: 180px; height: 20px; border: 2px solid darkgray;" id="pass" title="Password" name="password"> 

<label><input type="checkbox" value="forever" checked="checked" id="rememberme" name="rememberme"> &nbsp;Remember me</label> 

<div class="clear"></div> 

<input type="submit" class="bt_login" value="Login" name="submit"> 

<a href="http://www.runevantage.webs.com/apps/auth/forgotPassword" class="lost-pwd">Lost your password?</a> 

</form> 

</div> 

<div class="left right"> 

<form action="http://www.runevantage.webs.com/apps/auth/signup"> 

<h1>Not A Member? Sign Up!</h1>
<p style="size: 12px;">
<img src="http://clickbankaffiliateprogram-plr.com/Images/CheckMark.png">
Create Your Own Profile 
<br>
<img src="http://clickbankaffiliateprogram-plr.com/Images/CheckMark.png">
Socailize With Other Members 
<br>
<img src="http://clickbankaffiliateprogram-plr.com/Images/CheckMark.png">  
Get ALL ACCESS to the site
<br>
<img src="http://clickbankaffiliateprogram-plr.com/Images/CheckMark.png">  
Its Free!  
</p>              
<input type="submit" name="submit" value="Sign Up" class="bt_register">    
<p>&nbsp;</p>
</form> 
</div> 
</div> 
</div> 
<!-- /login -->  
<!-- The tab on top -->  
<div class="tab"> 
<ul class="login"> 
<li class="left">&nbsp;</li> 
<li>Hello guest, please</li> 
<li class="sep">|</li> 
<li id="toggle"> 
<a id="open" class="open" href="#">
Sign In
<font color="#ffffff"> 
or
</font> 
Sign Up
</a> 
<a id="close" class="close" href="#" style="display: none;" color="red">
Cancel
</a>      
</li> 
<li class="right">&nbsp;</li> 
</ul> 
</div> <!-- / top --> 
</div>
</div>