body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

strong {
    font-weight: bold;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

#eticketPage.rtl th {
    text-align: right;
}

#einvoicePage.rtl th {
    text-align: right;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    font-family: Arial, Helvetica, Liberation Sans, Waree, WenQuanYi Zen Hei,
    Sazanami Gothic, UnDotum, sans-serif;
    text-transform: Capitalize;
}

h2.regular, h3.regular {
    font-size: 100%;
    font-weight: normal;
    font-family: Arial, Helvetica, Liberation Sans, Waree, WenQuanYi Zen Hei,
    Sazanami Gothic, UnDotum, sans-serif;
    text-transform: none;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

/* Reset - end */

.rtl input {
    direction: ltr; /* all inputs will be LTR even that the language is RTL one */
}

html {
    overflow-x: hidden;
}

body {
    font-size: 10px;
    font-family: Arial, Helvetica, Liberation Sans, Waree, WenQuanYi Zen Hei,
    Sazanami Gothic, UnDotum, sans-serif;
    background: url("../images/TRIPCASE/bg_main.png") repeat-x scroll 0 0 #495766;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.hiddenWhileLoading {
    visibility: hidden;
}

#sabreLogo {
    background: url("../images/Sabre/Sabre-logo_RGB-WHT.png") no-repeat scroll 0 0 transparent;
    background-size: 120px 29px;
    width: 425px;
    height: 60px;
    margin-top: 25px;
    margin-left: 30px;
    float: left;
    display: inline-block;
}

#logoContactInfo {
    margin-top: 0.5em;
    width: 425px;
    height: 6em;
    background-color: transparent;
    float: left;
    display: inline-block;
}

#logoContactInfo img {
    float: left;
    margin-bottom: 2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#logoContactInfo h2 {
    font-size: 1.15em;
    color: #000;
    padding-left: 10px;
}

#logoContactInfo h3 {
    font-size: 1.1em;
    line-height: 1.2em;
    color: #707070;
    padding-left: 10px;
}

#logoContactInfo address {
    font-size: 1em;
    color: #535558;
    padding-left: 10px;
}

#logoContactInfo address a {
    font-size: 0.9em;
    color: #6a93a5;
    text-decoration: none;
}

#logo-doc-content {
    display: inline-block;
    float: left;
}

#logo-doc-content a:focus {
    border: 1px solid grey;
}

#contactInfo {
    display: inline-block;
    max-width: 295px;
}

a.button {
    background-color: #6C92A5;
    border: 1px solid #24617C;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-right: 1.2em;
    padding: 0.2em 15px;
    text-align: center;
    text-decoration: none;
}

.rtl a.button {
    margin-left: 1.2em;
}

a.button:hover {
    background-color: #5f9cba;
}

a.button span em {
    color: #aaa;
    font-size: 1.2em;
}

#tooltip.brandedFareTooltip {
    width: 310px;
    height: auto;
}

.brandedFareTooltip div.body {
    color: #323232 !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

.brandedFareTooltip ul {
    list-style-type: disc;
    margin: 0px 8px 10px 18px;
}

.brandedFareTooltip h4 {
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0px 0px 18px;
    text-transform: none;
}

a.disabled {
    cursor: default;
    background-color: #c0c0c0;
    border: 1px solid #a0a0a0;
}

a.disabled:hover {
    background-color: #c0c0c0;
}

#navigation {
    background: url("../images/TRIPCASE/bg_main.png") repeat-x fixed 0 0 #495766;
    width: 800px;
    height: 93px;
    overflow: hidden;
}

#languageAndProfileWrapper {
    height: 82px;
}

#languageAndProfile {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: flex-end;
    padding: 0 6px;
    margin-top: 8px;
    overflow: hidden;
}

.eDocumentLogoContactInfo {
    width: 100% !important;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.eDocumentLogo {
    padding-left: 10px;
}

#languageClockType {
    float: left;
    padding-top: 10px;
    padding-bottom: 3px;
}

#languageClockType select {
    margin-bottom: 5px;
    width: 100px;
    font-size: 11px;
    color: #333333;
}

#loginPage #languageClockType select {
    width: 140px;
}

#loginPage {
    left: 54.5%;
}

#footer {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 110%;
    color: #ffffff;
    background: url("../images/TRIPCASE/bg_main.png") repeat-x fixed 0 0 #495766;
    clear: both;
    height: 3em;
    overflow: hidden;
    padding: 1.7em 0 2em 1em;
}

#loginFooter {
    color: #666666;
    background: #DFD9AD;
    clear: both;
    height: 3em;
    overflow: hidden;
    padding: 1.5em 0 2em;
}

.personalDataInCookies {
    clear: both;
    padding-top: 10px;
    text-align: center;
}

#pageContainer {
    background-color: #FFFFFF;
    margin: auto;
}

#pageContainer {
    width: 800px;
    overflow-x: hidden; /* for IE6*/
}

#eticketPage {
    text-align: left;
}

