/* MSN Gaming Zone onboarding stylesheet.
   Faithful to the captured 1999/2000 signup00.css + the inline .navbutton style.
   Self-contained: all asset URLs are /signup/assets/<name> (no external CDNs). */

BODY {
	color: #000000;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
	background-image: url(/signup/assets/bg_signup.gif);
	background-repeat: no-repeat;
}

A        { font-size: 10pt; color: #336666; text-decoration: underline; }
A:visited{ color: #336666; }
A:hover  { font-size: 10pt; color: #3366FF; }

TABLE { font-family: Arial, sans-serif; font-size: 10pt; }

UL, OL {
	margin-left: -20px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}
OL.plugin { margin-left: -20px; font-family: Arial, sans-serif; font-size: 10pt; }

.content { font-family: Arial, sans-serif; font-size: 10pt; color: #000000; }
.title   { font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #000000; }
.smtext  { font-family: Arial, sans-serif; font-size: 9pt;  color: #000000; }
.header  { font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; letter-spacing: 2pt; color: #000000; }

/* Field-error highlight from the originals (gold). */
.inputerr { background-color: #FFCC66; }

/* The authentic gold pushbutton. The captured CSS used 10pt; the brief's
   navbutton spec used 11pt + light top/left borders + width ~70px. We honor
   both: gold bg, light borders, fixed-ish width, right-aligned by its wrapper. */
.navbutton {
	background-color: #FFCC66;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	color: #000000;
	border-top: 1px solid #FFFFCC;
	border-left: 1px solid #FFFFCC;
	border-right: 1px solid #806000;
	border-bottom: 1px solid #806000;
	min-width: 70px;
	padding: 1px 8px;
	vertical-align: middle;
	margin-top: 3px;
	cursor: pointer;
}
.navbutton:hover { background-color: #FFD980; }

/* A plain secondary link styled as a "Back" affordance, kept subtle. */
.backlink { font-size: 10pt; color: #336666; }

/* Layout helpers for the merged flow (no visual departure from the originals;
   just enough structure to keep Continue/Back tidy and a step indicator). */
.zone-wrap   { width: 600px; }
.zone-divider{ height: 1px; background-color: #FFCC66; font-size: 1px; line-height: 1px; }
.zone-spacer { height: 16px; }
.zone-body   { width: 400px; }
.zone-gutter { width: 40px; }
.zone-nav    { margin-top: 18px; }
.zone-nav .left  { float: left; }
.zone-nav .right { float: right; }
.zone-nav:after  { content: ""; display: block; clear: both; }

/* The subtle "Step N of M" indicator. */
.stepind { font-family: Arial, sans-serif; font-size: 9pt; color: #336666; letter-spacing: 1pt; }

/* Inline field error block (server-rendered, no JS alert needed). */
.errbox {
	background-color: #FFCC66;
	border: 1px solid #806000;
	padding: 6px 8px;
	margin: 0 0 12px 0;
	font-size: 10pt;
	color: #000000;
}
.errbox ul { margin: 4px 0 0 16px; }

label b { font-weight: bold; }
input[type=text], input[type=password], input[type=email] {
	font-family: Arial, sans-serif;
	font-size: 10pt;
}
.spade { font-size: 48pt; color: #000000; line-height: 1; }