/**
 * Estilos para los componentes js.
 */

/**********************************************************************************************
 * DWCommon
 **********************************************************************************************/
#DWCommon_bgIframe {
   z-index: 1000;
   background: #000;
}

#DWCommon_bg {
   z-index: 1002;
   background: #000;
   opacity: 0.6;
}

#DWCommon_waiting {
   z-index: 1004;
}

/**********************************************************************************************
 * DWBookingHotel
 **********************************************************************************************/
#DWBookingHotel_bgIframe {
   z-index: 1000;
   background: #000;
}

#DWBookingHotel_bg, #DWBookingFerry_bg {
   z-index: 1002;
   background: #000;
   opacity: 0.3;
}

#DWBookingHotel_waiting, #DWBookingFerry_waiting {
   z-index: 1004;
   text-align: center;
}

#DWBookingHotel_waiting img, #DWBookingFerry_waiting img {
   margin-top: 100px;
}

.DWBookingHotelRates_waiting {
   text-align: center;
   overflow: hidden;
   padding-top: 4px;
   background: #FFF url("../../images/theme/dw/loadingBarB.gif") no-repeat center center;
}

#DWBookingHotelDetails_bg {
   z-index: 1002;
   background: #000;
   opacity: 0.3;
   cursor: pointer;
}

#DWBookingHotelDetails_bgIframe {
   z-index: 1000;
   background: #000;
}

.DWBookingHotelDetails_waiting {
   z-index: 1004;
   text-align: center;
   background: #FFF url("../../images/theme/dw/loadingBarB.gif") no-repeat center center;
}

.DWBookingHotelDetails_content {
   z-index: 1004;
   background: #FFF;
}


.DWBookingHotelDetails_content .contenidoPopup{
   margin: 0;
   padding: 20px;
   text-align: left;
}

.DWBookingHotelDetails_content .contenidoPopup .service{
   margin: 0;
}

/**********************************************************************************************
 * DWBookingAir
 **********************************************************************************************/
#DWBookingAir_bgIframe {
   z-index: 1000;
   background: #000;
}

#DWBookingAir_bg {
   z-index: 1002;
   background: #000;
   opacity: 0.3;
}

#DWBookingAir_waiting {
   z-index: 1004;
   text-align: center;
}

#DWBookingAir_waiting img {
   margin-top: 100px;
}

.tooltip_div table caption {
   display: none;
}

.tooltip_div .airInfo {
   text-align: left;
}

.tooltip_div .airInfo h4 {
    color: #07275C;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tooltip_div .airInfo p {
    margin-bottom: 0.5em;
}

.tooltip_div .airInfo ol {
    padding: 0 2em;
}

.tooltip_div .airInfo ol li {
    margin-bottom: 0.5em;
}

/**********************************************************************************************
 * DWBookingTrain
 **********************************************************************************************/
#DWBookingTrain_bgIframe {
   z-index: 1000;
   background: #000;
}

#DWBookingTrain_bg {
   z-index: 1002;
   background: #000;
   opacity: 0.3;
}

#DWBookingTrain_waiting {
   z-index: 1004;
   text-align: center;
}

#DWBookingTrain_waiting img {
   margin-top: 100px;
}


/**********************************************************************************************
 * DWBookingMult
 **********************************************************************************************/
#DWBookingMult_bgIframe {
   z-index: 1000;
   background: #000;
}

#DWBookingMult_bg {
   z-index: 1002;
   background: #000;
   opacity: 0.3;
}

#DWBookingMult_waiting {
   z-index: 1004;
   text-align: center;
}

#DWBookingMult_waiting img {
   margin-top: 100px;
}

/**********************************************************************************************
 * DWBookingPaxData
 **********************************************************************************************/
.DWBookingPaxData_waiting {
   text-align: center;
   overflow: hidden;
   padding-top: 4px;
   background: #FFF url("../../images/theme/dw/loadingBarB.gif") no-repeat center center;
}


/**********************************************************************************************
 * Distri genérico
 **********************************************************************************************/
.contenedorBuscador .distri_divNumHab span {
   color: #FFFFFF;
   font-weight: bold;
   display: inline-block;
   min-width: 100px;
   margin-bottom: 8px;
}

.contenedorBuscador .distri_divDistriTitle {
   color: #FFFFFF;
   font-weight: bold;
   margin-bottom: 4px;
}

.contenedorBuscador .distri_divDistri {
   margin-bottom: 8px;
}

.contenedorBuscador .distri_divDistriPax {
   margin-bottom: 8px;
}

.contenedorBuscador .distri_divDistriPaxAdults {
   display: inline-block;
   margin-right: 16px;
   color: #FFFFFF;
}