#eticketPage.rtl {
    text-align: right;
}

#einvoicePage {
    text-align: left;
}

#einvoicePage.rtl {
    text-align: right;
}

#eticketPageContainer, #einvoicePageContainer {
    margin: auto;
    width: 800px;
}

.mainContainer {
    padding: 30px 0 0;
}

#emailOptPage .mainContainer {
    padding: 60px 25px 25px;
}

.mainContainer h1 {
    color: #40748C;
    font-size: 1.8em;
    padding-left: 0.2em;
}

/* LOGIN PAGE */
#loginPage {
    background: #DFD9AD url(../images/topbg.gif) left top repeat-x;
}

#loginPage .container {
    text-align: left;
    margin: auto;
    width: 873px;
    background: url("../images/bg_home.jpg") 0 15px no-repeat;
}

#loginPage div.navigation {
    text-align: left;
    height: 169px;
    overflow: hidden;
}

#loginPage #logoHome {
    float: left;
    width: 195px;
    text-align: center;
    padding-top: 51px;
    padding-left: 4px;
}

#loginPage #viewItineraryVerify, #loginPage #viewItinerary {
    float: left;
    width: 300px;
    padding-top: 34px;
    padding-left: 8px;
}

#loginPage div#viewItineraryVerify h2, #loginPage div#viewItinerary h2 {
    font-size: 1.2em;
    font-weight: bold;
    font-family: Arial;
    text-transform: capitalize;
    text-indent: 0;
    margin-bottom: 5px;
    width: 150px;
    position: relative;
    height: 30px;
}

#loginPage div#viewItineraryVerify h2 div, #loginPage div#viewItinerary h2 div {
    bottom: 0;
    position: absolute;
}

#loginPage div#viewItineraryVerify form label, #loginPage div#viewItinerary form label {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9em;
}

#loginPage div#viewItineraryVerify input[type="text"], #loginPage div#viewItinerary form input[type="text"] {
    width: 185px;
}

#loginPage.rtl div#viewItineraryVerify input[type="text"] {
    width: 205px;
}

#loginPage div#viewItineraryVerify div.check {
    text-transform: uppercase;
    color: #000;
    width: 220px;
    margin-top: 6px;
    margin-left: 0px;
}

#loginPage div#viewItineraryVerify div.check input {
    border: 0px;
    height: 14px;
    width: 14px;
    vertical-align: bottom;
}

#loginPage div#viewItineraryVerify p#verifyText {
    color: #fff;
    width: 499px;
    margin-top: 2px;
    font-size: 10.5px;
    line-height: 14px;
    position: relative;
}

#loginPage div#verifyTextContainer {
    width: 500px;
}

#loginPage div#viewItinerary div#loginError,
#loginPage div#viewItineraryVerify div#loginError {
    background-image: url(../images/loginerror.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 243px;
    position: absolute;
    top: 75px;
    left: 46.5%;
    z-index: 10;
}

#loginPage div#viewItineraryVerify div#loginError {
    top: -5px;
    left: 39%;
}

#loginPage div#viewItinerary div#loginError p,
#loginPage div#viewItineraryVerify div#loginError p {
    font-size: 1.1em;
    padding-left: 25px;
    padding-top: 4px;
    color: #f00;
    margin-bottom: 0em;
    margin-top: 0em;
    text-transform: uppercase;
}

#loginPage #languageAndProfile {
    margin-top: 5px;
}

#loginPage a.btnchk, #loginPage a.btnLog {
    background-color: #6c92a5;
    border: 1px solid #24617c;
    color: #ffffff;
    font-family: arial;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    float: left;
    margin-top: 0.2em;
    margin-right: 0.5em;
    letter-spacing: 0.1em;
    position: absolute;
}

#loginPage a.btnchk:hover, #loginPage a.btnLog:hover {
    background-color: #5f9cba;
}

#loginPage input.TxtError {
    border: 1px solid #ff0000;
}

#loginPage .Txt {
    border: 1px solid #2297BC;
    display: block;
    font-size: 1.4em;
    margin-bottom: 2px;
    width: 185px;
}

#loginPage .TxtError {
    display: block;
    font-size: 1.4em;
    margin-bottom: 2px;
    width: 185px;
    border: 1px solid #ff0000;
}

#loginPage #viewItinerary p {
    font-size: 1.2em;
    text-transform: uppercase;
    margin-top: 20px;
}

#loginPage #footer {
    padding-right: 20px;
}

/* END: LOGIN PAGE*/

body.eticketLegalNotice {
    background: white;
    background-color: white;
    overflow-x: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: black;
    background: white;
}

body.eticketLegalNotice {
    margin: 8px;
}

