/**********************************
ESTILO PARA DATOS DE LA RESERVACION - EDIT
**********************************/
.edit-page .uxReservation
{
    margin: .5em;
	font-family:"Verdana", Times, serif;
	font-size:x-small;
    color:#000;
}
.page-edit .uxReservation-quote
{
    margin: .5em;
	font-family:"Verdana", Times, serif;
	font-size:small;
    color:#000;
}
.page-edit .uxReservation-quote td
{
	font-family:"Verdana", Times, serif;
	font-size:small;
    color:#000;
}


/************************************************
ESTILO PARA LOS ESPECIALES DE LA PAGINA PRINCIPAL
************************************************/
.uxGroups
{
    text-align: center;
    padding: .5em;
    color: #000;
    font-family:Verdana;
    font-size:x-small;
    width: 405px;
    margin-top: 5em;
}
.uxGroups-vehicle
{
    width: 77px;
    height: 70px;
    float: left;
    text-align: center;
    border-right: dotted 1px #999;
    padding: 2px;
    background-color: #fff;
}
.uxGroups-image
{
     height: 55px;
}
.uxGroups-name
{
	font-size: xx-small;
	height: 15px;
	border-bottom: solid 1px #fff;
	background-color: #D50020;
	color: #fff;
}


/*************************************************
ESTILO PARA DATOS DE LA RESERVACION DE PAGINA VIEW
*************************************************/
.uxReservationView
{
    margin: .5em;
    font-size: x-small;
    width: 100%;
    color: #000;
}
.uxReservationView td
{
    font-family:Verdana;
    font-size: x-small;
    font-weight: bold;
    padding: .5em;
    border-bottom: dotted 1px #333;
}


/**************************/
/*---PAGE CONTACT---*/
/**************************/

.uxContentcenter
{
    color:#fff;
    
    }
    
/**********************
ESTILO PARA EL CUSTOMER-VIEW
**********************/
.uxCustomerView
{
    width: 295px;  
    padding: .5em;
    color: #000;
}
.uxCustomerView td
{
    font-family:Verdana;
    font-size: x-small;
    padding: 3px;
    border-bottom: dotted 1px #333;
}
.uxCustomerView .optional
{
    font-size: small;
    font-weight: bold;
    padding: .5em;
}

/**********************
ESTILO PARA EL CUSTOMER-EDIT
**********************/
.uxCustomerEdit
{
    width: 97%;   
    padding: .5em;
}
.uxCustomerEdit td
{
    font-family:Verdana;
    font-size: x-small;
}
.uxCustomerEdit .optional
{
    font-size: x-small;
    font-weight: bold;
    padding: .5em;
}


    
    
    
/***************************************************************************************************
STYLES GLOBALES
****************************************************************************************************/   
    
/* ESTILO PARA LOS EXTRAS ****************************************************************************/
.uxExtras
{
    font-family:Verdana;
    font-size: x-small;
    padding: .5em; 
    background-color: inherit;
    color:#000;
    width: 93%;
}
.uxExtras-item
{
    width: 100%;
    height: 30px;
    border-bottom: dotted 1px #999;
    vertical-align: bottom;
    color:#000;    
}
.uxExtras-qty
{
    text-align: center;
    float: left;
    padding: 2px;
}
.uxExtras-charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
.uxExtras-spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 4px;
}
.uxExtras-sufix
{
    padding-top: 5px;
}


/* ESTILO PARA EL QUOTE *********************************************************************************/
.uxQuote
{
    font-family:Verdana;
    font-size: x-small;
    padding: .5em; 
    background-color: inherit;
    color:#000;
    width: 93%;
}
.uxQuote-item
{
    width: 100%;
    height: 25px;
    border-bottom: dotted 1px #999;
    vertical-align: bottom;
    color:#000;
}
.uxQuote-item td
{
    font-family:Verdana;
    font-size: x-small;
}
.uxQuote-qty
{
    float: left;
    padding-top: 5px;
    font-weight: bold;
}
.uxQuote-charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
.uxQuote-spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 7px;
}
.uxQuote-sufix
{
    padding-top: 7px;
}
.uxQuote-subtotal
{
    font-weight: bold;
    padding-top: 7px;
    text-align: right; 
}


