/**
 * @site Djoser Reizen - booking form
 * @revision $Revision: 1.1.2.1 $
 *
 * @styleguide:
 *  colors {
 *   white:    #fff;
 *   black:    #000;
 *   darkgrey: #494949;
 *   red:      #d05537;
 *  }
 *  fonts {
 *   headers:    DTL VanDerKeere;
 *   navigation: Frutiger;
 *   text:       Arial, Helvetica, sans-serif;
 *  }
 */

html, body { min-height: 0; }

h2 { color: #414141; text-transform: uppercase; }

#content { min-height: 668px; padding: 50px 320px 1em 70px; background: none; }
#aside { position: absolute; top: 73px; right: 40px; width: 241px; min-height: 700px; padding: 140px 10px 0 10px; border-left: 6px solid #e0ddd1; background-color: #fdf4e5; }
#element { position: absolute; top: 70px; right: 128px; width: 210px; height: 108px; background: transparent url(/assets/djoserthema_2010/images/default/booking/hiking_element.png) no-repeat right top; }

#globalnav-zone2 { left: -140px; width: 870px; }

#breadcrumbs { display: none; }

#formcontainer { }
#formoverlay { display: none; position: absolute; top: 190px; left: 90px; width: 560px; border: 2px solid #e0ddd1; padding: 10px; background-color: #fbf5e1; }
    #formoverlay fieldset.customer .fieldset .legend { background-color: #fbf5e1; }

.bookingform { border: 0; width: auto; height: auto; background: none transparent; }

    .bookingform fieldset { border: 0; border-top: 1px dotted #494949; margin: .5em 0 0 0; padding: 1em 0 0 0; }
        .bookingform fieldset legend { padding: .5em 0; color: #494949; background-color: transparent; }
        .bookingform fieldset .legend { margin: .3em 0 1em 0; font-weight: bold; }

        .bookingform fieldset .element { width: 30%; float: left; margin-right: 1em; overflow: hidden; }
        .bookingform fieldset .element.inline { width: auto; float: none; display: block; }
        .bookingform fieldset .element.block { width: auto; float: none; display: block; }

        .bookingform fieldset .fieldset { overflow: hidden; padding: 0 .5em; }

        .bookingform fieldset.trip-data .fieldset .group { overflow: visible; }

        #frm_Arrangement fieldset .fieldset .element { width: auto; }
        #frm_Arrangement fieldset .fieldset .static { width: 100%; }

        .bookingform fieldset.personalia { border-top:0; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
            .bookingform fieldset.personalia .fieldset { margin-top: .2em; background-color: #f1ead0; }
                .bookingform fieldset.personalia .fieldset .element { width: auto; }
                .bookingform fieldset.personalia .group .label label { font-weight: normal; }
                .bookingform fieldset.personalia .element.inline { float: left; display: inline-block; }

        .bookingform fieldset.customer { }
            .bookingform fieldset.customer .fieldset { padding: 0; background-color: #e6dfc5; }
                .bookingform fieldset.customer .fieldset .legend { margin: 0; padding-left: 10px; background: url(/assets/djoserthema_2010/images/default/booking/tab_left.png) left top no-repeat #fbf1df; }
                    .bookingform fieldset.customer .fieldset .legend span { display: inline-block; height: 100%; padding: .3em 10px .3em 0; background: url(/assets/djoserthema_2010/images/default/booking/tab_right.png) right top no-repeat; }
                .bookingform fieldset.customer .fieldset .element { margin-right: 0; padding: 1em .5em .3em .5em; }


            #frm_BookingOptions fieldset.personalia { margin-top: 0; padding-top: 0; }
            #frm_BookingOptions fieldset.personalia .fieldset { margin-top: 0; background-color: transparent; }

        #frm_BookingOptions fieldset.customer { padding-top: 1em; border-top: 1px dotted #494949; }
            #frm_BookingOptions fieldset.customer .fieldset { background-color: transparent; }
                #frm_BookingOptions fieldset .fieldset .legend { padding-left: 0; background: none; display: none; }
                    #frm_BookingOptions fieldset.customer .fieldset .legend span { padding: 0; background: none; }
                #frm_BookingOptions fieldset.customer .fieldset .element { padding: 0 .5em 0 .5em; }


        .bookingform fieldset.participant-data { border-top: 0; margin: 0; padding: 0; background-color: #f1ead0; }
            .bookingform fieldset.participant-data .fieldset { }
                .bookingform fieldset.participant-data .fieldset .element { width: auto; }

        .bookingform fieldset.insurance_extensions { padding: 0; border: 0; }

        .bookingform fieldset.credentials { }
            .bookingform fieldset.credentials .element { width: auto; float: none; margin-right: 0; }
            .bookingform fieldset.credentials .element .label { width: 30%; float: left; margin-right: 2em; }
            .bookingform fieldset.credentials .element .input { width: 60%; float: left; }
                .bookingform fieldset.credentials .element .input input { width: 70%; }
            .bookingform fieldset.credentials .forgot-password .input { width: 77%; text-align: right; }
            .bookingform fieldset.credentials .djoser-account-description .input { width: 100%; }

        .bookingform fieldset.column { border-top: 0; margin-top: 0; padding-top: 0; width: 49%; }
            .bookingform fieldset.column .element { width: auto; float: none; margin-right: 0; }
            .bookingform fieldset.column .element .label { width: 38%; float: left; margin-right: 2em; }
            .bookingform fieldset.column .element .input { width: 53%; float: left; }
                .bookingform fieldset.column .element .input input { width: 70%; }
        .bookingform fieldset.leftcolumn { float: left; border-right: 1px dotted #494949; }
        .bookingform fieldset.rightcolumn { float: left; border-left: 1px dotted #494949; margin-left: -1px; }

        .bookingform fieldset.preferences .label { padding-left: 15px; background-position: left center; background-repeat: no-repeat; }
        .bookingform fieldset.expanded .label { background-image: url(/assets/djoserthema_2010/images/default/booking/i_expanded.gif); }
        .bookingform fieldset.collapsed .label { background-image: url(/assets/djoserthema_2010/images/default/booking/i_collapsed.gif); }

    .bookingform .element.static.passport { padding-top:0.5em; margin:0; border-top:1px dotted #494949; }

    .bookingform .element { margin-bottom: 1em; }
        .bookingform .element .label { margin-bottom: .3em; }
            .bookingform .element .label label { }
        .bookingform .element .input { }
            .bookingform .element .input input, .bookingform .element .input textarea, .bookingform .element .input select { max-width: 100%; border-color: #9c9b8f; padding: 1px 2px; }
            .bookingform .element .input select { padding: 0; }
        .bookingform .info .label { float: left; }
        .bookingform .info .input { clear: both; }
        .bookingform .extra-info { font-weight: bold; margin-left: .5em; cursor: pointer; }
        .bookingform .extra-insurranceinfo { font-weight: bold; margin-left: .5em; width:100%;}
        .bookingform .extra-insurranceinfo a { font-size:0.9em; }
        .visum { float: left; clear: both; width: 100%; }
        .visum .input { float: left; }
        .visum .extra-info { float: left; }

        .bookingform .element .input input[size='2'] { width: 20px; }
        .bookingform .element .input input[size='4'] { width: 30px; }
        .bookingform .element .input input[size='6'] { width: 45px; }

    .bookingform .travel_insurance .element { width: 100%; }
    .bookingform .travel_insurance .element .label label { font-weight: bold; }
    .bookingform .cancellation_insurance .element .label label { font-weight: bold; }

    .bookingform .element #frmcancellation_insurance_extra_date_birth_day,
    .bookingform .element #frmcancellation_insurance_extra_date_birth_month,
    .bookingform .element #frmcancellation_insurance_extra_date_birth_year { float: left; display: inline-block; margin-right: .5em; }

    .bookingform fieldset.cancellation_insurance .group .input div { clear: both; }

    .bookingform .group { }
        .bookingform .group .label { }
            .bookingform .group .label label { font-weight: bold; white-space: nowrap; }
        .bookingform .group .input { }

    .bookingform fieldset .columns { width: auto; float: none; margin-top: 2em; margin-bottom: 0; padding-bottom: 0; }
        .bookingform fieldset .columns .input { }
            .bookingform fieldset .columns .input div { float: left; width: 50%; }

    .bookingform .inline { }
        .bookingform .inline .input div { float: left; margin-right: .5em; }

    .bookingform .submit { border: 1px dotted #494949; border-width: 1px 0; padding: .1em 0; overflow: hidden; }
        .bookingform .submit .input { float: right; }
        .bookingform .submit .backbutton { float:left; padding-top: 4px; }
            .bookingform .submit .backbutton a { cursor:pointer; font-weight:bold; border: 0; padding: .4em 1em; float: none; min-width: 84px; font-size: 1em; color: white; background-color: #886f2e; }
            .bookingform .submit .backbutton input { cursor:pointer; font-weight:bold; border: 0; margin-top: -4px; padding: .3em 1em; float: none; min-width: 84px; font-size: 1em; color: white; background-color: #886f2e; }
            .bookingform .submit .input input { border: 0; padding: .3em 1em; float: none; min-width: 84px; font-size: 1em; color: white; background-color: #886f2e; }
        .bookingform .submit .printbutton { float: right; margin-right: .5em; padding-top: 4px; }
            .bookingform .submit .printbutton a { cursor: pointer; font-weight:bold; border: 0; padding: .4em 1em; float: none; min-width: 84px; font-size: 1em; color: white; background-color: #886f2e; }

    .bookingform fieldset.discount .element { width: 100%; }
    .bookingform fieldset.discount .input { float: left; }
    .bookingform fieldset.discount .button { float: left; padding-top: 1px; border: 0; }
        .bookingform fieldset.discount .button a { font-size: .9em; color: black; margin: 0 0 0 1em; padding: .2em 1em; border: 0; text-decoration: none; background-color: #e0ddd1; cursor: pointer; }
    .bookingform fieldset.discount .options { float: left; clear: both; margin-top: .5em; }

#bookingform-steps { margin: 38px 0 0 0; padding: 0; list-style-type: none; }
    #bookingform-steps li { margin-bottom: 1em; }
        #bookingform-steps li h3 { border-bottom: 1px dotted #494949; padding-bottom: .5em; font-weight: bold; color: #414141; text-transform: uppercase; background: url(/assets/djoserthema_2010/images/default/booking/checkbox_unchecked.png) right center no-repeat; cursor: default; }
        #bookingform-steps li.active h3 { color: #414141; }
        #bookingform-steps li.completed h3 { color: #414141; background-image: url(/assets/djoserthema_2010/images/default/booking/checkbox_checked.png); }

    #bookingform-steps .details { margin: 0; padding: 0; overflow: hidden; }
        #bookingform-steps .details dl { margin: 0; padding: 0; }
        #bookingform-steps .details dt { clear: both; float: left; width: 45%; margin: 0; padding: 0 0 .3em 0; font-weight: bold; }
        #bookingform-steps .details dd { float: right; width: 50%; margin: 0 0 0 3%; padding: 0 0 .3em 0; }

        #bookingform-steps .details .participant { margin-top: 1em; padding-top: .5em; border-top: 1px dotted #e0ddd1; }

input.stepform-submit { text-transform: uppercase; font-weight: bold; color: #494949; margin-left: -2px; padding: 0; border: 0; background-color: transparent; overflow: visible; }
    input.stepform-submit:hover { color: #d05537; cursor: pointer; }
a.stepform-link { text-transform: uppercase; font-weight: bold; color: #494949; padding: 0; border: 0; }
    a.stepform-link:hover { color: #d05537; cursor: pointer; }

.stepform-header { margin: -1.5em 0 0 0; }

#stepslider { position: absolute; left: -20px; top: 172px; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; background-color: #494949; opacity: .5; filter: alpha(opacity=50); }

.ui-dialog { position: relative; padding: .2em; width: 300px; border: 5px solid #f1ead0; background-color: #e6dfc5; }
.iframe-popup { top: 2em !important; left: 1em !important; width: 900px !important; }
.ui-dialog .ui-dialog-titlebar { }
#ui-dialog-title-dialog { visibility: hidden; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; top: 0; right: 0; width: 15px; height: 15px; background: url(/assets/djoserthema_2010/images/default/2009/default/close.gif) center center no-repeat; }
    .ui-dialog .ui-dialog-titlebar-close span { visibility: hidden; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size: 1.1em; text-align: center; }
    .ui-dialog .ui-dialog-content label { margin-right: 1em; font-weight: bold; }


/* datepicker css style */
#ui-datepicker-div { display: none; background-color:white; border:1px solid black; width:150px;}
    #ui-datepicker-div table { width:100%; }
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next { float:right; }
#ui-datepicker-div a { color:black; border:0; }

#ui-datepicker-div .ui-datepicker-header a {  color:black; border:0; cursor:pointer; text-decoration:underline;}
#ui-datepicker-div .ui-datepicker-header a:hover {  color: #494949; border: 0; }

.ui-datepicker .ui-datepicker-title {line-height:1.8em;
margin:0 2.3em;
text-align:center; }
.ui-datepicker .ui-datepicker-header { padding:0.2em 0;
position:relative;}

.ui-datepicker .ui-datepicker-prev { left:2px; }

.ui-datepicker .ui-datepicker-next { right:25px; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height:1.8em;
position:absolute;
top:2px;
width:1.8em;
}


img.ui-datepicker-trigger { clear:both; display:block; float:right; margin-right:20px; text-align:left; }


.loading { display: block; margin-bottom: 2em; width: 24px; height: 24px; margin: 0 auto; }

input.err { background-color: #fbf5e1; }

.bookinginfo { float: left; clear: both; margin: 0; padding: 0; width: 100%; }
    .bookinginfo dt { float: left; clear: both; font-weight: bold; margin: 0; padding: 0; width: 30%; }
    .bookinginfo dd { float: left; margin: 0; padding: 0; width: 70%; }

.payment-details { clear: both; margin: 2em 0; width: 70%; }
    .payment-details tfoot { border-top: 1px solid black; }

td.valuta { padding-right: 5px; white-space: nowrap; text-align: right; }

.strong { font-weight: bold; }
.loginform-container { float: left; clear: both; margin: 0 0 1em 0; padding: .5em; border: 6px solid #e0ddd1; width: 218px; background-color: #f1ead0; }
    .loginform-container h2 { text-transform: uppercase; }
    .loginform-container #forgotpass { float: right; padding: 0; border: 0; text-decoration: underline; }
        .loginform-container #forgotpass:hover { text-decoration: none; cursor: pointer; }