#vic-flights dl {
    line-height: 18px;
}

#vic-flights dt.inline, #vic-flights dd.inline {
    display: inline;
    padding-right: 4px;
}

#vic-flights dd span.left-space {
    padding-left: 4px;
}

#vic-flights .emptydt {
    height: 18px;
}

#vic-flights .emptydd {
    height: 18px;
}

.vic-flights-code {
    color: #FFFFFF;
}

#vic-flights .ffNumber {
    border-bottom: 1px dotted #aaa;
    list-style-type: none;
    margin-bottom: 5px;
    padding: 0 0 5px;
    width: 100%;
}

#vic-flights .ffNumber div {
    width: auto;
}

#vic-flights .ffNumber span {
    display: inline-block;
}

#vic-flights .ffAirline {
    width: 100px;
}

.itinerary-wrapper {
    width: 702px;
    background: url(../images/payment-bg.gif) repeat-y left;
    margin: 0 0 15px 0;
}

.calendar-image {
    background: url(../images/calendar-reminder.png);
    width: 25px;
    height: 25px;
    display:block;
}

.bag-image {
    background: url(../images/bag.png);
    width: 24px;
    height: 18px;
    float: left;
    margin-right: 4px;
    display:block;
}

.flight-summary .flight-airline, .flight-summary .flight-direction {
    border-width: 5px 4px 0 4px;
    border-style: solid;
}

.flight-summary .flight-airline {
    padding-left: 10px;
}

.flight-summary .flight-number {
    border-width: 0 4px 0 4px;
    border-style: solid;
    padding-left: 10px;
}

.flight-summary .flight-date {
    font-size: 1.2em !important;
}

.itinerary-content .flight-summary-1 {
    background-color: #ECF1F4;
    width: 100%;
    padding: 10px 0 5px 0;
}

.itinerary-content .flight-summary-2 dl {
    float: left;
    font-size: 1.1em
}

.itinerary-content .flight-summary-2 {
    width: 100%;
}

.itinerary-content .flight-passengers {
    /*float: right;*/
    margin-right: 0px;
}

.skip-server-translation.aircraft-name{
    display:block;
    padding-bottom: 10px;
}

.flight-direction,.flightduration,.cabinclass{
    display: block;
}

.flight-time,.cabin-class-and-fare-family,.duration{
    padding-bottom: 10px;
    display: block;
}
.flight-direction,.flight-direction,.cabinclass,.flightduration ,.flightsdetails-aircraft,.operatedby{
    font-size:0.9em;
}

.itinerary-content .flight-particulars dl, .itinerary-content .flight-passengers dl * {
    font-weight: normal;
    display: inline;
    float: left;
    padding-right: 3px;
}

.itinerary-content .flight-particulars dt, .itinerary-content .flight-passengers dt {
    clear: left;
}

.flight-particulars dl dd{
    font-size: 1em;
}

.flight-particulars .flight-time,
.flight-particulars .duration,
.flight-pax-seat-section .seat{
    font-weight: bold;
}

.itinerary-content {
    background: url(../images/payment-bottom.gif) no-repeat bottom;
    padding-top: 7px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 11px;
    overflow: hidden;
}

.itinerary-content .flight-summary {
    width: 144px;
}

.itinerary-content .flight-origin .flight-airport, .itinerary-content .flight-origin .flight-location {
    padding-left: 5px;
}

.flight-passengers {
    line-height: 1.5em;
}

.flight-passengers h4 {
    color: inherit;
    max-width: 200px;
    min-width: 100px;
    word-wrap: break-word;
    padding-right: 5px;
    display: inline-block;
    font-size: 1em;
}

.flight-passengers p {
    display: inline-block;
}

#vic-flights dl {
    line-height: 1.5em;
}

#vic-flights .ffNumber {
    border-bottom: 1px dotted #AAAAAA;
    list-style-type: none;
    margin-bottom: 5px;
    padding: 0 0 5px;
    width: 100%;
}

#vic-flights .ffNumber span {
    display: inline-block;
}

#vic-flights .ffAirline {
    width: 100px;
}

.itinerary-wrapper {
    margin: 0 0 15px;
}

.itinerary-content {
    overflow: hidden;
    clear: left
}

.itinerary-info-part {
    display: block;
    float: left;
    padding: 0;
}

.flight-summary-1 {
    background-color: #eee;
    border-bottom: 0px dotted #DDDDDD;
    font-weight: normal;
}

.flight-summary-1 .flight-summary1-label{
    float: left;
    padding: 0px 15px 0px 15px;
    margin: 0;
    font-size: 1.5em;
    font-weight: normal;
    color:#4f4e40;
}


.flight-reminder-image{
    float: right;
    padding-top: 3px;
}

.flight-summary-2 dl {
    float: left;
}

.flight-summary-1, .flight-summary-2 {
    width: 100%;
}

.flight-summary-2 {
    background-color: #ECF1F4;
    font-weight: normal;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #DDDDDD;
    border-top: 0px dotted #DDDDDD;
}

.segment-status {
    background-color: #ECF1F4;
    font-weight: normal;
    width: 100%;
}

.segment-status p {
    background-color: #FFFFFF;
    padding: 10px;
    margin: 10px;
    border: 1px solid #f00;
    line-height: 1.1em;
    width: 90%;
}

.segment-status span {
    display: block;
    margin: 0 0 0 12px
}

.segment-status-error-icon {
    position: absolute;
}

.itinerary-content .arrival-time {
    width: auto;
}

.itinerary-content .flight-particulars {
    clear: none;
    float: left;
    width: 130px;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
}

.flight-bags-details{
    font-size: 0.86em;
}

.itinerary-content .flight-summary-2 span {
    float: left;
}

.itinerary-content .flight-summary-2 {
    width: 100%;
}

.flight-bags-quantity .included-prefix {
    width: 10px !important;
    margin-right: 40px !important;
}

.flight-bags-quantity .quantity{
    width: 17px;
}

.flight-passenger .flight-bags-details span {
    width: auto !important;
    display: inline;
}

.flight-particulars dt, .flight-particulars dd,
.flight-passengers dt, .flight-passengers dd {
    display: block;
    float: left;
    font-weight: normal;
    width: 100%;
}

.flight-passengers span {
    display: block;
    float: left;
    width: 100%;
}

.flight-particulars dt,
.flight-passengers dt{
    color: #6a6a6a;
    font-size: .9em;
}

.flight-particulars dt {
    line-height: 1em;
    clear: left;
}

.flight-particulars dd {
    font-size: 1em;
    line-height: 1em;
    clear: left;
}

.itinerary-content .flight-passengers {
    margin-right: 0px;
}

.flight-passengers {
    line-height: 1.5em;
}

.flight-passengers h4 {
    display: inline-block;
    max-width: 200px;
    min-width: 100px;
    padding-right: 3px;
    word-wrap: break-word;
}

.flight-passengers p {
    display: inline-block;
}

.paxList {
    list-style-type: none;
}

.flightsdetails #vic-flights .flight-reminder {
    float: right;
    margin: 0px;
    padding: 5px 15px 5px 5px;
}

.flight-summary .flight-date {
    font-size: 1.3em;
}

.flight-reminder{
    float: right;
}

.flight-number-label{
    padding-left: 14px;
    padding-right: 5px;
}

.flight-seperator{
    padding-left: 5px;
    padding-right: 5px;
}
.flight-particulars{
    border-right: 1px solid #DDDDDD;
}

.flight-layover{
    float: left;
    width: 100%;
    padding: 8px 0 0;
    border-top: 1px solid #AAAAAA;
    background-color: #FFFFFF;
}
.flight-layover-label,
.flight-layover-time,
.flight-layover .flight-location{
    width: auto;
    float: left;
    padding-right: 3px;
}

.flight-layover-label{
    font-weight: bold;
    padding-left:10px;
}

.layover {
    background: none;
    padding-bottom: 0px;
}

.itinerary-content .flight-particulars dd{
    padding-bottom: 10px;
}

.flightsdetails-fare-family-name{
    color: #FF0000;
}

.itinerary-info-part .flight-passengers,
.flight-paxList{
    width: 520px;
}

.flight-pax-name-section,
.flight-pax-seat-section,
.flight-pax-extras-section{
    float: left;
}

.flight-pax-name-section{
    padding: 5px 0px 5px 15px;
    margin: 0px;
    width: 185px;
}

.passenger-information{
    font-weight: bold;
}

.flight-pax-seat-section{
    padding: 5px 0px 5px 15px;
    margin: 0px;
    width: 144px;
    border-left: 1px solid #DDDDDD
}
.flight-pax-extras-section{
    padding: 5px 0px 5px 12px;
    margin: 0px;
    width: 159px;
    border-left: 1px solid #DDDDDD
}

.flight-paxList{
    float:left;
}

.flight-pax-entry{
    width: 535px;
    float:left;
    overflow: hidden;
    margin-top: 15px;
}

.flight-pax-seat-section .seatlabel , .flight-pax-extras-section .flightsdetails-bagslabel{
    font-size: .9em;
}

.flightsdetails-fare-family-with-overlay {
    font-weight: normal;
}

.flightsdetails-marketing-iframe {
    width: 100%;
    height: 100%;
    padding-top:15px;
    border:0;
}

.flights-pax-border{
    margin-top: 10px;
    border-bottom: 2px solid #DDDDDD;
    float: left;
    width: 100%;
    margin-left: 15px;
}

.addiotional-info-operator{
    margin-left: 3px;
    margin-right: 3px;
}

.flight-option span{
    font-size: 1.1em;
}

