/* ----- registration ----- */
div.registrationNav {
	border-bottom: 1px solid #FF7F00;
}

div.registrationNav ul {
	width: 400px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

div.registrationNav ul li {
	width: 88px;
	float: left;         
	padding: 5px;
	background-color: #ddd;
	text-align: center;
	color: #888;
	border: 1px solid #fff;
	border-bottom: 0;
}

div.registrationNav ul li.active {
	background-color: #FFCC99;
	color: #333;
	font-weight: bold;
}

div.registrationNav ul li.inactive {
	background-color: #FFE5CC;
}

div.registrationError {
	padding: 5px;
	background-color: #FF2A00;
	border-bottom: 1px solid #fff;
	color: #fff;
}

div.registrationErrorGreen {
	padding: 5px;
	background-color: #359900;
	border-bottom: 1px solid #fff;
	color: #fff;
}

div.registrationBox {
	padding: 5px;
	border-bottom: 1px solid #fff;
}

div.registrationTitle {
	padding: 5px;
	background-color: #FFE5CC;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	font-size: 1.2em;
	color: #333;
}

div.registrationButtons {
	padding: 5px;
	background-color: #FFE5CC;
	border-bottom: 1px solid #FF7F00;
	font-weight: bold;
	color: #333;
}

div.registrationButtons div.left {
	float: left;
}

div.registrationButtons div.right {
	float: right;
}

div.registrationFooter {
	padding: 5px;
	text-align: center;
}

div.packageTableTitle {
	margin: 0 auto;
	padding: 5px;
	width: 400px;
	background-color: #FFCC99;
	border-top: 1px solid #FF7F00;
	border-bottom: 1px solid #FF7F00;
	text-align: center;
}

div.packageTableContent {
	margin: 0 auto;
	padding: 5px;
	width: 400px;
	background-color: #FFE5CC;
	text-align: center;
}

div.packageTableFooter {
	margin: 0 auto;
	padding: 2px;
	width: 400px;
	background-color: #f00;
	color: #fff;
	text-align: center;
}

div.packageTableLeft {
	width: 200px;
	float: left;
}

div.packageTableRight {
	width: 200px;
	float: right;
}