@CHARSET "UTF-8";

 body {
     font-size: 14px;
     font-family: sans-serif;
 }
 
 .container {
 	width: 70%;
 	max-width: 500px;
 	margin: 6em auto;
 }
 
 .errorMessage {
 	padding-top: 20px;
 	font-weight: bold;
 	color: #f48c27;
 }
 
.infoMessage {
 	padding-top: 20px;
 	font-weight: bold;
 	color: #666;
 }
 
fieldset {
	border: 0;
	padding: 0.01px 0 0 0;
	margin: 0;
	min-width: 0;
	display: table-cell;
}

.fieldset-wrapper {
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #eee;
	background-color: #fafafa;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

legend {
	padding-left: 40px;
	font-weight: bold;
	line-height: 40px;
	color: #777;
	display: table;
	background: url(../images/fussball.png) 0% 0% no-repeat;
}

.field-text {
	max-width: 20em;
}

.field-text label {
	cursor: pointer;
}
.field-text label,
.field-text input {
	width: 100%;
 	box-sizing: border-box;
}

.field-text input {
	padding: .375em .3125em .3125em;
	border: 1px solid #ccc;
	border-radius: .25em;
	-webkit-appearance: none;
}

#submitButton,
#cancelButton {
	padding: 3px;
	cursor: pointer;
	margin-top: 1em;
	margin-right: 1em;
}

.field-text input:focus {
	box-shadow: 0 0 .5em rgba(93, 162, 248, 0.5);
	border-color: #5da2f8;
	outline: 0;
}


@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}


@media (max-width: 30em) {
	.container {
		width: 90%;
	}
}