@charset "UTF-8";

/**
 * Elektroclub
 *
 * Declarations for form related elements.
 *
 * @author 			Gerrit Bertier <gerrit@marlon.be>
 * @copyright		Marlon bvba <http://www.marlon.be>
 * @date 			2010-02-16
 * @lastmodified	2010-02-19
 */

/* redefine form specific xhtml selectors
---------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

form p {

}

label {

}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

fieldset legend {

}

input, select {
	font: 1em Georgia, "Times New Roman", serif;
}

select {
	
}

textarea {

}

input.text {
	color: #445e7c;
	font-size: 1.143em;
	padding: 3px 5px 4px;
	line-height: 20px;
}

/* 'Win' page form
---------------------------------------------------------- */

.win #login form dl {
	margin: 5px 0 0 5px;
}

.win #login form dt {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}

.win #login form dd {
	clear: both;
	display: inline;
	float: left;
	margin: 4px 0 0 0;
}

.win #login input.text {
	margin: 0;
	width: 217px;
}

.win #login form dd.error ul.errors {
	width: 217px;
	margin: 3px 0 0 10px;
}

.win #login a.submit {
	margin: 6px 0 0;
}


/* 'Summercontest Win' page form
---------------------------------------------------------- */

.summercontestwin #login form dl {
	margin: 5px 0 0 5px;
}

.summercontestwin #login form dt {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}

.summercontestwin #login form dd {
	clear: both;
	display: inline;
	float: left;
	margin: 4px 0 0 0;
}

.summercontestwin #login input.text {
	margin: 0;
	width: 217px;
}

.summercontestwin #login form dd.error ul.errors {
	width: 217px;
	margin: 3px 0 0 10px;
}

.summercontestwin #login a.submit {
	margin: 6px 0 0;
}

/* 'Summer contest' page form
---------------------------------------------------------- */
.summercontest #login form dl {
	margin: 5px 0 0 5px;
}

.summercontest #login form dt {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}

.summercontest #login form dd {
	clear: both;
	display: inline;
	float: left;
	margin: 4px 0 0 0;
}

.summercontest #login input.text {
	margin: 0;
	width: 217px;
}

.summercontest #login form dd.error ul.errors {
	width: 217px;
	margin: 3px 0 0 10px;
}

.summercontest #login a.submit {
	margin: 6px 0 0;
}

/* 'Register questions' page form
---------------------------------------------------------- */

.register form dl {
	margin: 40px 0 0 25px;
	position: relative;
	padding: 0;
	width: 520px;
}

.register form dt {
	color: #fcfb82;
	display: inline;
	font-size: 1.143em;
	left: 0;
	padding: 0;
	position: absolute;
	text-align: right;
	width: 240px;
	z-index: 15;
}

.register form dd {
	min-height: 21px;
	height: auto !important;
	height: 21px;
	padding: 0 0 0 280px;
	position: relative;
	width: 240px;
}

.register form dd.groupend {
	margin: 0 0 20px;
}

.register form dd label { width: 240px; }

.register form dd label input.radio {
	float: left;
}

.register form dd label span {
	float: left;
	margin: 0 0 0 5px;
	width: 210px;
}

.register form a.submit {
	margin: 20px 0 0;
}

/* 'Register form' page
---------------------------------------------------------- */

.register-form form {
	background: transparent url(../img/line.png) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	margin: 16px 0 0 24px;
	padding: 25px 0 35px;
	width: 520px;
}

.register-form form dl {
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	position: relative;
	padding: 0;
	width: 520px;
}

.register-form form dt {
	clear: both;
	color: #fcfb82;
	display: inline;
	float: left;
	font-size: 1.143em;
	text-align: right;
	padding: 0 0 5px;
	width: 240px;
}

.register-form form dd {
	display: inline;
	float: left;
	margin: 0 0 0 40px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 0 0 10px;
	width: 240px;
}

.register-form form dt label,
.register-form form dd input {
	clear: both;
	display: inline;
	float: left;
	width: 100%;
}

.register-form form input.text {
	width: 226px;
}

.register-form form dd.error {
	background-color: #cf1a15;
	padding: 0;
	margin: 0 0 10px 40px;
}

.register-form form dd.error input.error {
	background-color: #ffdf9b;
	border: 2px solid #cf1a15;
}

.register-form form dd.error ul.errors {
	width: 220px;
	margin: 7px 10px 8px;
}

/* 'Invitation form' page
---------------------------------------------------------- */

.invite-form form {
	background: transparent url(../img/line.png) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	margin: 16px 0 0 24px;
	padding: 25px 0 35px;
	width: 520px;
}

.invite-form form dl {
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	position: relative;
	padding: 0;
	width: 520px;
}

.invite-form form dt {
	clear: both;
	color: #fcfb82;
	display: inline;
	float: left;
	font-size: 1.143em;
	text-align: right;
	padding: 0 0 5px;
	width: 240px;
}

.invite-form form dd {
	display: inline;
	float: left;
	margin: 0 0 0 40px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 0 0 10px;
	width: 240px;
}

