input:focus,
textarea:focus,
select:focus {
	border-color: #888;
	outline: none;
}


.f-item {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

form.f-hide,
.f-item.f-hide {
	display: none;
}

.f-item.f-inline {
	clear: none;
	float: left;
}

.f-item.f-no-label .f-label {
	display: none;
}

.f-required-indicator {
	font-weight: bold;
	color: #BA0000;
	padding-left: 4px;
}

.f-text-input .f-label,
.f-map .f-label,
.f-select .f-label {
	padding: 9px 0px;
}

.h-form .f-text-input .f-label,
.h-form .f-map .f-label,
.h-form .f-select .f-label {
	width: 180px;
	float: left;
	text-align: right;
	margin-right: 20px;
}

.v-form .f-text-input .f-label,
.v-form .f-map .f-label,
.v-form .f-select .f-label {
	float: none;
	display: inline-block;
	text-align: left;
	padding: 0px 0px 4px;
}

.f-text-input input,
.f-select select,
.f-text-input textarea {
	background: #FFF;
	width: 280px;
	padding: 5px 10px;
	font-size: 1em;
	border: 1px solid #BBB;
	display: block;
	border-radius: 3px;
}

.f-select select {
	width: 302px;
}

.h-form .f-text-input input,
.h-form .f-select select,
.h-form .f-text-input textarea {
	float: left;
	margin-top: 0px;
}

.f-text-input textarea {
	height: 100px;
}

.f-text-input input:focus,
.f-text-input textarea:focus,
.f-select select:focus {
	border-color: #888;
	outline: none;
}

.f-text-input.f-error input,
.f-text-input.f-error textarea,
.f-select.f-error select {
	border-color: #BA0000;
}

.f-text-input .f-hint-text,
.f-map .f-hint-text {
	float: left;
	padding: 9px 0px;
	margin-left: 20px;
	color: #888;
	font-style: italic;
}

.h-form .f-bool {
	padding-left: 195px;
}

.f-bool .f-label {
	cursor: pointer;
}

.f-bool input {
	position: relative;
	top: 2px;
}

.f-bool input:focus {
	outline: 1px solid #BBB;
}

.f-bool.f-error .f-label {
	color: #BA0000;
}

.f-radio .f-label {
	float: none;
	display: block;
}

.f-radio input {
	float: none;
}

.f-map-box {
	width: 300px;
	height: 200px;
	float: left;
	border: 1px solid #BBB;	
}

.f-message {
	background: #CCC;
	padding: 10px;
	margin-bottom: 20px;
}

.f-message.f-message-error {
	background: #BA0000;
	color: white;
	margin-bottom: 20px;
}

.f-message.f-message-success {
	background: #D8F0A4;
	color: #3E8425;
}

.f-note {
	margin: 20px 0px 10px;
}

.h-form .f-note {
	padding-left: 200px;
}

.h-form .f-submit {
	padding-left: 198px;
}

.f-submit button,
.submit-button {
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-linear-gradient(#5A95F7, #2E6BCD);
	cursor: pointer;
	display: inline-block;
	line-height: 2em;
	padding: 0.4em 1.5em;
	color: white;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #2762C2;
	font-family: "Segoe UI", Arial, Sans-Serif;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
				0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.05s linear all;
}

.f-submit button:hover,
.f-submit button:focus,
.submit-button:hover,
.submit-button:focus {
	background-image: -webkit-linear-gradient(#6DA2FA, #2D6ACA);
	text-decoration: none;
	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2),
				0px 1px 0px rgba(0, 0, 0, 0.1);

	border-color: #2056AF !important;
	border-bottom-color: #184590 !important;
}

.f-submit button:active,
.submit-button:active {
	background-image: -webkit-linear-gradient(#5A95F7, #3B7BDF) !important;
	border-color: #2056AF !important;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2) !important;
}

.f-text-input .f-prepend input,
.f-select .f-prepend select {
	display: inline;
	border-radius: 0px 3px 3px 0px;
}

.f-prepend .f-addon {
	display: inline-block;
	width: auto;
	min-width: 16px;
	padding: 3px 5px 2px;
	font-weight: normal;
	text-align: center;
	background-color: #D8D8D8;
	border: 1px solid #B4B4B4;
	margin-right: -4px;
	border-radius: 3px 0px 0px 3px;
}

.f-alias input {
	width: 197px;
}

.h-form .f-prepend .f-addon {
	float: left;
}