div#registration form {
	margin: 0px;
	padding: 0px;
}

div#registration div, div#registration ul, div#registration li, div#registration p {
	margin: 0px;
	padding: 0px;
}

div#registration {
	width: 368px;
	height: 580px;
	border: 1px solid #e0e0e2;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}

div#registration span.page {
	display: block;
	color: #103f9f;
}

div#pages ul {
	list-style-type: none;
	height: 22px;
}

div#pages li {
	color: white;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	height: 22px;
	width: 44px;
	padding: 4px 0px 0px 0px;
	float: left;
	text-align: center;
	background: transparent url(../images/round-clear.gif) 0px 0px no-repeat;
}

div#registration div#page {
	padding: 0px 0px 0px 0px;
}

div#page {
	clear: both;
	width: 368px;
	height: 200px;
}

div#overlay {
	display: none;
	z-index: +2000;
	opacity: 0.9; filter:alpha(opacity=90); z-index: 2000;
	position: absolute;
	top: 206px;
	left: 238px;
	width: 370px;
	height: 538px;
	background: #f1f1f3 url(../images/egg-timer-icon-rw.gif) 60px 245px no-repeat;
	border: 1px solid #e08082; /* #e0e0e2 */
	text-align: left;
	vertical-align: middle;
}

div#overlay h2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	padding: 12px 0px 0px 40px;
	margin: 240px 0px 0px 50px;
}

div#pages {
	clear: both;
}

div#controls {
	position: absolute;
	left: 250px;
	top: 724px;
	text-align: right;
	width:  360px;
}

div#controls input {
	border: 1px solid black;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	background-color: LightGray;
	width: 75px;
}

div#controls input.cancel {
	margin-right: 10px;
}

li#page9,
li#page10,
li#page11,
li#page12,
li#page13,
li#page14,
li#pageX {
	display: none;
}


/** visibility of the main steps */
span#main_step_1,
span#main_step_2,
span#main_step_3,
span#main_step_4,
span#main_step_5,
span#main_step_6,
span#main_step_7,
span#main_step_8,
span#main_step_9,
span#main_step_10,
span#main_step_11,
span#main_step_12,
span#main_step_13,
span#main_step_14,
span#main_step_15,
span#main_step_16 { color: white; }

#popup_na { position: absolute; margin: -2px 0px 0px -2px; border: 1px solid #d8d8d8; width: 360px; height: 170px; background: #c0c0c0; opacity: 0.5; filter:alpha(opacity=50); z-index: 1000; overflow: hidden; }
#popup_na span { color: white; font-weight: bold; font-style: italic; font-size: 38px; margin: auto; vertical-align: middle; }
