#card-image {
	float: right;
	margin-left: 12px;
}

#card-image img {
	border-radius: 12px;
}

#frm-edc {
	max-width: 650px;
	margin: 0 auto;
}

#frm-edc label {
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 12px;
	text-align: right;
	width: 150px;
}

#frm-edc label.required-label:before,
#frm-edc p.required-label:before {
	color: #c80000;
	content: "* ";
}

#frm-edc input[type=number]::-webkit-inner-spin-button, 
#frm-edc input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

#frm-edc input[type=number],
#frm-edc input[type=text] {
	padding-right: 5px;
	width: 75px;
}

#frm-edc input[type=number].error,
#frm-edc input[type=text].error {
	border-color: #c80000;
}

#frm-edc input[type=number].error:focus,
#frm-edc input[type=text].error:focus {
	box-shadow: #c80000 0 0 5px 0;
}

#frm-edc label.error {
	color: #c80000;
	cursor: default;
	font-weight: normal;
	margin-left: 12px;
	margin-right: 0;
	text-align: left;
	width: auto;
}

#frm-edc p.error {
	color: #c80000;
}

@media only screen and ( max-width: 600px ) {
	h1 {
		line-height: 30px;
	}
	#card-image {
		float: none;
		text-align: center;
		margin: 0 0 18px;
	}
}

@media only screen and ( max-width: 500px ) {
	p.edc-button {
		text-align: center;
	}
	#frm-edc p.edc-button label {
		display: none;
	}
}