/* General Form Styles */
span.form,
label.form {
	margin: 0;
	padding: 0;
	font-family: "Monda";
}

span.form {
	display: inline-block;
	width: 30%;
	font-size: 11pt;
	color: #000;
	text-align: left;
}

label.form {
	border: 1px solid #000;
	text-align: right;
	margin: auto 0;
}

/* Select Styles */
select {
	padding: 6px;
	margin: 2px 0;
	box-shadow: 0 3px 0 #999, 0 -1px #fff inset;
/*	border-radius: 3px;*/
	background: #F7F7F7;
	color: #666;
	font-size: 9.75pt;
	border: 1px solid #888;
	outline: none;
	display: inline-block;
	appearance: none;
	cursor: pointer;
	position: relative;
}

.selectFocus {
	border-color: #000;
}

input:focus, select:focus, textarea:focus {
	color: #111;
	background: #FBFBFB;
	border-color: #000;
	outline: 3px solid #89B4F8;
	outline-offset: 0px;
}

textarea {
	height: 90px;
	width: 96%;
	font-family: "Monda";
	font-size: medium;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	select {
		padding-right: 18px;
	}
}

label.pulldown {
	position: relative;
}

label.pulldown:after {
	content: '>>';
	font: 11px "Consolas", monospace;
	color: #aaa;
	transform: rotate(90deg);
	position: absolute;
	right: 8px;
	top: 2px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #ddd;
	pointer-events: none;
}

label.pulldown:before {
	content: '';
	position: absolute;
	right: 6px;
	top: 0;
	width: 20px;
	height: 20px;
	background: #f8f8f8;
	pointer-events: none;
	display: block;
}