.contenedorBuscador .distri_divDistriPaxChildren {
   display: inline-block;
   color: #FFFFFF;
}

.contenedorBuscador .distri_divDistriAge {
   margin-bottom: 8px;
}

.contenedorBuscador .distri_divDistriAge select {
   margin-left: 4px;
}

/**********************************************************************************************
 * Distri lateral
 **********************************************************************************************/
.contenedorBuscadorLateral .distri_divNumHab span {
   color: #02662C;
   font-weight: bold;
   display: inline-block;
   min-width: 100px;
   margin-bottom: 8px;
}

.contenedorBuscadorLateral .distri_divDistriTitle {
   color: #02662C;
   font-weight: bold;
   margin-bottom: 4px;
}

.contenedorBuscadorLateral .distri_divDistri {
   margin-bottom: 8px;
}

.contenedorBuscadorLateral .distri_divDistriPax {
   margin-bottom: 8px;
}

.contenedorBuscadorLateral .distri_divDistriPaxAdults {
   display: inline-block;
   margin-right: 16px;
}

.contenedorBuscadorLateral .distri_divDistriPaxChildren {
   display: inline-block;
}

.contenedorBuscadorLateral .distri_divDistriAge {
   margin-bottom: 8px;
}

.contenedorBuscadorLateral .distri_divDistriAge select {
   margin-left: 4px;
}


/**********************************************************************************************
 * Autocompletar
 **********************************************************************************************/
ul.autocomplete_container {
    background-color: #ADC8B7;
   font-size: 12px;
   font-family: tahoma, sans-serif;
   border: solid 1px #000;
   padding: 2px;
   margin: 0;
   list-style-type: none;
   /*width: 179px !important;*/
   width: 142px !important;
}

ul.autocomplete_container li {
    text-align: left;
    color: #02662C;
   cursor: pointer;
}

li.autocomplete_selected {
   font-size: 12px;
   font-family: tahoma, sans-serif;
   font-weight: bold;
   background-color: #FFF;
}

li.autocomplete_unselected {
   font-family: tahoma, sans-serif;
   background-color: #ADC8B7;
}

/**********************************************************************************************
 * Calendario
 **********************************************************************************************/
div.datePicker_button {
   width: 21px;
   height: 21px;
   background: url(../../images/theme/dw/datePicker/calendar.gif) no-repeat;
   cursor: pointer;
   display: inline-block;
   margin-left: 4px;
}

div.datePicker_root {
   top: 0;
   right: 0;
   /* Para que vaya bien en IE6 es necesario definir el z-index aquí. */
   z-index: 50;
}

td.datePicker_yearCell {
   text-align: right;
   width: 20px;
}

div.datePicker_yearDiv {
   /* Para que vaya bien en IE6 es necesario definir el z-index aquí. */
   z-index: 50;
   overflow: auto;
   position: absolute;
   width: 60px;
   height: 90px;
   background-color: #F4F4F4;
   border: 1px solid #718BB7;
}


div.datePicker_yearBtn {
   width: 15px;
   height: 15px;
   background: url(../../images/theme/dw/datePicker/yearBtn.gif) no-repeat;
   cursor: pointer;
   margin-left: 5px;
   margin-right: 5px;
}

div.datePicker_yearBtn:hover {
   background: url(../../images/theme/dw/datePicker/yearBtnActive.gif) no-repeat;
}


div.datePicker_yearList ul{
   list-style: none;
   color: #07285D;
   font-size: 11px;
   font-family: Tahoma,"trebuchet ms",Verdana,Arial,Helvetica,sans-serif;
   text-align: left;
   margin: 0;
   padding: 5px 0 0 10px;
}

div.datePicker_yearList li{
   margin-bottom: 5px;
   cursor: pointer;
}

/* Tener en cuenta los estilos por defecto de las tablas.*/
table.datePicker_root, table.datePicker_root table {
   margin: 0;
   width: 100%;
   position: relative;
   border-collapse: collapse;
}

table.datePicker_root tbody td, table.datePicker_root table tbody td {
   padding: 0;
}

table.datePicker_root {
   border: 1px solid #718BB7;
   color: #000000;
   background-color: #FFFFFF;
   font-family: arial, helvetica, tahoma, sans-serif;
   font-size: 11px;
   z-index: 50;
}

table.datePicker_header {
   color: #FFFFFF;
   width: 100%;
   border: 0;
   background: url(../../images/theme/dw/datePicker/bgTitle.png) repeat-x;
   font-family: arial, helvetica, tahoma, sans-serif;
   font-size: 11px;
}

