/**
 * @title       Touring Nature search styles
 * @requires    global.css
 */
/**
 * @section     search
 * @tree        #search < #intro < #content
 */
#search {
    float:left;
    margin:0 0 0 15px; padding-bottom:15px;
    width:316px; 
    background:url(/templates/touringnature/home/img/bg/bg-search-top.png) no-repeat;
}

/**
 * @section        searchForm
 * @tree           #searchForm < #search
 */
#searchForm {
    padding:0 0 0 16px;
    min-height:447px;
    background:url(/templates/touringnature/home/img/bg/bg-search-bottom.png) no-repeat 0 100%; color:#fff;
}
#searchForm .error {color:#fff;}
#searchForm .phpError {color:#F76523;}
#searchForm .error img {
    float:right;
}

/**
 * @section     searchMenu
 * @tree        ul#searchMenu < #search
 */
#searchMenu {padding-bottom:12px;}
#searchMenu li {
    float:left;
    margin-right:1px; padding-top:2px;
}
#searchMenu li.first {margin-left:1px;}
#searchMenu li.last {margin-right:0;}
#searchMenu li a {
    display:block;
    height:53px; width:45px;
    background:url(/templates/touringnature/home/img/bg/bg-search-buttons.png) no-repeat;
}
#searchMenu li a span {
    display:block;
    height:0; width:0;
    overflow:hidden;
}
#searchMenu li.flight a {
    width:48px;
    background-position:0 100%;
}
#searchMenu li.flight a.on, #searchMenu li.flight a:hover {background-position:0 0;}
#searchMenu li.hotel a {background-position:-49px 100%;}
#searchMenu li.hotel a.on, #searchMenu li.hotel a:hover {background-position:-49px 0;}
#searchMenu li.car a {
    width:47px;
    background-position:-95px 100%;
}
#searchMenu li.car a.on, #searchMenu li.car a:hover {background-position:-95px 0;}
#searchMenu li.stay a {background-position:-143px 100%;}
#searchMenu li.stay a.on, #searchMenu li.stay a:hover {background-position:-143px 0;}
#searchMenu li.weekend a {background-position:-189px 100%;}
#searchMenu li.weekend a.on, #searchMenu li.weekend a:hover {background-position:-189px 0;}
#searchMenu li.adventure a {
    width:48px;
    background-position:-237px 100%;
}
#searchMenu li.adventure a.on, #searchMenu li.adventure a:hover {background-position:-237px 0;}

/**
 * @section        forms
 * @tree           form < #searchForm < #search
 */

#searchForm h2 {
    margin:0; padding-bottom:.5em;
    color:#fff;
    font-size:14px;
}
#searchForm #searchHotel h2, 
#searchForm #searchCar h2 {
    padding-bottom:1.5em;
}

#searchForm fieldset {margin-bottom:1em;}
#searchForm fieldset div.cities, #searchForm fieldset div.dates, #searchForm fieldset div.passengers {
    clear:both;
    margin:.3em 0;
}
#searchForm .radios li {
    float:left;
    margin-right:12px; padding-bottom:.3em;
}
#searchForm .radios .label {
    float:left;
    margin-right:1em;
}
#searchForm .radios, #searchForm .text, #searchForm .checkbox, #searchForm .select {padding-bottom:.7em;}
#searchForm #searchHotel .radios, #searchForm #searchHotel .text, #searchForm #searchHotel .checkbox, #searchForm #searchHotel .select, 
#searchForm #searchCar .radios, #searchForm #searchCar .text, #searchForm #searchCar .checkbox, #searchForm #searchCar .select {
    padding-bottom:2em;
}

#searchForm .select {clear:left;}
#searchForm .select div {color:#7b7171;}
#searchForm .text label {
    float:left;
    margin-right:1ex;
    width:10em;
}
#searchForm .dates {position:relative;}
#searchForm .dates .text input {width:6.5em;}
#searchForm .dates .text span {margin-right:2ex;}
#searchForm .dates .checkbox {
    float:right;
    margin-right:15px;
}
#searchForm .prices, #searchResults #searchForm .prices, #seachResults #searchForm .prices {display:none;}
#thalassaSearch .notes, #rentSearch .notes, #searchStay .notes {display:none;}
#searchForm .noteLink, #searchForm .noteLink a {color: white;}

