/* FORMS */
form { 
	margin: 2em 0;
}
fieldset { 
	border: 0; 
}

input, 
textarea { 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-family: 'Istok Web', Helvetica, Arial, sans-serif;
	font-size: 1em; 
}

input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
textarea { 
	-webkit-appearance: none;
	border: 1px solid #CCCCCC; 
	border-radius: 0; 
	display: inline-block; 
	margin: .3em 0; 
	padding: .5em; 
	vertical-align: middle; 
}
textarea { 
	min-height: 8em; 
}

::-webkit-input-placeholder { color: #707070; }
:-moz-placeholder { color: #707070; opacity: 1; }
::-moz-placeholder { color: #707070; opacity: 1; }
:-ms-input-placeholder { color: #707070; }

select { 
	border: 1px solid #CCCCCC;
	font-size: 1em;
	vertical-align: middle;
	width: 100%; 
}
	select option {
		padding: .5em;
	}



/* submit, button */
input[type="submit"], 
input[type="button"] { 
	-webkit-appearance: none;
	background: #1fb25a;
	border: 0;
	border-radius: 0;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block; 
	font-size: 1.2em;
	margin: .3em 0;
	padding: .3em 1em;
	width: auto; 
	vertical-align: middle;
}
input[type="submit"]:hover, 
input[type="button"]:hover { 
	background-color: #000000; 
}

/* image */
input[type="image"] { 
	background: #555555;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: block; 
	height: 2.4em;
	margin: .3em 0;
	padding: .5em;
	width: auto; 
	vertical-align: middle;
}
input[type="image"]:hover { 
	background-color: #000000; 
	color: #FFFFFF;
}


/* select style (requires wrapper .select-style) */
.select-style {
	border: 1px solid #CCCCCC;
	display: inline-block;
	padding: 0 .2em;
	margin: .3em 0;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}
	.select-style select {
		background: none;
		border: 0;
		display: block;
		padding: 0;
		position: relative;
		width: calc(100% + 3em);
	}
		.select-style select option {
			padding: .5em;
		}
	.select-style:after {
		background: url(images/arrow-select.svg) center/auto 65% no-repeat #000000;
		content: '';
		display: block;
		height: 100%;
		pointer-events: none; 
		position: absolute;
		right: 0;
		top: 0;
		width: 2em;
	}


label {
	display: inline-block; 
	font-size: .8em;
	margin: .3em 0;
	width: 100px;
}
table label { width: auto; }


/* inputs widths (easily indent against labels) */
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
textarea,
select,
.select-style {
	width: calc(100% - 110px); 
}
table input[type="text"], 
table input[type="email"], 
table input[type="search"], 
table input[type="password"], 
table textarea,
table select,
table .select-style {
	width: 100%; 
}