.flight-particulars{
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

.flight-bags-quantity * {
    font-size: 1.1em
}

.flight-bags-quantity .weight-quantity {
    padding-left: 0px;
}

.more-than-operator {
    padding-left: 4px;
    padding-right: 1px;
}

.included-prefix {
    padding-right: 4px;
}.flightstatus {
    position:relative;
    display: inline-block;
    clear:both;
}
.flightstatus:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flightstatus {
    display: block;
}
* html .flightstatus {
    height: 1%;
}

.flightstatus .clearfix{
    display: inline-block !important;
}

.flightstatus  h2.title {
    color: #689400;
    font-size: 2.1em;
    margin-left: 0;
}
.flightstatus .component-main {
    float: left;
    margin-bottom: 40px;
    margin-right: 10px;
    padding: 5px 0 0;
    position: relative;
    width: 702px;
}
.flightstatus .component-aside {
    clear: none;
    float: left;
    padding: 0;
    position: relative;
    width: 244px;
}

.flightstatus .schedule-wrapper .flightstatus-header {
    width: 60%;
    float:left;
    margin-bottom:10px;
}


.flightstatus .flightstatus-header  h2{
    margin: 0 0 10px;
    padding: 0;
}
.flightstatus .flightstatus-header h2 .icon-to-big {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-bottom:-3px;
    background-image: url('../images/connection_28_grey.png');
}

.flightstatus .flight-back {
    margin:0  0 10px 14px;
    float: left;
    display: none;
}
.flightstatus  .flight-back.details {
    display: block !important;
}

/* BUTTONS */
.flightstatus  .btn-grey {
    border: 1px solid #ccc;
    border-radius:3px;
    padding:5px 25px;
    cursor:pointer;
    color:#4f4e40;
    text-align:center;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

.flightstatus  .btn-grey.btn-get-status-details {
    padding: 5px;
}

.flightstatus  .btn-grey.btn-show-more-ext-flights {
    padding: 5px 10px;
}

.flightstatus .sidebox .btn-grey {
    padding: 2px 20px;
    width:50%;
}

.flightstatus .button-route, .flightstatus  .button-flightNo {
    float:left;
}
.button-route.selected, .button-flightNo.selected {
    background: rgb(206,206,206); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(206,206,206,1) 0%, rgba(228,228,228,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,206,206,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(206,206,206,1) 0%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(206,206,206,1) 0%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(206,206,206,1) 0%,rgba(228,228,228,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(206,206,206,1) 0%,rgba(228,228,228,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
}
/* /BUTTONS */


/* SEARCH BOX */
.flightstatus .search-box{
    margin-right:15px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.flightstatus  .search-box.sidebox {
    margin-right: 0;
    padding: 0;
    border-radius: 7px;
}

.flightstatus  .search-box.sidebox h3{
    font-size: 0.9em;
    color: #4f4e40;
    font-weight: normal;
    padding: 15px 12px;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.flightstatus  .search-box.sidebox h3.toggler {
    background: transparent url('../images/toggler-up.png') no-repeat  200px 50%;
}

.flightstatus  .search-box.sidebox h3.toggler.collapsed {
    background: transparent url('../images/toggler-down.png') no-repeat  200px 50%;
    border-bottom:none;
}

.flightstatus  .search-box.sidebox div.collapsed {
    display: none;
}





.flightstatus .search-type {
    padding: 0;
}
.flightstatus .sidebox .search-type {
    padding: 8px 12px 12px;
    width: 218px;
}

.flightstatus .search-type > span {
    float: left;
    margin:5px 15px 0 0;
    text-align: right;
    width: 90px;
}

.flightstatus .sidebox .search-type > span{
    float: none;
    display: block;
    margin:0 0 5px 0;
    text-align: left;
    font-size: 0.9em;
}


.flightstatus .search-type .first {
    border-right: none;
    border-radius:3px 0 0 3px;
}
.flightstatus .search-type .last {
    border-left: none;
    border-radius:0 3px 3px 0;
}

.flightstatus .search-options-wrapper {
    margin: 0;
}

.flightstatus .sidebox .search-options-wrapper {
    padding: 0 12px 5px;
    width: 218px;

}

.flightstatus  .select-airport-fieldset, .flightstatus  .select-flight-no-fieldset {
    padding: 0 0 0 20px;
    margin:15px 0 20px;
    border-bottom: 1px solid #ccc;
}

.flightstatus .sidebox .select-airport-fieldset, .flightstatus .sidebox .select-flight-no-fieldset {
    padding: 0;
    margin: 0 0 10px;
    border: none;
    width: 100%;
}

.flightstatus  .select-flight-no-fieldset {
    padding-left: 40px;
}
.flightstatus  .field{
    margin-bottom:20px;
    height:22px;
}

.flightstatus  .field.select-date{
    width: 100%;
}

.flightstatus .extendedScheduleSearch .field {
    height: auto;
}

.flightstatus .sidebox .field{
    margin-bottom: 20px;
}
.flightstatus .sidebox .field.column {
    width: 100%;
}

.flightstatus  .field label {
    float: left;
    margin: 3px 5px 0 0 ;
    text-align: right;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.75em;
}


.flightstatus .scheduled .field.hide-flights {
    margin: 15px 0 15px 13px;
}


.flightstatus  .field.select-airport-destination label {
    width:30px;
}

.flightstatus  .select-flight-no-fieldset label {
    width: 90px;
}

.flightstatus  .sidebox .select-flight-no-fieldset label {
    width: 170px;
}

.flightstatus .sidebox .field label, .flightstatus .sidebox .field.select-airport-destination .field label, .flightstatus .sidebox .select-flight-no-fieldset label {
    display: block;
    text-align: left;
    float: none;
}

.flightstatus  .sidebox .field-required {
    background: url("../images/red-asterisk_1413318191275.gif") no-repeat scroll center top rgba(0, 0, 0, 0) !important;
}

.flightstatus  .field .textfield {
    height: 14px;
    width: 170px;
}
.flightstatus  .field select.origin, .flightstatus  .field select.destination   {
    width:200px;
}


.flightstatus  .field select.origin, .flightstatus  .field select.destination   {
    height:22px;
}

.flightstatus .sidebox .field select.origin, .flightstatus .sidebox .field select.destination   {
    width: 134px;
    margin-bottom: 8px;
}

.flightstatus .sidebox .field .textfield {
    display: block;
    float: left;
    margin-bottom: 8px;
}

.flightstatus  .field .select-date-for-airport, .flightstatus  .select-date-for-flight-no  {
    width: 235px;
    height: 22px;
}

.flightstatus .sidebox .field .select-date-for-airport, .flightstatus .sidebox .select-date-for-flight-no  {
    width: 184px;
}

.flightstatus .buttons {
    width:100%;
}
.flightstatus .sidebox  .buttons {
    text-align: center;

}


.flightstatus .button {
    clear: both;
    margin-bottom: 5px;
    margin-left: 125px;
}

.flightstatus .sidebox .button {
    margin: 0;
    float: none;
}
.flightstatus .sidebox .select-airport-fieldset .button {
    /* margin: 0 36px 0 0;*/
}


.flightstatus .sidebox .button-small input {
    margin: 0;
    float:none;
}

/* extended schedule searchBox */
.flightstatus  .search-box.extendedScheduleSearch {
    width:545px;
    padding: 0;

}

.flightstatus  .search-box.extendedScheduleSearch h2 {
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
    margin: 0;
    color:#4f4e40;
    font-weight: normal;
    font-size: 1.35em;
}

.flightstatus  .search-box.extendedScheduleSearch h2.toggler {
    background: transparent url('../images/toggler-up.png') no-repeat  500px 50%;
}

.flightstatus  .search-box.extendedScheduleSearch h2.toggler.collapsed {
    background: transparent url('../images/toggler-down.png') no-repeat  500px 50%;
}

.flightstatus  .search-box.extendedScheduleSearch .search-options-wrapper.collapsed {
    display: none;
}


.flightstatus  .search-box.extendedScheduleSearch .search-options-wrapper {
    padding: 0 20px;
}

.flightstatus  .search-box.extendedScheduleSearch .search-options-wrapper .select-date label{
    max-width: 180px;
    width: auto;
}

.flightstatus  .search-box.extendedScheduleSearch .search-options-wrapper .select-date .date-picker {
    width: 190px;
}

.flightstatus  .search-box.extendedScheduleSearch .select-airport-fieldset {
    padding:0;
}

.flightstatus  .search-box.extendedScheduleSearch .field label {
    display:block;
    float:none;
    text-align:left;
    background: none;
    clear:both;
    margin-bottom:2px;
}

/* date switcher */
.flight-schedule-date-switch {
    width: 39%;
    float: right;
    margin-top: 15px;
}
.flight-schedule-date-switch .flight-schedule-date{
    line-height: 25px;
    font-size: 1.125em;
    float:left;
}

.flight-schedule-date-switch .btn {
    float: right;
    width: 25px;
    height:25px;
    cursor: pointer;
    border: none;
    text-indent: -10000px;
    overflow: hidden;
}
.flight-schedule-date-switch .btn.disabled {
    cursor: not-allowed;
}

.flight-schedule-date-switch .prev {
    background: transparent url('../images/arrow-left.png') no-repeat  0 0;
}
.flight-schedule-date-switch .next {
    margin:0 20px 0 10px;
    background: transparent url('../images/arrow-right.png') no-repeat 0 0;
}
/* Flight List Table*/
.flightstatus .schedule-wrapper table {
    border-collapse: separate;
    border-spacing: 4px;
    text-align: center;
    margin-bottom: 5px;
    padding-bottom: 0;
    width: 98%;
}

.flightstatus .schedule-wrapper thead th {
    padding: 0;
    width: 90px;
    height: 60px;
    background-color: #e4e4e4;
    text-align:center;
    vertical-align: middle;
    font-weight: normal;
    font-size: 0.75em;
}
.flightstatus .schedule-wrapper thead th div {
    overflow:hidden;
    width: 83px;
    padding: 0 5px;
    font-size: 1.0em;
}


.flightstatus .schedule-wrapper td {
    padding: 0;
    width:90px;
    height: 55px;
    text-align:center;
    vertical-align: middle;
    font-weight: normal;
    font-size: 0.9em;
}

.flightstatus .schedule-wrapper .depart div.abs{
    position: relative;
}
.flightstatus .schedule-wrapper .depart .icon-to{
    position: absolute;
    right: -16px;
    bottom: 50%;
    top: auto;
    margin-top: auto;
    margin-bottom: -12px;
    width: 24px;
    height: 24px;
    background-image: url('../images/connection_24_grey.png');
    z-index: 1000;
}

.flightstatus .scheduled .schedule-wrapper .depart .icon-to{
    right: -19px;

}

.flightstatus .schedule-wrapper .even  td{
    background: #f2f2f2;
}



.flightstatus .schedule-wrapper  .btn-get-status {
    padding: 5px 20px;
}

/* flight status list */
.flightstatus .flight-status-list {
    list-style-type: none;
    width: 100%;
}
.flightstatus .flight-status-list .segment {
    margin-bottom: 15px;
}

.flightstatus .flight-status-list .flight-info {
    width:100%;
}
.flightstatus .flight-status-list .flight-info h2 {
    font-size: 3.0em;
    margin-bottom: 0;
    padding-left:14px;
}
.flightstatus .flight-status-list .flight-info h2 span {
    font-size: 0.825em;
    color: #4f4e40;
    padding: 0;
}
.flightstatus .flight-status-list .flight-info .flight-date {
    float:right;
    margin: -32px 32px 0 0;
    font-size: 1.2em;
}

.flightstatus .flight-status-list  .departing-info, .flightstatus .flight-status-list  .arriving-info{
    float: left;
    margin: 0px 15px;
    padding: 8px;
    border: 1px solid #cccccc;
    width: 300px;

}

.flightstatus .flight-status-list .status-header  {
    height: 90px;
    width: 100%;
    float: left;
}
.flightstatus .flight-status-list .airport-wrapper {
    width: 40%;
    height: 90px;
    background: #4c4c4c;
    float: left;
}

.flightstatus .flight-status-list .airport-wrapper p {
    margin: 0 15px;

    color: #fff;
}

.flightstatus .flight-status-list .airport-wrapper .flight-type {
    margin-top: 12px;
    font-weight: bold;
}

.flightstatus .flight-status-list .airport-wrapper .city-code {
    font-size: 2.4em;
}

.flightstatus .flight-status-list .status-wrapper {
    width: 60%;
    height: 55px;
    padding-top: 35px;
    float: left;
    text-align:center;
}
.flightstatus .flight-status-list .status {
    margin:0;
    color:#fff;
    font-size: 1.2em;
    font-weight: bold;
    padding:5px 0 5px 30px;
}
.flightstatus .flight-status-list .ON_TIME {
    background-color: #99cc99;
}

.flightstatus .flight-status-list .ON_TIME .status {
    background: transparent url('../images/flifo_clock.png') no-repeat 0 4px;
}

.flightstatus .flight-status-list .DELAYED {
    background-color: #ffcb5e;
}
.flightstatus .flight-status-list .DELAYED .status {
    background: transparent url('../images/flifo_clock.png') no-repeat 0 4px;
}
.flightstatus .flight-status-list .ARRIVED, .flightstatus .flight-status-list .DEPARTED {
    background-color: #999999;
}
.flightstatus .flight-status-list .ARRIVED .status, .flightstatus .flight-status-list .DEPARTED .status{
    background: transparent url('../images/flifo_check.png') no-repeat 0 4px;
}
.flightstatus .flight-status-list .ARRIVED_WITH_DELAY {
    background-color: #999999;
}
.flightstatus .flight-status-list .ARRIVED_WITH_DELAY .status {
    background: transparent url('../images/flifo_check.png') no-repeat 0 4px;
}
.flightstatus .flight-status-list .CANCELLED {
    background-color: #C00;
}
.flightstatus .flight-status-list .CANCELLED .status {
    background: transparent url('../images/flifo_clock.png') no-repeat 0 4px;
}


.flightstatus .flight-status-list .status-details {
    float: left;
    width: 100%;
    margin-top:4px;
}
.flightstatus .flight-status-list .status-details .detail-item {
    float: left;
    width: 50%;
}
.flightstatus .flight-status-list .status-details .detail-item.wide {
    width: 100%;
}

.flightstatus .flight-status-list .status-details .detail-item > div {
    background-color: #f2f2f2;
    min-height:30px;
    padding: 20px;
    margin: 0 2px 4px 0;
}
.flightstatus .flight-status-list .status-details .detail-item > div.scheduled-time {
    margin: 0 2px 4px 0;
}
.flightstatus .flight-status-list .status-details .detail-item > div.estimated-time {
    margin: 0 0 4px 2px;
}
.flightstatus .flight-status-list .status-details .detail-item > div.terminal {
    margin: 0 2px 4px 0;
}
.flightstatus .flight-status-list .status-details .detail-item.wide > div.terminal {
    margin-right: 0px;
}

.flightstatus .flight-status-list .status-details .detail-item > div.baggage-claim {
    margin: 0 0 4px 2px;
}

.flightstatus .flight-status-list .status-details .detail-item  p {
    color: #000;
    margin-bottom: 4px;
    font-size: 0.9em;
}
.flightstatus .flight-status-list .status-details .detail-item  .label  {
    color: #4f4e40;
    font-size: 0.75em;
}


/* SCHEDULE */
.flightstatus .component-main.scheduled{
    width: 956px;
    margin-right:0;
}

.flightstatus .component-main.scheduled .schedule-wrapper {

}

.flightstatus .component-main.scheduled .schedule-tab-header {
    list-style-type: none;
    float:left;
    width:954px;
    margin-top: 30px;
}

.flightstatus .component-main.scheduled .schedule-tab-header .flightstatus-header {
    float: left;
    width:440px;
    padding: 0 0 0 5px;
    border-bottom: none;
}

.flightstatus .component-main.scheduled .schedule-tab-header .flightstatus-header .flightstatus-header-desc {
    display:block;
    margin-bottom: 2px;
}


.flightstatus .component-main.scheduled .schedule-tab-header .flightstatus-header.inactive {
    padding-bottom: 5px;
    background: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 0;
}


.flightstatus .component-main.scheduled .flightstatus-header.inactive, .flightstatus .component-main.scheduled .flightstatus-header.inactive h2 {
    color:#bcbcbc;
}

.flightstatus .component-main.scheduled .schedule-tab-content {
    border: 1px solid #e0e0e0;
    width:952px;
    padding:5px 0 10px;
    overflow-y: auto;
}


.flightstatus .component-main.scheduled table {
    width:950px;

}
.flightstatus .component-main.scheduled table th{
    overflow: hidden;
    width:472px;
    font-size:1.0em;
}

.flightstatus .component-main.scheduled table th.day {
    width: 60px;
    background-color: #0074c1;
}
.flightstatus .component-main.scheduled table th.day.selected {
    background-color: #003f6a;
}
.flightstatus .component-main.scheduled table th.th-desc .thead {
    width:472px;
    padding: 0;
}
.flightstatus .component-main.scheduled table th.th-desc .thead > div{
    overflow: hidden;
    float: left;
    height:38px;
    padding:22px 5px 0;
    border-right:3px solid #fff;
}
.flightstatus .component-main.scheduled table th.th-desc > div > div {
    padding:0;
}
.flightstatus .component-main.scheduled table th.th-desc div.th-flight, .flightstatus .component-main.scheduled table th.th-desc div.th-flight div {
    width: 125px;
}
.flightstatus .component-main.scheduled table th.th-desc div.th-depart , .flightstatus .component-main.scheduled table th.th-desc div.th-arrival, .flightstatus .component-main.scheduled table th.th-desc div.th-depart div, .flightstatus .component-main.scheduled table th.th-desc div.th-arrival div {
    width: 95px;
}
.flightstatus .component-main.scheduled table th.th-desc div.th-stops, .flightstatus .component-main.scheduled table th.th-desc div.th-stops div {
    width: 108px;
    border-right: none;
}


.flightstatus .component-main.scheduled table th.day div {
    width: 50px;
}

.desc-flight-time {
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
}

.desc-flight{
    float: left;
}

.aircraft{
    margin-right: 10px;
}

.flightstatus .component-main.scheduled table th.day span {
    color: #fff;
    /*font-size: 1.0em;*/
}

.flightstatus .component-main.scheduled table tr.moreHidden {
    display: none;
}

.flightstatus .component-main.scheduled table td {
    height: 45px;
}

.flightstatus .component-main.scheduled table td.day {

}

.flightstatus .component-main.scheduled table td .more,
.flightstatus .component-main.scheduled table td .depart,
.flightstatus .component-main.scheduled table td .arrival,
.flightstatus .component-main.scheduled table td .stops {
    float: left;
    text-align: center;
    margin-right:3px;
    padding: 15px 5px;
}


.flightstatus .component-main.scheduled table td .rowHeight_1 {
    padding: 15px 5px;
}
.flightstatus .component-main.scheduled table td .rowHeight_2 {
    padding: 23px 5px;
}
.flightstatus .component-main.scheduled table td .rowHeight_3 {
    padding: 31px 5px;
}
.flightstatus .component-main.scheduled table td .rowHeight_4 {
    padding: 39px 5px;
}
.flightstatus .component-main.scheduled table td .rowHeight_5 {
    padding: 47px 5px;
}

.flightstatus .component-main.scheduled table td ul {
    list-style-type: none;
    float:left;
    width: 472px;
}

.flightstatus .component-main.scheduled table .even td ul {
    border-bottom:3px solid #fff;
}
.flightstatus .component-main.scheduled table .even.folded td ul {
    border-bottom: none;
}
.flightstatus .component-main.scheduled table td .more {
    width: 125px;
}
.flightstatus .component-main.scheduled table td .depart {
    width: 95px;
}
.flightstatus .component-main.scheduled table td .arrival {
    width: 95px;
}
.flightstatus .component-main.scheduled table td .stops {
    width: 108px;
    margin-right: 0;
}

.flightstatus .component-main.scheduled table .abs {
    position: relative;
}
.flightstatus .component-main.scheduled table th .icon-more {
    background: transparent url('../images/schedule-plus-minus.png') no-repeat 0 -20px;
    position:absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
    width: 20px;
    height:20px;
    border: none;
    cursor: pointer;
    text-indent: -10000px;
    overflow: hidden;
    text-align: left;
}

.flightstatus .component-main.scheduled table tr.even td .more,
.flightstatus .component-main.scheduled table tr.even td .depart,
.flightstatus .component-main.scheduled table tr.even td .arrival,
.flightstatus .component-main.scheduled table tr.even td .stops {
    margin-right:0;
    border-right:3px solid #fff;
}
.flightstatus .component-main.scheduled table tr.even td .stops {
    border-right: none;
}

.flightstatus .component-main.scheduled table .top-level .folded th .icon-more {
    background-position: 0 0;
}

.flightstatus .component-main.scheduled table td.more > div.flight-no {
    padding-left: 40px;
    text-align: left;
}

.flightstatus .component-main.scheduled table td.more > div.flight-no span {
    display:block;
}

.flightstatus .component-main.scheduled table td .desc {
    font-size: 0.75em;
    text-align: left;
    width: 472px;
    float:left;
    border-spacing: 0;
    margin: 0;
}

.flightstatus .component-main.scheduled table td .desc .desc-flight, .flightstatus .component-main.scheduled table td .desc .desc-marketer {
    padding: 10px;
    width: 264px;
    vertical-align: middle;
    text-align: left;
    height: auto;
    min-height:28px;
}
.flightstatus .component-main.scheduled table td .desc .desc-span{
    font-size: 1.5em;
}
.flightstatus .component-main.scheduled table td .desc .desc-marketer {
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}
.flightstatus .component-main.scheduled table  td .desc .desc-flight > span{
    font-size: 1.75em;
}

.flightstatus .component-main.scheduled table td .desc .desc-marketer > span{
    display:block;
    font-size: 1.75em;
}

.flightstatus .component-main.scheduled table .top-level .new {
    display: none;
}


.flightstatus .component-main.scheduled table td .desc .desc-marketer {
    border-right: none;
    width: 164px;
}


.flightstatus .component-main.scheduled table .odd  td .desc {
    border: 2px solid #f7f7f7;
    width: 472px;
}
.flightstatus .component-main.scheduled table .odd td .desc .desc-flight {
    width: 264px;
    vertical-align: middle;
}


.flightstatus .component-main.scheduled table .odd td .desc .desc-marketer {
    border-left: 2px solid #f7f7f7;
    border-right:none;
    width: 162px;
}


.flightstatus .component-main.scheduled table td.day.selected {
    background-color: #d7d7d7;
}

.flightstatus .component-main.scheduled table td.day.schedule-dot {
    background-image: url('../images/schedule-dot.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


.flightstatus .component-main.scheduled .show-direct {
    float: right;
}
.flightstatus .component-main.scheduled .show-direct label{
    float: right;
    margin: -1px 0 0 8px;
    padding: 0;
    width:auto;
}
.flightstatus .component-main.scheduled .show-direct input{
    float: right;
}

.flightstatus .field select{
    z-index: 3;
}

.flightstatus .loading-mask{
    z-index: 999;
}

.flightstatus .flight-no > span {
    display: inherit;
}

#origin-airport-container .yui-ac-content {
    font-size: 0.75em;
    line-height: 18px;
    max-height: 310px;
    min-width: 720px;
    overflow: auto;
    padding: 0;
    position: relative;
    vertical-align: top;
}
#origin-airport-container .yui-ac-content .yui-ac-bd li {
    cursor: pointer;
    float: left;
    list-style-type: none;
    margin-bottom: 10px;
    text-align: left;
    min-width: 130px;
    color: #2b6dcc;
    white-space: nowrap;
}

#origin-airport-container .yui-ac-content .yui-ac-bd li:active {
    background: none repeat scroll 0 0 #ddd;
}

#origin-airport-container .yui-ac-content .yui-ac-bd li:hover {
    color: #3f87f2;
}

#destination-airport-container .yui-ac-content {
    font-size: 0.75em;
    line-height: 18px;
    max-height: 310px;
    min-width: 720px;
    overflow: auto;
    padding: 0;
    position: relative;
    vertical-align: top;
}
#destination-airport-container .yui-ac-content .yui-ac-bd li {
    cursor: pointer;
    float: left;
    list-style-type: none;
    margin-bottom: 10px;
    text-align: left;
    min-width: 130px;
    color: #2b6dcc;
    white-space: nowrap;
}

#destination-airport-container .yui-ac-content .yui-ac-bd li:active {
    background: none repeat scroll 0 0 #ddd;
}

#destination-airport-container .yui-ac-content .yui-ac-bd li:hover {
    color: #3f87f2;
}

.flightstatus  .airport-trigger {
    margin-left: 0px;
}

.flight-status-comment {
    font-size: 0.75em !important;
}
.promo_code_per_pax {
 width: 350px !important;
 float: left;
 clear: left;
}
.promo_code_per_pax .promo_label{
 float:left;
 font-weight: bold;
}
.promo_cont {margin-bottom: 5px;}
#modify-search .label_fsc_promoCodePerPax{
    width: 400px !important;
    text-align: left;
}
.promo_code_per_pax .promo_code ,

.promo_code_per_pax .promo_code ,
#modify-search .promo_code_checkbox_label,
.promo_code_per_pax #promo_code_button {
 float:left;
}
.promo_code_per_pax #promo_box_per_pax {
 float: left;
 clear:left;
 margin-right:10px;
}
.single-promo-label{
 position: relative;
 font-size: 1.2em;
 margin-bottom: 10px;
 font-weight: bold;
 text-align: left;
 display: block;
}

.hotel-searchForm-combinedLocationDetails {
}

.hotel-autoCompleteContainer .match-highlight {
    font-weight: bold;
}

.hotel-autoCompleteContainer .location-type-header {
    font-weight: bold;
}

.hotel-searchForm-combinedLocationGroup {
    float: left;
    width: 270px;
}

.hotel-searchForm-combinedLocationGroup .textfield {
    width: 100%;
}

.hotel-searchForm-combinedLocationGroup .yui-ac-container {
    width: 300px;
}

.hotel-searchForm-combinedLocationGroup .yui-ac-content {
    overflow-y: auto;
    max-height: 370px;
}

.hotel-thumbnail img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}

.hotel-overlays .bookingConditionsOverlay {
    width: 450px;
    height: 300px;
}

.hotel-overlays .bookingConditionsOverlay .container-close {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../images/button-sprite.png) no-repeat -262px -142px;
    height: 21px;
    width: 24px;
    text-indent: -9999px;
    overflow: hidden
}

.hotel-overlays .bookingConditionsOverlay .yui-module {
    text-align: left; /*position: absolute;*/
    background: #fff url(../images/modal-bg.gif) repeat-x;
    padding: 0 0 15px 0;
    border: 2px solid #2c6dcb;
    border-radius: 0px 0px 0px 0px;
}

.hotel-booking-conditions-link {
    clear: left;
    display: block;
    height: 26px;
    background: url(../images/button-info.png) no-repeat;
    padding-left: 30px;
    text-decoration: none;
    line-height: 20px;
    margin: 15px 0 0 10px;
    float: left;
}

.hotel-toggle-button {
    clear: left;
    display: block;
    height: 26px;
    background: url(../images/button-plus.png) no-repeat;
    padding-left: 30px;
    text-decoration: none;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    float: left;
}

.hotel-toggle-button-toggled {
    background: url(../images/button-minus.png) no-repeat;
}

.hotel-room-age-policy {
    margin-left: 25px;
    padding: 15px 0 0;
}

.hotel-room-age-policy li {
    padding: 5px 0;
}

.hotel-room-person-image {
    margin: 0px;
    padding: 0px;
}

.hotem-room-capacity {
    float: right;
    line-height: 32px;
    margin: 0 30px 0 0;
}

#hotel-map {
    height: 320px;
    padding: 0 15px;
    width: 670px;
}

.hotel-map-poi-popup {
    width: 180px;
}

.hotel-map-poi-name {
    float: left;
}

.hotel-map-poi-price {
    float:right;
}


.mqabasicwnd-content {
    white-space: nowrap;
    font-weight: bold;
    font-size: 1.15em;
    color: #000000;
}

.hotel-map-poi-clear {
    clear:both;
}

.selectedPoi {
    width: 30px;
    height: 32px;
    background: url(../images/selectedPoi.png) no-repeat;
    display: block;
    cursor: pointer;
}

.notSelectedPoi {
    width: 30px;
    height: 32px;
    background: url(../images/notSelectedPoi.png) no-repeat;
    display: block;
    cursor: pointer;
}/* Hotel details Component on the confirmation page */
#hoteldetails {
    width: 702px;
    margin-bottom: 20px;
}

#hoteldetails h3 {
    margin: 0px 11px 15px;
    border-bottom: 1px solid #dddddd;
    background: transparent url('../images/hotels-ico.png') no-repeat 0px 0px;
    padding: 0 0 5px 35px;
    line-height: 28px
}

#hoteldetails dt {
    font-weight: bold;
    line-height: 15px;
}

#hoteldetails dd {
    line-height: 15px;
}

#hoteldetails .content {
    margin: 10px;
}

#hoteldetails .content .instructions {
    margin-bottom: 15px;
}

#hoteldetails .content .section {
    padding: 10px;
    float: left;
}

#hoteldetails .content .check-in {
    margin: 0 5px;
}

#hoteldetails .content .hotel {
    margin-left: 168px;
    margin-right: 5px;
}

#hoteldetails .content .confirmation-number {
    width: 138px;
    margin-right: 5px;
    text-align: center
}

#hoteldetails .content .confirmation-number dt {
    font-weight: normal;
}

#hoteldetails .content .confirmation-number dd {
    font-weight: bold;
    font-size: 0.9em;
}

#hoteldetails .content .phone {
    margin-top: 15px;
}

#hoteldetails .content .dial-code {
    float: left;
}

#hoteldetails .content .confirmation-number,
#hoteldetails .content .check-in,
#hoteldetails .content .check-out {
    background-color: #EAF4FD;
    line-height: 12px;
}

#hoteldetails .content .check-in,
#hoteldetails .content .check-out,
#hoteldetails .content .room-details,
#hoteldetails .content .hotel,
#hoteldetails .content .number-of-units {
    width: 230px;
}

#hoteldetails .content .check-out,
#hoteldetails .content .room-details,
#hoteldetails .content .number-of-units {
    margin-left: 5px;
}

#hoteldetails .content .hotel,
#hoteldetails .content .room-details,
#hoteldetails .content .number-of-units {
    padding-top: 0;
}#insurance {
    padding: 0;
}

#insurance .insurance-wrapper, #insurance-confirmation-wrapper {
    background: url(../images/component-bg.gif) repeat-y;
}

#insurance .insurance-content, #insurance-confirmation-content {
    background: url(../images/component-top.gif) no-repeat top left;
    padding-top: 3px;
}

#insurance div.insurance-bottom, #insurance-confirmation {
    background: url(../images/component-bottom.gif) no-repeat bottom left;
    padding: 15px;
    margin-bottom: 15px;
}

#insurance h2 {
    margin: 0;
}

#insurance h3 {
    margin: 0;
}

#insurance .insurance-image, #insurance-confirmation .insurance-image {
    float: left;
    background: url(../images/insurance-image.png) no-repeat;
    width: 122px;
    height: 67px;
    margin: 0 18px 7px 0;
}

#insurance .base-info {
    overflow: auto;
}

#insurance .insurance-dob .passenger-item {
    margin-bottom: 15px;
}

#insurance .insurance-dob .passenger-item div {
    display: inline-block;
}

#insurance .insurance-dob .field.dob {
    float: right;
}

#insurance .button {
    border: none;
    height: 30px;
    margin: 0;
    padding: 0 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#insurance .button-active {
    border: 1px solid #78ab0d;
    color: #fff;
    background: url("../images/button-sprite-gray.png") no-repeat -2px -43px;
    cursor: pointer;
}

#insurance .button-gray {
    border: 1px solid #868686;
    color: #868686;
    background: #fafafa;
    cursor: auto;
}

#insurance .insurance-offer {
    margin: 0 0 20px 0;
}

#insurance .insurance-offer .checkboxgroup > li {
    margin-top: 7px;
    padding-top: 7px;
}

#insurance .insurance-offer .checkboxgroup > li + li {
    border-top: solid 1px #ccc;
}

#insurance .insurance-offer .checkboxgroup li .rel {
    font-weight: bold;
}

#insurance .insurance-offer .checkboxgroup li .price {
    float: right;
    font-weight: bold;
}

#insurance .insurance-offer .checkboxgroup li .description {
    display: block;
    margin-left: 17px;
}

.insurance-offer .description {
    margin-top: 7px;
}

#insurance .bottom-notes {
    font-size: 0.9em;
    margin: 10px 0 0 0;
}

h2#insurance-confirmation-heading {
    background: url(../images/heading-icons.gif) left -90px no-repeat;
    padding: 5px 0 0 35px;
    color: #4F4E40;
    margin-left: 0
}

.insurance-confirmation-number {
    float: right;
    width: 150px;
    text-align: right;
}

.insurance-additional-info {
    border-top: solid 1px #B2B19F;
    margin-top: 10px;
    padding-top: 10px;
}

#insurance-confirmation .insurance-text-content {
    margin: 0 0 0 160px;
}

#insurance-confirmation .insurance-noimage {
    margin: 0;
}
/* Login Component */
.login-component {
    background: url(../images/sidebar-bg.gif) repeat-y;
    padding: 0;
    clear: both;
}

.login-component .component-top {
    background: url(../images/sidebar-top.gif) no-repeat;
    padding-top: 10px;
    width: 100%;
}

.login-component .component-bottom {
    background: url(../images/sidebar-bottom.gif) no-repeat bottom;
    padding-bottom: 10px;
}

.login-component .component-content {
    background-image: none;
}

.login-component .toggler a {
    border: 0;
    padding-right: 20px;
    background: url(../images/button-sprite.png) no-repeat right -233px;
    line-height: 22px;
    text-decoration: none;
}

.login-component .toggler button {
    border: 0;
    background-color: transparent;
}
.login-component .toggler a.open {
    background: url(../images/button-sprite.png) no-repeat right bottom;
}

.login-component .logout {
    text-align: right;
    font-size: 0.825em;
    margin-right: 15px;
    line-height: 22px;
    float: right;
}

.login-component a.forgot-password, .login-component a.create-account {
    margin: 7px 0 0 0;
    clear: both;
    font-size: 0.9em;
    text-decoration: underline;
}

.login-component input.textfield {
    width: 205px;
    margin-bottom: 7px;
}

.login-component p {
    padding: 7px 5px;
    clear: both;
}

.login-component #balanceAvailable {
    text-align: right;
}

.login-component #balanceNotAvailable .error {
    color: red;
}

.login-component #balanceDate {
    display: block;
    clear: both;
}

.login-component .note {
    color: #6a6a6a;
}

.login-component dl {
    margin: 0 5px;
    line-height: 24px;
}

.login-component dt {
    float: left;
    clear: both;
    width: auto;
    font-size: 0.825em;
}

.login-component dd {
    float: right;
    clear: right;
    width: auto;
    text-align: right;
    font-size: 0.825em;
    font-weight: bold;
}

.login-component ul {
    text-align: center;
    padding-bottom: 2px;
}

.login-component li {
    display: inline;
    margin-right: 2px;
}

.login-component li:after, #footer li:after {
    content: '|';
}

.login-component li.no-border:after, #footer li.no-border:after {
    content: '';
}

.login-component li a {
    margin: 0 6px 0 0;
}

.login-component li.no-border a {
    margin-right: 0;
}

.login-component .guest-passenger {
    font-size: 1.05em;
    text-align: center;
    display: block;
    margin: 25px 0 30px 0;
}

.login-component .errorAnchor {
    width: 22px;
    height: 14px;
}

/* how close it is to input box below */
.login-component .passwordError {
    margin-top: 7px;
}

/* in ff this is distance between inputs */
.login-component .profileDoesntExist {
    color: #df0000;
    font-weight: bold
}

.login-component .wrongPassword {
    color: #df0000;
    font-weight: bold;
    padding: 0 0 10px;
}

.login-component .red-error-text {
    color: #df0000;
    font-weight: bold;
    padding: 0 0 10px;
}

.login-component .loginStatusIsNotAllowed {
    color: #df0000;
    font-weight: bold;
    padding: 0 0 10px;
}

.login-component .loginSystemError {
    color: #df0000;
    font-weight: bold
}

.login-component .logged-out-list {
    margin: 7px 0 0 0;
    float: left;
    display: inline;
    font-size: 0.9em;
}

.login-component .field label {
    display: inline-block
}

.login-component .login-rbe-top {
    background: url(../images/passenger-toggle-top.gif) no-repeat scroll left top transparent;
    padding-top: 10px;
    width: 673px;
}

.login-component .login-rbe-bottom {
    background: url(../images/passenger-toggle-bottom.gif) no-repeat scroll left bottom transparent;
    padding-bottom: 10px;
}

.login-component .login-rbe-content {
    background: url(../images/passenger-toggle-bg.gif) repeat-y scroll left center transparent
}

.login-component .login-text {
    float: left;
    width: 370px;
}

.login-component .login-rbe-component {
    float: left;
    width: 280px;
    border-left: 1px solid #B2B19F;
    border-top: none;
}

.login-component .login-rbe-component input.textfield {
    width: 130px;
    margin-bottom: 7px;
}

.login-component .login-rbe-component .field {
    margin-bottom: 0;
}

.login-component .login-rbe-component .field label {
    width: 90px;
    display: inline-block;
    text-align: right;
}

.login-component .login-rbe-component .button {
    margin-left: 95px;
}

.login-component .login-text h3 {
    margin-left: 10px;
    font-weight: bold;
}

.login-component .login-text-message {
    margin-left: 20px;
    line-height: 20px;
}

.login-component .agencyName {
    padding: 0px 0px 5px 15px;
}

.login-component .agencyIdentifier {
    padding: 0px 0px 5px 15px;
}

.forgot-password-form {
    padding: 0 20px
}

.forgot-password-form h3 {
    margin-left: 0
}

.forgot-password-form p {
    margin-bottom: 10px
}

.forgot-password-form p.error {
    color: #f00;
    font-weight: bold
}

.forgot-password-form div.ft {
    margin-top: 20px
}

.forgot-password-form label {
    margin-right: 5px
}

.forgotPasswordOverlay .loadingContainer {
    height: 20px;
}

.login-component .login-overlay {
    float: left;
    width: 310px;
    border-top: none;
    text-align: center;
    margin: 10px 15px 0;
}

.login-component .login-overlay input.textfield {
    width: 130px;
    margin-bottom: 7px;
}

.login-component .login-overlay .field {
    margin-bottom: 0;
}

.login-component .login-overlay .field label {
    width: 100px;
    display: inline-block;
    text-align: right;
}

.login-component .login-overlay .button {
    margin-left: 135px;
    margin-top: 15px;
}

.login-component .login-overlay .forgot-password {
    margin-left: 70px;
    text-decoration: none;
}

.login-overlay-popup-title {
    margin-left: 15px;
}

.login-overlay-field {
    white-space:nowrap;
    text-align: right;
}

.login-overlay-error {
    text-align: left;
}

.login-component #captcha-container, .login-component .captcha-container  {
    width: 304px;
}

.login-component .component-content .parent-captcha-container .captcha-container {
    transform: scale(0.73);
    transform-origin: 0 0;
    -ms-transform: scale(0.73);
    -ms-transform-origin: 0 0;
}
.login-component .login-rbe-content .parent-captcha-container .captcha-container {
    transform: scale(0.8);
    -ms-transform: scale(0.8);
}

.login-component .login-overlay .parent-captcha-container .captcha-container {
    margin:5px 0;
}

.login-dt{
    float: left;
    clear: both;
    width: auto;
    font-size: 0.825em;
}

.login-dd {
    float: right;
    clear: right;
    width: auto;
    text-align: right;
    font-size: 0.825em;
    font-weight: bold;
}

.login-dl {
    margin: 0 5px;
    line-height: 24px;
}

h2#welcome-user{
    float:left;
}.mytrips .footerContent {width:702px; border-top: 1px dotted #CCCCCC; padding-top: 10px;padding-right:3px; }
.mytrips .footerContent .paging { float: right; font-size: 0.75em; padding-top:7px; }
.mytrips .footerContent .paging .footerPadding {padding-right:3px; padding-left:3px; }

.mytrips .flightUpgradeButton {
    font: bold 0.825em Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.mytrips .flightCheckInButton{
    font: bold 0.825em Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.mytrips .upperUpgradeLinkWrapperClass {
    background: #C0D0E0;
    padding: 13px;
    margin: 13px 13px 13px 34px;
}

.mytrips .upperCheckInLinkWrapperClass {
    background: #C0D0E0;
    padding: 13px;
    margin: 13px;
}

.mytrips .upperUpgradeButtonMessageContainerClass{
    margin: 13px;
}

.mytrips .upperCheckInButtonMessageContainerClass{
    margin: 13px;
}

#upgradeFqtFlightsDialog {
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    max-width: 350px;
}

#upgradeFqtFlightsDialog .hd {
    font-weight: bold;
    font-size: 0.975em;
    padding-bottom: 15px;
}

#upgradeFqtFlightsDialog .bd {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b3b3b3;
}

.messagePopup button {
    width: 60px;
    height: 25px;
}

.mytrips .flightUpgradeButton.grayedOutLink {
    color: #CCCCCC;
    text-decoration: none !important;
    cursor: default;
}

.grayedOutLink {
    color: #CCCCCC;
    text-decoration: none !important;
    cursor: default;
}

.mytrips .flightUpgradeButton.grayedOutLink:hover {
    color: #CCCCCC;
}

.grayedOutLink:hover {
    color: #CCCCCC;
}
.navigation > ul {
   text-indent: -9999px;
   list-style-type: none;
   height: 0px;
   overflow: hidden;
}/* Payment Component */
#payment { padding:0 0 20px 0; width: 702px}
#payment h2 { margin-left:12px; }
#payment .payment-wrapper { background:url(../images/payment-bg.gif) repeat-y; }
#payment .payment-content { background:url(../images/payment-top.gif) no-repeat top left; padding-top:3px; }
#payment div.payment { background:url(../images/payment-bottom.gif) no-repeat bottom left; padding-bottom:10px; overflow:visible; }
#payment h2 { margin-left:20px; padding:10px 0 15px 0; }
#payment h2.border-transparent { border-color: transparent; }
#payment h2.component-section { margin:10px 3px 0; padding:15px 0 15px 15px; }
h2#selectPaymentTitle { padding:0 20px 2px 20px; color: #000; margin-left: 2px; padding-top: 10px;font-size: 1.4em;font-weight: normal;}
#payment h3 a { font-weight:normal; text-decoration:underline; }
#payment div.multi-fop-amountdue {margin-left:20px; padding:10px 0 15px 0;font-size: 1.05em;font-weight: bold;color: #2b6dcc;}
#payment hr.component-section { margin:0 0 17px 0; padding:0; }
#payment fieldset legend {display: none;}
#payment label.rel { display:none; }
#payment .payment-type { background:url(../images/payment-type-top.gif) no-repeat top left; margin:0 0 7px 18px; width:664px;}
.payment-details { background:url(../images/payment-type-bottom.gif) no-repeat bottom left;}
#payment .payment-details .date-box { float: none;}
#payment .payment-type h4 { width:140px; float:left; font-size: 1.05em; padding:17px 0 0 15px !important; }
.oldie #payment .payment-type h4 { width:140px; float:none; font-size: 1.05em; padding:17px 0 0 15px !important; }
.modern #payment .payment-type h4 { width:140px; float:none; font-size: 1.05em; padding:17px 0 0 15px !important;color:#255fb0; }
.modern #payment .presentCreditCardMessage {
    margin-left: 160px;
    width: 250px;
}
.oldie #payment .payment-type h5 {width:185px;margin-bottom:10px; padding:17px 0 0 15px !important; float:none; font-size: 1.05em; color: #000; }
.modern #payment .payment-type h5 {width:185px;margin-bottom:10px; padding:17px 0 0 15px !important; float:none; font-size: 1.05em; color: #000; }
h4.billingData {width:185px;margin-bottom:10px; padding:17px 0 0 15px !important; float:none; font-size: 1.05em; color: #000;}
#payment .payment-type h4 em { font-size: 0.825em; font-weight:normal; font-style:normal; line-height:16px; display:block; }
#payment .payment-type li { width:100px; padding:17px 0 15px 0; margin-right:5px; float:left; display:inline; text-align:center; }
#payment .payment-type .rel { display:none }
#payment .payment-type li a { line-height:24px; text-decoration:underline; }
#payment .payment-amount-right { margin-left:10px; }
#payment .payment-details h4.payment-type-header { width: 250px;}
#payment .payment-details h4 span.payment-name-text { width: auto; }
#payment .payment-details select.clip { min-width: 155px;}
.credit-card-item input { float:left; display:inline; margin:0 12px 0 10px; }
#payment .fop-item {padding:17px 0 15px 0; margin-right: 5px; float:left}
#payment .fop-savedCards .fop-item {width: 205px}
#payment .credit-card-item {width: 100px;}
#payment .card-icon {color:transparent; width:50px; height:30px; display:block; float:left; background:url(../images/payment_icons.png) no-repeat 0 0/*-1077px -166px;*/ }
#payment .card-vi, #payment .card-vi_remote { background-position: 0 0; }
#payment .card-ca, #payment .card-ca_remote { background-position: 0 -30px; }
#payment .card-ik, #payment .card-ik_remote { background-position: 0 -30px; }
#payment .card-ax, #payment .card-ax_remote { background-position: 0 -60px; }
#payment .card-cirrus { background-position: 0 -90px; }
#payment .card-ve { background-position: 0 -120px; }
#payment .card-pp, #payment .card-paypal { background-position: 0 -150px; }
#payment .card-bill { background-position: 0 -180px; }
#payment .card-wu { background-position: 0 -210px; }
#payment .card-tp { background-position: 0 -240px; }
#payment .card-dc { background-position: 0 -270px; }
#payment .card-jb { background-position: 0 -300px; }
#payment .card-bpc { background-position: 0 -330px; }
#payment .card-af { background-position: 0 -360px; }
#payment .card-fa { background-position: 0 -390px; }
#payment .card-poli { background-position: 0 -420px; }
#payment .card-giftCard { background: url(../images/payment-gift-card.png) no-repeat -17px -19px; }
#payment .card-smlPayLater { background: none; }
#payment .card-smlPayNow { background: none; }
#payment .saved-cards li { width:205px; }
#payment .multi-row { margin-left: 155px; }
#payment .saved-cards dl, .fop-savedCards dl { float:left; font-size: 0.9em; line-height:18px; margin-left:10px; }
#payment .saved-cards dt, .saved-cards dd, .fop-savedCards dt, .fop-savedCards dd { display:inline; float:left; }
#payment .saved-cards dt, .fop-savedCards dt { clear:left; margin-right:3px; }
#payment .payment-details {line-height: 20px; padding: 15px 0 10px 0; overflow:visible; }
#payment .payment-details h4 { width:285px; padding:3px 0 7px 0 !important; margin:0; }
#payment .payment-details h4 span { float:left; display:inline; margin:0 15px; width:50px; height:30px;/* text-indent:-9999px;*/ }
#payment .payment-details h4 .currency { float:none; }
#payment .payment-details h4.align-right { width:auto; text-align:right; float:right; display:inline; margin-right:15px; padding:3px 0 20px 0; }
#payment .payment-details .field { margin:0 0 13px 13px; background:none; }
#payment .payment-details .first { margin:0 0 0 80px; }
#payment .payment-details label { display:block; font-size: 0.9em; line-height:20px; float: left; width: 130px; margin-right: 4px; text-align: right; }
#payment .payment-details legend { display:block; font-size: 0.9em; line-height:20px; float: left; width: 175px; margin-right: 4px; text-align: right; }
#payment .billing-data .phone-input legend { float: left; display: inline; text-align: right; width: 179px; }
#payment .innerLabelAndInput {margin-left: 183px}
#payment .payment-details .inline { padding-top:20px; }
#payment .payment-details .inline label { display:inline; }
#payment .payment-details input.textfield { width:150px; }
#payment .payment-details select { margin-left:10px; margin-right:3px; padding:1px 1px 1px 0; }
#payment .payment-details .purchaserDropdown select { width: 161px }
#payment .payment-amount { width:360px; padding-right:15px; margin-left:0 !important; text-align:right; }
#payment .payment-amount label { display:inline; font-size: 1.05em; font-weight:bold;; }
#payment .payment-amount input.textfield { width:83px; font-size: 1.05em; text-align:right; }
#payment .apply-credit { position:relative; margin-bottom:15px; }
#payment .apply-credit .field { font-size: 0.9em; margin:15px 100px 0 15px; }
#payment .apply-credit .button { margin-top:10px; }
#payment .apply-credit .credit-info { background:url(../images/payment-type-bottom.gif) no-repeat bottom left; }
#payment .credited .field { margin-right:0; }
#payment .credited h4 { float:right; display:inline; font-size: 0.9em; padding-top:0; white-space:nowrap; width:auto; margin-right:15px; }
#payment .credited a.align-right { margin:5px 15px 20px 0; text-decoration:underline; }
#payment .payment-details .column {width: 325px; float: left;}
#payment .payment-details .address1 {clear: both;}
#payment .payment-details .billing-address-header, #payment .payment-details .payment-details {clear: both; margin-left: 20px; margin-bottom: 0;}
#payment .checkboxgroup { overflow: hidden; }
#payment .payment-details .billing-column {float: left;}
#payment .billing-data input.phone-areaCode {width: 35px; !important}
#payment .payment-details input.smallest{width :40px !important;}
#payment .billing-data input.smaller{width :50px !important;}
#payment .payment-details input.phone-number {width: 85px;}
#payment .payment-details input.phone-extension {width: 40px;}
#payment .payment-details label.requiredIndicatorLabel { height: 1em; padding-right:10px;}
#payment .payment-details .phone-number-type {float:left;}
#payment span.currency {float: none; height: 0; margin: 0; width: 0;}
#payment .payment-travelbank-label-column { width: 210px; float:left; text-align:left; }
#payment .payment-travelbank-label-row { clear:left; overflow: hidden; }
#payment .savedcard-item dl {width : 195px}
#payment .savedcard-item dd {float:right}
#payment .savedcard-item dt {display:inline;}
#payment .surcharge-note {display: block; padding: 8px;}
#exchangePaymentMsg { clear: both; padding-left: 15px; font-weight: bold;}
#exchangePaymentMsg .exchange-payment-msg li { display: list-item; width: auto; float: none; text-align: left; padding: inherit; margin-left: 30px;}
#exchangePaymentMsg .exchange-payment-msg ol { margin-left: 30px}

#payment .complete-payment-message{ padding:0 20px 8px 20px; color: #000; margin-left: 2px; padding-top: 10px;}
/* Travel Bank Section */
/*.travel-bank-form label {float: left; width: 230px; margin-right: 4px; text-align: left;}*/
.travel-bank-form a.button {float: none; display: inline-block; margin: 0 0 0 5px; padding: 0 10px; height: 26px;line-height: 23px;}
.travel-bank-form p {padding: 0 0 10px;}
.travel-bank-form .loginSystemError, .travel-bank-form .wrongPassword, .travel-bank-form .loginStatusIsNotAllowed {color: #f00; font-weight: bold;}
.travel-bank-form .link-options {width: 160px;}
.travel-bank-form .link-options .link-forgotPassword {float: left;}
.travel-bank-form .link-options .link-login {float: right; padding-bottom: 10px;}
#bt_amount {width: 70px;}
#payment .travel-bank-form {padding-left: 10px; padding-right: 10px; padding-bottom: 0}
#tb-fop-details {background-color: #fff; margin:0 0 -7px; padding:10px 0 0;}

/* Multi Form of Payment (FOP) Component */
.multi-fop .payment-content { font-size: 0.9em; background:url(../images/component-top.gif) no-repeat top left !important; padding-top:10px !important; }
.multi-fop .amount-charged { text-align: right; padding-right: 20px;}
.multi-fop .amount { display: inline-block;}
.multi-fop .additional_payment { margin: 2px; background-color:#FFC; padding: 5px 18px; text-align: right; }
.multi-fop .additional_payment .message { float: left; width: 450px; text-align: left; }
.multi-fop .additional_payment  {color: #777;}
/*.multi-fop .travel-bank-form p { padding: 0 0 10px;}*/
/*.multi-fop .travel-bank-form label {float: left; width: 230px; margin-right: 4px; text-align: left;}*/
.multi-fop .travel-bank-form .inputColumn {width: 100px}
.multi-fop .travel-bank-form .textfield {width: 250px}
.multi-fop .travel-bank-form a {font-size: 0.825em;}
.multi-fop .travel-bank-form a.button {float: none; display: inline-block; margin: 0 0 0 5px !important; padding: 0 10px;}
.multi-fop .travel-bank-form #bt_amount {width: 70px !important;}
.multi-fop-body {clear: left; border: 1px solid #bbb; border-radius: 5px; padding: 0}
.multi-fop .component-tabs { background: transparent; padding-left: 10px; margin-top: 5px; position: relative; top: 1px;}
.multi-fop .component-tabs .column { float:left; width:50%; display:inline; }
.multi-fop .component-tabs li { background:url(../images/tab-default-left.gif) no-repeat; padding-left:15px; }
.multi-fop .component-tabs a { background:url(../images/tab-default-right.gif) no-repeat right top; color: #2B6DCC !important; margin:0; padding-right:20px; float:left; }
.multi-fop .component-tabs li.tab-current { background:url(../images/tab-class-left.gif) no-repeat; }
.multi-fop .component-tabs li.tab-current a {  background:url(../images/tab-class-right.gif) no-repeat right top; }
#multiFopContainer .payment-type li.selected{ background:transparent !important; background-color:#D7D7CF !important; }
.multi-fop-body h3 {margin-top: 10px;margin-left: 20px;}
.multi-fop .payc_sections .multi-fop-header{clear:both;float:left;}
.multi-fop .payc_sections.extendedView .multi-fop-header{clear:both;float:none;}
.payc_sections {margin-bottom: 20px}
.bt_balance_overlay {padding: 20px}
.bt_balance_overlay table { list-style: none; padding-left: 10px; margin: 10px 0 20px 0; width: 410px; }
.bt_balance_overlay table tr { padding-bottom: 4px; }
.bt_balance_overlay table tr td .balance-value { width: 235px;}
.bt_balance_overlay table tr em { position: absolute; float: right; left: 290px; color: #ff0000 }
.bt_balance_overlay table tr em.check { background:url("../images/icon-check.png") top left no-repeat; width: 16px; height: 16px; }
.bt_balance_overlay table .bt_balance_header { font-weight: bold;}
.bt_balance_overlay .buttons {height: 37px}

/* Payment Information Component */
#payment .payment-type { background-color:#eaebe6; }
#payment .payment-type .selected { background-color:#d7d7cf; }
#payment .saved-cards .expired, .fop-savedCards .expired { color:#ec1225; }
#payment .fop-unavailable-msg { color:#ec1225; padding-left: 20px;  }

/* Payment Not Requred in payc */
#payment #payment-not-required .payment { padding-top: 10px}
#payment #payment-not-required .payment-type { padding: 10px 20px; width:624px;}
#payment #payment-not-required .total h2 { float: right; padding-right: 18px; font-weight:normal; }
#payment #payment-not-required h3 { font-size: 1.05em }#payment #payment-not-required h2 { color: #000000; padding: 0; float: left; font-size: 1.05em}
/* POLI FOP */
#payment .fop-poli-item { width: 100%; background-color: #fff; padding: 0; }
#payment .fop-poli-item.selected { background-color:#fff; }
#payment .fop-poli-item .card-icon { float: none; margin-left: 20px; margin-right: 0; background-position: 0 -420px;}
.fop-poli-item .checkbox { background-color: #ddd; padding: 8px 5px; display: inline-block; }
.fop-poli-checkbox { float:left; margin-right:10px; }
.fop-poli-marketing_block { clear: both; overflow: hidden; }
.fop-poli-marketing_text { padding: 10px 0; font-weight: bold; float: left; width: 450px; margin-right: 10px; }
.fop-poli-logo { background:url(../images/logo_poli.gif) no-repeat 0 0; height: 55px; width: 134px; overflow: hidden; margin-top: 6px; }
.fop-poli-instruction { padding: 10px 0; font-weight: bold; }
.fop-poli-instruction ol { margin: 1em 0; }
#payment .fop-poli-item li { display: list-item; float: none; width: auto; padding: 0; text-align: left; margin-left: 20px; font-weight: normal; }
.fop-poli-links a { border-right: 1px solid #444; padding-right: 5px; margin-right: 5px; }
.fop-poli-links a.last-poli-link { border-right: none }
.card-poli-amount-charged { float: right; font-weight: bold; }
.fop-poli-item .amount { float: right; font-weight: bold; margin-left: 1em; }

/* paypal FOP */
#payment .fop-paypal-item { width: 100%; background-color: #fff; padding: 0; }
#payment .fop-paypal-item.selected { background-color:#fff; }
#payment .fop-paypal-item .card-icon { float: none; margin-left: 20px; margin-right: 0; background-position: 0 -150px;}
.fop-paypal-item .checkbox { float: left; margin-right: 20px; background-color: #ddd; padding: 8px 5px; display: inline-block; }
.fop-paypal-checkbox { float:left; margin-right:10px; }
.fop-paypal-marketing_block { overflow: hidden; }
.fop-paypal-marketing_text {float: left; width: 550px; margin-right: 10px; margin-bottom: 15px; }
#payment .fop-paypal-item li { display: list-item; float: none; width: auto; padding: 0; text-align: left; margin-left: 20px; font-weight: normal; }
.fop-paypal-links a { border-right: 1px solid #444; padding-right: 5px; margin-right: 5px; }
.fop-paypal-links a.last-paypal-link { border-right: none }
.card-paypal-amount-charged { float: right; font-weight: bold; }
.fop-paypal-item .amount { float: right; font-weight: bold; margin-left: 1em; }
.fop-directDebit-marketing_block { overflow: hidden; }
.fop-directDebit-marketing_text {float: left; width: 550px; margin-right: 10px; margin-bottom: 15px; }

/* SML PayLater FOP */
#payment .fop-sml_pay_later-item { width: 100%; background-color: #fff; padding: 0; }
.fop-sml_pay_later-item p { margin: 8px 0; }
.fop-sml_pay_later-item label { display: block; margin: 10px 0; }
.fop-sml_pay_later-item .checkbox-label { display: inline; margin: 0 0 0 15px; }
.sml_pay_later-selectbox-container { display: inline-block; }
.card-smlPayLater-amount-charged { float: right; font-weight: bold; }
.fop-sml_pay_later-item .amount { float: right; font-weight: bold; margin-left: 1em; }
#payment .card-smlPayLater .rel { display: inline; position: relative; }

/* SML PayNow FOP */
#payment .fop-sml_pay_now-item { width: 100%; background-color: #fff; padding: 0;}
.fop-sml_pay_now-item .checkbox { background-color: #ddd; margin-bottom: 10px; padding: 4px 0 0 4px; width: 100px; }
#payment .fop-sml_pay_now-item ul { padding: 3px; }
#payment .fop-sml_pay_now-item li { display: list-item; list-style-type: none; float: none; width: auto; padding: 4px; text-align: left; margin-left: 20px; font-weight: bold; }
.fop-sml_pay_now-item input { float: left; }
.fop-sml_pay_now-item .input-label { display: block; font-weight: bold; overflow: hidden; padding: 0 0 10px 10px; }
.card-sml_pay_now-available-banks { width: 245px; height: 125px; border: 1px solid #000; float: left; margin-right: 15px; font-weight: bold; }
.card-sml_pay_now-available-banks .header { background-color: #ddd; text-align: center; padding: 3px; }
.card-sml_pay_now-information-text { height: 135px; }
.card-smlPayNow-amount-charged { float: right; font-weight: bold; }
.fop-sml_pay_now-item .amount { float: right; font-weight: bold; margin-left: 1em; }
#payment .card-smlPayNow .rel { display: inline; position: relative; }
.fop-paypal-marketing_block { overflow: hidden; }
.fop-paypal-marketing_text {float: left; width: 550px; margin-right: 10px; margin-bottom: 15px; }

/* gift card & UATP eVoucher FOP */
#payment .fop-voucher-item { width: 100%;}
#payment .fop-giftcard-item  { background-color: #fff;}
#payment .fop-voucher-item .marketing_block {margin-left: 15px; margin-right: 15px; margin-bottom: 10px;}
#payment .fop-voucher-item label { display:block; float: left; width: 125px; margin-right: 4px; line-height:20px; text-align: right; font-size: 0.825em; }
#payment .fop-voucher-item .column1 label { width: 60px; padding: 0 2px 0 0;}
#payment .fop-voucher-item .value { float: left; text-align: left; line-height:20px; font-size: 0.825em; }
#payment .fop-voucher-item .fop-voucher-initial { clear: both;}
#payment .fop-voucher-item .fop-voucher-initial .button-gray { float: left; background-image: url(../images/button-sprite-gray.png); height:27px; margin:5px 0 0 0; }
#payment .fop-voucher-item .fop-voucher-initial .uatp-voucher-apply { margin: 0; }
#payment .fop-voucher-item .fop-voucher-selected .button-gray { background-image: url(../images/button-sprite-gray.png); height:27px; position: absolute; top: 50%; right:0; margin:-14px 10px 0 5px; }
#payment .fop-voucher-item .voucher-no-second-fop { padding-left: 120px; }
#payment .fop-voucher-item .voucher-no-second-fop .button-gray { float: left; }
#payment .fop-voucher-item .button-gray input { background-image: url(../images/button-sprite-gray.png); height:27px; line-height:27px; font-size: 0.825em; letter-spacing:0; color: #888; text-shadow: none; text-transform:none; padding-bottom:0; }
#payment .fop-voucher-item .add_card_details { padding: 10px 0; font-weight: bold; }
#payment .fop-voucher-item .fop-voucher-selected { clear: both; position: relative; padding: 10px; border-radius: 5px; overflow: hidden; }
#payment .fop-voucher-item .column1 { float: left; width: 200px; }
#payment .fop-voucher-item .column2 { float: left; width: 280px; }
#payment .fop-voucher-item .field { margin: 5px 0; }
#payment .fop-voucher-item .fop-voucher-selected .field { overflow: hidden; margin: 0; }
#payment .fop-voucher-item .bold { font-weight: bold; }
#payment .fop-voucher-item .icon { float: left; margin: 0 15px 10px 0; background: url(../images/payment-gift-card.png) top left no-repeat; width: 70px; height: 48px; }
#payment .fop-voucher-item .message { margin: 0 0 0 80px; padding: 5px 5px 5px 40px; line-height :18px; }
#payment .fop-voucher-item .message-error { background: url(../images/flomes-error.gif) left center no-repeat; }
#payment .fop-voucher-item .message-warn { background: url(../images/flomes-warn.gif) left center no-repeat; }
#payment .fop-voucher-item .message-info { background: url(../images/flomes-info.gif) left center no-repeat; }
#payment .fop-giftcard-item .giftcard-messages .message-text1 { font-weight: bold; }
#payment .fop-uatp-voucher-initial .textfield { margin-right: 10px; }
#payment .fop-uatp-voucher-item .pincode-hint { color: #808080; }
#payment .fop-uatp-voucher-item .voucher-cancel { margin-left: 15px;}
#payment .fop-uatp-voucher-item .voucher-uatp-voucher-cancel-span, #payment .fop-uatp-voucher-item .uatp-voucher-apply { display: table-cell; vertical-align: middle; }
#payment .fop-uatp-voucher-item .voucher-uatp-voucher-actions { display: table; }
#payment .fop-uatp-voucher-item .message-error { color: #c10000; }
#payment .multi-fop-section-title-uatpVoucher { display: none; }
#payment .multi-fop-body .multi-fop-section .fop-voucher-item .uatp-voucher-header { padding-top: 0 !important; }
#payment .fop-voucher-item .fop-voucher-selected.fop-uatp-voucher-selected { border-radius: 0; padding-top: 0;}
#payment .fop-voucher-item .fop-uatp-voucher-selected label { min-width: 180px; float: left; text-align: left; }
#payment .fop-voucher-item .fop-uatp-voucher-selected .column0 .check { background: url(../images/check.png) left center no-repeat; min-height: 21px; }
#payment .fop-voucher-item .fop-uatp-voucher-selected .column0 { display: inline-block; width: 36px; }
#payment .fop-voucher-item .fop-uatp-voucher-selected .column2 { margin-left: 36px;}
#payment .fop-voucher-item .fop-uatp-voucher-selected .column1 { display: inline-block; float: none; min-width: 320px;}
#payment .fop-voucher-item .fop-uatp-voucher-selected .column1 label { font-size: 1.2em; line-height: normal; }
#payment .fop-voucher-item .fop-uatp-voucher-selected .column1 .value { line-height: normal; padding-top: 5px; }
#payment .fop-voucher-item .fop-uatp-voucher-selected .column2 { margin-top: 15px; }
#payment .fop-voucher-item .fop-uatp-voucher-selected .column2 .value { float: right; text-align: right; }
#payment .fop-voucher-item .fop-uatp-voucher-selected .column2 .field:first-child { font-weight: bold; }
#payment .fop-voucher-item .uatp-voucher-messages .message { margin-left: 0px; padding-left: 36px; padding-top: 20px; padding-bottom: 20px;}
#payment .fop-voucher-item-applied .uatp-voucher-messages .message:first-child { border-top: 1px solid #d6d6cd; }
#payment .fop-voucher-item .uatp-voucher-messages .message > * { display: inline; }
#payment .fop-voucher-item .uatp-voucher-messages { padding:10px; margin-bottom: -20px;}
#payment .fop-voucher-item .uatp-voucher-messages .message-warn .message-text1 { font-weight: bold; }
#payment .fop-voucher-item .fop-uatp-voucher-initial { padding: 0px 15px; }
#payment .fop-uatp-voucher-initial .textfield { width: 143px; }
#payment .fop-voucher-item .fop-uatp-voucher-initial .field label { width: 125px; margin-left: 25px; }
#payment .fop-uatp-voucher-item .button-gray input { width: 155px; background-position: left top; margin-left: 0; color: #fff; }
#payment .fop-uatp-voucher-item .voucher-pin-code { border-bottom: 1px solid #d6d6cd; padding-bottom: 10px; margin-bottom: 10px; }
#payment .fop-voucher-item .uatp-voucher-messages-error { margin-bottom: 15px; }
#payment .fop-voucher-item .uatp-voucher-messages-error .message { margin: 0 0 0 15px; }
#payment .fop-voucher-item .uatp-voucher-messages-error .message-text2 { display: none; }
#payment .fop-voucher-item .uatp-voucher-add-card-details { display: none; }
#payment .fop-voucher-item .uatp-voucher-marketing-header-container { margin-bottom: 20px; }


/* frequent flyer FOP */
#payment .fop-frequentFlyer-item { width: 100%; }
#payment .fop-frequentFlyer-item .frequent-flyer-title { margin: 0 0 10px 8px; font-weight: bold; font-size: 0.9em; }
#payment .fop-frequentFlyer-item .frequent-flyer-header { margin: 0 0 10px 12px; }
#payment .fop-frequentFlyer-item label { display: inline-block; width: 21%; padding-right: 4px; }
#payment .fop-frequentFlyer-item .link-forgotPassword { margin: 0 0 23px 23%; }
#payment .fop-frequentFlyer-item #login { margin-left: 23%; padding: 5px; }
#payment .fop-frequentFlyer-item .frequent-flyer-label { font-weight: bold; }
#payment .fop-frequentFlyer-item .frequent-flyer-row { display: inline-block; width: 60% }
#payment .fop-frequentFlyer-item .frequent-flyer-price { font-weight: bold; float: right; }
#payment .fop-frequentFlyer-item .frequent-flyer-breakdown { margin-left: 20px; }
#payment  .paymentSlider_insufficient_miles { background: url(../images/ff-warn.gif) left center no-repeat; margin: 10px; padding: 5px 5px 5px 35px; float: left }
#payment  .paymentSlider_no_award_price_error { background: url(../images/ff-warn.gif) left center no-repeat; margin: 10px; padding: 5px 5px 5px 35px; float: left }
#payment  .ff-paymentSlider-extrasRedemption-balance {padding:0 20px 8px 20px; color: #000; margin-left: 2px; padding-top: 10px;}

/* radio view */
#payment .radio-view .fop-item-select { width: 200px; float:left; vertical-align: middle; padding-right: 10px; height: 30px;}
#payment .radio-view .fop-item-select-credit {width: 400px; !important;}
#payment .radio-view .fop-item-select input,
#payment .radio-view .fop-item-select label,
#payment .radio-view .fop-item-select a { line-height: 18px; vertical-align: middle}
#payment .radio-view .fop-item-select .fop-credit { line-height: 25px; vertical-align: middle}

#payment .radio-view .fop-item-row { margin: 10px 20px;overflow: hidden; clear: left; }
#payment .extendedView .radio-view .fop-item-row { margin: 5px 20px 0px; padding: 15px 0 10px; border-top: 1px solid #eaebe6;}
#payment .extendedView .radio-view .fop-item-row.first {border-top: none;margin-top:0; padding-top:0;}

#payment .radio-view .fop-item-label { margin-right: 0px; padding-right: 3px; }
#payment .radio-view .field { margin: 0; padding: 5px 0; line-height: 20px; clear: left; }
#payment .radio-view .field label { width: 175px; margin-right: 4px; float: left; }
#payment .radio-view .fop-icons { float: left; margin-left: 190px; }
#payment .extendedView .radio-view .fop-tab  .fop-icons { float: right; }
#payment .radio-view .fop-security-logo { float: right; margin-right: 20px; width: 79px; height: 56px; background: none; }
#payment .radio-view h3 { float: left; width: 100%; margin: 0 0 10px 0; font-size: 1em; padding: 0 20px 8px 20px }
#payment .extendedView .radio-view h3 { float: none; width: auto; margin: 10px 0; padding-bottom:0}

#payment .radio-view .sections-list { margin: 10px 0 10px 0; }
#payment .radio-view .payment-type .credit-card-form { padding: 0px; }
#payment .radio-view .payment-type .billing-data{ background-color: #fff; }
#payment .radio-view .payment-type .billing-data .sameAsContactAddress { float :left; padding-left : 150px }
#payment .radio-view .payment-type .frequentFlier-data{ background-color: #fff; }
#payment .radio-view .payment-type { margin: 0px; background: none; }
#payment .radio-view .payment-type li { padding: 2px 5px; margin: 0; width: 100%; text-align: left; }
#payment .radio-view .payment-details label { font-size: 0.85em; }
#payment .radio-view .fop-icon { display: none; width:35px; height:22px; margin-right: 5px; background: url(../images/payment-fop-icons.png) top left no-repeat; }
#payment .radio-view .fop-icon-ax { display: inline-block; background-position: 0 0; }
#payment .radio-view .fop-icon-ba { display: inline-block; background-position: -35px 0; }
#payment .radio-view .fop-icon-vi { display: inline-block; background-position: -35px 0; }
#payment .radio-view .fop-icon-dc { display: inline-block; background-position: -70px 0; }
#payment .radio-view .fop-icon-ds { display: inline-block; background-position: -105px 0; }
#payment .radio-view .fop-icon-gc.fop-icon-giftCard { display: inline-block; background-position: -140px 0; }
#payment .radio-view .fop-icon-ik { display: inline-block; background-position: -175px 0; }
#payment .radio-view .fop-icon-ca { display: inline-block; background-position: -175px 0; }
#payment .radio-view .fop-icon-jb { display: inline-block; background-position: -210px 0; }
#payment .radio-view .fop-icon-po { display: inline-block; background-position: -245px 0; }
#payment .radio-view .fop-icon-pp { display: inline-block; background-position: -280px 0; }
#payment .radio-view .fop-icon-tp, #payment .radio-view .fop-icon-gc.fop-icon-uatpVoucher { display: inline-block; background-position: -315px 0; }
#payment .radio-view .fop-icon-af { display: inline-block; background-position: -385px 0; }
#payment .radio-view .fop-icon-pt { display: inline-block; background-position: -420px 0; }

/* AFOP */
#payment .radio-view .fop-icon-afop { display: inline-block; background-position: -175px 0; width: 105px; }
#payment .gender { float: left; text-align: right;}
#payment #afopFirstName { float: left; z-index: 2}
#payment #afopLastName { z-index: 1}
#payment #afopLastNameNoLabel { display: none }
#payment .alignFirstLastName { float: left; }
#payment #details_afop-0-afop-0 { margin-bottom: 0; margin-left: 5px}
#payment #afopGenderEnabled > label:first-child + label { width: 70px}
#payment #afopGenderEnabled > label:first-child + label + label { width: 70px}
#payment #afop-0-afop-0_afopCountry, #payment .extended-afop-details .countriesOptions, #payment .extended-afop-details #purchaserInfo-dropdown { width: 155px!important}
#payment .extended-afop-details div.column { width: 80% }
#payment #afop-0-afop-0_afopProvince { width: 155px!important}
#payment #afopLastName > label { height: 10px; width: 10px!important}
#payment .clear-float-purchaserDropdown { display:inline-block; overflow:hidden; }

#payment #purchaserContactInfo_frequentFlyerProgram{ width: 100px; margin-right: 0px; padding-right: 1px; }
#payment #purchaserContactInfo_frequentFlyerNumber { width: 85px; margin-right: 0px; padding-right: 1px; }



.payc-integrated #payment { background: url(../images/border-white-bg.gif) repeat-y; padding-bottom: 0; }
.payc-integrated #payment #payment-wrapper { background: url(../images/border-white-bottom.gif) no-repeat bottom left; margin-bottom: 2px; padding-bottom: 12px;}
.payc-integrated #payment .multi-fop-body { border: 0; }
.payc-integrated.amountdue-integrated #payment .payment-content { background: none; }

.payc-integrated .payc #componentTitle { background: url(../images/border-white-top.gif) no-repeat top left; }
/* learn more */
#payment .radio-view .disabledLink { display:none; }
#payment .radio-view .learnMoreIframe  {height: 460px; width: 450px; border: 0;margin-top: 10px; margin-bottom: -15px}
#payment .radio-view .learnMoreStatic {width: 200px; height: 100px; overflow: auto}

/*  Show Fop Credits */
#payment .radio-view .hideBalance { display:none; }

/* radio layout security code overlay body */
#payment .radio-view .threeDigitSecurityCode {background: url(../images/3digit-cvv.png); background-repeat: no-repeat; background-position: center; margin-left: 1.12em}
#payment .radio-view .fourDigitSecurityCode {background: url(../images/4digit-cvv.png); background-repeat: no-repeat; background-position: center; margin-left: 1.12em}
#payment .radio-view .rightBordered {border-style:solid ; border-color: #e8eff7; border-left: 0px; border-top: 0px; border-bottom: 0px; border-right: 5px solid #C6C7CB}
#payment .radio-view .securityCodeOverlay {overflow: auto; margin-top: 15px; width: 460px; height: 300px}
#payment .radio-view .securityCodeTable {table-layout: fixed; margin-top: 8px}
#payment .radio-view .securityCodeTable .paragraphCell {vertical-align: top}
#payment .radio-view .securityCodeTable .textParagraph {padding-top: 0px}
#payment .radio-view .securityCodeTableColumn {width:50%}
#payment .radio-view .securityCodeImage {height: 142px}
#payment .radio-view .presentCreditCardMessage {
margin-left: 190px;
display: block;
}
/* credit card radio view card number part input */
#payment .radio-view .credit-card-input {margin-right: 10px; }

/* insurance unacceptable fop overlay */
#insurance-unacceptable-overlay #fop-names {font-weight:bold}
#insurance-unacceptable-overlay table {text-align:center; margin: 30px auto auto; border-collapse: separate; border-spacing: 20px}
#insurance-unacceptable-overlay #remove-link {text-decoration: underline; font-size: 0.9em}
#insurance-unacceptable-overlay #change-button {text-transform: capitalize; font-size: 0.975em}
#insurance-unacceptable-overlay h3 {margin-left:20px; padding:10px 0 15px 0; font-size: 1.05em; font-weight: bold;}

#payment .radio-view .payment-type .installment-data{ background-color: #fff; }
#payment .radio-view fieldset { width: 100%; clear: both; }
#payment .dynamic .fop-icon {background: url(../images/cc-sprite.png);}
#payment .dynamic .fop-icon-ba { background-position: 0 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ba.gray { background-position: 0 -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-vi { background-position: 0 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-vi.gray { background-position: 0 -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ik { background-position: -40px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ik.gray { background-position: -40px -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ca { background-position: -40px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ca.gray { background-position: -40px -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ax { background-position: -80px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ax.gray { background-position: -80px -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ds { background-position: -120px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-ds.gray { background-position: -120px -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-dc { background-position: -160px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-dc.gray { background-position: -160px -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-jb { background-position: -200px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-jb.gray { background-position: -200px -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-tp { background-position: -240px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-tp.gray { background-position: -240px -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-tp { background-position: -240px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-tp.gray { background-position: -240px -30px; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-pt { background-position: -280px 0; width: 35px; height: 22px; }
#payment .dynamic .fop-icon-pt.gray { background-position: -280px -30px; width: 35px; height: 22px; }
.pagatodo-color{ background-position: -280px 0; width: 35px; height: 22px; }
.pagatodo-gray { background-position: -280px -30px; width: 35px; height: 22px; }

/* submit overlay */
.payc .submit-overlay {width: 100%; height: 100%; top: 0; left: 0; z-index: 99; opacity: 0; position: absolute;}
.pinCodeOverlay { margin:20px 10px 10px 10px;}

/* retail payment */
#payment .fop-retail-item {padding:17px 10px 15px 10px;}
.fop-retail-providers-icons {background: url(../images/retail-payment-provider-icons.png);height: 40px;width: 417px;margin-left:auto;margin-right:auto;}
.fop-retail-learn-more {width:475px;}
.fop-retail-learn-more .fop-retail-providers-icons {background: url(../images/retail-payment-provider-icons.png);height: 40px;width: 417px;}
.fop-retail-learn-more .fop-retail-marketing_text {margin: 20px;}

/* extended Afop VIEW */
#payment .radio-view .extended-fop-body {margin:0 20px 0 36px;}
#payment .radio-view .extended-fop-body .payment-type { background-color:#eaebe6; margin: 0; width: 624px; padding:10px}
#payment .radio-view .extended-fop-body .payment-type.radio-view { padding: 0}
#payment .radio-view .extended-fop-body .extended-afop-details .payment-type.radio-view {background:#fff}

#payment .radio-view .extended-fop-body h3 {display:none;}

/* Direct Debit */
.direct-debit-tabs {
    color: #000;
    margin: 5px 0px 5px 0px;
    z-index: 1;
    padding: 0px 0px 0px 189px;
}

.direct-debit-li {
    display: inline !important;
    overflow: hidden;
    width:auto !important;
    list-style-type: none !important;
    border-radius: 3px;
    border: 1px solid #d3d3d3 !important;
    background-color: #ffffff !important;
    padding: 2px !important;
}

.direct-debit-li.selected {
    border: 1px solid #000 !important;
    background-color: #666666 !important;
}

.direct-debit-li .direct-debit-tab {
    display: inline;
    overflow: hidden;
    list-style-type: none;
    padding: 1px;
    font-weight: normal;
    color: #A3A3A3;
    cursor: pointer !important;
}

.more-info{
    height: 26px;
    background: url(../images/button-info.png) no-repeat;
    float:right;
    width:26px;
    cursor: pointer;
    position: absolute;
}

.direct-debit-tabs .selected .direct-debit-tab {
    font-weight: bold;
    color: #E3E3E3;
}

.paycDirectDebitInfo {
    background-color: #FFFFCC !important;
    border: 1px solid black !important;
}

.paycDirectDebitInfoHeader {
    background-color: #FFFFCC !important;
}

.paycDirectDebitInfo:before {
    content:'';
    position: absolute;
    right: 100%;
    top:4px;
    width:0px;
    height:0px;
    border-top:11px solid transparent;
    border-right:15px solid black;
    border-bottom:11px solid transparent;
}

.paycDirectDebitInfo:after {
    content:'';
    position: absolute;
    right: 100%;
    top:5px;
    width:0px;
    height:0px;
    border-top:10px solid transparent;
    border-right:13px solid #FFFFCC;
    border-bottom:10px solid transparent;
}

.payment-tabs-container {
    width: auto;
}

.payment-tabs {
    color: #000;
    margin: 12px 0px 10px 0px;
    z-index: 1;
    padding: 0px 0px 0px 20px;
}

.payment-li {
    display: inline;
    overflow: hidden;
    list-style-type: none;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    background-color: #ffffff;
    padding: 5px;
}

.payment-li.selected {
    border: 1px solid #000;
    background-color: #666666;
}

.payment-li a {
    text-decoration: none;
}

.payment-li .payment-tab {
    display: inline;
    overflow: hidden;
    list-style-type: none;
    padding: 1px;
    font-weight: normal;
    color: #A3A3A3;
}

.payment-tabs .selected .payment-tab {
    font-weight: bold;
    color: #E3E3E3;
}

div.fop-item-accordion > input + label {
    background: url(../images/accordion_btn.png) 0px 0px no-repeat;
    height: 16px;
    padding: 6px 50px 20px 35px;
    position: relative;
}

div.fop-item-accordion > input {
    opacity: 0;
    position: relative;
    left: 20px;
    top: 5px;
    z-index: 10;
}

div.fop-item-accordion-expanded > input {
    opacity: 0;
    position: relative;
    left: 20px;
    top: 5px;
    z-index: 10;
}

.splitSections-indent {
    position: relative;
    left: 20px;
}

#split-sections-list-id .split-apply-container {
    display: table;
    margin-top: 30px;
    width: 644px;
    padding: 5px 0;
    line-height: 20px;
    clear: left;
    border-top: 1px solid #d6d6cd;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(214, 214, 205);
    padding-top: 20px;
}

#split-sections-list-id .split-apply-container label {
    width: 175px;
    margin-right: 13px;
    padding-right: 10px;
    float: left;
    clear: left;
    display: inline;
}

#split-sections-list-id .split-apply  {
    float: left;
    margin-left: 0px;
}

#split-sections-list-id .split-apply input {
    font-size: 0.825em;
    letter-spacing: 0;
    text-transform: none;
    padding-top: 2px;
    padding-bottom: 8px;
    outline: none;
}

#split-sections-list-id .split-payment-applied
{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(234, 235, 230);
    background-image: none;
    background-size: auto;
    color: rgb(79, 78, 64);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8264em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: left;
}

#split-sections-list-id .split-payment-applied .column0 .check { background: url(../images/check.png) left center no-repeat; min-height: 21px; }
#split-sections-list-id .split-payment-applied .column0 { display: inline-block; width: 36px; margin-right: 7px; margin-top: 4px;}
#split-sections-list-id .split-payment-applied .column1 { display: inline-block; float: none; padding-top: 5px; position: absolute; margin-top: 3px; }
#split-sections-list-id .split-payment-applied .column1 label { font-size: 0.825em; font-weight: bold; line-height: normal; }
#split-sections-list-id .split-payment-applied .column1 .value { display: inline-block; line-height: normal; padding-top: 5px; }

#split-sections-list-id  .split-payment-applied .column2 { margin-left: 50px; display: inline-block; margin-top: 0px; padding-top: 5px;}
#split-sections-list-id  .split-payment-applied .column2 .value { line-height: normal; padding-top: 5px; display: inline-block; }
#split-sections-list-id  .split-payment-applied .column2 .field:first-child { font-weight: bold; display: inline-block;}

#split-sections-list-id  .split-payment-applied .column3 { margin-left: 30px; display: inline-block; margin-top: 0px; padding-top: 5px; font-weight: bold;}
#split-sections-list-id  .split-payment-applied .column4 { margin-left: 200px; display: inline-block; margin-top: 0px; padding-top: 5px;}

#split-sections-list-id  .split-payment-applied .split-messages-container {margin-top: 10px; border-top: 1px solid #d6d6cd;}
#split-sections-list-id  .split-payment-applied .split-messages-container .split-messages { margin-left: 0px; padding-left: 36px; padding-top: 20px; padding-bottom: 10px;}
#split-sections-list-id  .split-payment-applied .split-payment-remove-button  input { color: #0066cc; font-style: normal; font-family: "Verdana Regular", "Verdana";}
#split-sections-list-id  .split-payment-applied .header {display: block; margin-bottom: 10px;}

.split-payment-tooltip {
    display: inline;
    margin: 5px;
    position: relative;
    bottom: 5px;
}

#amountToChargeInfoOverlay h4 {
    display:block !important;
}

.interest-desc {
    padding-left: 5px;
    font-family:'Verdana Regular', 'Verdana';
    font-weight:400;
    color:#666666;
}

.no-interest-desc {
    font-family: 'Verdana Regular', 'Verdana';
    font-weight: 400;
    color: #000000;
}

.promo-interest-desc {
    font-family:'Verdana Bold', 'Verdana';
    font-weight:700;
    color:#0099CC;
}

.payment-option-empty {
    float: left;
    width: 175px;
    text-align: right;
    padding-right: 15px;
}

#payment #installment-data .payment-option-desc {
    width: 350px;
    text-align: left;
    margin-bottom: 10px;
}

.installment-radio {
    float: left;
    margin-top: 2px;
}

.bold {
    font-weight: bold;
}

.installment-desc {
    padding-left: 5px;
}

.invalid-card-bin-message, .invalid-card-bin-name {
    color:#CF153C;
}

.invalid-card-bin-name {
    font-weight: bold;
}

.different-card-message {
    padding-left: 190px;
}

.clear-left {
    clear: left;
}
div#paymentdccContainer{
    overflow:hidden;
}

div.paymentdccHeader{
    font-weight: bold;
}

div.paymentdccDescription{
    margin-bottom: 10px;
    margin-top: 10px;
}

div.paymentdccRadioLabel{
    width:auto;
    float:left;
}

div.paymentdccRadio{
    float:left;
    width:480px;
}

span.dccOfferDescription{
    width:100%;
    margin-left: 16px;
    display: block;
}

span.dccOfferRadio{
    width:100%;
    font-weight: bold;
    display: block;
    text-align:left !important;
}/* Payment Slider Component */
#paymentSlider {margin-bottom:20px}
#paymentSlider dl,#paymentSlider dt, #paymentSlider dd, #paymentSlider p, #paymentSlider a, #paymentSlider td {font-size: 1.0em;}
#paymentSlider h3 {margin: 3px 11px 13px}
#paymentSlider h4 {font-size: 1.05em;color:#000;margin-bottom:8px;}
#paymentSlider-InfoBox {margin:0 0 20px 10px}
#paymentSlider-InfoBox dl {overflow:hidden;}
#paymentSlider-InfoBox dt {float:left;clear:left;width:136px;margin:0 8px 6px 0}
#paymentSlider-InfoBox dd {float:left;width:460px;margin-bottom:6px}
#paymentSlider-InfoBox p {margin-bottom:8px}
#paymentSlider-InfoBox a {text-decoration:underline}
#paymentSlider-InfoBox em {color:#999;font-style:normal;}
#paymentSlider-Slider {margin:0 0 20px 10px}
#paymentSlider-Slider>div {padding: 0 7px}
#paymentSlider-Slider h4 {float:left;margin-right:4px}
#paymentSlider-Slider .paymentSlider_msg1 {float:left;margin-right:4px;margin-bottom:8px}
#paymentSlider-Slider .paymentSlider_msg2 {float:left;overflow:hidden;margin-bottom:8px;width:460px}
#paymentSlider-Slider .paymentSlider_msg3 {clear:both;margin-bottom:10px;}
#paymentSlider-SliderComponent {overflow:hidden;width:595px;margin-left:15px}
#paymentSlider-SliderPlaceholder {float:left;margin:0 10px;width:335px;padding-top:24px}
#paymentSlider-LeftBox {float:left;}
#paymentSlider-RightBox {float:right;}
.paymentSlider_plusBox {display:block;}
.sliderMilesBox-label,.slider-cash-box {display:block;font-size: 0.975em;color:#9C9C9B;margin-bottom:2px;}
.paymentSlider_plusBox strong {display:block;font-size: 0.975em;color:#9C9C9B;margin-bottom:2px;}
.paymentSlider_plusBox input {height:26px;line-height:26px;padding:0px 2px;border:1px solid #B2B19F;font-size: 0.975em;font-weight:bold;color:#333;text-align:right;}
.paymentSlider_plusBoxMiles {width:90px}
.paymentSlider_plusBoxMiles input {width:84px}
.paymentSlider_plusBoxCash {width:150px}
.paymentSlider_plusBoxCash input {width:97px}
#paymentSlider-LeftBox strong {text-align:right}
#paymentSlider-RightBox strong {text-align:left}
#paymentSlider-LeftBox .paymentSlider_input {float:right;}
#paymentSlider-RightBox .paymentSlider_input {float:left;}
.ie7 #paymentSlider-LeftBox .paymentSlider_input {max-width:149px;}
.ie7 #paymentSlider-RightBox .paymentSlider_input {max-width:149px;}
.paymentSlider_inputCurrency {border:1px solid #B2B19F;height:26px;line-height:26px;font-size: 0.975em;font-weight:bold;color:#333;}
.paymentSlider_inputCurrBef input {float:left;border-left:0;text-align:left}
.paymentSlider_inputCurrAft input {float:right;border-right:0;text-align:right}
.paymentSlider_inputCurrBef .paymentSlider_inputCurrency {float:left;border-right:0;padding-left:2px}
.paymentSlider_inputCurrAft .paymentSlider_inputCurrency {float:right;border-left:0;padding-right:2px}
#paymentSlider-SliderPlaceholder .yui3-slider-x .yui3-slider-rail, #paymentSlider-SliderPlaceholder .yui3-slider-x .yui3-slider-rail-cap-left,
#paymentSlider-SliderPlaceholder .yui3-slider-x .yui3-slider-rail-cap-right {background-image: url(../images/slider-payment.png) !important;}
#paymentSlider-Separator {height:1px;background:#B3B49F;}
#paymentSlider-Summary table {border:0;border-collapse:collapse;width:100%}
#paymentSlider-Summary td {padding:8px 4px}
#paymentSlider-Summary .paymentSlider_monetarySummary {background-color:#FFFFCC}
#paymentSlider-Summary .paymentSlider_info {color:#8D7785;padding-left:18px}
#paymentSlider-Summary .paymentSlider_desc {font-weight:bold;text-align:right;white-space:nowrap;}
#paymentSlider-Summary .paymentSlider_price {font-weight:bold;text-align:right;padding-right:24px;white-space:nowrap;}
.paymentSlider_applyButton {overflow:hidden;margin-top:15px}
.paymentSlider_applyButton .button {float:left;margin:0}
.paymentSlider_applyButtonMilesFirst {margin-left:30px}
.paymentSlider_applyButtonCashFirst {margin-left:520px}
#paymentSlider .changeButtonBox input {color: #FFFFFF;height: 25px;padding: 3px; float:right; margin-right:25px;margin-top:25px;font-size: 1.125em;font-weight:bold;}
#paymentSlider .paymentSlider-Summary {width:75%;float:left;}
#paymentSlider .overflow-fix{clear:both;overflow:auto;}
#paymentSlider .sliderHiddenMessageBox{margin-left: 10px;}
#paymentSlider .paymentSlider_monetarySummary{background: #FDFEE6; clear: both; font-size: 0.9em; height: 22px; margin-left: 10px; padding:5px;}
#paymentSlider .paymentSlider_monetarySummary .paymentSlider_desc, #paymentSlider .paymentSlider_monetarySummary .paymentSlider_price{font-weight:bold;}
#paymentSlider .buttons {width: 160px;}
#paymentSlider .ancillaryContainer{position: relative;}
#paymentSlider .ancillaryContainer .buttons button{width:80px;height:30px;background-color:#F6F6F6;background-image:linear-gradient(#F0F0F0,#FDFDFD);background:#F6F6F6;background:linear-gradient(#F6F6F6,#FDFDFD);margin:0px;border:1px solid #CCCCCC;float: left;}
#paymentSlider .ancillaryContainer .buttons button:hover{ background-color:#FDFDFD;background-image:linear-gradient(#FDFDFD,#F6F6F6);background:#FDFDFD;background:linear-gradient(#FDFDFD,#F6F6F6);}
#paymentSlider .ancillaryContainer .buttons .currency{border-top-right-radius:4px; border-bottom-right-radius:4px;}
#paymentSlider .ancillaryContainer .buttons .points{border-top-left-radius:4px;border-bottom-left-radius:4px;}
#paymentSlider .ancillaryContainer .buttons .disabled,#paymentSlider .ancillaryContainer .buttons .disabled:hover{background-color:#DDDDDD}
#paymentSlider .ancillaryContainer .buttons .selected{background-color:#BBDDDD;background-image:linear-gradient(#BBDDDD,#99CCFF);background:#BBDDDD;background:linear-gradient(#BBDDDD,#99CCFF);}
#paymentSlider .ancillaryContainer .buttons .selected:hover{background-color:#99CCFF;background-image:linear-gradient(#99CCFF,#BBDDDD);background:#99CCFF;background:linear-gradient(#99CCFF,#BBDDDD);}
#paymentSlider .hover-warning{width: 200px;height: 50px;background: #F4FFd5;float: left;margin-left: -2px;border: 1px solid #aaaaaa;}
#paymentSlider .ancillaryContainer{clear: both; margin:0px auto 25px auto;height:80px;float:none; width:90%;border-bottom:2px solid #CCCCCC; }
#paymentSlider .paymentSlider-extrasRedemption-description,#paymentSlider .paymentSlider-extrasRedemption-balance{margin:10px 20px 10px 20px}
#paymentSlider .paymentSlider-dynamicSliderText{float:left; margin-top:25px;margin-right:80px;}
#paymentSlider  #paymentSlider-state,#paymentSlider  #paymentSlider-totalSection{float:left;clear: both; margin-left:205px;}
#paymentSlider .plusSign{margin: 0px 5px;}
.CASH_AWARD .monetaryState,.CASH_AWARD .pointsState,.CASH_AWARD .plusSign, .ancillary-name .ancillary-quantity{float:left}
#paymentSlider .paymentSlider-stateDescription{color:#999999;float:left;}
#paymentSlider .ancillary-icon{clear:left;float:left;width:30px;height: 30px; background: url(../images/cart_icons.png) no-repeat;}
#paymentSlider .ancillary-icon-BG {background-position:0 -122px;}
#paymentSlider .ancillary-icon-Car {background-position:0 -180px;}
#paymentSlider .ancillary-icon-Hotel {background-position:0 -150px;}
#paymentSlider .ancillary-icon-AirFare {background-position:0px;margin-top:20px;}
#paymentSlider .ancillary-name{width:150px;float:left;line-height:30px;margin-right:25px;}
.rightArrowBox,.leftArrowBox,.topArrowBox,.bottomArrowBox {width: 150px; height: 60px; display: inline-block; background-color: #F4FFd5; position: relative; border: 1px solid #999999; border-radius:5px; }
.rightArrowBox.hidden,.leftArrowBox.hidden,.topArrowBox.hidden,.bottomArrowBox.hidden { display: none;}
.rightArrowBox:after, .rightArrowBox:before, .leftArrowBox:after, .leftArrowBox:before, .bottomArrowBox:before,.bottomArrowBox:after,.topArrowBox:before,.topArrowBox:after { border: solid transparent; content: ' '; height: 0; position: absolute; width: 0; }
.rightArrowBox:before { border-width: 12px; border-left-color: #999999; top: 8px; left: 100%;}
.rightArrowBox:after { border-width: 10px; border-left-color:#F4FFd5; top: 10px; left: 100%; }
.leftArrowBox:before { border-width: 12px; border-right-color: #999999; top: 8px; right:100%; }
.leftArrowBox:after { border-width: 10px; border-right-color:#F4FFd5; top: 10px; right:100%;}
.bottomArrowBox:before{ border-width: 14px; border-top-color: #999; top: 100%; left: 32px;}
.bottomArrowBox:after{ border-width: 12px; border-top-color:#F4FFd5; top: 100%; left: 35px;}
.topArrowBox:before{ border-width: 14px; border-bottom-color: #999; bottom: 100%; left: 32px;}
.topArrowBox:after{ border-width: 12px; border-bottom-color:#F4FFd5; bottom: 100%; left: 35px;}
.close{ top:3px; right:3px; position:absolute; border:1px solid #999999; cursor: pointer;}
.leftArrowBox{  margin-left:10px;}
.arrowBox .content{ margin:7px; display: block; cursor:none;}
.paymentSlider-total-description, #paymentSlider-total, .paymentSlider-milesAfterPurchaseSummary{float:left;}
#paymentSlider-dynamicSliderContainer .slider-points-error{
    top: -73px;
    position: absolute;
}

#paymentSlider-RightBox label {text-align:left;font-weight:bold;}
.paymentSlider_plusBox label {display:block;font-size: 0.975em;color:#9C9C9B;margin-bottom:2px;}
#paymentSlider-LeftBox label {text-align:right}/* payment summary component */
.paymentsummary { padding-bottom: 15px; }
#payment-summary.payment-summary-initialized .payment-type { border-width:0 6px 0 4px; border-style:solid; float:left; width:136px; margin:0; padding:0; line-height:18px;}
#payment-summary.payment-summary-initialized .payment-type dd {font-weight:bold;display:inline; padding:0 5px 13px 10px; font-size: 0.9em; color:#2062c1; }
#payment-summary.payment-summary-initialized .payment-type dt  { padding:5px 11px 2px 10px;}
#payment-summary.payment-summary-initialized .payment-wrapper { background:url(../images/component-bg.gif) repeat-y; }
#payment-summary.payment-summary-initialized .payment-content { background:url(../images/component-top.gif) no-repeat top left; padding-top:3px; }
#payment-summary.payment-summary-initialized div.payment { background:url(../images/component-bottom.gif) no-repeat bottom left; padding-bottom:5px; }
.ie7 #payment-summary.payment-summary-initialized div.payment {padding-bottom: 0px}
#payment-summary.payment-summary-initialized .payment-item { padding:5px 2px; width: 690px; overflow: hidden; }
#payment-summary.payment-summary-initialized .payment-item-type { background: url("../images/payment-item-bg.gif") repeat-y 6px 0; }
#payment-summary.payment-summary-initialized .payment-total { float:left; line-height:18px; width:275px; padding:6px 0 0 0; }
#payment-summary.payment-summary-initialized .payment-total dt { float:left; }
#payment-summary.payment-summary-initialized .payment-total dt,
#payment-summary.payment-summary-initialized .payment-total dd { font-weight:bold; display:block; font-size: 0.975em; padding:0 13px 0 13px; }
#payment-summary.payment-summary-initialized .payment-total dd.payment-amounts { text-align:right; }
#payment-summary.payment-summary-initialized .payment-total dd.payment-details { background-image: none; display:block; padding:0 0 0 13px; }
#payment-summary.payment-summary-initialized .payment-total a { text-decoration:underline; font-weight:normal; }
#payment-summary.payment-summary-initialized .payment-breakdown { float:right; display:inline; width:250px; margin: 0; padding: 0; }
#payment-summary.payment-summary-initialized .payment-breakdown dt { float:left; clear:left; width:120px; font-size: 0.9em; padding: 0; margin: 0; }
#payment-summary.payment-summary-initialized .payment-breakdown dd { float:right; text-align:right; font-weight:normal;}
.ie7 #payment-summary.payment-summary-initialized .payment-breakdown dd { width: 100px;}
#payment-summary.payment-summary-initialized .payment-summary h3 {padding:7px 0 1px 0; margin:0;}
#payment-summary.payment-summary-initialized .payment-summary {float:left; width:250px;}
#payment-summary.payment-summary-initialized dl { line-height:18px; }
#payment-summary.payment-summary-initialized .multiple-payments {border: 0 dotted #B2B19F;border-bottom-width: 1px;}
#payment-summary.payment-summary-initialized .payment-remote .payment-total dt { float: left; width: 100px; }
#payment-summary.payment-summary-initialized .payment-remote .payment-total dd { float: right; width: 140px; }
#payment-summary.payment-summary-multiFop .payment-wrapper { background:url(../images/component-bg.gif) repeat-y; width:702px}
#payment-summary.payment-summary-multiFop .payment-content { background:url(../images/confirmation-top.gif) no-repeat top left; padding-top:3px; margin-bottom: 15px;  }
#payment-summary.payment-summary-multiFop div.payment { background:url(../images/component-bottom.gif) no-repeat bottom left; padding-bottom:7px; }
.ie7 #payment-summary.payment-summary-multiFop div.payment {padding-bottom: 0px}
#payment-summary.payment-summary-multiFop .payment-details,
#payment-summary.payment-summary-multiFop .payment-type { background-image:none; }
#payment-summary.payment-summary-multiFop .payment-item { margin-left: 240px; width: 450px; padding:5px 2px; }
#payment-summary.payment-summary-multiFop .multiple-payments { border-width:0 0 1px 0; border-style:dotted; }
#payment-summary.payment-summary-multiFop .last-payment { padding-bottom:0;}
#payment-summary.payment-summary-multiFop .payment .header { border-bottom: 1px dotted #ccc; background: #ECF1F4; margin: 0 2px 5px; padding-bottom: 15px;padding-top: 10px;}
#payment-summary.payment-summary-multiFop .payment .header h2, #payment-summary.payment-summary-multiFop .payment .header h3 { display:inline;padding: 5px 5px 0 7px; color: #255fb0; font-weight: bold; font-size: 1.275em;  }
#payment-summary.payment-summary-multiFop .payment .header a { font-size: 0.9em; font-weight: normal; text-decoration: underline; margin-left: 10px;   }
#payment-summary.payment-summary-multiFop .payment .details-content { background: #fff; border-bottom: 1px dotted #ccc; padding: 15px; margin: 0 2px 5px; }
#payment-summary.payment-summary-multiFop .payment .details-content .total { font-weight: bold; }
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown .ancillaries-extras.expanded {padding-left:20px;}
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown-ancillaries { float: right;  }
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown { border-bottom: 1px dotted #ccc;  margin: 10px 20px; width: 290px;  }
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown .faresBreakdowns{ width:180px;float:left;  }
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown .more-expanded { padding-left: 20px;}
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown .expanded { font-size: 0.825em; color: #6a6a6a; }
#payment-summary.payment-summary-multiFop .payment .payment-summary { border-right: 1px dotted #ccc; padding-right: 7px; padding-left: 7px; }
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown .ancillaries-extras{
    width:200px; float:left; clear:both;  font-size: 0.825em; margin-bottom: 5px;  margin: 0; padding: 0;}
.passenger-type{float:left; clear:right; width:140px;  margin-bottom: 5px; margin:0;padding:0;}
#payment-summary.payment-summary-multiFop .payment .details-content  .prices-all {
    text-align:right; font-size: 1.0em;  margin-bottom: 5px; float: right;  }
.total .currency, .total .prices-amount {
    font-weight: bold;}
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown .more-expanded{width: 185px;
    clear: both;float: left; margin-bottom: 5px;margin: 0;padding: 0;font-size:10px;}
#payment-summary.payment-summary-bnpl .payment .details-content .faresBreakdowns {float:left; clear:right;font-weight: bold; width:160px;  margin-bottom: 5px; margin:0;padding:0;}

#payment-summary.payment-summary-multiFop .payment-summary { float: left; width: auto; }
#payment-summary.payment-summary-multiFop .payment-summary .total { font-size: 1.05em; font-weight: bold; }
#payment-summary.payment-summary-multiFop .payment-summary .total span { font-size: inherit; }
#payment-summary.payment-summary-multiFop .payment-summary .payment-breakdown dt.expanded { padding-left: 20px; }
#payment-summary.payment-summary-multiFop .payment-summary .payment-breakdown .expanded { font-size: 0.825em; color: #999; }
#payment-summary.payment-summary-multiFop .payment-summary .payment-breakdown a { font-weight: normal; text-decoration: underline; }
#payment-summary.payment-summary-multiFop .payment-breakdown a { text-decoration:underline; font-weight:normal; }
#payment-summary.payment-summary-multiFop .payment-item h3 { padding:7px 0 1px 0; margin:0; font-size: 0.9em; float:right; width:262px; }
#payment-summary.payment-summary-multiFop .payment-type { border-width:0 6px 0 4px; border-style:solid; float:left; width:136px; margin:0; padding:0; line-height:18px; }
#payment-summary.payment-summary-multiFop .payment-type .paymenttype {  padding:5px 11px 2px 10px;}
#payment-summary.payment-summary-multiFop .payment-type .paymenttype-dd { font-weight:bold; padding:0 11px 13px 10px; font-size: 1.2em; color:#2062c1; }
#payment-summary.payment-summary-multiFop .payment-total { float:left; line-height:18px; width:300px; padding:6px 0 0 0; }
#payment-summary.payment-summary-multiFop .payment-total .total { float:left;}

#payment-summary.payment-summary-multiFop .payment-total .total { font-weight:bold; display:block; font-size: 0.975em; padding-left:13px; }

#payment-summary.payment-summary-multiFop .payment-total .payment-amounts { text-align:right; }
#payment-summary.payment-summary-multiFop .payment-total .payment-details { display:inline; padding:0 11px 13px 10px; font-weight: normal; }
#payment-summary.payment-summary-multiFop .payment-total a { text-decoration:none; font-weight:normal; pointer-events: none;}
#payment-summary.payment-summary-multiFop .payment-total-eticket-type { display:inline; font-weight:bold; line-height:18px; width:440px; padding:6px 0 0 0;  }
#payment-summary.payment-summary-multiFop .payment-total-eticket-type .payment-type-text { padding-left:13px; }
#payment-summary.payment-summary-multiFop .payment-total-eticket-type .payment-amount-text { padding-right:16px; float: right; }
#payment-summary.payment-summary-multiFop .payment-total-eticket { line-height:18px; width:440px; padding:6px 0 0 0;  }
#payment-summary.payment-summary-multiFop .payment-total-eticket .payment-details { padding:0 0 0 13px; font-size: 0.975em; font-weight: normal; }
#payment-summary.payment-summary-multiFop .payment-total-eticket .payment-amounts { float:right; font-weight: bold}
#payment-summary.payment-summary-multiFop .payment-breakdown {  width:220px; margin-left: 10px; float: left; clear: left; }
#payment-summary.payment-summary-multiFop .payment-breakdown-total { margin-top: 10px; }
#payment-summary.payment-summary-multiFop .payment-breakdown .paymentSummary ,
#payment-summary.payment-summary-multiFop .payment-breakdown .totalamount { float:left; clear:right; width:120px; font-size: 0.9em; margin-bottom: 5px; }
/*#payment-summary.payment-summary-multiFop .payment-breakdown span.total { width: 60px;}*/
.totalAmount,.dueNow{float: left; clear: right;}
.payment-breakdown-ancillaries .total { float:left; clear:right; font-weight: bold;width: 145px;margin-bottom: 5px;margin:0; padding:0;}
#payment-summary.payment-summary-multiFop .payment .details-content .payment-breakdown .expanded.passenger-type {padding-left: 20px;}
#payment-summary.payment-summary-multiFop .payment-breakdown .payment-summary-fare-amount ,
#payment-summary.payment-summary-multiFop .payment-breakdown .payment-summary-fees-amount,
#payment-summary.payment-summary-multiFop .payment-breakdown .payment-summary-insurance-amount,
#payment-summary.payment-summary-multiFop .payment-breakdown .payment-summary-taxes-amount ,
#payment-summary.payment-summary-multiFop .payment-breakdown .payment-summary-obFeesTypeR-amount,
#payment-summary.payment-summary-multiFop .payment-breakdown .payment-summary-obFeesTypeT-amount,
#payment-summary.payment-summary-multiFop .payment-breakdown .paymentsummary-all,
#payment-summary.payment-summary-multiFop .payment-breakdown .totalAmount-dd ,
#payment-summary.payment-summary-multiFop .payment-breakdown .totaldueNow
{ text-align:right; font-size: 0.9em; font-weight:normal; margin-bottom: 5px; float: right;  }
#payment-summary.payment-summary-multiFop .details-trigger { height:20px; width:20px; display:inline-block; background:url(../images/btn-toggle-details.gif) no-repeat left top;margin-left: 5px;}
#payment-summary.payment-summary-multiFop .details-trigger.open { background:url(../images/btn-toggle-details.gif) no-repeat left bottom; }
#payment-summary.payment-summary-multiFop .details-button-container {display:inline-block;}
#payment-summary.payment-summary-multiFop .payment-summary-total { padding-left:13px; font-size: 0.975em; line-height:18px; }
#payment-summary.payment-summary-multiFop .payment-summary-total dl { font-weight:bold; }
#payment-summary.payment-summary-multiFop .payment-summary-total dt { display:inline; padding-left: 5px; float:left;}
#payment-summary.payment-summary-multiFop .payment-summary-total dd { display:inline; padding-right:20px; float:right;}
#payment-summary.payment-summary-multiFop .payment-summary-total ul { margin-left:280px;}
#payment-summary.payment-summary-multiFop-display-below .payment .payment-summary { width:323px; padding: 13px; }
#payment-summary.payment-summary-multiFop-display-below .payment-breakdown { width:97%; margin-left: 3%; }
#payment-summary.payment-summary-multiFop-display-below .totals-comparison .payment-breakdown { width:100%; margin-left: 0px; margin-top: 5px; }
#payment-summary.payment-summary-multiFop-display-below .totals-comparison dt.total { width:auto; }
#payment-summary.payment-summary-multiFop-display-below .payment-breakdown dt { clear:left; }
#payment-summary.payment-summary-multiFop-display-below .payment-breakdown dd { clear:right; }
#payment-summary.payment-summary-multiFop-display-below .fop-summary { width:325px; float: right; text-align: left; padding: 13px; }
#payment-summary.payment-summary-multiFop-display-below .payment-item { margin: 10px 0px; padding:0px; width: 100%; }
#payment-summary.payment-summary-multiFop-display-below h3 { margin: 0px;}
#payment-summary.payment-summary-multiFop-display-below dl { width: 100%; }
#payment-summary.payment-summary-multiFop-display-below .payment-total dt { padding: 0px; float:left; }
#payment-summary.payment-summary-multiFop-display-below dd { float: right; }
#payment-summary.payment-summary-multiFop-display-below .payment-summary-total,
#payment-summary.payment-summary-multiFop-display-below .payment-summary-total dt { padding-left: 0px; }
#payment-summary.payment-summary-multiFop-display-below .payment-summary-total dd { padding-right: 0px; }
#payment-summary.payment-summary-multiFop-display-below .payment-summary-total ul { margin-left: 15px; }
#payment-summary.payment-summary-bnpl .payment-wrapper { background:url(../images/component-bg.gif) repeat-y; width:702px}
#payment-summary.payment-summary-bnpl .payment-content { background:url(../images/confirmation-top.gif) no-repeat top left; padding-top:3px; margin-bottom: 15px;  }
#payment-summary.payment-summary-bnpl div.payment { background:url(../images/component-bottom.gif) no-repeat bottom left; padding-bottom:7px; }
.ie7 #payment-summary.payment-summary-bnpl div.payment {padding-bottom: 0px}
#payment-summary.payment-summary-bnpl .payment-details,
#payment-summary.payment-summary-bnpl .payment-type { background-image:none; }
#payment-summary.payment-summary-bnpl .payment-item { width: 440px; margin-left: 240px; padding:5px 2px; }
#payment-summary.payment-summary-bnpl .multiple-payments { width:450px; border-width:0 0 1px 0; border-style:dotted;}
#payment-summary.payment-summary-bnpl .last-payment { padding-bottom:0;}
#payment-summary.payment-summary-bnpl .payment .header { border-bottom: 1px dotted #ccc; background: #ECF1F4; margin: 0 2px 5px; }
#payment-summary.payment-summary-bnpl .payment .header h2, #payment-summary.payment-summary-bnpl .payment .header h3 { padding: 5px 5px 0 7px; color: #2B6DCC; font-weight: bold; font-size: 1.275em;  }
#payment-summary.payment-summary-bnpl .payment .header a { font-size: 0.9em; font-weight: normal; text-decoration: underline; margin-left: 10px;   }
#payment-summary.payment-summary-bnpl .payment .details-content { background: #fff; border-bottom: 1px dotted #ccc; padding: 15px; margin: 0 2px 5px; }
#payment-summary.payment-summary-bnpl .payment .details-content .total { font-weight: bold; }
#payment-summary.payment-summary-bnpl .payment .details-content .payment-breakdown-ancillaries { float: right;  }
#payment-summary.payment-summary-bnpl .payment .details-content .payment-breakdown { border-bottom: 1px dotted #ccc;  margin: 10px 20px; width: 290px;  }
/*#payment-summary.payment-summary-bnpl .payment .details-content .payment-breakdown  { width:180px;  }*/
#payment-summary.payment-summary-bnpl .payment .details-content  .prices-all {
    text-align:right; font-size: 0.9em;  margin-bottom: 5px; float: right;  }
#payment-summary.payment-summary-bnpl .payment .details-content .payment-breakdown .expanded.passenger-type { padding-left: 20px;display:block;margin-bottom: 5px; }
#payment-summary.payment-summary-bnpl .payment .details-content .payment-breakdown .expanded.ancillaries-extras { padding-left: 20px; display:block;margin-bottom: 5px;}
#payment-summary.payment-summary-bnpl .payment .details-content .payment-breakdown .expanded { font-size: 0.825em; color: #999; }
#payment-summary.payment-summary-bnpl .payment .details-content .payment-breakdown .ancillaries-extras{
       width:180px; float:left; clear:both;  font-size: 0.825em; margin-bottom: 5px;  margin: 0; padding: 0;}
#payment-summary.payment-summary-bnpl .passenger-type {float:left; clear:right;width: 200px; font-size: 0.825em; margin-bottom: 5px; margin:0;padding:0;}
#payment-summary.payment-summary-bnpl .payment .details-content .payment-breakdown .price-expanded { font-size: 0.825em; color: #999; }
#payment-summary.payment-summary-bnpl .payment .payment-summary { border-right: 1px dotted #ccc; padding-right: 7px; padding-left: 7px; }
#payment-summary.payment-summary-bnpl .payment-summary { float: left; width: auto; }
#payment-summary.payment-summary-bnpl .payment-summary .total { font-size: 1.05em; font-weight: bold; }
#payment-summary.payment-summary-bnpl .payment-summary .total span { font-size: inherit; }
#payment-summary.payment-summary-bnpl .payment-summary .payment-breakdown .more-expanded { padding-left: 20px; }
#payment-summary.payment-summary-bnpl .payment-summary .payment-breakdown .expanded { font-size: 0.825em; color: #999; }
#payment-summary.payment-summary-bnpl .payment-summary .payment-breakdown .price-expanded{ font-size: 0.825em; color: #999; }
#payment-summary.payment-summary-bnpl .payment-summary .payment-breakdown a { font-weight: normal; text-decoration: underline; }
#payment-summary.payment-summary-bnpl .payment-breakdown a { text-decoration:underline; font-weight:normal; }
#payment-summary.payment-summary-bnpl .payment-item h3 { padding:7px 0 1px 0; margin:0; font-size: 0.9em; float:right; width:262px; }
#payment-summary.payment-summary-bnpl .payment-type { border-width:0 6px 0 4px; border-style:solid; float:left; width:136px; margin:0; padding:0; line-height:18px; }
#payment-summary.payment-summary-bnpl .payment-type .paymenttype {  padding:5px 11px 2px 10px;}
#payment-summary.payment-summary-bnpl .payment-type .paymenttype-dd { font-weight:bold; padding:0 11px 13px 10px; font-size: 1.2em; color:#2062c1; }
#payment-summary.payment-summary-bnpl .payment-total { float:left; line-height:18px; width:300px; padding:6px 0 0 0; }
#payment-summary.payment-summary-bnpl .payment-total dt { float:left; }
#payment-summary.payment-summary-bnpl .payment-total dt,
#payment-summary.payment-summary-bnpl .payment-total { font-weight:bold; display:block; font-size: 0.975em; }
#payment-summary.payment-summary-bnpl .payment-total dd.payment-amounts { text-align:right; }
#payment-summary.payment-summary-bnpl .payment-total dd.payment-details { display:block; padding:0 0 0 13px; font-weight: normal; }
#payment-summary.payment-summary-bnpl .payment-total a { text-decoration:underline; font-weight:normal; }

#payment-summary.payment-summary-bnpl .payment-breakdown {  width:220px; margin-left: 10px; float: left; clear: left; }
#payment-summary.payment-summary-bnpl .payment-breakdown-total { margin-left: 0; }
#payment-summary.payment-summary-bnpl .payment-breakdown .paymentSummary , #payment-summary.payment-summary-bnpl .payment-breakdown .totalamount{ float:left; clear:left; width:120px; font-size: 0.9em; margin-bottom: 5px; }
#payment-summary.payment-summary-bnpl .payment-breakdown dt.total { width: 76px; }
#payment-summary.payment-summary-bnpl .payment-breakdown .paymentsummary-all { text-align:right; font-size: 0.9em; font-weight:normal; margin-bottom: 5px; float: right;  }
#payment-summary.payment-summary-bnpl .details-trigger { height:20px; width:20px; display:inline-block; background:url(../images/btn-toggle-details.gif) no-repeat left top;margin-left: 5px;}
#payment-summary.payment-summary-bnpl .details-trigger.open { background:url(../images/btn-toggle-details.gif) no-repeat left bottom; }
#payment-summary.payment-summary-bnpl .details-button-container {display:inline-block;}
#payment-summary.payment-summary-bnpl .payment-summary-total { padding-left:13px; font-size: 0.975em; line-height:18px; }
#payment-summary.payment-summary-bnpl .payment-summary-total dl { font-weight:bold; }
#payment-summary.payment-summary-bnpl .payment-summary-total dt { display:inline; padding-left: 5px; float:left;}
#payment-summary.payment-summary-bnpl .payment-summary-total dd { display:inline; padding-right: 3px; float:right;}
#payment-summary.payment-summary-bnpl .payment-summary-total ul { margin-left:280px;}

#payment-summary.payment-summary-exchange .crossToggler span { padding-left: 10px; margin-top: 0px; height: 15px; background: url(../images/btn-toggle-prices.png) no-repeat; }
#payment-summary.payment-summary-exchange .crossToggler .open span { padding-left: 10px; margin-top: 0px; height: 15px; background: url(../images/btn-toggle-prices.png) no-repeat; background-position: 0 -15px;}
#payment-summary.payment-summary-exchange .crossToggler a { margin-left: 0px !important; }
#payment-summary.payment-summary-exchange .crossTogglerLabel { float: left; }
#payment-summary.payment-summary-exchange .price-details h4 { background:0px -1200px; padding-left: 0px;}
#payment-summary.payment-summary-exchange .price-details  { padding: 10px 2px; margin:0 8px; border-top: 1px dotted #B2B19F;}
#payment-summary.payment-summary-exchange .price-details ul { margin:5px 5px 5px 0px; padding:0; }
#payment-summary.payment-summary-exchange .price-details li { margin-bottom:7px; }
#payment-summary.payment-summary-exchange .price-details li a { margin-left:7px; }
#payment-summary.payment-summary-exchange .price-details li .price-value { font-weight:bold; }
#payment-summary.payment-summary-exchange .price-details p { margin-bottom: 10px;}
#payment-summary.payment-summary-exchange .price-details li em { font-style:normal; }
#payment-summary.payment-summary-exchange .price-details .price-type { font-weight :bold; overflow:hidden; clear:both; margin-bottom: 5px; }
#payment-summary.payment-summary-exchange .price-details .price-element-details { overflow:hidden; clear:both; margin-bottom: 5px; }
#payment-summary.payment-summary-exchange .price-details .price-element-details li { overflow:hidden; clear:both; margin-bottom: 5px; }
#payment-summary.payment-summary-exchange .price-details ul ol { margin:7px 0 0 22px; font-weight: normal; }
#payment-summary.payment-summary-exchange .price-details ul ol ul { margin:7px 0 0 1px; color: #999; }
#payment-summary.payment-summary-exchange .price-details .price-type ol { margin-bottom: 15px; border-bottom: 1px dotted #B2B19F;  }


#payment-summary.payment-summary-exchange {
    width: 244px;
}

#payment-summary.payment-summary-exchange .modify-link {
    float: right;
}

#payment-summary.payment-summary-exchange .total-top {
    display: block;
    margin: -1px 10px 0 20px;
    padding: 0 0 10px;
}

#payment-summary.payment-summary-exchange h4.total-top em {
    float: right;
}

#payment-summary.payment-summary-exchange .prices-alternative {
    display: block;
}

#payment-summary.payment-summary-exchange .component-section ol {
    list-style-type: none;
}

#payment-summary.payment-summary-exchange .component-section .fareDetails {
    display: inline-block;
    float: right;
}

#payment-summary.payment-summary-exchange .price-details ul {
    list-style-type: none;
}

#payment-summary.payment-summary-exchange .price-details li .price-value {
    float: right;
}

#payment-summary.payment-summary-exchange .price-details .price-type .item-price {
    float: right;
}

#payment-summary.payment-summary-exchange .price-details ul ol ul {
    list-style-type: none;
}

#payment-summary.payment-summary-exchange h4.total-bottom em {
    float: right;
}

#payment-summary.payment-summary-exchange .payment-summary {
    width: 30%;
}

#payment-summary.payment-summary-exchange .transactions-carried-out{
    float: right;
    width: 65%;
}

#payment-summary.payment-summary-exchange .transaction-price {
    float: right;
    height: 14px;
}

#payment-summary.payment-summary-exchange .transaction-name {
    float: left;
    width: 70%;
}

#payment-summary.payment-summary-exchange .number-of-transactions {
    font-weight: bold;
}

#payment-summary.payment-summary-exchange .total-price-label {
    display: inline-block;
}

#payment-summary.payment-summary-exchange .total-price-container {
    display: inline-block;
    float: right;
}

#payment-summary .multiple-currencies-info {
    background:url("../images/info-icon.png") no-repeat scroll left 10px top rgba(0, 0, 0, 0);
    padding-left: 30px;
    height: 20px;
}

#payment-summary .reference-number {
    width: 450px;
    padding: 2px 5px;
    float: left;
}

#payment-summary .payment-total .prices-and:before,
#payment-summary .payment-breakdown .prices-and:before {
    content: "\a";
    white-space: pre;
}

#payment-summary .payment-total .pending {
    clear: left;
    float: right;
}

#payment-summary .payment .paymentMessages {
    list-style-type: disc;
}

#payment-summary .payment-summary-total.payment-summary-total-myb {
    width: 300px;
}
/* pnr info component */
/* pnr info component */
.pnr-wrapper { width:702px; background:url(../images/confirmation-bg.gif) repeat-y left; margin:0 0 15px 0; }
.pnr-info { background:url(../images/confirmation-top.gif) no-repeat top; }
.pnr-content { background:url(../images/confirmation-bottom.gif) no-repeat bottom; padding:15px 0; overflow: hidden; height: 1%;}
.VIEW_ITINERARY_PAGE .pnr-content { background:url(../images/confirmation-bottom.gif) no-repeat bottom; padding:15px 0; overflow: visible; height: 1%;}
#pnr-info .reloc-inner-box {  padding-top:18px;}
#pnr-info  span { font-size: 0.975em; }
#pnr-info  .inline { display:inline-block; padding-right:4px; }
#pnr-info  span span.left-space {padding-left:4px; }
#pnr-info  span {  font-size: 1em; }
#pnr-info  .trip-actions {padding:0 0 30px 25px; display:block}
#pnr-info  .trip-summary {width: 45%}
#pnr-info  .claimPnrLinkHolder {margin-right: 50px}

.pnrinfo-dates,.origin{
    display: block;
}
.pnr-wrapper.bnpl {background:none;}
.bnpl .pnr-info {background:none;}
.bnpl .pnr-content{background:none;}

.pnrinfo .purchase-now-link {
    background: #F7F5F5;
    padding: 13px 10px;
    color: black;
}

.pnrinfo .flightUpgradeButton{
    font: bold 0.825em Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.pnrinfo .flightCheckInButton{
    font: bold 0.825em Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.pnrinfo .upperUpgradeLinkWrapperClass {
    background: #C0D0E0;
    padding: 13px;
    margin: 13px;
}

.pnrinfo .upperCheckInLinkWrapperClass {
    background: #C0D0E0;
    padding: 13px;
    margin: 13px;
}

.pnrinfo .upperUpgradeButtonMessageContainerClass{
    margin: 13px;
}

.pnrinfo .upperCheckInButtonMessageContainerClass{
    margin: 13px;
}

.pnrinfo .purchase-now-link .onHoldPayment {
    display: inline-block;
    width: 20%;
}

.pnrinfo .purchase-now-link .onHoldMessage {
    padding: 13px 10px;
    display: inline-block;
    width: 70%;
}

.pnrinfo a.button-link span {
    background-image: url("../images/purchase-now-button.png");
    width: 135px;
}

.pnrinfo .reloc-box {
    float: left;
    width: 135px;
    background: #ECF1F4;
    text-align: center;
    margin-left: 14px;
}

.pnrinfo .reloc-box span {
    /*padding-top: 14px;*/
    font-size: 1em;
}

.pnrinfo .reloc-box span{
    display: block;
    margin: auto;
    width: 114px;
}

.pnrinfo .reloc-box dt {

}

.pnrinfo .reloc-box .reloc {
    font-size: 1.2em;
    padding-bottom: 8px;
}

.pnrinfo .reloc-box .status {
    border-top: 2px solid #DCDFE2;
    padding-top: 6px;
    font-weight: bold;
}

.pnrinfo .pnr-wrapper {
    margin-top: 9px;
}

.pnrinfo .trip-info {
    float: left;
    width: 527px;
    padding-left: 12px;
}

.pnrinfo .flight-details-table, .pnrinfo .hotels-and-cars {
    margin-left: 15px
}

.pnrinfo .flight-info p {
    float: left;
    color: black;
}

.pnrinfo .flight-info .origin {
    margin-left: 2px;
}

.pnrinfo .flight-info span {
    display: block;
}

.pnrinfo .flight-details-table {
    border: 1px solid #DADADA;
    width: 500px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.pnrinfo .flight-details-table th {
    text-align: center;
    background: #F2F2F2;
    border: 1px solid #DADADA;
    padding: 10px 0;
    color: #666666;
}

.pnrinfo .flight-details-table td {
    padding: 17px 0;
    border: 1px solid #DADADA;
    text-align: center;
    color: #333333;
}

.pnrinfo .hotels-and-cars dt {
    font-weight: bold;
    float: left;
    clear: left;
}

.pnrinfo .hotels-and-cars dd {
    float: left;
    margin-left: 5px;
}

.pnrinfo .trip-actions {
    display: block;
    clear: both;
    margin: 0 0 0 27px;
}

.pnrinfo a.button-toggle-details {
    float: left;
}

.pnrinfo strong.separator {
    width: 80px;
    display: block;
    text-align: center;
    float: left;
    color: black;
}

.bnpl .pnrinfo #exchangeAndCancelLinksHolder li {
    border-right: 1px solid gray;
    font-size: 0.825em;
    padding-top: 0;
}

.pnrinfo #exchangeAndCancelLinksHolder li.last {
    border-right: none;
}

.pnrinfo div.cancellation-info {
    clear: both;
    font-weight: bold;
    margin: 0 13px;
    padding: 0 10px 10px 10px ;
    text-align: center;
    width: 115px;
}

.pnrinfo .print-now-link {
    background: #F7F5F5;
    padding: 13px 10px;
    color: black;
}

.pnrinfo .print-now-link .printNow {
    display: inline-block;
    width: 20%;
}

.pnrinfo .print-now-link .printNowMessage {
    padding: 13px 10px;
    display: inline-block;
    width: 70%;
}

.pnrinfo .print-now-link a.button-link span {
    background-image: url("../images/print-now-button.png");
    width: 135px;
}

.pnrinfo .flightUpgradeButton.grayedOutLink {
    color: #CCCCCC;
    text-decoration: none !important;
    cursor: default;
}

.grayedOutLink {
    color: #CCCCCC;
    text-decoration: none !important;
    cursor: default;
}

.pnrinfo .flightUpgradeButton.grayedOutLink:hover {
    color: #CCCCCC;
}

.grayedOutLink:hover {
    color: #CCCCCC;
}

#exchangeLinkContainer, #cancelLinkContainer, #upgradeLinkContainer, #editLinkContainer, #SEATS_MTOContainer, #ANCILLARIES_MTOContainer, #voidLinkContainer, #UPGRADE_FQTU_MTOContainer, #cancelItineraryLinkContainer {
    position: relative;
}

.hoverMessage{
    border-radius: 8px;
    border: 1px solid #CCCCCC;
    z-index: 10000;
    top: 15px;
    left: 5px;
    background: #FFFFFF;
    position: absolute;
    margin: 7px;
}

.sideHoverMessage{
    top: 0px;
    margin-left: 100%;
}

#hoverMessageTitle{
    background: #CCCCCC;
    display: inline-block;
    position: relative;
}

#hoverMessageTitle p{
    font-weight: bold;
    margin: 10px;
    max-width: 500px;
    min-width: 350px;
}

.hoverMessageContent{
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#tailBorder {
    position:absolute;
    top:-20px;
    left:20px;
    width:0;height:0;
    border-color: transparent transparent #CCCCCC transparent;
    border-width:10px;
    border-style:solid;
}

#horizontalTailBorder {
    position:absolute;
    top:6px;
    left:-13px;
    width:0;height:0;
    border-color: transparent #CCCCCC transparent transparent;
    border-width:6px;
    border-style:solid;
}

#tail {
    position:absolute;
    top:-19px;
    left:20px;
    width:0;height:0;
    border-color: transparent transparent #FFFFFF transparent;
    border-width:10px;
    border-style:solid;
}

#horizontalTail {
    position:absolute;
    top:6px;
    left:-12px;
    width:0;height:0;
    border-color: transparent #FFFFFF transparent transparent;
    border-width:6px;
    border-style:solid;
}

#upgradeFqtFlightsDialog {
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    max-width: 350px;
}

#upgradeFqtFlightsDialog .hd {
    font-weight: bold;
    font-size: 0.975em;
    padding-bottom: 15px;
}

#upgradeFqtFlightsDialog .bd {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b3b3b3;
}

.messagePopup button {
    width: 60px;
    height: 25px;
}

.trip-summary h2 {
    margin: 0px;
    font-weight: normal;
    color: #000000;
    font-size:1.1em;
}