.Total
{
	background-color: #D50020;
}
.Total td
{
    font-size: small;
    font-weight: bold;  
    color: #fff;
    padding: 4px;
}
    
/****************************************************************************************************/   
/* PAGE DEFAULT*/
.uxReservation
{
    margin: .5em;
	font-family:Verdana;
    color:#000;
}
.uxReservation .row
{
    padding: .5em;
	font-size:x-small;
}
.uxVehicleInfo
{
    text-align: center;
    padding: .5em;
}
.uxVehicleInfo-image
{
    border: solid 1px #999;
}
.uxVehicleInfo-left-side
{
    text-align: center;
    font-size: small;
}
.uxVehicleInfo-right-side
{
    padding: .5em;
    font-size: small;
}
.uxVehicleInfo-vehicle
{
    font-family:Verdana;
    font-size:x-small;
    text-align: center;
    padding: 4px;
    margin: 4px;
}
.uxVehicleInfo-vehicle td
{
    font-family:Verdana;
    font-size:x-small;
}

.uxVehicleInfo-name
{
    font-size: x-small;
    font-weight: bold
}
.uxVehicleInfo-passengers
{
    text-align: center;
}
.uxVehicleInfo-suitcases
{
    text-align: center;
}

/****************************************************************************************************/   
/*PAGE FLEET*/
.uxFleet
{
    text-align: center;
    padding: .5em;
    color: #000;
    font-family:Verdana;
    font-size:x-small;
    
}
.uxFleet-vehicle
{
    width: 130px;
    height: 160px;
    float: left;
    text-align: center;
    border-bottom: dotted 1px #999;
    border-right: dotted 1px #999;
    padding: 3px;
    margin: 3px;
    background-color: #fff;
}
.uxFleet-name
{
	font-size: x-small;
	width: 120px;
	height: 2em;
	padding: 0.5em;
	border-bottom: solid 1px #fff;
	background-color: #D50020;
	color: #fff;
}
.uxFleet-rates
{
     font-size: xx-small;
}

.uxFleet-blackout
{
     color: #000;
     font-size: xx-small;
     color: #f00;
}

/****************************************************************************************************/   
/*PAGE QUOTE*/
.uxReservation-quote
{
    margin: .5em;
    font-size: x-small;    
}
.uxReservation-quote td
{
    padding: .5em;
    font-size: x-small;    
}
.uxOtherChoices
{
    font-family:Verdana;
    text-align: center;
    padding: .5em;
}
.uxOtherChoices-vehicle
{
    width: 345px;
    height: 20px;
    float: left;
    text-align: center;
    vertical-align: bottom;
    padding: 2px;
    margin: 2px;
    border-bottom: dotted 1px #333;
}
.uxOtherChoices-name
{
    font-size: x-small;
    font-weight: bold;
    text-align: left;
    width: 145px;
}
.uxOtherChoices-rates
{
    font-size: x-small;
    width: 120px;
}

.uxOtherChoices-blackout
{
    color: #000;
    font-size: x-small;
    color: #f00;
}

/****************************************************************************************************/   
/*PAGE RESERVE*/
.uxCustomer
{
    width: 95%;   
    padding: .5em;
    color: #000;
}
.uxCustomer td
{
    font-family:Verdana;
    font-size: x-small;
    padding: 2px;
}
.uxCustomer .optional
{
    font-size: x-small;
    font-weight: bold;
    padding: .5em;
}

/****************************************************************************************************/   
/*PAGE EDIT*/
.uxReservation-edit
{
    margin: .5em;
    font-size: x-small;    
}
.uxReservation-edit td
{
    padding: .5em;
    font-size: x-small;    
}