Anonymous

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cars Fans Chat!</title>

<style>
body
{
	/* General font and color settings */
	background-color:	#000000;
	font-family:		"Trebuchet MS", Verdana, Arial, Sans, Helvetica, sans-serif;
	color:				#FFFFFF;
	text-align:			center;
}

.box
{
	border:				solid 1px #FF0000;
	text-align:			center;
}

table
{
	border-collapse:	collapse;
}

#title
{
	font-size:			72pt;
	font-weight:		bold;
}

#logintable
{
	display:			inline;
}

th
{
	background-color:	#800000;
	color:				#FF0000;
}

input[type=text]
{
	background-color:	#000000;
	color:				#FFFFFF;
	border:				none;
	border-bottom:		solid 1px #FFFFFF;
}
input[type=submit]
{
	border:				none;
	background-color:	#666666;
}

a
{
	color:				#0000FF;
	text-decoration:	none;
}
a:hover
{
	color:				#0080FF;
}
a:active
{
	color:				#FF0000;
}

#tip-nick
{
	width:				300px;
	height:				200px;
	position:			absolute;
	visibility:			hidden;
}
</style>

<script>
function showTip(evt, id, action)
{
	var tipdiv = "tip-" + id;
	
	if(action == true)
	{
		with(document.getElementById(tipdiv).style)
		{
			left = evt.clientX;
			top  = evt.clientY;
			visibility = "visible";
		}
	}
	else
	{
		document.getElementById(tipdiv).style.visibility = "hidden";
	}
}

function showNickTip(e)
{
	if(!e) var e = window.event;
	
	showTip(e, "nick", true);
}

function hideNickTip()
{
	showTip(null, "nick", false);
}

window.onload = assignEvents;
function assignEvents()
{
	document.getElementById("linkshow-nick").onclick = showNickTip;
	document.getElementById("linkhide-nick").onclick = hideNickTip;
}
</script>

</head>
<body>

<div id="title" class="box">
	Cars Fans Chat
</div><!-- box::title -->

<br />

<table id="logintable">
	<thead><tr><th class="box">
		Login
	</th></tr></thead>
	
	<tbody><tr><td class="box"><form id="loginform">
		Nickname:&nbsp;	<input type="text" maxlength="25" size="25" />
		<a id="linkshow-nick">&nbsp;?&nbsp;</a>
		<br /><br />
						<input type="submit" 	value="Log in!" />
	</form></td></tr></tbody><!-- box::loginform -->
</table><!-- box::logintable -->

<div id="tip-nick" class="box">
	<div align="right"><a id="linkhide-nick">&times;</a></div>
	Your nickname should contain characters like:<br />
	a-z A-Z 0-9 [ \ ] ^ _ - { | }<br />
	and no spaces.<br />
	It cannot exceed 25 characters.
</div>

</body>
</html>