html, body
{
	background-color:	#fff;
	margin:				auto;
	font:				90% Arial, Helvetica, sans-serif;
	text-align:			center;
	color:				#406480;
}

#header, #content
{
	margin:				auto;
	width:				690px;
	background-color:	#507ea1 ;
	padding:			30px;
	padding-bottom:		20px;
	padding-top:		10px;
	color:				#fff;
	text-align:			justify;
	font-size:			80%;
}

img
{
	border:				none;
}

#header
{
	background:			#507ea1 url(/images/bg_header.gif) top center repeat-x;
	text-align:			right;
}

#logo
{
	padding-top:		75px;
	text-align:			left;
}

#content
{
	margin-top:			20px;
	font-size:			100%;
	background:			#507ea1 url(/images/sk_contentbottom.gif) bottom center no-repeat;
	padding-bottom:		50px;
	margin-bottom:		20px;
}

#loginbox,
#checkbox
{
	width:				320px;
	padding:			10px;
	height:				200px;
}

#loginbox
{
	float:				right;
	background-color:	#CFDCE6;
	color:				#806040;
}

#checkbox
{
	float:				left;
	background-color:	#E6CF73;
	color:				#406480;
}

#accountbox
{
	width:				50%;
	padding:			10px;
	margin:				auto;
	background-color:	#CFDCE6;
	color:				#406480;
	padding-bottom:		20px;
}

#registrationbox,
#yellowbox
{
	background-color:	#E6CF73;
	color:				#806040;
	margin:				auto;
	padding:			10px;
}

#loginform, #checkform
{
	width:				200px;
	margin:				auto;
}

#registrationform
{
	margin:				auto;
	width:				300px;
}

input, select
{
	font-size:			90%;
	margin-bottom:		5px;
	color:				#507EA1;
}

#loginform input[type='text'],
#loginform input[type='password'],
#checkform input[type='text'],
#checkform select
{
	width:				200px;
}

#submitlogin,
#submitcheck,
.submitserial,
#submitregistration
{
	display:			block;
	float:				right;
}

#submitlogin
{
	width:				50px;
}

label
{
	padding-left:		15px;
	padding-top:		5px;
	font-size:			80%;
}

#pitch
{
	font-size:			140%;
}

.smaller
{
	font-size:			80%;
}

.serialtable
{
	width:				100%;
	border-collapse:	collapse;
	background:			#E6E1CF;
	color:				#507ea1;
	margin-top:			5px;
}

.serialtable tr
{
	padding-top:		2px;
	border-bottom:		1px solid #E6CF73;
}

.serialtable td
{
	vertical-align:		top;
}



.serialtable td.serial, 
.serialtable th.serial
{
	padding-left:		10px;
	width:				220px;
}

.serialtable td.comments, 
.serialtable th.comments
{
	padding-right:		10px;
}

.serialform input,
.serialform select
{
	margin:				0;
}

.serialform .serial
{
	width:				200px;
}

.serialform .comments
{
	width:				390px;
}

.serialform .comments,
.serialform .serial
{
	font-size:			95%;
}

#registrationform #username,
#registrationform #password,
#registrationform #password2,
#registrationform #country,
#registrationform #email
{
	font-size:			80%;
}


.serialtable th
{
	background-color:	#E6CF73;
	padding-top:		5px;
}

.serialtable th.action
{
	width:				25px;
	text-align:			center;
}

.serialtable td.stolen,
.serialtable td.sold
{
	width:				25px;
	text-align:			center;
}

.serialicon
{
	padding-left:		5px;
}

h2
{
	font-family:		'Trebuchet MS';
	font-size:			200%;
	padding-top:		10px;
	padding-bottom:		5px;
	margin:				0;
}

#pitch
{
	padding-top:		50px;
	clear:				both;
}

a, a:hover, a:visited
{
	color:				#406480;
}

#header a, 
#header a:visited
{
	color:				#fff;
	text-decoration:		none;
}

#header a:hover
{
	color:				#fff;
	text-decoration:	underline;
}

.serialform input[type='text']
{
	padding-left:		1px;
	background-color:	transparent;
	border:				1px solid #E6E1CF;
}

.serialform input[type='text']:focus ,
.serialform input.active
{
	background-color:	white;
	border:				1px inset black;
}

.serialform input[type='checkbox']
{
	margin-top:		3px;

}

.floatleft
{
	float:			left;
}

.formerror
{
	padding-left:	5px;
	color:			#f00;
	font-size:		90%;
}

.error
{
	color:			#f00;
}

.divopener
{
	margin-right:	5px;
	width:			15px;
}

.divopener a
{
	color:			white;
	text-decoration:none;
}

#resetcode
{
	width:			300px;
}

input#email
{
	width:			200px;
}