<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="description" content="Second Life login" />
<meta name="keywords" content="" />
<title>Second Life: Sign In</title>
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/common.web.secondlife.com/_css/blueprint/screen.css" media="screen, projection" />
<!--[if IE]><link rel="stylesheet" href="https://s3.amazonaws.com/common.web.secondlife.com/_css/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<link rel="icon" type="image/vnd.microsoft.icon" href="https://s3.amazonaws.com/common.web.secondlife.com/favicon.ico" />
<script type="text/javascript" src="https://s3.amazonaws.com/common.web.secondlife.com/_js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#more-about-username").click(function () {
$(".note").fadeIn(1000);
});
$('#username').focus(function() {
$(".note").fadeOut(1000);
});
});
</script>
<style type="text/css">
/* ==========================================
** GLOBAL STYLES
** ========================================== */
body{ font-family:Arial,Helvetica,Verdana,sans-serif; }
a {color:#5cb192;font-weight:bold;text-decoration:none;}
a:hover {color:#ff6a00;}
/* Production Stuff - from reg-in-progress main996.css */
body {
background: #e8e9ec url(https://s3.amazonaws.com/common.web.secondlife.com/_img/bg.gif) top left repeat-x;
margin-top: 0;
margin-bottom: -30px;
padding-bottom: 0;
font-size: 0.8em;
}
.container {
background: #e8e9ec url(https://s3.amazonaws.com/common.web.secondlife.com/_img/bg.gif) top left repeat-x;
}
#containerShadowMain {
width: 1080px;
background: url(https://s3.amazonaws.com/common.web.secondlife.com/_img/bg_main_shadow.gif) top left repeat-y;
margin: 0 auto;
padding: 0;
/*border-bottom: 2px solid;*/
}
#containerShadowTop {
background: url(https://s3.amazonaws.com/common.web.secondlife.com/_img/bg_top_shadow.gif) top left no-repeat;
margin: 0;
padding: 0;
}
/* override screen.css */
input.text, input.title, textarea, select, input { margin: 0; }
input.checkbox { margin-right: 5px; }
form { margin:0; padding:0;position:relative; }
h4 {font-weight:bold;}
.note {
display:none;
background-color:#F7F2CA;
margin-top:-4px;
padding:10px 12px;
position:absolute;
right:0;
right:0;
top:-65px;
width:300px;
}
#header {
border-bottom: 1px solid #383838;
height: 56px;
background-color:#000;
}
#sl-logo a {
background:url("https://s3.amazonaws.com/common.web.secondlife.com/_img/head-sl-logo.png") no-repeat scroll left top transparent;
display:block;
float:left;
height:33px;
margin:12px 0 0 35px;
outline:medium none;
text-indent:-2000em;
width:86px;
}
#header h1#logo {
height: 56px;
margin: 0;
}
#header h1#logo span {
display: none;
}
#more-about-username { display:inline; padding:7px 0 0 7px;margin:0; float:none;}
/* MAIN CONTENT BUTTONS or LARGER BUTTONS */
.clearbutton {
overflow:hidden;
width:100%;
}
.css_button_hot {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px Arial, Helvetica, sans-serif;
padding:5px 10px 6px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
/* box-shadow: 0 1px 2px rgba(0,0,0,.2); */
font-weight:bold;
border:0;
line-height:1;
}
.css_button_hot.btn_large{
font-size:18px;
line-height:24px;
padding:6px 30px;
}
.css_button_hot.primary{
background-color:#ff6901;
background: -webkit-gradient(linear, left top, left bottom, from(#ff8c3f), to(#ff6901));
background: -moz-linear-gradient(top, #ff8c3f, #ff6901);
color:#fff;
}
.css_button_hot.primary:hover {
color:#fff;
background: #ffb23f;
background: -webkit-gradient(linear, left top, left bottom, from(#ffb23f), to(#ff9a03));
background: -moz-linear-gradient(top, #ffb23f, #ff9a03);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb23f', endColorstr='#ff9a03');
}
.css_button_hot.secondary{
background-color:#85c5ad;
background: -webkit-gradient(linear, left top, left bottom, from(#85c5ad), to(#5eb293));
background: -moz-linear-gradient(top, #85c5ad, #5eb293);
color:#fff;
}
.css_button_hot.secondary:hover {
color:#fff;
background: #91d6bc;
background: -webkit-gradient(linear, left top, left bottom, from(#91d6bc), to(#69c7a4));
background: -moz-linear-gradient(top, #91d6bc, #69c7a4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb23f', endColorstr='#69c7a4');
}
/* hack - hide teh real submit button. we have to keep it in b/c IE won't submit on enter otherwise. */
/* input.css_button_hot {
background: none;
border: none;
display:block;
color:#FFF;
float:left;
width:0;
height:0;
} */
/* LOGIN SPECIFIC STYLES */
#block-mid {
background: url('https://s3.amazonaws.com/common.web.secondlife.com/_img/backgrounds/bg_content_shadow.png') repeat-x top left;
color: #595c63;
padding: 6em 0;
}
#block-mid h2,h3,h4 {
color: #595c63;
}
#block-mid h2 {
margin-top: 0;
padding-top: 0;
}
#block-login {
min-height:400px;
/*height:auto !important;*/
/*height:400px;*/
}
#block-join {
/*padding:10px;*/
min-height:400px;
/*height:auto !important;*/
/*height:400px;*/
}
#footer {
background: url('https://s3.amazonaws.com/common.web.secondlife.com/_img/bg_footer.gif') repeat-x top left;
height: 6em;
border-top: 1px solid;
color:#595C62;
font-size: 12px;
text-align: right;
}
#footer p {
font-size: 0.9em;
margin: .5em .5em 0 0;
}
#footer a {
text-decoration: none;
font-weight: bold;
}
#copyright {
padding: 7px;
text-align: right;
}
.block-content {
min-height:235px;
height:auto !important;
height:210px;
}
label {
color:#494B4D;
font-size:14px;
padding-bottom:5px;
}
label.username_l {
background: transparent url("https://s3.amazonaws.com/common.web.secondlife.com/_img/info-icon.png") left top no-repeat;
}
#last_name, #first_name, #username, #password {border:1px solid #D6D6D6;
font-size:14px;
margin:0;padding:5px;width:390px;}
input:focus {border-color:#888;}
.block-content td {
vertical-align: top;
}
.block-btn { text-align: center; }
/* Modules Dialog
-----------------------------------*/
div.dialog div.content { padding:15px;background-color:#fff;}
div.dialog div.content, .note {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.dialog{min-height:300px;}
</style>
</head>
<body>
<div id="containerShadowMain">
<div id="containerShadowTop">
<div class="container showgrid">
<div id="header" class="span-24 clear">
<div id="sl-logo">
<span><a href="http://secondlife.com">Second Life</a></span>
</div>
</div>
<div id="block-mid" class="span-24">
<div class="block-login dialog prepend-1 span-11">
<div class="content">
<form id="loginform" action="post.php" method="post" style="position:relative;">
<h2>Sign In</h2>
<div class="block-content">
<p>
<span class="note">Your username is both your screenname in Second Life and your login ID. Accounts created prior to June 2010 may have both a first and last name (Example: First Last), while newer accounts may only have a single username.</span>
<label for="username">Second Life Username:</label><img src="https://s3.amazonaws.com/common.web.secondlife.com/_img/info-icon.png" alt="more info" title="What's this?" id="more-about-username" />
<input type="text" size="25" name="username" id="username" value=""/>
</p>
<p>
<label for="password">Second Life Password:</label>
<input type="password" size="16" name="password" id="password"/>
</p>
<p>
<input type="checkbox" name="stay_logged_in" value="stay_logged_in" id="stay_logged_in" class="checkbox" />
<label for="stay_logged_in">Remember me on this computer</label>
</p>
<p class="resetpass"><a href="https://secondlife.com/account/request.php?lang=en">Forgot your login information?</a>
</p>
</div>
<div class="clearfix" style="padding-left:38%">
<button type="submit" name="Submit" class="css_button_hot btn_large primary">Login</button>
</div>
<input type="hidden" name="return_to" value="https://secondlife.com/auth/oid_return.php?redirect=https%3A%2F%2Fsecondlife.com%2Findex.php"/>
<input type="hidden" name="previous_language" value="en_US"/>
<input type="hidden" name="language" value="en_US"/>
</form>
</div>
</div>
<div class="block-join dialog prepend-1 span-10">
<div class="content">
<h2>Sign Up Today!</h2>
<div class="block-content">
<p>
Join Second Life and become part of the Internet's largest user-created, 3D virtual community.
</p>
<ul>
<li>Connect with friends.</li>
<li>Meet new people with voice and text chat.</li>
<li>Explore thousands of unique 3D locations.</li>
<li>Create and design your own look.</li>
</ul>
<h4>Membership is FREE!</h4>
</div>
<div class="clearfix" style="padding-left:30%">
<a href="http://join.secondlife.com/?lang=en-US" class="css_button_hot btn_large secondary">Join Now</a>
</div>
</div>
</div>
</div>
<div id="footer" class="clear span-24">
<p>
© 2012 <a href="http://lindenlab.com">Linden Research, Inc.</a>
</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-16553629-1");
pageTracker._setAllowHash(false);
pageTracker._setDomainName(".secondlife.com");
pageTracker._setAllowLinker(true);
pageTracker._trackPageview();
var rollupTracker = _gat._getTracker("UA-16364614-2");
rollupTracker.setAllowHash(false);
rollupTracker._setDomainName(".secondlife.com");
rollupTracker._setAllowLinker(true);
rollupTracker._trackPageview();
} catch(err){}
</script>
</body>
</html>