.eticketLegalNotice .header {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.eticketLegalNotice .notice {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.eticketLegalNotice .notice p {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* eInvoiceList / eticketList css*/
table.einvoiceList THead, table.eticketList THead {
    font-size: 1.5em;
}

div.invoiceListFoot {
    padding: 1em 2em 1em 1.5em;
    border: 0.2em solid #d1d1d1;
    *margin-left: 2.95em;
    _margin-left: 1.5em;
    margin: 0.5em 22em 0.5em 2.95em;
    width: 70em;
    float: left;
}

.rtl div.invoiceListFoot {
    *margin-right: 0;
}

div.invoiceListFoot p {
    color: #555555;
    font-size: 1.2em;
    padding-left: 1em;
    line-height: 1em;
}

h3.invoiceListTitle, h3.eticketListTitle {
    color: #44474a;
    font-size: 1.3em;
    letter-spacing: 0.8px;
    text-transform: none;
    font-weight: bold;
    margin: 0.5em 4.5em;
}

div.infoDulicate {
    clear: both;
    width: 800px;
    background: #ffffff;
    overflow: hidden; /* IE hasLayout */
    padding-bottom: 2em;
}

div.LfteEnvList {
    width: 77em;
    float: left;
    height: auto;
    background-color: #fff;
    margin-top: 1em;
}

#documentsListPage #printItinerary a:focus {
    text-decoration: underline;
}

div.invoiceListTable table td, div.eticketListTable table td {
    padding: 1em;
    background-color: #F4F4F4;
}

div.invoiceListTable table, div.eticketListTable table {
    border: 0.1em solid #817679;
    font-size: 1.1em;
    margin-left: 2.7em;
    text-align: center;
    margin-bottom: 0.5em;
    width: 96%;
}

div.invoiceListTable table a, div.eticketListTable table a {
    color: blue;
}

div.invoiceListTable table a:hover, div.eticketListTable table a:hover {
    color: #BDBDBD;
}

div.invoiceListTable table td, div.invoiceListTable table th, div.eticketListTable table td, div.eticketListTable table th {
    border: 0.1em solid #817679;
}

div.invoiceListTable th.pnr, div.eticketListTable th.pnr {
    background-color: #185773;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    color: white;
    text-transform: UpperCase;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

div.invoiceListTable th.destination, div.eticketListTable th.destination {
    background-color: #185773;
    color: white;
    text-transform: UpperCase;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

div.invoiceListTable td.pnrEven, div.eticketListTable td.pnrEven {
    width: 13em;
    font-size: 0.8em;
    text-align: center;
}

div.invoiceListTable td.pnrOdd, div.eticketListTable td.pnrOdd {
    width: 15em;
    font-size: 0.8em;
    text-align: center;
    letter-spacing: 1px;
}

div.invoiceListTable, div.eticketListTable {
    float: left;
    width: 100%;
}

div.invoiceListTable table a:focus, div.eticketListTable table a:focus {
    border: 1px solid blue;
}

#einvoiceListPage .container,
#eticketListPage .container,
#documentsListPage .container {
    text-align: left;
    margin: auto;
    width: 800px;
    overflow: hidden;
}

#einvoiceListPage.rtl .container,
#eticketListPage.rtl .container,
#documentsListPage.rtl .container {
    text-align: right;
}

#documentsListPage #printItinerary {
    text-align: right;
    padding: 5px;
    font-size: 1.3em;
    font-weight: bold;
    color: #44474a;
    letter-spacing: .8px
}

#documentsListPage #printItinerary .icon {
    background-image: url(../../static/images/nextsteps.png);
    height: 17px;
    width: 16px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -4px;
}

#documentsListPage #printItinerary a {
    color: #44474a;
    text-decoration: none;
}

/* END eInvoice css*/ /* Eticket - begin */
.eticketNextSteps form.eticketPrintForm {
    display: none;
}

.eticketNextSteps, .einvoiceNextSteps {
    background: #ffffff;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    height: 15px;
    display: flex;
    justify-content: flex-end;
}

.eticketNextSteps li, .einvoiceNextSteps li {
    margin-right: 2em;
}

.eticketNextSteps a, .einvoiceNextSteps a {
    color: #333333;
    font-size: 1.2em;
    height: auto;
    margin-left: 2em;
    text-decoration: none;
    white-space: nowrap;
}

.eticketNextSteps a:hover, .einvoiceNextSteps a:hover {
    text-decoration: underline;
    color: #000000;
}

.rtl .eticketNextSteps a, .rtl .einvoiceNextSteps a {
    margin-right: 2em;
    padding-left: 0;
}

.eticketNextSteps.eticketNextStepsBottomTop #eticket_nextsteps_top_printEticket,
.eticketNextSteps.eticketNextStepsBottomTop #eticket_nextsteps_bottom_printEticket,
.einvoiceNextSteps #einvoice_nextsteps_printEinvoice {
    height: 16px;
    background: transparent url("../images/nextsteps.png") no-repeat scroll 0 0;
}

.eticketNextSteps.eticketNextStepsBottomTop #eticket_nextsteps_top_saveAsPdf,
.eticketNextSteps.eticketNextStepsBottomTop #eticket_nextsteps_bottom_saveAsPdf,
.einvoiceNextSteps #einvoice_nextsteps_saveAsPdf{
    background: url("../images/nextsteps.png") no-repeat scroll transparent;
    height: 16px;
    background-position: 0 -17px;
}

