/*

Table of contents:



*/

/***************/
/*** =JQuery ***/
/***************/

@import url(jquery-ui.css);


/****************/
/*** =Wrapper ***/
/****************/

/* Main container */
#tt_search_wrapper {
    margin: 0 auto 15px auto;
    width: 175px;
    overflow: hidden;
    position: relative;
}

#tt_search {
    background-color: white;
    padding-bottom: 5px;
    border-top: none;
}

#tt_search_wrapper a {
    font-weight: inherit;
}

#tt_search_wrapper h2 {
    margin: 0;
    padding: 7px 5px 7px 5px;
    font-size: 1em;
}

#tt_search_wrapper h2 a {
    padding: 2px 5px 2px 13px;
    text-decoration: none;
    display: block;
}

#tt_search_wrapper .tt_by {
    text-align: right;
    padding: 1px 5px 8px 0;
    margin: 5px 0 0 0;
    font-size: 0.687em;
    background: none;
    background-color: transparent;
}

#tt_search_wrapper .tt_by a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#tt_search_wrapper .tt_by a:hover {
    text-decoration: underline;
}

/* Search types menu */

#tt_search #tt_search_types {
    list-style: none;
    margin: 0 2px 5px 2px;
    padding: 7px 0 10px 0;
    font-size: 0.75em;
    border-width: 0 0 1px 0;
    border-style: dashed;
}

#tt_search #tt_search_types li {
    display: block;
    float: none;
    margin: 0;
    clear: both;
    line-height: 17px;
}

#tt_search #tt_search_types a {
    outline: none;
    padding: 0 0 0 17px;
    background: url(../images/layout/icon_checkbox.png) left 4px no-repeat;
    font-weight: normal;
    text-decoration: none;
}

#tt_search #tt_search_types a:hover {
    background-position: left -80px;
}

#tt_search #tt_search_types .ui-tabs-selected {

}

#tt_search #tt_search_types .ui-tabs-selected a {
    background-position: left -38px;
    font-weight: bold;
}

/* Bottom round corner */

#tt_search_wrapper .bottom {
    /*background: url(../images/booking_form/search_bottom.png) no-repeat;*/
    padding: 0;
    display: none;
}

/*** Info tooltip ***/

#tt_search_wrapper .tt_info {
    margin-left: 2px;
}

#tt_search_wrapper .tt_info img {
    border: none;
    vertical-align: text-bottom;
}


/*** Generic form styles ***/

#tt_search div {
    padding: 0 2px;
    color: #333;
}

#tt_search .tt_type_icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 5px;
    right: 5px;
    text-indent: -9000px;
    background: none;
    padding: 0;
    background-position: right top;
    background-repeat: no-repeat;
}

#tt_search #tt_type_hotel {
    background-image: url(../images/icons/icon_type_hotel.png);
}

#tt_search #tt_type_ss {
    background-image: url(../images/icons/icon_type_ss.png);
}

#tt_search #tt_type_byo {
    background-image: url(../images/icons/icon_type_byo.png);
}

* html #tt_search #tt_type_hotel {
    background-image: url(../images/icons/icon_type_hotel.gif);
}

* html #tt_search #tt_type_ss {
    background-image: url(../images/icons/icon_type_ss.gif);
}

* html #tt_search #tt_type_byo {
    background-image: url(../images/icons/icon_type_byo.gif);
}

#tt_search h3 {
    font-size: 0.687em;
    font-weight: bold;
    margin: 5px 0;
    clear: both;
    padding: 0 0 0 3px;
    background-color: #efefef;
}

#tt_search ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    zoom: 1;
    width: 100%;
}

#tt_search li {
    margin: 0 0 7px 0;
    padding: 0;
    float: left;
    overflow: hidden;
    display: inline;
}

#tt_search li label {
    display: block;
    margin-bottom: 3px;
    font-size: 0.75em;
    font-weight: bold;
}

#tt_search li span {

}

#tt_search .tt_form_date {
    width: 68px;
}

#tt_search .tt_calendar_icon {
    vertical-align: middle;
    margin-left: 1px;
    border: none;
}

