@charset "utf-8";
/* CSS Document */

div.formlabel {
	width: 100px;
	text-align: right;
	margin-right: 5px;
	float: left;
	}

div.formentry {
	width: 150px;
	text-align: left;
	margin: 0;
	float: left;
	}

div#usernamecheck {
	width: 200px;
	text-align: left;
	margin: 0;
	float: left;
	}

span.formhint {
	display: none;
	position: absolute;
	margin-left: 5px;
	width: 200px;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 5px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
	background: #ffc url(/images/formhint.gif) no-repeat -10px 5px;
}

span.formhint2 {
	display: none;
	position: absolute;
	margin-left: 5px;
	right: 2px;
	width: 200px;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 5px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
	background: #ffc url(/images/formhint.gif) no-repeat -10px 5px;
}

span.formhint3 {
	display: none;
	position: absolute;
	margin-left: 5px;
	right: 2px;
	width: 200px;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 5px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
	background: #ffc url(/images/formhint.gif) no-repeat -10px 5px;
}

fieldset.correct span.formhint {
	border: 1px solid #6c3;
	background: #cfc url(/images/formhintgood.gif) no-repeat -10px 5px;
}

fieldset.correct span.formhint2 {
	border: 1px solid #6c3;
	background: #cfc url(/images/formhintgood.gif) no-repeat -10px 5px;
}

fieldset.correct span.formhint3 {
	width: 0;
	height: 0;
	font-size: 0px;
	color: transparent;
	display: none;
	border: 0;
	background: transparent;
}

fieldset.correct span.formhint3 span.formhint3-pointer {
	position: absolute;
	width: 0px;
	height: 0px;
	background: transparent;
	}

fieldset.submit {
	text-align: center;
	}

fieldset.neutral span.formhint {
	border: 1px solid #39c;
	background: #cdf url(/images/formhintneutral.gif) no-repeat -10px 5px;
}

/* The pointer image is hidden by using another span */
span.formhint span.formhint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(/images/formhint.gif) left top no-repeat;
	}

span.formhint2 span.formhint2-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(/images/formhint.gif) left top no-repeat;
	}

span.formhint3 span.formhint3-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(/images/formhint.gif) left top no-repeat;
	}


/* The pointer image is hidden by using another span */
fieldset.correct span.formhint span.formhint-pointer {
	background: url(/images/formhintgood.gif) left top no-repeat;
	}

/* The pointer image is hidden by using another span */
fieldset.correct span.formhint2 span.formhint2-pointer {
	background: url(/images/formhintgood.gif) left top no-repeat;
	}


/* The pointer image is hidden by using another span */
fieldset.neutral span.formhint span.formhint-pointer, fieldset.neutral span.formhint2 span.formhint2-pointer {
	background: url(/images/formhintneutral.gif) left top no-repeat;
	}

div#usernamecheck p.available {
	margin: 0;
	font-weight: 800;
	font-size: 14px;
	color: #00CC00;
	}

div#usernamecheck p.taken {
	margin: 0;
	font-weight: 800;
	font-size: 14px;
	color: #FF0000;
	}


.formbuttongood {
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(/images/formbutton.gif) repeat-x left top;
	}

.formbuttonbad {
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(/images/formbuttonred.gif) repeat-x left top;
	}

form {
	width: 480px;
	border: 1px solid #000;
	}

fieldset {
	background: transparent none repeat scroll 0%;
	border: 0pt none;
	margin: 5px;
	padding: 0px;
	position: relative;
	}