/** Layout column
-----------------------------------------------------------**/
#columnLeft
{
     float:left; 
     width:285px;
     margin:0px 2px;
}

#columnRight
{
    margin-left:8px;
    float:left;
    width:700px;
}






/* Styles for stepBooking
-----------------------------------------------------------**/
#stepBooking
{
    float:left;
    padding: 0px 290px;
    height:100px;
}

#stepBooking ul
{
    width:500px;
    margin: 0px 0px;
    padding: 0px 0px;

}

#stepBooking li
{
    text-align:center;
    display:block;
    width:130px;
    float:left;
    
}


#stepBooking #currentStep
{
    position:absolute;
    padding-left:0px;
}

/*** start #SearchCriteria
-----------------------------------------------------------*/
div#SearchCriteria{}

div#SearchCriteria b
{
    display:block;
    width:92px;
    float:left;
    text-align:right;
    padding-right:3px;
}
div#SearchCriteria i
{
    
    /*width:70px;
    float:left;*/
    text-align:right;
    padding-right:3px;
}



div#SearchCriteria td.helf
{
    width:50%;
}

div#SearchCriteria li
{
    width: 32.5%;
    padding :0px 0px;
}

div#SearchCriteria li.widthHalf {
    width: 49%;
}

div#SearchCriteria li.widthFull {
    width: 99%;
}

div#SearchCriteria li a 
{
    padding:5px auto;
}


div#SearchCriteria div#tabs-Inter, div#SearchCriteria div#tabs-Dom,div#SearchCriteria div#tabs-Multi
{
    padding: 5px 1px;
    min-height:150px;
    border-width: 1px;
    color: #000;
    background: #eee;
}

div#tabs-Multi b 
{
    width: 43px;
}

div#tabs-Multi .ui-icon-minusthick,  div#tabs-Multi .ui-icon-plusthick{
    display: inline-block;
    border: 1px solid #903030;
    cursor: pointer;
}

div#tabs-Multi fieldset {
    padding: 0;
    margin: 5px 0;
}

div#tabs-Multi fieldset li {
    padding: 0;
    margin: 0;
}

div#SearchCriteria .depDate, 
div#SearchCriteria .retDate,
div#SearchCriteria #fromCityInter,
div#SearchCriteria #toCityInter {
    width: 140px;
}
.hidden
{
    display:none
}
/*** end #SearchCriteria ***/ 



/** Dialog style 
-----------------------------------------------------------*/
div#listFareAndFlightList li 
{
    width:33%;
}


div#listFareAndFlightList div#listFareAndFlight-1, div#listFareAndFlightList div#listFareAndFlight-2, div#listFareAndFlightList div#listFareAndFlight-3
{
    padding: 5px 5px;
    min-height:800px;
}


/** Dialog style 
-----------------------------------------------------------*/
    .dialogMain
    {
        margin: 0px auto 10px auto;
        border-style:solid;
        border-width:1px;
        border-radius: 5px 5px;
        border-color: #fff;
        background-color:#fff;
    }
    
    table
    {
        font-size: 100%;
        width: 100%;
    }
    
    .singleDislay
    {
        width:98%;
    }

    .dialogTitle
    {
        font-weight:bolder;
        padding: 10px 10px;
        border-radius: 5px 5px;
        background-image:url('/Content/themes/apo/img/dialogTitle.png');
        background-repeat:repeat-x;
        color:#333;
    }
    
    .optColor
    {
         background-position: 0px -120px;
    }
    
    .dialogDetail
    {
        padding: 0 5px 0 5px;
        background:#fff;
    }
    
    .dialogDetail ul
    {
        width:98%;
        margin: 10px auto;
        padding: 0px 0px;
    }
    
    .dialogDetail ul li
    {
        display:block;
        margin:0px 0px;   
        padding: 5px 10px;
    }
    

    
    .dialogDetail thead th
    {
        background-color:#d5d5d5;
        height:25px;
    }
    
    .dialogDetail tbody td
    {
        height:20px;
    }
    
    .dialogDetail tfoot td
    {
        background-color:#dfdfdf;
        height:20px;
        
    }
    
    
    .warningDialog
    {
        background-color:Yellow;
        color:Black;
        font-size: 20pt;
        font-weight:bold;
        text-align:center;
        padding:20px 20px;
    }
