/* Accordian styles */

#vibeSearchForm div div select, .numadults select, .numchildren select, .numinfants select, formItem.adults select{font-size:10px!important;}

#vibeSearchForm div div label{font-size:12px!important; color:#333!important;}

.acc{
    clear:both;
    background:
        url('http://aws-cdn.worldtravelguide.net/client-assets/design/bookandgo-280-fff.png') no-repeat top 10px left 50%;
    background-color:#333;
    width:100%;
    list-style:none;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    /* padding: 135px 10px 10px 10px; */
    /* padding: 10px 10px 10px 10px; */
    padding: 15px 10px 10px 10px; /* < Changed to 15 10 10 10 to match a tweak in the 'Quick CSS Release' block, so that it can be removed. */
    margin:0 0 15px 0; margin:0 0 15px 0;
    display: block;
    border-radius: 12px;
}


.acc p{color:#FFF; font-size:15px; padding-bottom:10px;}

/* Tabbed panels */

.acc .tabs .content{ border:8px solid #ee2c73; margin-bottom:20px; }

.acc .tabs .content, .acc .tabs input.tabby {
    display: none;
    background: #ddd;
    line-height: 25px;
    padding: 5px 10px 10px 10px;
    border-radius:0 5px 5px 5px;
    color: #fff;
    font: normal 1em/150% Sans-Serif;
}

  .acc .tabs #one:checked ~ .one,
  .acc .tabs #two:checked ~ .two,
  .acc .tabs #three:checked ~ .three,
  .acc .tabs #four:checked ~ .four {display: block;}

.acc .tabs label.tabby {
    cursor: pointer;
    background: #999;
    background: linear-gradient(#999, #999, #999, #999, #666);
    padding: 7px 6px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font: normal 13px Sans-Serif;
    text-shadow: 0px 1px 1px #000000;
    margin-right: 0;
    transition: background .25s linear;
}

.acc .tabs label.tabby:last-child { margin-right:0!important; }

.acc .tabs input:checked + label.tabby {
    background: #ee2c73;
    background: linear-gradient(#f580ab, #ee2c73, #ee2c73);
}
.acc .tabs label.tabby:hover { 
background:rgba(255,150,0,1);
background: linear-gradient(#f98636, #f98636, #a84d0d);
}

.threecolumn select, .formItem select{padding:5px 0!important;}

/* / */





/* Static links */
.acc .item a.heading{
    display:block; text-decoration:none; cursor:pointer;
    margin-bottom:7px; padding:10px;
    background:#683999; color:#FFCC00;
    position:relative;
    overflow:hidden;
    border-radius:5px;
    transition:background-color ease .2s, max-height ease-in-out .3s;
}

.acc .item a.heading:hover{
    display:block; padding:10px;
    background: #ee2c73; color:#fff;
    max-height:100px;
    text-shadow: 0px 1px 5px #000, 0px 5px 10px #000;
}

.acc .item a div{ margin-top:12px; font-size:12px; }

.acc #vibeSearchForm, .acc #vibeSearchForm.hotels, .acc #vibeSearchForm.flightshotels { background: none!important; padding:0; }
.acc .formItem label{ color:#333; }
.acc .formItem label a{ color:#333!important; }
.acc .formItem.flyfrom{ margin-top:0!important; }
.acc .item{ font-size:17px; }

.acc .item.static a{ transition:padding-bottom ease .2s; font-weight:normal; }

.acc .item.static a:after{
content:attr(data-description);
display:block; position:absolute; overflow:hidden;
padding-bottom:10px; margin-top:10px;
font-size:12px;
}

.acc .item.static a:hover{ padding-bottom:33px; }

.item.static{margin-bottom:10px!important} 
.item.static:last-child{margin-bottom:-5px!important} 

/* / */



/*********************/
/**  SHARED STYLES  **/
/*********************/

    .vibe_auto_complete{padding:5px; margin-top:3px;}

    #vibeSearchForm, #vibeSearchForm.hotels, #vibeSearchForm.flightshotels, .acc .vibe_auto_complete, .vibe_auto_complete{
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
        clear:left;
        width: 100%!important;
    }

    #vibeSearchForm, #vibeSearchForm.hotels, #vibeSearchForm.flightshotels {
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
        clear:left;
        width: 100%!important;
        background: url(http://aws-cdn.worldtravelguide.net/client-assets/design/WhiteLogoForTransHeaderSmall.png) no-repeat right 10px top 10px #333!important;
        /* color: #FFF; */
        margin-top:10px; padding: 10px;
        font-size: 13px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        border-radius: 12px;
    }

    #vibeSearchForm .heading, #vibeSearchForm.hotels .heading, #vibeSearchForm.flightshotels .heading { font-size: 18px; text-align: left; margin-bottom: 10px; }

    #vibeSearchForm input[type="submit"], #vibeSearchForm.hotels input[type="submit"], #vibeSearchForm.flightshotels input[type="submit"]{
        border:none; border-radius:5px;
        width:100%;
        margin-top:5px; padding:15px;
        font-size:18px; text-shadow: 0px 0px 5px #000000;
        background:#f98636; background-image: linear-gradient( #f98636, #c55100 ); color:#FFF;
        cursor: pointer;
    }

    #vibeSearchForm input[type="submit"]:hover, #vibeSearchForm.hotels input[type="submit"]:hover, #vibeSearchForm.flightshotels input[type="submit"]:hover{
        box-shadow: 0px 0px 15px #000; text-shadow: 0px 0px 3px #000000, 0px 0px 8px #000000;
        background:#c8f936; background-image: linear-gradient( #c8f936, #80aa02 );
    }

    #vibeSearchForm.hotels input[type="submit"], #vibeSearchForm.flightshotels input[type="submit"] { margin-top:13px; }

    #vibeSearchForm .formItem:not(.date), #vibeSearchForm.hotels .formItem:not(.date),#vibeSearchForm.flightshotels .formItem:not(.date) { margin-bottom: 8px; }
    #vibeSearchForm select, #vibeSearchForm.hotels select, #vibeSearchForm.flightshotels select { width: 100%; }

    #vibeSearchForm .heading, #vibeSearchForm.flights .heading, #vibeSearchForm.flightshotels .heading{ margin-top:10px; }
    #vibeSearchForm .flyfrom, #vibeSearchForm.flights .flyfrom, #vibeSearchForm.flightshotels .flyfrom{ margin-top:20px; }
    #vibeSearchForm .flyfrom, #vibeSearchForm .flyto, #vibeSearchForm.flights .flyfrom, #vibeSearchForm.flights .flyto, #vibeSearchForm.flightshotels .flyfrom, #vibeSearchForm.flightshotels .flyto{ width:100%; overflow:hidden; }
    #vibeSearchForm label, #vibeSearchForm.flights label, #vibeSearchForm.flightshotels label{ width:100%; display:block; clear:both; }

    .block-wtg-vibe-vibe-hotel-search .datepicker{ width:calc(100% - 14px)!important; }
    input.hasDatepicker{ margin-top:1px; }
    input.datepicker{
    background:url('http://aws-cdn.worldtravelguide.net/client-assets/design/svg/calendar.svg') no-repeat top 4px right 2px #FFF;
    padding:5px 5px 5px 4px; cursor:pointer; width:calc(100% - 15px); font-size:12px; }
    #ui-datepicker-div{ width:425px!important; padding-top:.5em; }
    .ui-datepicker-prev, .ui-datepicker-next{ background:#ddd; width:30px!important; text-align:center; border-radius:5px; }
    .ui-datepicker .ui-datepicker-next:hover span, .ui-datepicker .ui-datepicker-prev:hover span{ color:#552988!important; font-weight:bold; }
    .ui-datepicker-prev span, .ui-datepicker-next span{ margin-left:-15px!important; }
    .ui-datepicker-prev, .ui-datepicker-next{ padding-right:20px!important; }
    .ui-datepicker-next { margin-left:-12px!important; }
    .ui-datepicker-group.ui-datepicker-group-first{border-right:1px dotted #aaa;}
    .ui-state-hover{ background:#666; color:#fff; border-radius:5px; }
    .datepickerwrap:nth-child(odd){ display:inline-block; width:calc(50% - 6px); float:left; }
    .datepickerwrap:nth-child(even){ display:inline-block; width:calc(50% - 6px); float:right; }

    .flights .flyfrom, .flights .flyto{ width:100%!important; }
    .departure .date, .departure .monthyear, .return .date, .return .monthyear, .twocolumn .arrivalday, .twocolumn .arrivalmonthyear, .twocolumn .rooms, .twocolu.nights, .twocolumn .outbounddate, .twocolumn .outboundmonthyear, .twocolumn .returnday, .twocolumn .returnmonth{ width: calc(50% - 6px)!important; }
    .travelling .adults, .travelling .child, .travelling .infants { width: calc(33% - 6px)!important; float:left; }
    .travelling .child{ margin: 0 0 0 11px; }
    .travelling div:last-child{ float:right; }
    .travelling a{ color:#FFF!important; font-weight: normal!important; text-decoration:none!important; cursor:help; width:100%; display:block; }
    .travelling a i{ font-style:normal; font-size:11px; color:#666; }

    .twocolumn > div{ width: calc(50% - 6px)!important; }

    .twocolumn .arrivalmonthyear, .twocolumn .nights, .twocolumn .outboundmonthyear, .twocolumn .returnmonth{ float:right; }
    .twocolumn .arrivalday, .twocolumn .rooms{ float:left; }

    .roomHolder { width:100%!important; }
    .roomHolder .numadults, .roomHolder .numchildren, .roomHolder .numinfants{ width: calc(33% - 6px)!important; float:left; }
    .roomHolder .numchildren{ margin-left:10px; }
    .roomHolder .numinfants{ float:right; }
    .formItem.adults select{ margin-top:3px!important; }

    .suggestion { padding: 7px; cursor: pointer; background: #fff; color:#000!important; font-family: Verdana, Arial, Helvetica, sans-serif; border-left:1px solid #aaa; border-right:1px solid #aaa; }
    .suggestion:hover { background: #bbb; }
    .suggestion .title{ font-size: 13px; }
    .suggestion .info { font-size: 11px; font-style: italic; }
    .dropdown_container .suggestion:first-child { border-top-right-radius: 0; }
    .dropdown_container .suggestion:last-child { border-radius: 0 0 7px 7px; margin-bottom:12px; border-bottom:1px solid #aaa; border-bottom:1px solid #aaa; }

    .acc .tabs label.tabby{padding:5px 15px 10px 15px;}

    p.shoutout{ font-size:24px; font-family: Georgia,"Times New Roman",Times,serif; font-style:italic; color:#fff /* f98636 */; padding-top:5px; text-shadow: 0px 0px 10px rgba(50, 30, 0, 1), 0px 2px 5px rgba(0, 0, 0, 1); }
    p.shoutout:after{ content:'...'; display:inline-block; }
    p.shoutout{ display:none; }
    .acc a#bnglogoholder{ display:block; width:100%!important; margin-bottom:10px; }

	.ui-datepicker-multi-2 .ui-datepicker-group { width: 49%!important; }
	.ui-datepicker-group.ui-datepicker-group-last { margin-left: 4px; }
	.ui-datepicker-prev.ui-corner-all.ui-state-disabled, .ui-datepicker-next.ui-corner-all.ui-state-disabled { opacity: 0.5; }