table.datePicker_header tr td {
   border-top: 1px solid #4A74BC;
   height: 24px;
}

td.datePicker_nextCell {
   text-align: right;
   width: 20px;
}

td.datePicker_prevCell {
   text-align: left;
   width: 40px;
}

div.datePicker_prevBtn {
   width: 15px;
   height: 15px;
   background: url(../../images/theme/dw/datePicker/prevBtn.gif) no-repeat;
   cursor: pointer;
   margin-left: 5px;
   margin-right: 5px;
}

div.datePicker_prevBtn:hover {
   background: url(../../images/theme/dw/datePicker/prevBtnActive.gif) no-repeat;
}

div.datePicker_nextBtn {
   width: 15px;
   height: 15px;
   background: url(../../images/theme/dw/datePicker/nextBtn.gif) no-repeat;
   cursor: pointer;
   margin: 0;
   padding: 0;
}

div.datePicker_nextBtn:hover {
   background: url(../../images/theme/dw/datePicker/nextBtnActive.gif) no-repeat;
}

td.datePicker_title {
   height: 24px;
   text-align: center;
}

table.datePicker_days {
   width: 100%;
   font-family: arial, helvetica, tahoma, sans-serif;
   font-size: 11px;
}

tr.datePicker_daysTitle td {
   height: 16px;
   border-top: 1px solid #4A74BC;
   border-bottom: 1px solid #A3BAD9;
   background: url(../../images/theme/dw/datePicker/bgDaysTitle.gif) repeat-x;
}

td.datePicker_weekDayTitle, td.datePicker_weekendDayTitle {
   color: #233D6D;
   text-align: center;
   font-size: 10px;
}

tr.datePicker_week td {
   width: 18px;
   height: 17px;
   text-align: left;
}

tr.datePicker_week td div {
   width: 19px;
   height: 17px;
   text-align: right;
   padding-top: 3px;
   padding-right: 3px;
   margin: 1px;
}

tr.datePicker_week td.datePicker_selected div {
   width: 17px;
   height: 15px;
   border: 1px solid #718BB7;
   font-weight: bold;
   background: url(../../images/theme/dw/datePicker/bgSelectedDay.gif) repeat-x;
   cursor: pointer;
}

tr.datePicker_week td.datePicker_today div {
   width: 17px;
   height: 15px;
   border: 1px solid #8B0000;
}

td.datePicker_outer {
   color: #AAAAAA;
   width: 19px;
   height: 17px;
   cursor: default;
   border: 0;
}

td.datePicker_weekend {
   background-color: #F4F4F4;
}

td.datePicker_active {
   cursor: pointer;
}

td.datePicker_inactive {
   text-decoration: line-through;
   cursor: default;
}


td.datePicker_active div:hover {
   background-color: #D9E5F3;
}

/**********************************************************************************************
 * Slider
 **********************************************************************************************/
div.slider_values {
   position : relative;
}
div.slider_root {
   width: 100%;
   height: 20px;
   background-image: url( ../../images/theme/dw/slider/sliderBg.gif );
   background-repeat: repeat-x;
   background-position: center center;
   position: relative;
}

div.slider_values {
   width: 100%;
   height: 20px;
   font-family: Tahoma, "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #666;
}

div.slider_minval {
   height: 20px;
   background-position: right center;
}

div.slider_maxval {
   height: 20px;
   background-position: left center;
}

div.slider_left {
   background-image: url( ../../images/theme/dw/slider/sliderBgLeft.gif);
   height: 20px;
   width: 2px;
   background-repeat: no-repeat;
   background-position: right center;
}

div.slider_right {
   height: 20px;
   width: 2px;
   background-image: url( ../../images/theme/dw/slider/sliderBgRight.gif );
   background-repeat: no-repeat;
   background-position: left center;
}

div.slider_pointerMin {
   width: 15px;
   height: 19px;
   background-image: url( ../../images/theme/dw/slider/sliderPointer.gif );
   cursor: pointer;
}

div.slider_pointerMax {
   width: 15px;
   height: 19px;
   background-image: url( ../../images/theme/dw/slider/sliderPointer.gif );
   cursor: pointer;
}

/* Visualización de los datos seleccionados. */
.divFiltroSeleccion {
   color: #02662C;
   font-weight: bold;
   margin-bottom: 4px;
}

.divFiltroSeleccion span {
   color: #666;
   font-weight: bold;
}

/**********************************************************************************************
 * Viewer
 **********************************************************************************************/
.viewer_root {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   background-color: #000;
   cursor: pointer;
   z-index: 1100;
}

.viewer_container {
   position: absolute;
   background-color: #FFF;
   z-index: 1105;
}

