@import url('xform.css');

div.xinput > label {
	background : none;
	border : none;
	font-size : 13px;
	font-weight : normal;
	margin : 0px 5px 1px 2px;
}

div.xinput > span {
	border-radius : 3px;
	border : none;
	padding : 0px;
}

div.xinput > span > input[type="text"],
div.xinput > span > textarea,
div.xinput > span > select {
	border : 1px rgba(0,0,0,0.5) solid;
	box-shadow : 0px 0px 2px #201f20;
	height : 40px;
	box-sizing:border-box;
	padding : 5px;
	font-size:15px;
	line-height:1;
	border-radius:5px;
}


div.datafield, div.xinput {
	margin-bottom:15px;
}

form.xform input[type="submit"],
form.xform button {
	background:#9b2330;
	line-height:1;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 10px;
	border:1px rgba(0,0,0,0.5) solid;
	box-shadow:0px 0px 1px rgba(0,0,0,0.5);
	position:relative;
	transition:background-color 0.2s;
	outline:none;
}

form.xform button:hover {
	background-color:#bb3340;
}

form.xform button:active {
	padding:6px 10px 4px;
	box-shadow:0px 0px 1px rgba(0,0,0,0.5), 0px 1px 1px 1px rgba(0,0,0,0.5) inset;
}