@import url('style.css');

.infopage #messages, .infopage #notes {
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
}

.infopage #messages ul.errors {
	list-style-image: url(/assets/img/icons/error.gif);
	list-style-position: outside;
}

.infopage #messages ul.successes {
	list-style-image: url(/assets/img/icons/success.gif);
	list-style-position: outside;
}

.infopage #notes strong {
	color: #ff0000;
}

.infopage #notes a {
	text-decoration: underline;
}

.infoBox-content {
	clear: both;
}

.infopage p, .infopage form dt, .infopage form dd, .infopage form dd input,
.infoBox, .infoBox h2, .infoBox h3,
.errorBox, .errorBox h2  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

.infoBox h2, .infoBox h3,
.errorBox h2 {
	font-weight: bold;
}

.infoBox h3 {
	line-height: 1;
}

.infoBox-content {
	padding: .5em;
	background-color: #f8f8f9;
	border: 1px solid #b6b7cb;
}

.errorBox-content {
	padding: .5em;
	background-color: #ffe6e6;
	border: 1px solid #ff8e90;
}

.infopage form dt {
	clear: both;
	width: 33%;
	float: left;
}

.infopage form dd {
	float: left;
	width: 66%;
	margin: 0 0 0.5em 0.25em;
}

.infoBox p, .infoBox span {
	clear: both;
}

.infopage .text-small {
	font-size: 10px;
}

.inputRequirement {
	color: #ff0000;
}


.infoBox-content {
	padding: 5px;
}

.infoBox-content-icon {
	float: left;
	margin-left: 20px;
}

.infoBox-content-text {
	float: left;
	margin-left: 80px;
}