.invite-form form dt label,
.invite-form form dd input {
	clear: both;
	display: inline;
	float: left;
	width: 100%;
}

.invite-form form input.text {
	width: 226px;
}

.invite-form form dd.error {
	background-color: #cf1a15;
	padding: 0;
	margin: 0 0 10px 40px;
}

.invite-form form dd.error input.error {
	background-color: #ffdf9b;
	border: 2px solid #cf1a15;
}

.invite-form form dd.error ul.errors {
	width: 220px;
	margin: 7px 10px 8px;
}


/* 'Contest' page
---------------------------------------------------------- */

.contest form .question-content dl {
	margin: 15px 0 0;
}

.contest form .question-content dd {
	display: inline;
	float: left;
	padding: 0;
}

.contest form .question-content dd {
	margin: 25px 0 0 0;
}

.contest form .question-content dd.answer {
	margin: 10px 0 0 20px;
}

.contest form .question-content dd label {
	color: #fcfb82;
	font-size: 1.143em;
	width: 210px;
}

.contest form .question-content dd label input.radio {
	float: left;
	margin: 1px 0 0;
}

.contest form .question-content dd label span {
	float: left;
	margin: 0 0 0 10px;
	width: 190px;
}

.register form a.submit {
	margin: 20px 0 0;
}

/* 'Order form' page
---------------------------------------------------------- */

.order-form form {
	background: transparent url(../img/line.png) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	margin: 16px 0 0 24px;
	padding: 25px 0 35px;
	width: 520px;
}

.order-form form dl {
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	position: relative;
	padding: 0;
	width: 520px;
}

.order-form form dt {
	clear: both;
	color: #fcfb82;
	display: inline;
	float: left;
	font-size: 1.143em;
	text-align: right;
	padding: 0 0 5px;
	width: 240px;
}

.order-form form dd {
	display: inline;
	float: left;
	margin: 0 0 0 40px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 0 0 10px;
	width: 240px;
}

.order-form form dt label,
.order-form form dd input {
	clear: both;
	display: inline;
	float: left;
	width: 100%;
}

.order-form form input.text {
	width: 226px;
}

.order-form form dd.error {
	background-color: #cf1a15;
	padding: 0;
	margin: 0 0 10px 40px;
}

.order-form form dd.error input.error {
	background-color: #ffdf9b;
	border: 2px solid #cf1a15;
}

.order-form form dd.error ul.errors {
	width: 220px;
	margin: 7px 10px 8px;
}

/* 'Order form school' page
---------------------------------------------------------- */

.order-form-school form {

	clear: both;
	display: inline;
	float: left;
	margin: 16px 0 0 24px;
	padding: 25px 0 35px;
	width: 520px;
}

.order-form-school form dl {
	background: transparent url(../img/line.png) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	position: relative;
	padding: 25px 0 0 0;
	width: 520px;
}

.order-form-school form dt {
	clear: both;
	color: #fcfb82;
	display: inline;
	float: left;
	font-size: 1.143em;
	text-align: right;
	padding: 0 0 5px;
	width: 240px;
}

.order-form-school form dd {
	display: inline;
	float: left;
	margin: 0 0 0 40px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 0 0 10px;
	width: 240px;
}

.order-form-school form dt label,
.order-form-school form dd input {
	clear: both;
	display: inline;
	float: left;
	width: 100%;
}

.order-form-school form input.text {
	width: 226px;
}

.order-form-school form dd.error {
	background-color: #cf1a15;
	padding: 0;
	margin: 0 0 10px 40px;
}

.order-form-school form dd.error input.error {
	background-color: #ffdf9b;
	border: 2px solid #cf1a15;
}

.order-form-school form dd.error ul.errors {
	width: 220px;
	margin: 7px 10px 8px;
}

.order-form-school p {
	margin-top: 10px;
}

.order-form input.green {
    width: 12px !important;
    margin-left: -6px;
}

/* 'Optout form' page
---------------------------------------------------------- */

.optout-form form {
	background: transparent url(../img/line.png) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	margin: 16px 0 0 24px;
	padding: 25px 0 35px;
	width: 520px;
}

.optout-form form dl {
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	position: relative;
	padding: 0;
	width: 520px;
}

.optout-form form dt {
	clear: both;
	color: #fcfb82;
	display: inline;
	float: left;
	font-size: 1.143em;
	text-align: right;
	padding: 0 0 5px;
	width: 240px;
}

.optout-form form dd {
	display: inline;
	float: left;
	margin: 0 0 0 40px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 0 0 10px;
	width: 240px;
}

.optout-form form dt label,
.optout-form form dd input {
	clear: both;
	display: inline;
	float: left;
	width: 100%;
}

.optout-form form input.text {
	width: 226px;
}

.optout-form form dd.error {
	background-color: #cf1a15;
	padding: 0;
	margin: 0 0 10px 40px;
}

.optout-form form dd.error input.error {
	background-color: #ffdf9b;
	border: 2px solid #cf1a15;
}

.optout-form form dd.error ul.errors {
	width: 220px;
	margin: 7px 10px 8px;
}

form#order dd label {
    font-size: 0.80em;
}