/* additional styles for earthquake experience survey form */

/* - fields */

label.powermail_label {
	margin: 12pt 0 0 0;
}

.powermail_field .powermail_date {
	margin-left: 0.5em;
	margin-top: 0.5em;
}
.powermail_field textarea {
	width: 100%;
	margin: 0.75em auto auto 0.5em;
}

.powermail_field div.radio, .powermail_field div.checkbox {
	padding-left: 0.5em;
}

form.powermail_form.powermail_form_22 {
	margin: 0 0 20px 0;
}

input.powermail_submit {
	margin-top: 10px;
}

.powermail_fieldwrap_marker_04 {
	/* background: aquamarine; */
	margin: 2em 0 1em 0;
}

/* - titles */

.powermail_field h3 {
	background: #9ed1ec;
	padding: 8px 0;
}

/* the HESSEN.DE-look-alike hover animation */

.powermail_fieldwrap .powermail_submit {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.powermail_fieldwrap {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
	padding-right: 0px;
	font-size: 13px;
}
.powermail_fieldwrap .powermail_field {
	width: 100%;
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	clear: none;
	padding-right: 15px;
	margin-bottom: 0px;
}
.powermail_fieldwrap .powermail_submit {
	float:right;
	display:block;
	margin:20px 0 0 0;
	min-width:150px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	border:1px solid #0362b9;
	background:#0362b9;
	text-shadow:none;
	position:relative;
	overflow:hidden;
	z-index:1;
	width:100%;
	padding:8px 10px;
	font-family:"RalewayWebfontSemiBold",sans-serif;
	font-size:17px;
	letter-spacing:0.02em;
}
.powermail_fieldwrap .powermail_submit:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500%;
	height: 1000%;
	background: #027ad3;
	z-index: -1;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-ms-transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
	-webkit-transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
	transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
	.powermail_fieldwrap .powermail_submit:after {
		-ms-transform:translateY(10%) translateX(20%) translateX(-25px) rotate(-45deg);
		-webkit-transform:translateY(10%) translateX(20%) translateX(-25px) rotate(-45deg);
		transform:translateY(10%) translateX(20%) translateX(-25px) rotate(-45deg);
	};
}
@media (min-width:768px) {
	.powermail_fieldwrap .powermail_submit:after {
		-ms-transform:translateX(calc(20% - 17px)) translateY(10%) rotate(-45deg);
		-webkit-transform:translateX(calc(20% - 17px)) translateY(10%) rotate(-45deg);
		transform:translateX(calc(20% - 17px)) translateY(10%) rotate(-45deg);
	};
}
@media screen and (min-width:768px) and (-ms-high-contrast:active),(min-width:768px) and (-ms-high-contrast:none) {
	.powermail_fieldwrap .powermail_submit:after {
		-ms-transform:translateY(10%) translateX(20%) translateX(-17px) rotate(-45deg);
		-webkit-transform:translateY(10%) translateX(20%) translateX(-17px) rotate(-45deg);
		transform:translateY(10%) translateX(20%) translateX(-17px) rotate(-45deg);
	};
}
.powermail_fieldwrap .powermail_submit:after {
	-webkit-transition:transform 0.3s;
	transition:transform 0.3s;
}
@media (min-width:768px) {
	.powermail_fieldwrap .powermail_submit:hover:after,
	 .powermail_fieldwrap .powermail_submit:active:after,
	 .powermail_fieldwrap .powermail_submit:focus:after {
		-ms-transform:translateY(10%) translateX(-14px) rotate(-45deg);
		-webkit-transform:translateY(10%) translateX(-14px) rotate(-45deg);
		transform:translateY(10%) translateX(-14px) rotate(-45deg);
	};
}
@media (min-width:768px) {
	.powermail_fieldwrap .powermail_submit {
		margin-top:15px;
		width:auto;
		font-size:14px;
		padding:5px 10px;
	};
}
@media (max-width:479px) {
	.powermail_fieldwrap .powermail_submit {
		margin-top:15px;
	};
}

/* horizontally arrange radio buttons used for rating information */

.powermail_rating {
}

.powermail_rating div.radio {
	margin-top: 10px;
	float: left;
}

/* */