#eticket_nextsteps_blank {
    display: none;
}

.rtl .eticketNextSteps.eticketNextStepsBottomTop #eticket_nextsteps_printEticket,
.rtl .einvoiceNextSteps #einvoice_nextsteps_printEinvoice {
    background-position: 100% 0;
}

.rtl .eticketNextSteps.eticketNextStepsBottomTop #eticket_nextsteps_saveAsPdf,
.rtl .einvoiceNextSteps #einvoice_nextsteps_saveAsPdf {
    background-position: 100% -17px;
    margin-right: 2em;
}

.eticketSection, .einvoiceSection {
    background: none repeat scroll 0 0 white;
}

.eticketSection, .einvoiceSection {
    padding: 10px 10px 10px 10px;
}

.einvoice_expires {
    text-align: end;
    padding: 5px;
    border: 1px solid black;
    font-size: 130%;
    font-weight: bold
}

.rtl .einvoice_expires {
    float: left;
}

.eticketCouponStatus, .emdCouponStatus {
    float: right;
    font-size: 160%;
    font-weight: bold;
    color: red;
    padding-right: 15px;
    padding-left: 0;
}

.rtl .eticketCouponStatus, .rtl .emdCouponStatus {
    float: left;
    padding-right: 0;
    padding-left: 15px;
}

.eticketCouponStatusModern {
    float: right;
    font-weight: bold;
    color: #AC0000;
    padding-top: 10px;
    text-align: center;
}

.rtl .eticketCouponStatusModern {
    float: left;
}

.eticketMainLabel, .einvoiceMainLabel {
    color: #4A5767;
    font-size: 20px;
    margin-top: 0;
}

.eticketPassengerInfo .label {
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}

#einvoicePage.rtl .einvoicePassengerInfo .labelRef {
    text-align: left;
    padding-left: 0;
    padding-right: 4px;
}

.einvoicePassengerInfo .labelRef {
    font-weight: bold;
    color: #999999;
    font-size: 12px;
    padding-bottom: 11px;
    padding-left: 4px;
    padding-top: 7px;
    text-align: right;
}

.einvoicePassengerInfo .label {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}

.eticketPassengerInfo {
    padding-bottom: 10px;
}

.eticketPassengerInfo .info, .einvoicePassengerInfo .info {
    color: #4A5767;
    font-size: 15px;
    padding: 7px 4px 11px;
}

.eticketInfo {
    clear: left;
    margin-top: 0;
}

.eticketWarning {
    font-size: 16px;
    font-weight: bold;
}

.eticketWarning .box {
    border: 2px solid #D1D1D1;
    padding: 5px;
}

.eticketWarning .warningHeader {
    text-align: center;
}

.eticketWarning .header {
    border: 2px solid #D1D1D1;
    padding: 5px;
    clear: both;
}

.eticketInfo .box {
    border: 2px solid #D1D1D1;
}

.einvoiceInfo .box, .einvoiceAddresses .box, .einvoiceNotes .box, .einvoiceFooterInfo .box {
    border: 1px solid #D1D1D1;
    height: auto;
}

.einvoiceAddresses .box, .einvoiceNotes .box, .einvoiceFooterInfo .box {
    padding: 7px;
}

.einvoiceFooterInfo .box {
    color: #555555;
}

#eticketPage.rtl .eticketInfo th {
    padding-left: 0;
    padding-right: 2em;
}

#einvoicePage.rtl .einvoiceInfo th {
    padding-left: 0;
    padding-right: 2em;
}

.eticketInfo th, .einvoiceInfo th {
    color: #333333;
    font-size: 1.2em;
    line-height: 1.6em;
    padding-left: 2em;
    padding-top: 0.2em;
    text-transform: uppercase;
}

.eticketInfo td, .einvoiceInfo td {
    color: #4A5767;
    font-size: 1.4em;
    line-height: 1.6em;
}

.einvoiceAddresses th {
    color: #555555;
    font-size: 13px;
    font-weight: bold;
}

.einvoiceAddresses td {
    color: #666666;
    font-size: 10px;
}

#einvoicePage.rtl .einvoicePaymentDetails td {
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
}

.einvoicePaymentDetails td {
    color: #AC0000;
    font-size: 15px;
    line-height: 25px;
    text-align: right;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 0;
    vertical-align: top;
}

#einvoicePage.rtl .einvoicePaymentDetails th {
    text-align: left;
}

.einvoicePaymentDetails th {
    color: #6D6D6D;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    padding-right: 0;
    text-align: right;
    vertical-align: top;
}

div.eticketinfo table td.idDate {
    width: 10em;
    font-weight: bold;
    text-align: center;
}

.eticketItineraryDetails, .eticketServiceFee {
    clear: left;
    margin-top: 0;
}