/** end Dialog style **/


/** diralog sumary itinerary **/
div#itinerary
{
        /*top:650px;*/
        width:283px;
        position:absolute;
}

div#itinerary #innerSamary
{
    height:250px;
    overflow:auto;
    }




.arrowMessage
    {
        height:65px; 
        position:absolute; 
        display:block; 
        width:280px; 
        background-image: url('/Content/themes/apo/img/arrow-red.png'); 
        
        background-repeat:no-repeat; 
        padding:5px 10px 0 10px; 
        color:#fff; font-weight:bold;
    }

.rot180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
rotation: 180deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

#dxFareDetails
{
    min-height:400px;   
}


div.description {
    border-color: #AAAAAA;
    border-style: dashed;
    border-width: 1px;
    margin: 10px 3px;
    padding: 3px 5px;
   
}

div.description .Title {
    color: maroon;
    display: block;
    font-weight: bold;
    padding: 5px 10px;
    text-align: left;
    width: 100%;
}

/*********************************************************************/



.shadow {
		-moz-box-shadow: 3px 3px 4px #999;
		-webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	}
/** End Layout column **/




/** Zegra style **/
    .zebra_odd {background-color: #eee;}  
    .zebra_even{background-color: #fff;}  
    .zebra_select{background-color: #ddd;}  
/** End Zegra style **/










 .nationality { width: 100%; }
 .topCenter{vertical-align:top; text-align:center;}
 .topLeft{vertical-align:top; text-align:left;}
 .topRight{vertical-align:top; text-align:right;}
 .textFull{width:150px;}
 .textRequestField{color: #D23333;font-weight: bold;}
 .note{
    background-color: #F5D8D8;
    border-bottom: 1px solid #CF141D;
    border-top: 1px solid #CF141D;
    color: #CF141D;
    font-size: 14px;
    margin: 0 auto 10px;
    padding: 10px;
    text-align: center;
    width: 80%;
}

/** Fare and Fligth **/
h3.fareDetail {
    margin: 0px;
    font-size: 1.17em;
    font-weight: bold;
}

h3.fareDetailChd {
    margin: 0px;
    font-size: 1.17em;
    font-weight: bold;
    padding-top: 5px;
}

h4.fareCondition {
    font-size: 1em;
    font-weight: bold;
}

/** fare summary **/
#fareLowPriceInfo {
    overflow: auto;
    width: 424px; /* 424px / 698px = 60.74498567335244% */
    margin: 0px auto;
}

#fareLowPrice_right {
    float: right;
    margin-right: 15px;
    height: 20px;
    width: 30px;
    background: url('/Content/themes/apo/img/next-horizontal.png');
    padding-top: 140px;
}

#fareLowPrice_left {
    float: left;
    margin-left: 15px;
    height: 20px;
    width: 30px;
    background: url('/Content/themes/apo/img/prev-horizontal.png');
    padding-top: 140px;
}

/* PriceAllPax */
span.airlineLogoBlock {
    display: block;
    width: 120px;
    height: 50px;
    background-color: #fff;
    float: left; 
    vertical-align: middle; 
    text-align: center; 
    padding: auto auto;
}
span.airlineNameBlock {
    display: block;
    width: 300px;
    height: 25px; 
    float: left; 
    position: relative; 
    vertical-align: top; 
    text-align: left;
    padding: auto auto; 
    padding-left: 5px;
}
div.priceAllPax {
    text-align: right;
}
div.fareLowPriceBlock {
    height: 155px;
}
table.fareLowPriceBlock {
    float: left;
    width: 100%;
    table-layout: fixed;
}
div.fareLowPriceBlockLeft {
    float: left; 
    width: 160px;
}
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}

.airlineLogo {
    width: 100px;
}
.flgStop {
    height: 50px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.flgSplit {
    background-color: #ffffff;    
}
.flgBag {
    vertical-align: middle;
}
.flgHr {
    border-top: 3px solid #ccc;
}
.text-stop {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}