input, select { font-family: inherit; }
input[type="checkbox"], input[type="radio"] { margin: 0 5px 0 0; }
label { display: block; font-weight: bold; margin: 3px 0; }
label.checkboxLabel, label.radioLabel { padding-right: 0.5em; white-space: nowrap; font-weight: normal; }
label.inline { display: inline; }

.menuForm {
	border: 1px solid #e5e5e5;
	padding: 0px; margin: 1.5em 0;
	background-color: #f2f2f2;
}
.menuForm p { margin: 1em 0.5em 1em 0.5em; max-width: 90%; line-height: 1.25em; }
.menuForm h2 { margin: 0; padding: 5px; background-color: #bbf; }
.disabled { color: #999; }

#areaSelector { display: block; width: 90% }

#loadingMessage { font-family: "Exo", sans-serif; font-weight: 800; margin: auto auto; position: fixed; opacity: .8; z-index: 100; font-size: 2em; padding: 10px; color: #000; background-color: #fff; border: 3px solid #c63; }
#loadingMessage img { vertical-align: middle; padding: 5px; }

#noJSnote, #noJSnote a { font-weight: bold; color: #f00; }

@media screen and (max-device-width: 480px) {
	#selectors { float: none; width: 100% !important; }
	#selected { float: none; width: 100% !important; }
}
