div.login-area{
	border:1px solid #bbb;
	width:522px;
}
#login {
	background:#fff;
	border:1px solid #ddd;
	width:100%;
}
#login th{
	font-size:1.6em;
	padding:10px;
}
#login td.error{
	color:red;
	text-align:center;
	font-weight:bold;
}
#login td.left{
	text-align:left;
	font-size:1.2em;
	padding:4px 0 3px 15px;
}
#login td.right{
	text-align:right;
	font-size:1.2em;
	padding:4px 15px 3px 0;
}
#login td.submit{
	padding:10px 0 0;
	text-align:right;
	padding: 10px 10px 10px 0;
}

#login input.email{
	border:1px solid #000;
	padding:0 3px;
}

#login input.password{
	border:1px solid #000;
	padding:0 3px;
}
#login input.remember{
	margin:0 6px 0 3px; padding:0;
}
#login tr.field:hover{
	background:#ddf;
}


div.register-area{
	margin:25px 0 0;
	border:1px solid #bbb;
	width:522px;
}
#register {
	background:#fff;
	border:1px solid #ddd;
	width:100%;
}
#register th{
	font-size:1.6em;
	padding:10px;
}
#register td.error{
	color:red;
	text-align:center;
	font-weight:bold;
}
#register td.left{
	text-align:left;
	font-size:1.2em;
	padding:4px 0 3px 15px;
}
#register td.right{
	text-align:right;
	font-size:1.2em;
	padding:4px 15px 3px 0;
}
#register td.center{
	text-align:center;
	width:32px;
}
#register td.submit{
	padding: 10px 10px 10px 0;
	text-align:right;
}
#register td.legend{
	padding:10px 4px 0;
	text-align:center;
	color:#777;
}
#register td.legend-invisible{
	padding:10px 4px 0;
	text-align:center;
	color:#fff;
}

#register input.email{
	border:1px solid #000;
	padding:0 3px;
}
#register input.password{
	border:1px solid #000;
	padding:0 3px;
}
#register input.displayname{
	border:1px solid #000;
	padding:0 3px;
}
#register input.imageverify{
	float:right;
	border:1px solid #000;
	padding:0 3px;
	margin:4px 0 0;
	vertical-align:bottom;
}
#register img.imageverify{
	float:left;
	border:1px solid #000;
	padding:0;
	vertical-align:bottom;
}
#register div.reg-imagerefresh{
	float:left;
	width:24px;
	height:26px;
	margin:0 0 0 8px; padding:0;
	background:url(images/refresh_icon.png)  bottom right no-repeat !important;
	background:url(images/refresh_icon.gif)  bottom right no-repeat;
	cursor:pointer;
}
#register input.age{
	margin:0 6px 0 3px; padding:0;
}
#register input.tos{
	margin:0 6px 0 3px; padding:0;
}
#register tr.field:hover{
	background:#ddf;
}

#register div.field-error{
	width:24px;
	height:26px;
	margin:0; padding:0;
	background:url(images/caution_icon.png)  bottom right no-repeat !important;
	background:url(images/caution_icon.gif)  bottom right no-repeat;
	cursor:help;
}
#register div.field-check{
	width:24px;
	height:26px;
	margin:0; padding:0;
	background:url(images/check_icon.png)  bottom right no-repeat !important;
	background:url(images/check_icon.gif)  bottom right no-repeat;
	cursor:default;
}

div.register-warning{
	color:#000;
	position:absolute;
	display:none;
	border:solid #abf 1px;
	border-top:solid #abf 5px;
	width:231px;
	margin:0; padding:3px;
	background:#ddf;
}

div.upload-area{
	border:1px solid #bbb;
	width:522px;
}
#upload {
	background:#fff;
	border:1px solid #ddd;
	width:100%;
}
#upload th{
	font-size:1.6em;
	padding:10px;
}
#upload td.error{
	font-size:0.9em;
	color:red;
	text-align:center;
	font-weight:bold;
}
#upload tr.info{
	font-size:0.8em;
}
#upload td.left{
	text-align:left;
	vertical-align:top;
	font-size:1.2em;
	padding:4px 0 3px 15px;
}
#upload td.right{
	text-align:right;
	font-size:1.2em;
	padding:4px 15px 3px 0;
}
#upload td.submit{
	padding:10px 0 0;
	text-align:right;
	padding: 10px 10px 10px 0;
}
#upload input.file{
	padding:0 3px;
}

#upload td.progress{
	padding:0 3px 40px;
	text-align:center;
	display:none;
}

#upload tr.field:hover{
	background:#ddf;
}

div.recent-area{
	border:1px solid #bbb;
	width:522px;
}
#recent {
	background:#fff;
	border:1px solid #ddd;
	width:100%;
}
#recent th{
	font-size:1.6em;
	padding:10px;
}
#recent td.left{
	text-align:left;
	vertical-align:top;
	font-size:1.2em;
	padding:4px 0 3px 15px;
}
#recent td.right{
	text-align:right;
	font-size:1.2em;
	padding:4px 15px 3px 0;
}
#recent td.submit{
	padding:10px 0 0;
	text-align:right;
	padding: 10px 10px 10px 0;
}
#recent input.name{
	border:1px solid #000;
	padding:0 3px;;
}
#recent input.keywords{
	border:1px solid #000;
	padding:0 3px;
}
#recent input.dated{
	border:1px solid #000;
	padding:0 3px;
}
#recent div.dated{
	float:right;
	clear:none;
	width:24px;
	height:20px;
	margin:0; padding:0;
	background:url(images/clock_icon.png)  right center no-repeat !important;
	background:url(images/clock_icon.gif)  right center no-repeat;
	cursor:pointer;
}

#recent textarea.details{
	border:1px solid #000;
	padding:0 1px;
	width:256px;
}
#recent select.permissions{
	border:1px solid #000;
	padding:0 0 0 3px;
	width:260px;
}

#recent td.divide{
	padding:10px;
	background:#ddd;
	border:1px solid #bbb;
	border-left:none;
	border-right:none;
}

#recent tr.field:hover{
	background:#ddf;
}

div.activate-area{
	border:1px solid #bbb;
	width:522px;
}
#activate {
	background:#fff;
	border:1px solid #ddd;
	width:100%;
}
#activate th{
	font-size:1.6em;
	padding:10px;
}
#activate td.error{
	color:red;
	text-align:center;
	font-weight:bold;
}
#activate td.left{
	text-align:left;
	font-size:1.2em;
	padding:4px 0 3px 15px;
}
#activate td.right{
	text-align:right;
	font-size:1.2em;
	padding:4px 15px 3px 0;
}
#activate td.submit{
	padding:10px 0 0;
	text-align:right;
	padding: 10px 10px 10px 0;
}

#activate input.email{
	border:1px solid #000;
	padding:0 3px;
}

#activate input.code{
	border:1px solid #000;
	padding:0 3px;
}
#activate tr.field:hover{
	background:#ddf;
}