/*	Consistent styles */

body		{ background:#e7e7e2; margin:0; padding:0; font:11px/1.4em Arial; color:#666; }
form		{ background:#fff; margin:100px auto 0 auto; padding:20px; width:300px; border:1px solid #ccc; -moz-border-radius:10px; }
h1			{ margin:0; padding:0 0 10px 0; font:18px Arial; color:#00A7E5; }
p			{ margin:0; padding:0 0 15px 0; }
dl			{ margin:0; padding:0; width:300px; }
dt			{ clear:both; float:left; margin:0; padding:3px 0 0 0; width:110px; font-weight:bold; color:#333; }
dd			{ float:right; margin:0; padding:0 0 10px 0; width:190px; }
.textField	{ padding:4px; width:180px; border:1px solid #ccc; font:11px Arial; color:#333; -moz-border-radius:5px; }
div.clear	{ background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0; }
a			{ color:#00A7E5; text-decoration:none; }
a:hover		{ text-decoration:underline; }
#error		{ padding:0 0 0 10px; color:#cc0000; }
.button		{ background:#eff8fc; padding:5px 10px; border:1px solid #ccc; -moz-border-radius:5px; }

/*	Variant styles */

#loginForm dt			{ width:80px; }
#loginForm dd			{ width:220px; }
#loginForm .textField	{ width:210px; }

#recoverForm dt			{ width:110px; }
#recoverForm dd			{ width:190px; }
#recoverForm .textField	{ width:180px; }