div.content-box, div.faq
{
    max-width: 80%;
    width:600px;
    margin:15px auto 15px auto;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 8px;
    border:1px solid #000;
    border-radius: 15px;
    height:auto;
    transition:height 1s ease-out;
}

a
{
    color:#244061;
    text-decoration: none;
    transition:color 0.3s ease;
}
a:hover
{
    color:#74adf8;
}

div.faq
{
    padding:0;
}

div.faq a.faq
{
    display: block;
    color:#244061;
    text-decoration: none;
    text-align: center;
    transition:color 0.3s ease;
    padding: 8px;
}
div.faq a:hover
{
    color:#74adf8;
}

table
{
    width:100%;
}
table tr td
{
    width:auto;
}

b
{
    margin-top:24px;
    display:block;
    text-align: center;
}

body
{
    font-size:3ex;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FCC;
}

input, button
{
    height:50px;
    border-radius:0;
    border:1px solid #faa;
    font-size:18pt;
    padding:6px 10px;
    margin:2px;
    color:#000;
    background-color: #fee;
}

tr.attendee td button
{
    background:none;
    border:none;
}
tr.attendee td button.rsvp_true
{
    background:url(img/check.png) no-repeat;
    background-size: cover;
}
tr.attendee td button.rsvp_false
{
    background:url(img/remove.png) no-repeat;
    background-size: cover;
}


button, input.button
{
    width:50px;
    overflow:hidden;
}

tfoot tr td button
{
    width:100%;
    margin:0;
}

input.button, button.submit
{
    width:auto;
    width:100%;
}

input.text
{
    width: 100%;
    margin-left:-23px;
}

p
{
    margin:0;
}

div.family-select table tbody tr td:first-child
{
    padding-right:40px;
}

tr.attendee td.attendee
{
    transition:background-color 0.4s ease-out;
    border-radius: 20px;
}

tr.attendee td
{
    border:0;
    padding:0;
    text-align: center;
}

tr.attendee[rsvp="true"] td.attendee
{
    background-color: rgba(155, 228, 107, 0.5);
    box-shadow:inset 0 0 10px 2px rgb(155, 228, 107);
}

tr.attendee[rsvp="false"] td.attendee
{
    background-color:rgba(240, 131, 69, 0.5);
    box-shadow:inset 0 0 10px 2px rgb(240, 131, 69);
}

button.rsvp_false
{
    background-color:rgb(197, 81, 60);
}

button.rsvp_true
{
    background-color: rgb(120, 224, 125);
}