@media only screen and (max-width:850px) {
div.moon {display: none !important;}
div.moon img {display: none !important;}
}

@media only screen and (max-width:680px) {
table tr td.theborder {background-size: 0 !important;}
div.content img {width: 100% !important;}
}

* {font-family: Helvetica, Arial, sans-serif; font-size: 16px;color: #3d3d3c; text-align: left;}
body { background-color: #6e517a; margin: 0;padding:0; background:url("../images/champagne_dinner_background.jpg") center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-position: center;}
h1, h2 {text-align: center;color: #fbf2ec;font-family: Helvetica, Arial, sans-serif;font-size: 18px; line-height:32px;margin: 5px 0; padding: 0;}
h3 { font-size:17px; font-weight:normal; margin: 20px 0;font-family: Helvetica, Arial, sans-serif; text-align: center;color:#fbf2ec;}
h1 {font-size: 32px; color: #6e517a;font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;line-height:36px; margin:25px 0 0 0 ;}
label, p {color: #3d3d3c;}
label {font-family: Helvetica, Arial, sans-serif;display:inline-block; font-size:20px;width:110px; margin: 0;color:#fbf2ec;}
.fieldContent {display:block; margin: 0 auto;}
input, select {display:inline-block;background-color: #fbf2ec;border: medium none;color: #6e517a;padding: 5px; margin: 3px 0;font-size: 14px; font-weight:bold;line-height: 22px; -webkit-border-radius: 2px;border-radius: 2px; font-family: Arial, sans-serif;}
option {background-color: #fbf2ec;color: #6e517a;font-family: Helvetica, Arial, sans-serif; font-size: 14px;}
input[type="text"], input[type="email"] {width: 380px;}
input[type="image"] {font-size: 24px; font-weight:bold; margin: 0 auto; display: block;cursor: pointer; border: 0; padding: 0;}
input[type="submit"] {background-image: url("../images/champagne_button.png");margin: 0 auto; display: block; width: 470px; height: 130px; padding: 0; background-color: transparent; background-repeat: no-repeat; text-align: center;font-family: Helvetica, Arial, sans-serif; font-size: 48px; line-height: 110px; color: #3d3d3c; cursor: pointer;transition: background-image 2s ease;border:0;-webkit-transition: background-image 2s ease;-moz-transition: background-image 2s ease;}
input[type="submit"]:hover {background-image: url("../images/champagne_button_hover.png");transition: background-image 2s ease-out;-webkit-transition: background-image 2s ease-out;-moz-transition: background-image 2s ease-out;}
input[type="submit"]:focus {outline: none;}
small {font-family: Georgia, serif;font-size: 12px;font-style: italic;display:block; width:385px;margin: 3px 0 6px 115px; color:#fbf2ec;}
.mandatory {color:#f0e8b5;}
a { color:#1f5e7f; text-decoration:none; font-weight:normal;}
.ReadMsgBody { width:100%; }
.ExternalClass { width:100%; }
.ExternalClass * { line-height:100%; }
div.content {margin: 0 auto;display: block; min-width: 500px; height: auto;padding: 0;}
img.logo {margin: 0 auto;text-align: center;}

div.content form {display: block; min-width: 500px;padding: 0; margin: 0 auto;}
p {text-align: justify;display: block; min-width: 500px; margin: 0 auto; font-size: 16px;}
p strong {font-size: 20px;}
div.content form fieldset {border: 0;}
div.content form fieldset .field {margin:0 auto; display: block; width: 500px; height: 37px;}
ul {margin: 0 auto 10px auto; padding: 0; display: block; width: 480px;}
.sub>li, .error>li {color: #6e517a;list-style: none;font-size: 13px; font-weight:bold;font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; margin-top: 3px; text-align: right;}
.errorbox {background-color: #6e517a; color: #fbf2ec; font-weight: bold; padding: 10px;}
.errorbox h1 {color:#ea9dba;}

.checkbox-container {display: block; width: 500px; text-align: center; margin: 0 auto;}
.checkbox-container label, .checkbox-container label a {font-size: 18px; color: #fbf2ec;font-family: Helvetica, Arial, sans-serif;}
.checkbox-container label {margin: 0 auto;width: 300px;}
#description {display: block; width: 500px;padding: 10px; margin: 0 auto; text-align: center;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label:before {background: #fbf2ec;color: #000;border: 0;content: "\00a0";display: inline-block;font: 20px sans-serif;line-height: 24px;height: 25px;margin: 0 7px 7px 0;padding:0;vertical-align: middle;width: 25px;}
input[type="checkbox"]:checked + label:before {background: #fbf2ec;color: #6e517a;content: "\2713";text-align: center;font: 20px sans-serif;font-weight: bold;}
input[type="checkbox"]:checked + label:after {font-weight: bold;}

.decoration-left, .decoration-right { position: absolute; z-index: -1; }
.decoration-left:before, .decoration-right:before { content: ""; display: block; position: relative; width: 100%; }
.decoration-right { top: 0; right: 0; width: 25%; max-width: 400px; -webkit-background-size: cover cover; background-size: cover; }
.decoration-right:before { padding-top: 245%; }
.decoration-left { top: 0; left: 0; width: 25%; max-width: 400px; -webkit-background-size: cover cover; background-size: cover; }
.decoration-left:before { padding-top: 245%; }

table tr td {background-repeat: no-repeat;}



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }