body {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    border-collapse: collapse;
    background-color: #b2bfd4;
    margin: 0;
    padding: 0;
}

table.basic {
    border-collapse: collapse;
}

table.basic, th.basic, td.basic {
    border: 1px solid black;
}

.title {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background-color: #001144;
    text-align: center;
}

.header {
    font: medium Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.headerSmall {
    font: small Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.webBlueHeader {
    font: 11px Arial, Helvetica, sans-serif;
    height: 28px;
    color: White;
    background: #bbc6d2 url('Image/webbluegrid_BG.gif') repeat-x;
    font-weight: bold;
    text-align: center;
}

.borderBottom {
    border-bottom: thin solid black;
}

.rowname {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #cccccc;
    text-align: left;
}

table.schedule {
    width: 1200px;
    border-style: solid;
    border-collapse: collapse;
    border-width: 0px;
    border-color: #b2bfd4;
    padding: 0;
}

td.quickResHeight {
    height: 36px;
}

td.quickResHeightTop {
    height: 36px;
    border-top: thin solid #69798C;
}

td.quickResHeightBottom {
    height: 36px;
    border-bottom: thin solid #69798C;
}

td.quickResHeightTopBottom {
    height: 36px;
    border-bottom: thin solid #69798C;
    border-top: thin solid #69798C;
}

td.quickResHeightAlignLeft {
    height: 36px;
    text-align: left;
}

td.quickResHeightTopAlignLeft {
    height: 36px;
    border-top: thin solid #69798C;
    text-align: left;
}

td.quickResHeightBottomAlignLeft {
    height: 36px;
    border-bottom: thin solid #69798C;
    text-align: left;
}

td.quickResHeightTopBottomAlignLeft {
    height: 36px;
    border-bottom: thin solid #69798C;
    border-top: thin solid #69798C;
    text-align: left;
}

/**************************************
* Subsection elements (eg, reservation)
***************************************/
td.subheader {
    border: thin solid #69798C;
    background-color: #8DA0B4;
    text-align: left;
}

td.subBorder {
    border: thin solid #69798C;
}

td.noBorder {
    border: 0px;
}

/**************************************
*          TD
***************************************/

td.time {
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 60px;
}

td.tb {
    /********************
	*  timeblank cell
	*********************/
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 15px;
    cursor: pointer;
}

td.date {
    background-color: #99CCFF;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 100px;
}

td.firstColumn {
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 100px;
}


td.b {
    /*********************
	*  blank cell
	**********************/
    font-size: smaller;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 10px;
    cursor: pointer;
}


    /**************************************
*          HOVER
***************************************/
    td.b:hover {
        /*********************
	*   blank cell
	**********************/
        font-size: smaller;
        background-color: #FFFF00;
        cursor: pointer;
    }

td.r {
    font-size: smaller;
    cursor: pointer;
}

    td.r:hover {
        /*********************
	*  reservation cell
	**********************/
        font-size: smaller;
        background-color: #FFFF00;
        cursor: pointer;
    }

.UPoverlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}

.UPloader {
    z-index: 100;
    position: fixed;
    width: 120px;
    margin-left: -60px;
    top: 50%;
    left: 50%;
}

.ProgressOverlay {
    position: relative;
    top: -300px;
    left: 0px;
    z-index: 99;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}

.ProgressLoader {
    z-index: 100;
}

.hidelabel {
    visibility: hidden;
}

.centerElement {
    margin-left: 0px auto !important;
    margin-right: 0px auto !important;
    text-align: center;
}

.ticketLarge {
    font-size: large;
    font-weight: bold;
}

.ticketLine {
    height: 5px;
    background-color: #8888FF;
}

.ticketHighlight {
    background-color: #DDDDFF;
}

.ticketCheckedin {
    background-color: yellow;
}


.ticketTable {
    width: 600px;
    border: thin solid black;
}

.ticketTime {
    font-weight: bold;
    margin-left: 10px;
}

.wrapper {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ridged {
    padding: 5px;
    margin: auto 0px !important;
    border: medium ridge #B3CBE6;
}

.radTemplateDay_WebBlue div {
    font-size: 9px !important;
    line-height: 12px;
}

.border2Top {
    border-top: solid black 2px;
}

.border2Bottom {
    border-bottom: solid black 2px;
}

.border2Left {
    border-left: solid black 2px;
}

.border2Right {
    border-right: solid black 2px;
}



.main-container {
}

.logo-row {
    float: left;
    width: 100%;
    padding: 20px 0px;
}

.navigation-row {
    float: left;
    width: 100%;
    background: #4382e8 !important;
    background: -moz-linear-gradient(top, #4382e8 0%, #1264e8 100%) !important;
    background: -webkit-linear-gradient(top, #4382e8 0%, #1264e8 100%) !important;
    background: linear-gradient(to bottom, #4382e8 0%, #1264e8 100%) !important;
}

.page-content-row {
}

.New-Reservation-container {
    float: left;
    width: 98%;
    margin: 10px 1%;
}

.reservation-row {
}

.side-left {
    float: left;
    width: calc(100% - 535px);
    margin: 0px 10px 0px 0px;
}

.side-right {
    float: left;
    width: 525px;
    margin: 0px;
}

.content-header {
    border: thin solid #69798C;
    background-color: #8DA0B4;
    text-align: left;
    padding: 5px 10px;
}

.content-inner {
    border: 1px solid #e0e7ef;
    background: #fbfcfd;
    min-height:691px;
    float:left; width:100%;
}

.inquiry-control {
    width: 100%;
    max-width: 330px;

}

    .inquiry-control input[type=radio] + label {
        position: relative;
        top: -2px;
    }

.segment-head {
    padding: 20px 0px;
}

.cell-space-row td {
    padding: 2px 0px;
}

    .cell-space-row td:first-child {
        padding-right: 20px;
    }

.inquiry-control tr td {
    padding: 2px 0px;
}

    .inquiry-control tr > td:first-child {
        padding-right: 20px;
    }
     .inquiry-control tr.rcbReadOnly > td:first-child {
        padding-right: 4px;
    }
    



     .trip-inquiry-container.container-width{

float:  left;

width: 46%;

}
     .trip-inquiry-container{
    float: left;
    width: 54%;
}
     @media screen and (max-width:950px){
         .reservation-row .side-left{
             width:100%;
             margin:0px 0px 10px 0px;
         }
         .reservation-row .side-right{width:100%;
             margin:0px 0px 10px 0px;

         }
          .mainPassengerDv .col-md-3{
       
              margin-bottom:  10px;
          }
          .mainPassengerDv .col-md-3 label{ 
              display:block !important;

          }
          .mainPassengerDv .col-md-3 a.rcCalPopup{
              width:auto !important;
          }
     }
     .mainPassengerDv .col-md-3 input{
         max-width:100%;
         

     }     .dobBox table,.expirationBox table,.passportBox table{
         width: 160px !important;
     }

           .RadPicker .RadInput .rfdDecorated{
                height:22px !important;
           }



           body #tdContent{
               background:transparent !important;
           }
            body #tdContent:hover{
               background:transparent !important;
           }

            .mainPassengerDv .col-md-3.topSearchBox a{
                 width:40px !important;
            }


            .payment_table{width:350px; margin:auto; text-align:center;}

            @media screen and (max-width:450px){
                .payment_table {
              overflow:auto;
              width:100%;
                }

            }

            .grid_inline{display: block;}
            
            @media screen and (max-width:790px){
                .grid_inline{flex-direction:column;}

            }
@media screen and (max-width:1270px) {
    .trip-inquiry-container{
       width:100% !important;
    }
}