new file 100644
.supporter-form label {
display: inline-block;
width: 200px;
text-align: right;
}
.dinner-form label {
.supporter-form-inputs {
float: left;
.dinner-form-inputs {
.supporter-form-submit {
padding-left: 20em;
padding-top: 40px;
float: center;
.dinner-form-submit {
.supporter-form div {
margin-top: 1em;
.dinner-form div {
.form-error {
display: none;
margin-left: 10px;
color: green;
.form-error-show {
color: red;
font-size: 75%;
input.invalid, textarea.invalid {
border: 2px solid red;
input.valid, textarea.valid {
border: 2px solid green;
.supporter-type-selector {
font-size: 125%;
text-align: center;
width: 80%;
align: left;
.supporter-type-selection {
clear: both;
padding-bottom: 60px;
h1.appeal {
margin-top: -.75em;
img.appeal-left {
padding-right: 1em;
margin: .25em;
min-width: 8%;
max-width: 30%;
height: auto;
img.appeal-right {
float: right;
padding-left: 1em;
width: auto;
img.appeal {
min-width: 10%;
max-width: 85%;
img.appeal-header {
max-width: 100%;
margin-top: 0em;
img.appeal-footer {
max-width: 40%;
width: 10%;
min-width: 1%;
img.appeal-match {
border: 1px solid #fff;
margin-top: .25em;
margin-bottom: .25em;
margin-right: 1em;
background: #eee;
p.appeal-match-text {
width: 100%;