.eticketItineraryDetails h2, .eticketPayment h2, .eticketServiceFee h2, .einvoiceAirSubtotal h2 {
    color: #5E5E5E;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 8px;
}

.eticketPayment h3 {
    color: #5E5E5E;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 8px;
    text-transform: none;
}

.eticketAirlineContactInfo .airlineContact {
    padding: 5px;
    font-size: 12px;
}

.eticketItineraryDetails th, .eticketPayment th {
    border: 2px solid #D1D1D1;
}

.eticketItineraryDetails td, .eticketPayment td {
    border: 2px solid #D1D1D1;
}

.eticketItineraryDetails th {
    color: #333333;
    font-size: 14px;
    padding: 2px 2px 2px 3px;
    text-transform: uppercase;
}

.eticketItineraryDetails td, .eticketNotices td {
    color: #333333;
    font-size: 12px;
    padding: 6px;
    vertical-align: top;
}

.eticketPayment th {
    color: #333333;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
    vertical-align: top;
    width: 50%;
    line-height: 23px;
}

.eticketPayment td.label {
    color: #333;
    font-size: 12px;
    line-height: 23px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
    vertical-align: top;
    width: 50%;
    text-transform: none;
}

.eticketPayment td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
    vertical-align: top;
    color: #0066CC;
    font-size: 13px;
    line-height: 23px;
    text-transform: uppercase;
}

.eticketPayment pre {
    line-height: normal;
}

.eticketPayment td.baggageAllowanceParsed {
    text-transform: none;
}

.eticketPayment td.baggageAllowanceParsed ol {
    list-style: decimal inside none;
}

div.ttyBookingsMessage {
    font-size: 12px;
    padding: 5px 0;
}

.eticketItineraryDetails .box .idDate {
    color: #0066CC;
    font-weight: bold;
    text-align: center;
    width: 65px;
}

.eticketItineraryDetails .box .idAirline {
    color: #0066CC;
    font-size: 12px;
    width: 135px;
}

.eticketItineraryDetails .box .idDeparture {
    color: #0066CC;
    font-size: 12px;
    width: 135px;
}

.eticketItineraryDetails .box .idArrival {
    color: #0066CC;
    font-size: 12px;
    width: 135px;
}

.eticketItineraryDetails .box .idAirExtra, .eticketItineraryDetails .box .idSegmentAmount {
    color: #0066CC;
    font-size: 12px;
}

.eticketItineraryDetails .idAirline .ext, .eticketItineraryDetails .idDeparture .ext, .eticketItineraryDetails .idArrival .ext {
    border: medium none;
    padding-top: 30px;
    width: 100%;
    float: left;
}

.eticketItineraryDetails .idAirline .ext .label, .eticketItineraryDetails .idDeparture .ext .label, .eticketItineraryDetails .idArrival .ext .label {
    color: #333333;
    font-size: 13px;
    padding-bottom: 4px;
    padding-top: 1px;
    width: 100%;
}

.eticketItineraryDetails .idAirline .ext .value, .eticketItineraryDetails .idDeparture .ext .value, .eticketItineraryDetails .idArrival .ext .value {
    color: #0066CC;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 3px;
    width: 100%;
}

.eticketItineraryDetails .idOther em {
    color: #0066CC;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
}

.eticketPayment, .eticketNotices, .eticketVcrRemark {
    clear: left;
    margin-top: 0;
}

.eticketPayment .box, .eticketItineraryDetails .box, .eticketAirlineContactInfo .box, .eticketNotices .box,
.eticketVcrRemark .box {
    border: 2px solid #D1D1D1;
    padding: 20px;
    height: auto;
    width: 100%;
}

.eticketNotices .box,
.eticketVcrRemark .box {
    width: auto;
}

.eticketPayment .box p, .eticketNotices .box p, .eticketNotices .box ul, div.box p {
    color: #555555;
    font-size: 14px;
    line-height: 20px;
}

.eticketNotices .box ul {
    list-style: disc outside none;
    margin-left: 20px;
    padding-left: 5px;
}

.eticketNotices .box p {
    line-height: 22px;
    margin-bottom: 10px;
}

.eticketErrorContainer {
    background-color: #FFFFFF;
    padding: 36px;
    font-size: 12px;
}

.eticketErrorContainer .redInfo {
    color: #FF0000;
}

.eticketErrorContainer .blackInfo {
    margin-top: 36px;
}

/* Eticket - end */
#einvoicePage.rtl .einvoiceAirSubtotal td.data {
    text-align: right;
}

.einvoiceAirSubtotal td.data {
    font-size: 12px;
    text-align: left;
    color: #333333;
    padding-left: 5px;
    padding-right: 5px;
}

#einvoicePage.rtl .einvoiceAirSubtotal td.value {
    text-align: left;
}

.einvoiceAirSubtotal td.value {
    font-size: 13px;
    color: #AC0000;
    padding-right: 10px;
    text-align: right;
    padding-left: 5px;
    width: 15%;
}

.einvoiceAirSubtotal th {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 2px 5px;
}