#js #searchForm .prices, #js #searchForm .notes {
    height:51px; width:286px;
}
#js #searchForm .prices {background:url(/templates/touringnature/common/img/bg/bg-slider-prices.png) no-repeat;}
#js #searchForm .notes {background:url(/templates/touringnature/common/img/bg/bg-slider-notes.png) no-repeat;}
#js #searchForm .sliders {
    position:relative; z-index:0;
    padding:0 0; margin:0 auto;
    width:217px;
}
#js #searchForm .prices .text, #js #searchForm .notes .text {
    display:block;
    padding:0;
    width:0; height:0;
    overflow:hidden;
}
#searchForm .scale {display:none;}
#js #searchForm .scale {display:block;}
#searchForm .sliders .scale li {
    float:left;
    font-size:10px; text-align:center;
}
#searchForm .prices .sliders .scale li {width:25%;}
#searchForm .prices .scale li.first {
    width:10%;
    text-align:left;
}
#searchForm .prices .scale li.last {
    float:right;
    width:15%;
    text-align:right;
}
#searchForm .notes .sliders .scale li {width:20%;}
#searchForm .notes .scale li.first {
    width:10%;
    text-align:left;
}
#searchForm .notes .scale li.last {
    float:right;
    width:10%;
    text-align:right; white-space:nowrap;
}
#searchForm .ui-slider-range {
    position:absolute;
    top:29px; z-index:1;
    height:4px;
    background:url(/templates/touringnature/common/img/bg/bg-slider-range.png) repeat-x 50% 0;
}
#searchForm .ui-slider-handle {
    position:absolute;
    top:14px; z-index:2;
    display:block;
    padding:0 10px 0 5px;margin-left:-39px;
    height:33px; width:24px;
    background:url(/templates/touringnature/common/img/bg/bg-slider-cursor-left.png); color:#000;
    text-align:center; line-height:33px;
    font-size:10px; text-decoration:none;
}
#searchForm .sliders .max {
    margin-left:0px; padding:0 5px 0 10px;
    background:url(/templates/touringnature/common/img/bg/bg-slider-cursor-right.png);
}
#searchForm .passengers .select, #searchForm .passengers .select .fauxSelect {
    float:left; clear:none;
}
#searchForm .select label {
    float:left;
    margin-right:1ex;
    width:10em;
}
#searchForm .passengers .select {margin-right:1ex}
#searchForm .passengers .select label {width:auto;}
#searchForm p.info {
    clear:both;
    font-size:9px; font-weight:bold;
}
#searchForm #searchHotel p.info {display:none;}
#searchForm p.info span {font-weight:normal;}
#js #searchForm form.off {display:none;}
#searchForm .actions {
    clear:both;
    text-align:center;
}
#searchForm .actions input {
    margin-right:15px;
    cursor:pointer;
}

/**
 * @section        inspirer
 * @tree           .inspirer < #searchForm
 */
#searchForm .inspirer, #searchForm #flighInspirer.on {
    clear:both;
    padding:2px 11px 25px; margin:0 16px 0 0;
    width:263px;
    background:url(/templates/touringnature/common/img/bg/bg-inspirer-down.png) no-repeat; color:#7b7171;
    font-size:10px; line-height:12px;
}
#searchForm #flightInspirer.off {
    padding:17px 11px;
    background:url(/templates/touringnature/common/img/bg/bg-inspirer-up.png) no-repeat;
}
#searchForm #flightInspirer {cursor:pointer;}
#searchForm .inspirer h2 {
    padding:3px 0 3px 18px; margin:.5ex 0;
    background:url(/templates/touringnature/common/img/picto/arrow-orange.png) no-repeat 0 50%; color:#3c2c2c;
    font-size:14px;
}
#searchForm .inspirer a {
    float:right;
    margin:4px -4px 0 0;
    height:23px; width:23px;
    background:url(/templates/touringnature/common/img/bg/btn-inspirer.png) no-repeat 0 100%;
}
#searchForm .off a {background-position:0 0;}
#searchForm .inspirer a.inspirerToggle span {
    display:block;
    height:0; width:0;
    overflow:hidden;
}

#intro #searchForm #searchFlight fieldset div.radios, #intro #searchForm #searchFlight fieldset div.text, #intro #searchForm #searchFlight div.select {padding-bottom:.3em;}

/**
 * @section        Search Hotel
 * @tree           #searchHotel < #searchForm < #search < #intro < #content < #wrapper
 */
/*
#searchHotel .people  {
    float:left;
}*/
#searchHotel .dates .text , #searchHotel .people .select {
    position:relative;
    float:left; clear:none;
    padding-right:14px;
}
#searchHotel .select {
    float:left; clear:none;
}
#searchHotel .dates .text  label , #searchHotel .people .select label {
    width:3em;
}
#searchHotel .dates .text input {
    width:5.7em;
    font-size:10px;
}
#js #searchHotel .dp-choose-date  {
    right:5px;
}
#searchHotel span.legend {
    display:block;
    clear:left;
}



/**
 * @section        easyclearing
 */
#search:after, #searchMenu:after, #searchForm fieldset div:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}