/* CONTAINS STYLES PRIMARILY FOR THE CONTACT-US AND CONFIRMATION IFRAME PAGES.
 * GENERIC FORM ELEMENT STYLES ARE IN GLOBAL.CSS */

body {
    background-color: #E7E7E8;
}

.modal.contact-us,
.modal.contact-us-confirmation {
    display: block;
}

.modal.contact-us #form-intro {
    width: 88%;
}

.modal.contact-us-confirmation #form-intro {
    margin-bottom: 27px;
    width: 100%;
}

#contact-us-form-wrapper {
    margin-top: -1px;
    padding: 0 8px;
    margin-bottom: 12px;
}

form#stay-connected .form-element,
#contact-us-form-wrapper .form-element {
    float: left;
}

.m form#stay-connected .form-element,
.m #contact-us-form-wrapper .form-element {
    float: none;
}

#contact-us-form-wrapper .form-element.message {
    height: 142px;
    margin-top: 4px;
}
form#stay-connected .form-element.opt_in,
#contact-us-form-wrapper .form-element.event_name,
#contact-us-form-wrapper .form-element.interest,
#contact-us-form-wrapper .form-element.opt_in,
#contact-us-form-wrapper .form-element.age,
#contact-us-form-wrapper #submit_button_styled {
    clear: both;
}

form#stay-connected .form-element.opt_in,
#contact-us-form-wrapper .form-element.opt_in,
#contact-us-form-wrapper .form-element.age {
    height: 45px;
    position: relative;
    width: 100%;
}

#contact-us-form-wrapper .form-element.opt_in,
form#stay-connected .form-element.opt_in {
    height: auto;
}

.d #contact-us-form-wrapper .form-element.phone,
.t #contact-us-form-wrapper .form-element.phone {
    margin-right: 130px;
}

#contact-us-form-wrapper .form-element.age {
    height: 28px;
    margin-bottom: 10px;
}

#contact-us-form-wrapper .form-element.submit_button {
    display: none;
}

#contact-us-form-wrapper #submit_button_styled {
    height: 35px;
    text-align: right;
}

form#stay-connected .form-element.opt_in dt,
#contact-us-form-wrapper .form-element.age dt,
#contact-us-form-wrapper .form-element.opt_in dt {
    margin-left: 28px;
    margin-bottom: 0;
}

form#stay-connected .form-element.opt_in dd,
#contact-us-form-wrapper .form-element.age dd,
#contact-us-form-wrapper .form-element.opt_in dd {
    left: 0;
    position: absolute;
    top: 0;
}

form#stay-connected .form-element.opt_in label,
#contact-us-form-wrapper #opt_in-label label,
#contact-us-form-wrapper #age-label label {
    font-weight: normal;
}

.webkit #contact-us-form-wrapper #message + label.error {
    position: relative;
    top: -4px;
}

.m #contact-us-form-wrapper textarea {
    width: 100%;
}

#contact-us-form-wrapper #state-element .custom-dropdown-wrapper,
#contact-us-form-wrapper #state-element .custom-dropdown {
    width: 188px;
}

#contact-us-form-wrapper #state-element .custom-dropdown-text {
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

#contact-us-form-wrapper #status-element .custom-dropdown-text {
    width: 206px !important;
}

#contact-us-form-wrapper #event_location-element .custom-dropdown-option-list-container {
    height: 120px !important;
}

#contact-us-form-wrapper #interest-element .custom-dropdown-option-list-container {
    height: 120px !important;
}

#contact-us-form-wrapper #status-element .custom-dropdown-option-list-container {
    height: 150px !important;
    width: auto !important;
}

form #birthdate-element .custom-dropdown-wrapper,
form #birthdate-element .custom-dropdown {
    width: 100%;
}

#birthdate-element > * {
    margin-right: 1%;
}

#modal.stay-connected form #birthdate-element .custom-dropdown-wrapper:first-of-type {
    width: 42%;
}
#modal.stay-connected form #birthdate-element > .custom-dropdown-wrapper._ie8-first-child {
    width: 42%;
}

#modal.stay-connected form #birthdate-element .custom-dropdown-wrapper:last-of-type {
    width: 28%;
}
#modal.stay-connected form #birthdate-element > .custom-dropdown-wrapper._ie8-nth-child-2 {
    width: 28%;
}

#birthdate-element #birthdate-year {
    width: 24.6%;
    text-align: center;
    margin-right: 0;
    padding-left: 0;
}

.ipad #birthdate-element #birthdate-year {
    width: 23.6%;
    margin-top: -2px;
}

.m #birthdate-element #birthdate-year {
    width: 22.6%;
    margin-top: -2px;
}
body.ie8 #birthdate-element #birthdate-year {
    width: 23.6%;
}

#birthdate-element .custom-dropdown-wrapper .custom-dropdown .custom-dropdown-text {
    width: auto !important;
}

#birthdate-element .custom-dropdown-wrapper.grey .custom-dropdown-arrow {
    float: right;
    margin-right: 10px;
}

#birthdate-element .custom-dropdown-option-list-container {
    width: 100% !important;
}

#birthdate-element .custom-dropdown-option-list-container .custom-dropdown-option-list {
    width: 100% !important;
}

#birthdate-element .custom-dropdown-option-list-container .custom-dropdown-option-list-scrollbar {
    right: 0;
}

.form-element.interest {
    width: auto;
    height: auto;
}

form .multi-checkbox-item {
    display: inline-block;
    width: 19%;
    cursor: pointer;
}

.m form .multi-checkbox-item {
    width: 49%;
}

form .multi-checkbox-item .custom-checkbox {
    margin-right: 5px;
    position: static;
    vertical-align: middle;
}

form .multi-checkbox-item .multi-checkbox-item-label {
    font-size: 11px;
}

form .multi-checkbox-item .multi-checkbox-item-label .sub-text {
    color: #84888B;
    font-weight: normal;
}

form#stay-connected .form-element.submit_button {
    display: none;
}

#stay-connected-wrapper {
    margin-bottom: 10px;
}

form#stay-connected .custom-text.not-focused {
    color: #84888b;
    font-style: normal;
}

#contact-us-form-wrapper .form-element.interest {
    height: 72px;
} 

button.custom-dropdown-arrow:focus {
   outline: thin dotted #000;
}

.m form select.select-wrapper {
    width: 100%;
}

form select.select-wrapper {
    height: 25px;
    line-height: 25px;
    width: 248px;
    background-color: #fff;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#e1e1e1));
    background: -webkit-linear-gradient(#fff,#e1e1e1);
    background: -moz-linear-gradient(#fff,#e1e1e1);
    background: -ms-linear-gradient(#fff,#e1e1e1);
    background: -o-linear-gradient(#fff,#e1e1e1);
    background: linear-gradient(#fff,#e1e1e1);
    -pie-background: linear-gradient(#fff,#e1e1e1);
    -webkit-appearance: none;
    background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 14px) calc(1em + 0px),calc(100% - 9px) calc(1em + 0px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px,     5px 5px,     1px 1.5em;
    background-repeat: no-repeat;
    color: #707070;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
}

form select.select-wrapper:focus {
    outline: thin dotted #000;
}

body.mozilla form select.select-wrapper {
    font-size: 9px;
}