#einvoicePage.rtl .einvoiceAirSubtotal td.currency {
    text-align: left;
}

.einvoiceAirSubtotal td.currency {
    font-size: 12px;
    text-align: right;
    color: #333333;
    padding-left: 5px;
    padding-right: 5px;
    width: 10%;
}

.einvoiceSegment h3 {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.einvoiceSegment th {
    font-size: 12.5px;
    color: #666666;
    letter-spacing: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    width: 18%;
    font-family: "Arial Narrow";
}

.einvoiceSegment td.data {
    font-size: 12.5px;
    color: #3B7189;
    letter-spacing: 1px;
    padding-left: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    width: 16%;
    font-family: "Arial Narrow";
}

.einvoiceSegment td.seatingData {
    font-size: 12.5px;
    color: #3B7189;
    letter-spacing: 1px;
    padding-left: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    font-family: "Arial Narrow";
}

.einvoiceSegment td.seatingDataWidth {
    width: 20.5%;
}

.einvoiceSegment td.currency {
    font-size: 12.5px;
    color: #666666;
    padding-right: 10px;
    text-align: right;
    padding-left: 5px;
    width: 16%;
    font-family: "Arial Narrow";
}

.einvoiceSegment td.seatingCurrency {
    font-size: 12.5px;
    color: #666666;
    padding-right: 10px;
    text-align: right;
    padding-left: 5px;
    width: 20.5%;
    font-family: "Arial Narrow";
}

.einvoiceSegment .borderBox {
    border: 1px solid #D1D1D1;
}

.einvoiceSegment th.label {
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.einvoiceSegment .vendor {
    font-weight: bold;
    color: #3B7189;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.bodyContent {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dfd9ad;
    background-image: url(../../static/images/topbg.gif);
    background-position: left top;
    background-repeat: repeat-x;;
    text-align: center;
    margin: auto;
    width: 893px;
}

#errorPage .header {
    background-image: url(../../static/images/404bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    height: 109px;
}

#errorPage .container {
    margin-right: auto;
    width: 893px;
}

#errorPage .bodycontainer {
    background-image: url(../../static/images/gold.jpg);
    background-repeat: repeat-x;
    height: auto;
    margin-left: 0.1em;
    padding-bottom: 2em;
    *margin-top: 0;
}

#errorPage .mainContent {
    font-size: 14px;
    height: 50px;
    padding-top: 72px;
}

#errorPage .bottomLogo {
    margin-top: 90px;
    margin-bottom: 4.5em;
    height: 148px;
    width: 141px;
}

#errorPage .homeOrItineraryButton {
    margin-top: 25px;
}

/* CSS Document */
#profileContent {
    clear: both;
    border: 1px solid #EBE5E5;
    padding: 20px;
    color: #333333;
}

.profileContent h1 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: none;
}

.profileContent label, .emailAddress label {
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.emailAddress {
    margin-bottom: 10px;
}

.emailAddress{
    position: relative;
    letter-spacing: 0px;
}

.profileContent input, .emailOpt input, .profileContent select {
    font-family: Tahoma;
    padding-bottom: 1px;
    padding-top: 1px;
}

.profileContent input, .emailOpt input {
    font-size: 14px;
    width: 224px;
}

.profileContent select {
    font-size: 13px;
}

.profileContent input.small {
    width: 70px;
}

.profileContent input.countryCode {
    width: 42px;
}

.profileContent td.checkbox {
    vertical-align: top;
    white-space: nowrap;
}

.profileContent input.checkbox, .profileContent input.radio {
    margin-right: 1px;
    width: auto;
    vertical-align: middle;
}

.profileContent .TxtMar, .emailOpt .TxtMar {
    border: 1px solid #D9D5BC;
}

.Err {
    border: 1px solid #FF0000;
}

.profileContent .errLabel, .emailOpt .errLabel {
    border: medium none;
    color: #FF0000;
    float: left;
    font-size: 12px;
    padding-left: 6px;
    width: auto;
}

.rtl .emailOpt .errLabel {
    float: right;
}

.profileContent .errLabel {
    font-size: 14px;
}

.profileContent .errLabel.login {
    display: block;
}

.profileContent .login-ctr {
    display: block;
}

.profileContent .comments.login {
    display: block;
}

.profileContent .infoLabel {
    font-size: 14px;
    color: #000000;
}

.profileContent .comments {
    color: #666666;
    font-size: 11px;
    padding-left: 2px;
}

.emailOptContentButtons a {
    float: right;
}

.rtl .emailOptContentButtons a {
    float: left;
}

.emailOptContentButtons {
    padding-top: 10px;
    height: 40px;
}

#tooltip.pretty.addToCalendar {
    width: 200px;
    height: auto;
}

/* Add To Calendar */

.addToCalendarPage {
    font-size: 10pt;
    padding-bottom: 1.6em;
    background: #ECF1F5;
    margin: auto;
    max-width: 800px;
}

