/* CSS for pages with forms */

label,input,select {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

#catering-items input {
	width: 30px;
}

label {
	text-align: right;
	padding-right: 20px;
}

form br {
	clear: left;
}

.required {
	color: #990000;
}

#phone {
	width: 100px;
}

textarea {
	height: 100px;
	width: 40%;
}

input#submit {
	float: none;
	margin-top: 10px;
}

/*** birthday club specific styles ***/

.birthdayclub label, .birthdayclub input, .birthdayclub select {
	display: inline;
	width: 100%;
	float: none;
	margin-bottom: 10px;
}

.birthdayclub form br {
	clear: none;
}

fieldset {
	margin-bottom: 1.5em;
}

fieldset h3 {
	margin-bottom: 2px;
	padding-bottom: 0px;
}

#parentinfo div.required {
	float: none;
	margin-bottom: 1.5em;
	width: auto;
}

fieldset div {
	float: left;
	padding-right: 7px;
	width: 21%;
}

#parentinfo div#parentmidiv, .childmidiv { width: 16%;	}
#parentinfo div#parenttitlediv { width: 5%; }
#parentinfo div.emaildiv, #parentinfo div#phonediv, #parentinfo div#streetdiv, div.genderdiv { width: 47%; }

div.dobdiv {
	padding-right: 30px;
	margin-bottom: 10px;
}
div.dobdiv input {
	margin-bottom: 0px;
}
div.genderdiv input {
	width: auto;
	margin-bottom: 0px;
}

#timeofday {
	float: right;
	margin-top: 2em;
	text-align: left;
	width: 40%;
}
#specialoptions{
	float: right;
	margin-top: 1em;
	text-align: left;
	width: 30%;	
}
#timeofday input, #specialoptions input {
	width: auto;
	margin-bottom: 0px;
}

.birthdayclub input#submit {
	width: 200px;
}