.viewer_containerLoading {
   position: absolute;
   background-color: #FFF;
   background-image: url("../../images/theme/dw/viewer/loader.gif");
   background-position: center center;
   background-repeat: no-repeat;
   z-index: 1104;
}

.viewer_image {
   position: absolute;
   top: 10px;
   left: 10px;
}

.viewer_close {
   width: 70px;
   height: 22px;
   background-image: url("../../images/theme/dw/viewer/closelabel.gif");
   background-repeat: no-repeat;
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
}

.viewer_next {
   width: 62px;
   height: 20px;
   background-image: url("../../images/theme/dw/viewer/nextlabel.gif");
   background-repeat: no-repeat;
   position: absolute;
   bottom: 5px;
   right: 10px;
   cursor: pointer;
}

.viewer_prev {
   width: 62px;
   height: 20px;
   background-image: url("../../images/theme/dw/viewer/prevlabel.gif");
   background-repeat: no-repeat;
   position: absolute;
   bottom: 5px;
   left: 10px;
   cursor: pointer;
}


/**********************************************************************************************
 * Tooltip
 **********************************************************************************************/
.tooltip_div {
   background: #FFF;
   border: 1px solid #CCC;
   padding: 5px
}

.tooltip_content {
   background: #FFF;
   height: 20px;
   width: 7px;
   display: none;
}

.tooltipVal_div {
   background: #FFEEBF;
   border: 1px solid #DFBC1B;
   padding: 5px;
   margin-top: 2px;
   margin-left: 2px;
   width: 150px;
   text-align: left;
}

.tooltipVal_content {
   background: #FFEEBF;
   height: 20px;
   width: 7px;
   display: none;
}

/**********************************************************************************************
 * InputValidator
 **********************************************************************************************/
span.inputDisplay {
   display: inline-block;
   width: 15px;
   height: 15px;
   margin-left: 2px;
}

.inputDisplay span {
   display: inline-block;
   width: 15px;
   height: 15px;
   position: relative;
   top: 2px;
   visibility: hidden;
}

span.inpval_emptyRequired {
   background: transparent url("../../images/theme/dw/input-vacio-icono.gif") no-repeat;
   visibility: visible;
}

span.inpval_invalid, span.inpval_invalidRequired {
   background: transparent url("../../images/theme/dw/input-error-icono.gif") no-repeat;
   visibility: visible;
}

span.inpval_editing, span.inpval_editingRequired {
   background: transparent url("../../images/theme/dw/input-editar-icono.gif") no-repeat;
   visibility: visible;
}
span.inpval_valid, span.inpval_validRequired {
   background: transparent url("../../images/theme/dw/input-valido-icono.gif") no-repeat;
   visibility: visible;
}

/**********************************************************************************************
 * Tree
 **********************************************************************************************/
div.tree_root {
   z-index: 25;
   background-color: #ADC8B7;
   border: 1px solid #666;
   text-align: left;
}

div.tree_root ul {
   list-style: none;
   margin: 2px 4px;
}

div.tree_root > ul {
   margin-right: 15px;
}

div.tree_root li {
   list-style: none;
   cursor: pointer;
   margin: 2px;
   white-space: nowrap;
}

div.tree_root ul ul {
   margin-left: 6px;
}

span.tree_btnOpen {
   display: inline-block;
   width: 13px;
   height: 13px;
   margin-right: 5px;
   vertical-align: middle;
   background: transparent url("../../images/theme/dw/tree/tree-open.gif") no-repeat;
}

span.tree_btnClose {
   display: inline-block;
   width: 13px;
   height: 13px;
   margin-right: 5px;
   vertical-align: middle;
   background: transparent url("../../images/theme/dw/tree/tree-close.gif") no-repeat;
}

span.tree_btnDisabled {
   display: inline-block;
   width: 13px;
   height: 13px;
   margin-right: 5px;
   vertical-align: middle;
   background: transparent url("../../images/theme/dw/tree/tree-disabled.gif") no-repeat;
}

span.tree_btnLeaf {
   display: inline-block;
   width: 13px;
   height: 13px;
   margin-right: 5px;
   vertical-align: middle;
   background: transparent url("../../images/theme/dw/tree/tree-leaf.gif") no-repeat;
}

span.tree_textSel {
   color: #000;
}

span.tree_text {
   color: #333;
}

span.tree_textSelDisabled, span.tree_textDisabled {
   color: #666;
}

span.tree_textSel:hover {
   border-top: 2px solid #07275C;
   border-bottom: 2px solid #07275C;
   background-color: #EFF5FF;
   color: #07275C;
}