body
{
	margin: 20px;
}

.hello-form
{
	position: relative;
	width: 500px;
	height: 440px;
	overflow: hidden;
	font-size: 13px;
	font-family: "Myriad Web Pro", "Myriad Web", "Myriad", Arial, Helvetica, sans-serif;
}

.hello-container
{
	position: relative;
	left: 0;
	top: 0;
}

.hello-table
{
	margin: 10px;
	width: 480px;
}

.hello-table td strong
{
	font-weight: bold;
}

.hello-table td
{
	padding: 3px;
	font-size: 11px;
}

.hello-form input.hello-money
{
	width: 80px;
}

.hello-form input.hello-period
{
	width: 20px;
}

.hello-step
{
	width: 500px;
	height: 440px;
}

#hello-step-1
{
	background-color: #eee;
	position: absolute;
	left: 0;
	top: 0;
}

#hello-step-2
{
	background-color: #eee;
	position: absolute;
	left: 500px;
	top: 0;
}

#hello-step-3
{
	background-color: #eee;
	position: absolute;
	left: 1000px;
	top: 0;
}

.hello-form .hello-title
{
	font-size: 19px;
	font-weight: bold;
	background-color: #006;
	color: #fff;
}

.hello-form label
{
	padding: 3px;
	cursor: pointer;
}

.hello-form button
{
	padding: 4px;
	cursor: pointer;
	font-weight: bold;
}

.hello-form button:disabled
{
	font-weight: normal;
	color: #666;
}

.hello-form input.hello-name
{
	width: 100px;
}

.hello-form .hello-field
{
	float: left;
	margin-right: 4px;
}

.hello-form .hello-field label
{
	font-size: 11px;
	color: #666;
}

.hello-form select
{
	margin-top: 1px;
	cursor: pointer;
	border: 1px solid #ccc;
}

#hello-header
{
	padding: 10px;
	background-color: #eee;
}

#hello-header div.pension
{
	width: 480px;
	height: 50px;
    background: #eee url(wizardpensiongreen.gif) no-repeat 0 0;
}

#hello-header div.pension.blue
{
	background: #eee url(wizardpension.gif) no-repeat 0 0;
}

#hello-header div.mortgage
{
	width: 480px;
	height: 50px;
	background: #eee url(wizardmortgage.gif) no-repeat 0 0;
}

#hello-header.hello-wizard-1 div
{
	background-position: 0 0;
}

#hello-header.hello-wizard-2 div
{
	background-position: 0 -50px;
}

#hello-header.hello-wizard-3 div
{
	background-position: 0 -100px;
}

.hello-form textarea
{
	width: 460px;
	font-family: arial;
	font-size: 12px;
}

#hello-ajax
{
	width: 32px;
	height: 32px;
	background: transparent url(ajax.gif) no-repeat 0 0;
	visibility: hidden;
}

.hello-express
{
	font-size: 11px!important;
	color: #666;
}

#hello-express
{
	color: #333;
}

.hello-form .hello-input
{
	border: 1px solid #ccc;
	padding: 2px;
}

.hello-checkbox
{
	border: none!important;
}