.addToCalendarPage a, .addToCalendarPage a:visited {
    color: #4800FF;
}

.addToCalendarPage .container {
    padding: 20px;
}

.addToCalendarPage h1 {
    font-size: 180%;
    margin-bottom: 8px;
    color: #666666;
}

.addToCalendarPage p {
    margin: 5px 0;
}

.addToCalendarPage p.note {
    text-align: center;
    font-size: 80%;
}

.addToCalendarPage .calendars {
    padding: 15px 20px 25px 20px;
    border: 0.2em solid #D9D5DC;
    background-color: white;
}

.addToCalendarPage .calendars td img {
    float: left;
    margin-left: 9px;
    margin-right: 9px;
    vertical-align: middle;
}

.rtl.addToCalendarPage .calendars td img {
    float: right;
}


.addToCalendarPage .calendars td.title, .addToCalendarPage .calendars td.datetime, .addToCalendarPage .calendars td.location {
    font-size: 80%;
}

.addToCalendarPage .calendars td {
    padding: 8px 8px 8px 0px;
    border-bottom: 0.1em solid #D0DDE3;
    font-size: 90%;
}

.addToCalendarPage .calendars .visited td {
    background-color: #FCFFDF;
}

.addToCalendarPage .subHeaderContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.addToCalendarPage .subHeaderContainer .downloadAll {
    margin-left: auto;
    padding-right: 3px;
}

.addToCalendarPage .subHeaderContainer .downloadAll img {
    margin-right: 3px;
    vertical-align: middle;
}

.addToCalendarPage .subHeaderContainer .downloadAll a {
    vertical-align: middle;
}

.addToCalendarPage #emailDialog {
    margin-top: 20px;
    padding: 15px;
    border: 0.2em solid #FFD98F;
    background-color: white;
    text-align: center;
}

.addToCalendarPage #emailDialog .fields td {
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

.rtl.addToCalendarPage #emailDialog .fields td {
    text-align: right;
}

.addToCalendarPage #emailDialog .fields , .addToCalendarPage #emailDialog .fields label {
    margin-top: 5px;
}

.addToCalendarPage #email {
    margin: 0 20px;
    border: 1px solid #CCC;
    width: 200px;
}

.addToCalendarPage .buttons {
    text-align: center;
    margin-top: 30px;
}

.addToCalendarPage a.button {
    background-color: #6C92A5;
    border: 1px solid #24617C;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-right: 1.2em;
    padding: 0.2em 15px;
    text-align: center;
    text-decoration: none;
    line-height: 25px;
}
#submit.button {
    background-color: #6C92A5;
    border: 1px solid #24617C;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-right: 1.2em;
    padding: 0.2em 15px;
    text-align: center;
    text-decoration: none;
}

#submit.button:disabled {
    background-color: #CCC;
    border: 1px solid white;
    color: white;
    cursor: default;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin-right: 1.2em;
    padding: 0.2em 15px;
    text-align: center;
    text-decoration: none;
}

.rtl.addToCalendarPage a.button {
    margin-right: 5px;
    margin-left: 5px;
}

.addToCalendarPage #emailDialog {
    display: none;
    position: relative;
    z-index: 10000;
}

.addToCalendarPage .calendar.selected td {
    background-color: black;
}

.addToCalendarPage .error.page {
    font-weight: bold;
    text-align: center;
    margin: 100px;
}

.addToCalendarPage .success.message {
    color: green;
}

.addToCalendarPage .error.message {
    color: red;
}

.addToCalendarPage .sending.message {
    color: black;
    display: none;
}

.addToCalendarPage #overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background: black;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    left: 0;
}

.addToCalendarPage #loading {
    position: relative;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 100000;
}

.addToCalendarPage #loading img {
    margin: auto auto;
}

.emailOpt label.checkboxDescription {
    color: #0A0A0A;
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
    font-weight: normal;
}

.emailOpt input.checkBox {
    width: 30px;
}

.emailOptConfirm p {
    color: #878787;
    font-size: 12px;
    margin-top: 12px;
}

.subscribeText {
    color: #878787;
    font-size: 12px;
    margin-top: 10px;
}

.emailOpt td {
    vertical-align: top;
}

td .emailOptContentButtons {
    padding-left: 10px;
}

p.legend {
    font-size: 10px;
    margin-left: 0;
    padding-bottom: 10px;
}

.notify-me-banner {
    background-color: #DAE4E8;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 5px;
    width: 540px;
    color: #466674;
}

.rtl .notify-me-banner {
    margin-left: 0;
    margin-right: 10px;
}

.notify-me-banner .notloggedin #login {
    display: none;
}

.notify-me-banner .notverified #login {
    display: none;
}

.notify-me-banner .verified #login {
    display: none;
}

.notify-me-banner .verified #notify-save {
    display: none;
}

.notify-me-banner #title {
    font-size: 12px;
    background-color: #bdcfd7;
    padding: 5px 90px 5px 10px;
}

