﻿.form
{
}

.four-columns
{
    width: 520px !important;
}
.four-columns td
{
    width: 25%;
    margin: 0;
    vertical-align: top;
}
.four-columns tr td input[type=checkbox]
{
    display: inline-block;
    width: auto;
    margin: 2px 2px 5px 0 !important;
    float: left;
}
.four-columns tr td label
{
    display: block;
    width: auto;
    margin: 2px 2px 0 0 !important;
    padding: 0 !important;
}
.two-columns
{
    width: 360px !important;
}
.two-columns td
{
    width: 50%;
    margin: 0;
    vertical-align: top;
}
.two-columns tr td input[type=checkbox]
{
    display: inline-block;
    width: auto;
    margin: 2px 5px 5px 0 !important;
    float: left;
}
.two-columns tr td label
{
    display: block;
    width: auto;
    margin: 3px 2px 0 0 !important;
}
.three-columns
{
    width: 520px !important;
}
.three-columns td
{
    width: 33%;
    margin: 0;
    vertical-align: top;
}
.four-columns td
{
    width: 25%;
    margin: 0;
    vertical-align: top;
}
.three-columns tr td input[type=checkbox], .four-columns tr td input[type=checkbox]
{
    display: inline-block;
    width: auto;
    margin: 2px 5px 5px 0 !important;
    float: left;
}
.three-columns tr td label, .four-columns tr td label
{
    display: block;
    width: auto;
    margin: 3px 2px 0 0 !important;
}

.form .error
{
    margin: 10px;
    padding: 5px 15px 5px 15px;
    display: block;
    color: #555;
    border: dotted 1px #cc0000;
    background-color: #fff2f2;
    font-size: 11px !important;
}
.form .section-cont
{
    position: relative;
}
.form hr
{
}
.form .section-cont h5
{
    font-weight: bold;
    line-height: 30px;
    border-bottom: solid 1px #ccc;
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-weight: normal;
}
.form .err, .form .req
{
    color: #dd0000;
    font-size: 13px;
    font-weight: 400 !important;
}
.form .left, .form .left label
{
    text-align: left;
    font-weight: normal;
}
.form input[type=text], .form input[type=password] {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 275px;
    margin: 0;
    border: none;
    background-color: #ededed;
}
.form select.title-other
{
    width: 80px;
}
.form input[type=text].title-other
{
    width: 166px;
}
.form input[type=text].phone-a
{
    width: 30px;
}
.form input[type=text].phone-n
{
    width: 275px;
}
.form textarea {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 275px;
    margin: 0;
    border: none;
    background-color: #ededed;
}
.form select
{
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 295px;
    margin: 0;
    border: none;
    background-color: #f4f4f4;
}

