/* ------------------------------ pulldowns ------------------------------ */
form:after, .field:after, .showField:after {
	content: 'css pulldown';
	display: block;
	visibility: hidden;
	height: 0;
	float: none;
	clear: both;
}

/* ------------------------------ tag defaults ------------------------------ */
noscript {
	color: #F00;
	font-weight: bold;
}

/* ------------------------------ navigation ------------------------------ */
.navigation { padding: 50px 0; }
.navigation li {
	/* ie 8 refuses to remove the float! clear and width added for this reason */
	float: none;
	clear: both;
	width: 100%;
	text-align: center;
}
.spacer { height: 60px; }
.arrow { background: url('/images/arrow.gif') center center no-repeat; }
.curPage { font-weight: bold; }

/* ------------------------------ navigation ------------------------------ * /

/* ------------------------------ layout ------------------------------ */
.topLeft, .topRight { display: none; }

h2 { text-align: center; }

.bottomLeft {
	width: 375px;
	padding: 10px 75px;
}
.copyright {
	text-align: center;
	padding: 10px 235px 0 0;
	font-size: 70%;
}

.legend { padding-top: 10px; }
.legend p { padding: 0; }
.legend .def { font-size: 80%; }
/* ------------------------------ forms ------------------------------ */
form p { padding: 20px 0; }
label, input, select, textarea { float: left;}

label {
	padding-right: 10px;
	width: 150px;
	text-align: right;
}

input, select, textarea { width: 200px; }

textarea {
	overflow: auto;
	height: 50px;
}

.req, .opt {
	font-size: 70%;
	line-height: 50%;
}
.req, .reqErr { color: #F00; }
.opt, .optErr { color: #00F; }

.field { padding-bottom: 5px; }
.field a {
	display: block;
	text-align: center;
}

.field input, .field select, .field textarea { border: 1px solid #999; }

/* ------------------------------ id's ------------------------------ */
#previous, #submit { width: 100px; margin-top: 20px; }
#submit { float: right; }
#errMsg { font-size: 90%; }
#errMsg p {
	padding: 5px 0 0;
	text-align: center;
	font-weight: bold;
}