/**
 * Name: Form
 * Description: Defines base style for form elements
========================================================================== */

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

input,
select,
textarea {
	vertical-align: top;
	display: inline-block;
	color: #555;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 5px;
}
input:focus,
select:focus,
input:active,
select:active,
textarea:active {
	border-color: #1e7bed;
}

input[type="radio"],
input[type="checkbox"] {
	vertical-align: middle;
}

input[readonly] {
	border: 0;
	cursor: not-allowed;
}

textarea.formsTextArea {
	width: 100%;
	min-height: 3rem;
}