/* 11-03-2008: Css para el interface extendido */

.big {
   font-weight : bold;
   font-size: 8pt;
}

.tablaCriterios {
    WIDTH: 100%;
}

/* 25-03-2008
   */

#origen, #destino {
    WIDTH: 450px;
}

#nombreOrigen1, #nombreDestino1,
#nombreOrigen2, #nombreDestino2,
#nombreOrigen3, #nombreDestino3 {
    WIDTH: 200px;
}

/* 23-05-2008: Estilo para el logo de las compañías en la búsqueda de
               disponibilidad */
.carrierlogo {
   border-left: 1px solid black;
   border-right: 1px solid black;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   height: 16px;
}

/* 28-05-2008: Estilo para las caldas que contienen el logo de las compañías en
               la búsqueda de disponibilidad */
.tablaGrupoCarrierlogo {
    border: none;
    BACKGROUND-COLOR: #999999;
}



/* 18-02-2009: Estilos para los tooltips */
.tootltipIndicator {
    border-bottom: 1px dashed;
}

.tooltipContent {
   background-color : #F7EFE4 !important;
}

.aviso {
   border: 1px solid red;
   color: red;
   width: 480px;
   clear: left;
}

.insurancePrice {
    color: red;
}


/*
 * 16-04-2009: Se incluye definición de estilos para etiquetas de entrada de campos, los propios
 * campos de entrada y contenedores.
 * Se añaden estilos específicos para la entrada de datos personales.
 */
/* Definicion general para las capas contenedoras estándar  */
.standardContainer {
    float:left;
}

/*
 * define las capas que contienen un campo con su etiqueta
 */
.fieldContainer {
    float:left;
    padding-right: 10px;
    white-space: nowrap;
}
/*
 * Capa contenedora que obliga a que esté sola en vertical (es decir, que no puede tener nada
 * a la izquierda ni a la derecha
 */
.clearedContainer {
    float:left;
    clear:both;
}

/*
 * Etiquetas de campos de entrada
 */
.label, .requiredLabel {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    height: 20px; /* Con esto consigo que tenga el mismo alto que los selectores */
}

/*
 * Campos de entrada con la etiqueta a la izquierda
 */
.inputWithLeftLabel {
    float: left;
}

/*
 * Campo de entrada con tamaño aproximado de 10 caracteres
 */
.input10Chars {
    width: 80px;
}

/*
 * Campo de entrada con tamaño aproximado de 15 caracteres
 */
.input15Chars {
    width: 120px;
}

/* Campo de entrada de unos 40 caracteres */
.input40Chars {
    width: 240px;
}

.datosPersonalesContainer {
    width: 100%;
}

.paxPersonalesContainer {
    width: 100%;
}

.paxHeader {
    margin-top: 10px;
    width: 100%;
}

.paxPersonalesContainer .paxDataContainer {
    width: 100%;
    border: none;
}

.tituloContainer {
}

.personalesNombreContainer {
}

.personalesNombre {
}

.personalesApellidoContainer {
}

.personalesApellido {
}

.personalesDniContainer {
    width: 275px;
}

.personalesIdentificationType {
    margin-right: 5px;
}

.personalesDni {
}

.personalesObservaciones {
    width: 240px;
    height: 40px;
}

.maletasAndCheckingContainer {
    width: 100%;
}

.maletasContainer {
    width: 50%;
}

.infoMaletas {
    margin-left: 20px;
}

.checkinContainer{
    width: 50%;
}

.personalesAcreditacionResidenteContainer {
    width: 100%;
}

.personalesTelefonoContainer {
    width: 150px;
}

.personalesObservacionesContainer {
    width: 320px;
}

.personalesNacimientoContainer {
    width: 160px;
}

.personalesDniTarjetaResidenteContainer {
    width: 200px;
}

.personalesEmailContainer {
    width: 290px;
}

.personalesCiudadContainer {
    width: 210px;
}


.tooltipDesglosePrecio {
    width: 300px;
}

.tooltipDetalleTrayecto {
    width: 480px;
}

.residentsLabel {
    font-weight: bold;
    font-size: 8pt;
}

.requestResidentsContainer {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    padding-left:0px;
    padding-right:0px;
}

.tablaNumberOfPaxRequest {
    padding-top: 15px;
}

.numberOfPaxInfo {
    font-weight: bold;
}


.errorsContainer {
    margin-bottom: 2px;
    width: 100%;
    float: left;
}

.errorElement {
    float: left;
    width: 100%;
    color: red;
    display: list-item;
}

.fieldWithError {
    background-color: #ffff99;
}

.fareRulesSummary {
    background-color : #cfdfe5;
}


.SelectTipoAcreditacionResidente {
    FONT-FAMILY: verdana,arial;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: normal;
    COLOR: #000000;
}

.SelectMunicipioResidente {
    FONT-FAMILY: verdana,arial;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: normal;
    COLOR: #000000;
}

.acreditacionTitleLegend {
    font-weight: bold;
}