.form input[type=text]:disabled, .form input[type=password]:disabled, .form textarea:disabled, .form select:disabled,
.form input[type=text]:read-only
{
    background-color: #dadada;
}
.form .next
{
    margin: 6px 0;
    float:right;
    margin-right:20px;
    
}
.form .prev
{
    margin: 6px 0;
    float: left;
}
.form fieldset
{
    margin: 10px 0 0 0;
    padding: 0;
    display: block;
    border: none;
}
.form fieldset div.legend
{
    text-align: left;
    color: #fff;
    font-weight: normal !important;
    color: #484848 !important;
    margin: 0.25em 0;
    padding: 20px 10px;
    background-color: #f7f6f6;
    display: block;
    font-size: 30px;
    line-height: 40px;
    vertical-align: middle;
}
.form fieldset div.legend.quieter
{
    font-size: 20px;
    line-height: 17px;
}
.form fieldset div.legend.contact
{
    background: url('../images/forms/reg-contact.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.form fieldset div.legend.socialC {
    background: url('../images/forms/reg-social.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}

.form fieldset div.legend.profile {
    background: url('../images/forms/reg-profile.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.form fieldset div.legend.profileWithSub
{
    background: url('../images/forms/reg-profile.png') no-repeat 10px 17px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.form fieldset div.legend.zone
{
    background: url('../images/forms/reg-zone.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.form fieldset div.legend.privacy
{
    background: url('../images/forms/reg-privacy.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.form fieldset div.legend.creditCard
{
    background: url('../images/forms/reg-credit-card.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 100px;
}
.form fieldset div.legend.flight
{
    background: url('../images/forms/reg-flight.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.form fieldset div.legend.upload
{
    background: url('../images/forms/upload.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.form fieldset ol.reset
{
    margin-left: 0;
    padding: 0.5em 1.8em 1.5em;
}
.form fieldset ol.reset li
{
     list-style-type: decimal;
     display: list-item;
     padding: 0;
     margin: 0;
     font-size: 13px;
     line-height: 1.45;
    
}
.form fieldset ol
{
    margin: 0 !important;
    padding: 1px;
    background-color: #fff;
}
.form fieldset ol li
{
    display: block;
    padding: 3px 5px;
    margin: 1px 0;
    background-color: #fff;
}
.form fieldset ol li label
{
    display: inline-block;
    width: 293px;
    text-align: right;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 15px;
    padding: 0 7px 0 0;
    margin: 0;
    
}
.form fieldset ol li span
{
    color: #444;
    font-size: 14px;
}
.form fieldset ol li a
{
    color: #ea202d;
}
.form fieldset ol li fieldset
{
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    background: none;
    height: 100%;
    width: 100%;
}
.form fieldset ol li fieldset legend
{
    display: inline-block;
    float: left;
    text-align: right;
    width: 293px !important;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 15px;
    white-space: normal !important;
    background: none;
    color: #000 !important;
    font-weight: normal !important;
    padding: 2px 7px 2px 0 !important;
    margin: 2px 4px 0 0 !important;
}
.form fieldset ol li fieldset label
{
    display: inline;
    width: auto;
    font-weight: normal;
    text-align: left;
}
.form fieldset ol li fieldset span
{
    display: block;
    width: auto;
    margin-left: 304px;
     
}
.form fieldset ol li fieldset table th span
{
    font-size: 16px !important; color: #000
}

.form fieldset ol li fieldset span ul
{
    padding: 0; margin: 0.5em 0;
}
.form fieldset ol li fieldset span ul li
{
    list-style-type: circle;
    padding: 0; margin: 0.25em 0;
}
.form fieldset ol li fieldset span.err
{
    margin: 0 !important;
}
.form fieldset ol li fieldset table
{
    width: auto;
    margin-left: 310px;
}
.form em
{
    font-family: Verdana;
    color: #ff0000;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    width: 12px;
    display: inline-block;
}
.form fieldset ol abbr, .form fieldset ol abbr span
{
    display: block;
    font-size: 12px !important;
    font-weight: normal ;
    color: #555;
    margin: 0 !important;
}
.form fieldset ol abbr a
{
    color: #555;
}
.form fieldset div.legend abbr
{
    font-weight: normal;
    font-size: 14px;
    line-height: 13px;
    display:block;
}

.form .error
{
}

.form .validation{
    display:table-cell;
    vertical-align:middle;
    padding:10px 5px;
}

.secondary select.title-other
{
    width: 80px;
}
.secondary input[type=text].title-other
{
    width: 166px;
}
.secondary input[type=text].phone-a
{
    width: 30px;
}
.secondary input[type=text].phone-n
{
    width: 140px;
}
.secondary input[type=text], .secondary input[type=password], .secondary textarea
{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 250px;
    margin: 0;
    border: none;
    background-color: #f4f4f4;
}

.secondary select
{
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 262px;
    margin: 0;
    border: none;
    background-color: #f4f4f4;
}

.secondary textarea
{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 250px;
    margin: 0;
    border: none;
    background-color: #f4f4f4;
}

.secondary fieldset ol li span.err, .secondary fieldset ol li span.req
{
    font-size: 12px !important;
    color: #ff0000 !important;
    margin-left: 0.5em;
}
.secondary fieldset ol abbr  
{
    color: #787878;
    font-size: 12px;
}
.secondary fieldset div.legend abbr
{
    color: #787878;
    font-size: 12px;
    text-transform: lowercase;
}
.secondary fieldset ol li fieldset table
{
    width: auto;
    margin-left: 32%;
}
.secondary fieldset div.legend
{
    color: #fff;
    font-size: 30px;
    font-weight: normal !important;
    margin: 0 0 0 0;
    padding: 20px 10px;
    background-color: #f7f6f6;
    line-height: 40px;
    display: block !important;
}

.secondary fieldset div.legend.socialC {
    /*background: url('/images/forms/reg-social.png') no-repeat 10px 10px;*/
    background:url('../images/forms/reg-social.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.secondary fieldset div.legend.contact {
    background: url('../images/forms/reg-contact.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.secondary fieldset div.legend.profile
{
    background: url('../images/forms/reg-profile.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.secondary fieldset div.legend.zone
{
    background: url('../images/forms/reg-zone.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.secondary fieldset div.legend.privacy
{
    background: url('../images/forms/reg-privacy.png') no-repeat 10px 10px;
    background-color: #f7f6f6;
    padding: 20px 10px 25px 75px;
}
.secondary fieldset ol li fieldset legend
{
    display: inline;
    width: 35% !important;
    text-align: left;
    color: #222;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    padding: 0 !important;
    margin: 0 2% 0 0 !important;
}
.secondary fieldset ol li
{
    display: block;
    padding: 0.5em 1em;
    margin: 0;
    background-color: transparent;
    border: none;
    vertical-align: middle;
}
.secondary fieldset ol li label:first-child
{
    display: inline-block;
    width: 35%;
    text-align: right;
    color: #222;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    padding: 0;
    margin: 0 2% 0 0;
}
.secondary fieldset ol li label
{
    color: #787878;
    font-size: 14px;
}
.secondary fieldset ol
{
    margin: 0 !important;
    border: none;
    padding: 0px;
    background-color: transparent;
    border: none;
    background-color: #fff;
}

.secondary fieldset ol li fieldset span
{
    margin-left: 35%;
    font-weight: 600;
    padding: 0.25em 0;
}


.secondary .two-columns, .secondary .three-columns, .secondary .four-columns
{
    width: 60% !important;
    overflow: hidden;
}

.lhb-termsList {
    list-style-type: disc;
    margin: 0 0 1em;
}

.lhb-termsList li {
    display: list-item !important;
}

.lhb-acceptTerms {
    padding-top: 5px;
    padding-bottom: 25px;
}

.idPassportUploadSection .travel-assocation-select {
    padding-bottom: 10px !important;
}

.idPassportUploadSection .centerCell {
    text-align: left;
}

.watermarkText {
    color: #949393 !important;
}

.checkboxGroupLayout {
    display: inline-block;
}

.checkboxGroupLayout label {
    display: inline !important;
    width: auto !important;
    font-weight: normal !important;
    text-align: left !important;
}

.pax-table td { vertical-align: middle; }
.pax-table td:first-child, .pax-table td:first-child span, .pax-table td:last-child span:first-child { font-weight: 400; padding-right: 10px; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; color: #000 !important; }
.pax-table td:first-child span, .pax-table td:last-child span:first-child { margin-left: 0 !important; display: inline-block !important; padding-right: 10px; }
.pax-table td:last-child span:last-child { margin-left: 0 !important }
.pax-table input[type=text], .pax-table select { display: inline-block; width: 205px;  }
.pax-table input[type=text] { width: 50px !important; }

.social-container {
    display: inline;
}

.social-item {
    display: table-row;
}

.social-spacer {
    padding: 3px;
}

.social-item .social-field {
    display: table-cell;
    background-color: #efefef;
    font-size: 13px;
    padding: 0px 6px;
    border: 1px solid #eee;
    color: #888;
    text-align: right;
    width: 170px;
    vertical-align: middle;
}

.social-item .social-value {
    display: table-cell;
}

    .social-item .social-value input {
        margin: 0;
        width: 91px;
    }

.hyper img {
    /*height: 247px;*/
    width: 210px;
}

@media screen and (max-width:570px){
    .form .validation{
        display:block;
        padding:3px 0px 0px 0px;
    }
}

.form fieldset ol li fieldset span ul.reset
{
    margin-left: 0;
    padding: 0.5em 1.8em 1.5em;
}
.form fieldset ol li fieldset span ul.reset li
{
     list-style-type: disc;
     display: list-item;
     padding: 0;
     margin: 0;
     font-size: 13px;
     line-height: 1.45;
    
}


.rsvpButton {
    color: #000 !important;
    margin: 0;
    padding: 7px 14px;
    background: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
    border: 1px solid #ccc;
    font-family: "Opens Sans", Arial, Helvetica, Sans-Serif !important;
    font-size: 12px;
    font-weight: 400;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    -o-transition: background-color 0.3s linear;
    -webkit-transition: background-color 0.3s linear;
    font-style: normal;
}

    .rsvpButton:hover {
        background: #fcfcfc;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.1)));
        background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
        text-decoration: none;
        color: #000 !important;
    }

.privacyButton {
    background: #ea202d;
    color: white !important;
    margin: 6px 20px 6px 0;
    padding: 10px 80px;
    float: right;
}

    .privacyButton:hover {
        color: white !important;
    }