#tt_search .tt_child_age {
    width: 100%;
}

#tt_search .tt_child_age ul li {
    clear: both;
    width: 100%;
    display: inline;
    float: none;
}

#tt_search .tt_children_age {
    margin-bottom: 1px;
    clear: both;
    width: auto;
    margin-left: 89px;
}

#tt_search .tt_search_button {
    clear: both;
    float: none;
    margin: 10px 0 0 0;
    display: block;
}


/*** Specific form styles ***/

/** Hotel **/

#tt_search_hotel .tt_destination {
    width: 160px;
}

#tt_search_hotel .tt_destination select {
    width: 100%;
}

#tt_search_hotel .tt_check_in {
    width: 88px;
}

#tt_search_hotel .tt_check_in input {
    width: 55px;
}

#tt_search_hotel .tt_duration {
    width: 72px;
}

#tt_search_hotel .tt_adults {
    clear: left;
    width: 87px;
}

#tt_search_hotel .tt_children {
    width: 70px;
}
/*

#tt_search_hotel .tt_children_age {
    clear: both;
    width: auto;
    margin-left: 87px;
}
*/

#tt_search_hotel .tt_grade {
    width: 120px;
}

#tt_search_hotel .tt_grade select {
    width: 100%;
}

#tt_search_hotel .tt_villa {
    width: 40px;
    float: left;
    text-align: center;
}

#tt_search_hotel .tt_villa label {
    
}


/** Super Specials **/

#tt_search_ss .tt_destination,
#tt_search_ss .tt_type {
    width: 160px;
}

#tt_search_ss .tt_destination select,
#tt_search_ss .tt_type select {
    width: 100%;
}

#tt_search_ss .tt_date {
    width: 160px;
}

#tt_search_ss .tt_date input {
    width: 55px;
}

#tt_search_ss .tt_adults {
    clear: left;
    width: 87px;
}

#tt_search_ss .tt_children {
    width: 70px;
}


/*
#tt_search_ss .tt_children_age {
    clear: both;
    width: auto;
    margin-left: 89px;
}
*/


/** Build your own package **/

#tt_search_byo .tt_include {
    width: 100%;
}

#tt_search_byo .tt_include fieldset {
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

#tt_search_byo .tt_include legend {
    margin: 0 0 2px 0;
    font-size: 0.75em;
}

#tt_search_byo .tt_include label {
    float: left;
    width: 49%;
    margin-bottom: 2px;
}

#tt_search_byo .tt_include input {

}

#tt_search_byo .tt_departure,
#tt_search_byo .tt_destination,
#tt_search_byo .tt_type,
#tt_search_byo .tt_class {
    width: 160px;
}

#tt_search_byo .tt_departure select,
#tt_search_byo .tt_destination select,
#tt_search_byo .tt_type select,
#tt_search_byo .tt_class select {
    width: 100%;
}

#tt_search_byo .tt_departure_date {
    width: 82px;
}

#tt_search_byo .tt_return_date {
    width: 82px;
}

#tt_search_byo .tt_departure_date input,
#tt_search_byo .tt_return_date input {
    width: 55px;
}

#tt_search_byo .tt_adults {
    clear: left;
    width: 87px;
}

#tt_search_byo .tt_children {
    width: 70px;
}

/*
#tt_search_byo .tt_children_age {
    clear: both;
    width: auto;
    margin-left: 89px;
}
*/

#tt_search_byo .tt_grade {
    width: 120px;
}

#tt_search_byo .tt_grade select {
    width: 100%;
}

#tt_search_byo .tt_villa {
    width: 40px;
    float: left;
    text-align: center;
}

#tt_search_byo .tt_villa label {

}

/**** select tooltip for ie6 ****/
#tooltip {
    border: 1px solid #000000;
    padding: 1px 4px;
    background-color: #FFFFE3;
    font-size: 12px;
    position: absolute;
    z-index: 2000;
}
#tooltip h3 {
    font-size: 12px;
    font-weight: normal;
}
#tooltip h3, #tooltip div { margin: 0; }