.rtl .notify-me-banner #title {
    padding: 5px 10px 5px 90px;
}

.notify-me-banner #description {
    min-height: 22px;
    width: 100%;
}

.notify-me-banner table.notify-banner-table {
    width: 100%;
}

.notify-me-banner table.notify-banner-table td.btn {
    text-align: right;
    padding: 0 10px;
}

.rtl .notify-me-banner table.notify-banner-table td.btn {
    text-align: left;
}

.notify-me-banner #description .option {
    font-size: 0.9em;
    font-weight: bolder;
    margin: 0 1px 5px 10px;
    padding: 5px 0;
    vertical-align: top;
}

.rtl .notify-me-banner #description .option {
    margin-right: 10px;
    margin-left: 1px;
}

.notify-me-banner #description .option .icon {
    background-image: url(../images/notify_banner.gif);
    background-color: #dae4e8;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 20px;
    width: 25px;
    display: inline-block;
    margin-right: 3px;
}

.rtl .notify-me-banner #description .option .icon {
    margin-left: 3px;
    margin-right: 0;
}

.notify-me-banner #description #notify-save .icon {
    background-position: 0 2px;
}

.rtl .notify-me-banner #description #notify-save {
    background-position: right 2px;
}

.notify-me-banner #description #notify-flights .icon {
    background-position: 0 -20px;
}

.rtl .notify-me-banner #description #notify-flights {
    background-position: right -20px;
}

.notify-me-banner #description #notify-social .icon {
    background-position: 0 -41px;
}

.rtl .notify-me-banner #description #notify-social {
    background-position: right -41px;
}

.notify-me-banner #notify-btn {
    position: relative;
    top: -13px;
    white-space: nowrap;
}

.notify-me-banner a.button {
    display: inline-block;
    background-color: #f1efdf;
    border-color: #c1bda8;
    color: #5B8192;
    font-size: 11px;
    padding: 0.4em 11px 0.4em 11px;
    margin-right: 0;
    text-align: center;
}

.notify-me-banner a.button:hover {
    background-color: #f9f5f5;
    color: #7699a8;
}

#emailSections .errLabel, .profileContent .errLabel {
    float: none;
    padding-left: 0;
}

a {
    outline: none;
}

.emailAdd {
    padding-left: 5px;
}

.emailSection input.TxtMar {
    padding-top: 1px;
}

.emailSection {
    padding-top: 1px;
    width: 100%;
}

.deactiveDiv {
    margin: 0;
}

.seats {
    float: left;
}

/** Login Page **/
#loginPage.rtl #viewItinerary {
    width: 180px;
    text-align: right;
}

#loginPage.rtl #viewItineraryVerify {
    width: 200px;
    text-align: right;
}

#loginPage.rtl a.btnchk, #loginPage.rtl a.btnLog {
    margin-right: 0;
}

#loginPage.rtl a.btnchk {
    right: 0;
}

#loginPage.rtl div.navigation {
    text-align: right;
}

#loginPage.rtl div#viewItineraryVerify h2, #loginPage.rtl div#viewItinerary h2 {
    padding-right: 20px;
}

#loginPage.rtl div#viewItineraryVerify p#verifyText {
    width: 100%;
}

#loginPage.rtl div#verifyTextContainer {
    width: 210px;
}

.rtl caption, .rtl th {
    text-align: right;
}

.rtl .seats {
    float: right;
}

.rtl #tripInfo .entry {
    float: right;
}

.rtl #loginError p {
    padding-right: 25px;
    padding-left: 0;
}

.rtl #TB_load {
    margin-right: 104px;
}

#gateInfo.rtl .divClose .btnClose {
    float: left;
    margin-left: 18px;
    padding-left: 15px;
}

#passengerInfo {
    clear: left;
    width: 100%
}

.tkt-doc-reassociated {
    color: #ff0000;
    white-space: nowrap;
}

.eticketItineraryDetails td.eticketBarcode {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.eticketItineraryDetails td.eticketBarcode .label {
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
}

.hotel-rate-change {
    font-family: Arial Narrow;
    text-transform: uppercase;
    color: #666666;
    float: left;
}

.hotel-rate-change-div .box {
    border: 1px solid #D1D1D1;
}

.hotel-rate-change th {
    text-align: left;
    padding-bottom: 5px;
    font-weight: bold;
}

.hotel-rate-change tbody {
    float: left;
    padding: 10px;
}

.hotel-rate-change tr {
    width: 100%;
}

.hotel-rate-change td {
    padding: 2px 10px;
}

.tax-surcharge-td {
    padding: 2px 0px 2px 20px !important;
    width: 20%;
    text-align: right;
}

.PDF:focus, .print:focus {
    text-decoration: underline;
}

#eTicketLegalNotices:focus, #emdLegalNotices:focus {
    border: 1px solid #333333;
}

.eticketPriorityRemarks {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.eticketBottomRemarks {
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.eticketPriorityRemarks .title, .eticketBottomRemarks .title {
    font-weight: bold;
}