/*** CSS: media/css/style_global.css ***/ /* ----- Dashboard Top and Fly|corporate------*/ .DashboardHeader { border-bottom: 1px solid rgb(0, 0, 0); clear: both; font-weight: bold; /* font-size: 13px; */ padding-top: 20px; padding-left: 20px;} .dashboardUserInfoTitle{font-weight: bold;} .dashboardUserInfo{ font-weight: bold; color:rgb(116,143,166);} .supportUserLoggedInSignout{width:100px; padding-top: 10px; } /*------------------------*/ /* -- Default ------------------------------------------------------------------------------------- */ * {margin: 0; padding: 0; font: 11px arial, helvetica, sans-serif;} strong {font-weight: bold;} em {font-style: italic;} table {border: none; border-collapse: collapse;} img {border: 0;} html {height: 100%;} body { height: 100%; background-color: #fff; //background-image: url(/media/images/fundo_azul_branco.jpg)!important; //background-position: left top; //background-repeat: repeat-x; background-image: none!important; } #pageLayout {min-height: 100%; height: 100%; position: relative; } #pageAlign {width: 984px; margin: 0 auto; position: relative; /*background-color: #eef5fc;*/} /* ------------------------------------------------------------------------------------------------ */ /* -- Advertising --------------------------------------------------------------------------------- */ #advertiseLayer {/*width: 1200px; height: 600px;*/ z-index: 600; position: absolute; top: 0; left: 0; /*background-color: #ccc;*/} #advertiseHighlightRight {/*width: 474px; height: 89px;*/ z-index: 500; position: absolute; top: 439px; right: 0; /*background-color: #ccc;*/} #advertiseHighlightLeft {/*width: 305px; height: 89px;*/ z-index: 500; position: absolute; top: 439px; left: 195px; /*background-color: #ccc;*/} #advertiseMrec {/*width: 305px; height: 250px;*/ z-index: 400; position: absolute; top: 551px; left: 195px; /*background-color: #ccc;*/} #advertiseContentMrec {/*width: 305px; height: 250px;*/ z-index: 400; position: absolute; top: 169px; right: 0; /*background-color: #ccc;*/} /* ------------------------------------------------------------------------------------------------ */ /* -- Global -------------------------------------------------------------------------------------- */ .globalHighlightToolContainer {width: 305px; height: 89px; /*background-color: #fff9e7;*/} .globalHighlightToolContainer a {width: 57px; height: 87px; float: left; margin-right: 2px; text-decoration: none; border: 1px solid #ccc;} .globalHighlightToolContainer a:hover {border: 1px solid #000;} .globalHighlightToolContainer .checkinonlineEn {background: transparent url(/media/images/global/highlight_tool_checkin_online.gif) no-repeat left top;} .globalHighlightToolContainer .homecheckinEn {background: transparent url(/media/images/global/highlight_tool_home_checkin.gif) no-repeat left top;} .globalHighlightToolContainer .departsarrivalsEn {background: transparent url(/media/images/global/highlight_tool_departs_arrivals.gif) no-repeat left top;} .globalHighlightToolContainer .flightscheduleEn {background: transparent url(/media/images/global/highlight_tool_flight_schedule.gif) no-repeat left top;} .globalHighlightToolContainer .smsservicesEn {background: transparent url(/media/images/global/highlight_tool_sms_services.gif) no-repeat left top;} /* ------------------------------------------------------------------------------------------------ */ /* -- Header -------------------------------------------------------------------------------------- */ #headerContainer {width: 100%; position: absolute; top: 0; left: 0; z-index: 500; /*background-color: #e0ffe9;*/} #headerLogoContainer {width: 180px; padding: 10px 15px 10px 0; float: left;} #headerNavigationContainer {width: 789px; float: left; /*background-color: #ccc;*/} /* #headerContainerPrint {width: 779px; position: relative; top: 20px; left: 10px; padding: 0px 0px 20px 0px; border-bottom: 2px solid #333333; } .headerLogoContainerPrint {width: 180px; float: left; } .headerDateContainerPrint {width: 599px; float: left; padding-top:70px; text-align:right; } */ #headerNavigationSupportContainer {padding: 13px 10px 12px 10px; /*background-color: #d2ffc9;*/} .headerNavigationSupport {float: left; margin-right: 93px; /*background-color: #ccc;*/} .headerNavigationSupport a {float: left; margin-right: 12px; font: 10px arial, helvetica, sans-serif; color: #497db2; text-decoration: none;} .headerNavigationSupport a:hover {color: #003366;} .headerNavigationLanguage {float: left; /*background-color: #ccc;*/} .headerNavigationLanguage a {float: left; margin-right: 12px; font: 10px arial, helvetica, sans-serif; color: #497db2; text-decoration: none;} .headerNavigationLanguage a:hover {color: #003366;} .headerNavigationLanguage .active {color: #003366; cursor: default;} #headerNavigationQuickLinksContainer {width: 315px; position: absolute; top: 0; right: 0; z-index: 10; background-color: transparent;} .headerNavigationQuickLink {padding: 15px 0 10px 164px;} .headerNavigationQuickLink a {float: left; padding: 0 0 0 14px; font: 10px arial, helvetica, sans-serif; color: #497db2; text-decoration: none; text-transform: uppercase; background: transparent url(/media/images/global/quicklink_bullet_off.gif) no-repeat left 2px;} .headerNavigationQuickLink a:hover {color: #003366; background: transparent url(/media/images/global/quicklink_bullet_on.gif) no-repeat left 2px;} .headerNavigationQuickLinksContent {width: 100%; display: none; padding-bottom: 10px; position: absolute; top: 38px; left: 0; z-index: 1;} .headerNavigationQuickLinksContent p {padding: 10px 0 0 10px;} .headerNavigationQuickLinksContent a {padding-left: 9px; font: bold 11px arial, helvetica, sans-serif; color: #fff; text-decoration: none; background: transparent url(/media/images/global/quicklink_list_bullet.gif) no-repeat left 4px;} .headerNavigationQuickLinksContent a:hover {text-decoration: underline;} .headerNavigationQuickLinksContentBg {width: 100%; display: none; opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); background-color: #447ab0;} #headerMainNavigationContainer {width: 789px; position: relative; /*background-color: #fbffd5;*/} #headerMainNavigationContainer p {float: left;} .headerMainNavigationSep {width: 1px; height: 56px; background-color: #75a0ca;} /* este codigo coloca a div em cima das select */ .headerMainSubNavigationConfig {position: absolute; z-index: 9999; overflow: hidden; width: 157px;} .headerMainSubNavigationConfig iframe {width: 3000px; height: 3000px; display: none; display/**/: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask();} /**/ /* primeiro menu a contar da esquerda */ #headerMainSubNavigationTopCorporate {display: none; top: 57px; left: 0; /*background-color: #fff;*/} .headerMainSubNavigationTopCorporateContent {width: 157px; position: relative; background-color: rgb(3,47,97); margin-top: -1px;} .headerMainSubNavigationTopCorporateContent p {width: 157px; height: 29px;} .headerMainSubNavigationTopCorporateContent a {width: 147px; height: 21px; padding: 8px 0 0 10px; display: block; font: 10px arial, helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; cursor: hand; border-top: 1px solid #fff;} .headerMainSubNavigationTopCorporateContent a:hover {color: #fff; background-color: #000;} /* Segundo menu a contar da esquerda */ #headerMainSubNavigationFlyCorporate {display: none; top: 57px; left: 158px; /*background-color: #fff;*/} .headerMainSubNavigationFlyCorporateContent {width: 157px; position: relative; background-color: rgb(3,47,97); margin-top: -1px;} .headerMainSubNavigationFlyCorporateContent p {width: 157px; height: 29px;} .headerMainSubNavigationFlyCorporateContent a {width: 147px; height: 21px; padding: 8px 0 0 10px; display: block; font: 10px arial, helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; cursor: hand; border-top: 1px solid #fff;} .headerMainSubNavigationFlyCorporateContent a:hover {color: #fff; background-color: #000;} /* terceiro menu a contar da esquerda */ #headerMainSubNavigationMundoTap {display: none; top: 57px; left: 316px; /*background-color: #fff;*/} .headerMainSubNavigationMundoTapContent {width: 157px; position: relative; background-color: rgb(4,69,125); margin-top: -1px;} .headerMainSubNavigationMundoTapContent p {width: 157px; height: 29px;} .headerMainSubNavigationMundoTapContent a {width: 147px; height: 21px; padding: 8px 0 0 10px; display: block; font: 10px arial, helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; cursor: hand; border-top: 1px solid #fff;} .headerMainSubNavigationMundoTapContent a:hover {color: #fff; background-color: #000;} /* quarto menu a contar da esquerda */ #headerMainSubNavigationNovidades {display: none; top: 57px; left: 474px; /*background-color: #fff;*/} .headerMainSubNavigationNovidadesContent {width: 157px; position: relative; background-color: rgb(46,99,149); margin-top: -1px;} .headerMainSubNavigationNovidadesContent p {width: 157px; height: 29px;} .headerMainSubNavigationNovidadesContent a {width: 147px; height: 21px; padding: 8px 0 0 10px; display: block; font: 10px arial, helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; cursor: hand; border-top: 1px solid #fff;} .headerMainSubNavigationNovidadesContent a:hover {color: #fff; background-color: #000;} /* quinto menu a contar da esquerda */ #headerMainSubNavigationProdutosTap {display: none; top: 57px; left: 632px; /*background-color: #fff;*/} .headerMainSubNavigationProdutosTapContent {width: 157px; position: relative; background-color: rgb(46,99,149); margin-top: -1px;} .headerMainSubNavigationProdutosTapContent p {width: 157px; height: 29px;} .headerMainSubNavigationProdutosTapContent a {width: 147px; height: 21px; padding: 8px 0 0 10px; display: block; font: 10px arial, helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; cursor: hand; border-top: 1px solid #fff;} .headerMainSubNavigationProdutosTapContent a:hover {color:#fff; background-color: #000;} /* ------------------------------------------------------------------------------------------------ */ /* -- Main Content -------------------------------------------------------------------------------- */ #mainContentContainer {width: 100%; position: relative; padding-bottom: 30px; /*background-color: #ccc;*/} /* Splash Page */ #splashBodyContainer { position: relative; left:30px; top:40px; width:638px; /* background:#ff0066; */ } .splashLogoContainer { position: absolute; left:0px; top:0px; } .splashComboBoxesContainer { position: absolute; left:280px; top:30px; } .splashComboBoxesFieldsLeft { width: 174px; float: left; padding-bottom: 10px; /* background-color: #ece9ff; */ } .splashComboBoxesFieldsGo { float: right; padding-top:17px; padding-bottom: 10px; /* background-color: #ece9ff; */ } .splashWelcomeContainer { position: absolute; top:130px; left:5px; } .splashWelcomeContent { margin-bottom: 23px; } .splashWelcomeImageConfig { float: left; } .splashWelcomeBodyRegular { padding-top: 4px; } #splashFooterContainer { width:100%; height: 90px; position: absolute; bottom:0px; left:0px; } #splashFooterBodyRegular { font: 10px arial, helvetica, sans-serif; color:#333333; position: absolute; left: 300px; top: 43px; } #splashFooterLogo { position: absolute; left: 30px; top: 15px; } /* Support Column */ #supportColumnContainer {width: 180px; float: left; position: relative; /*background-color: #c8ffd5;*/ } .supportSearchContainer {width: 180px; height: 40px; position: relative; z-index: 1; margin-bottom: 10px; } .supportSearchBgConfig {width: 99%; height: 100%; opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); background-color: #f2f6fb; border: 1px solid #bdd3ea; } .supportSearchFieldConfig {position: absolute; top: 10px; left: 10px; z-index: 1;} .supportSearchContainer input {float: left; padding: 1px 0 2px 3px; font: 11px arial, helvetica, sans-serif; color: #000; border: 1px solid #7f9db9; height: 16px; } .supportSearchContainer a {float: right;} .supportUserContainer {width: 180px; position: relative; margin-top: 3px; border-top: 3px solid #000; padding-top: 15px!important; } .supportUserBgConfig {width: 100%; height: 100%; opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* background-color: #fff; */ } .supportUserContentConfig {width: 180px; position: absolute; top: 0; left: 0; z-index: 2; /*background-color: #ccc;*/} .supportUserContentPngConfig {width: 180px; position: absolute; bottom: 0; left: 0; z-index: 1;} #supportUserLoggedInContainer {/*background-color: #fff29e;*/} .supportUserLoggedInConfig {padding: 10px 10px 12px 10px;background-color: #f2f6fb; border: 1px solid #bdd3ea;} .supportUserLoggedInName {padding-bottom: 3px; font: bold 16px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInBodyRegular {padding-bottom: 3px; font: 11px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInBodyRegular span {font: bold 11px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInName span {font: bold 12px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInMilesDesc {padding: 10px 0 4px 0; font: bold 11px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInMilesNumber {padding-bottom: 3px; font: 28px/28px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInMilesNumber span {font: bold 16px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInMilesNote {padding-bottom: 1px; font: 11px arial, helvetica, sans-serif; color: #9b000a;} .supportUserLoggedInMilesNoteLink {font: 11px arial, helvetica, sans-serif; color: #9b000a;} .supportUserLoggedInMilesNoteLink:hover {text-decoration: none;} #supportUserLoggedOffContainer {margin-top: 10px; /*background-color: #fff29e;*/ } .supportUserLoggedOffConfig {padding: 10px 10px 12px 10px; background-color: #f2f6fb; border: 1px solid #bdd3ea; margin-bottom: 10px; margin-top: 5px; } .supportUserLoggedOffDesc {padding-bottom: 10px; font: 11px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedOffConfig input {float: left; padding: 1px 0 2px 3px; font: 11px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedOffRecover {font: 10px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedOffRecover:hover {text-decoration: none;} .supportUserLoggedOffSignin a {width: 145px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/global/user_bt_signin.gif) no-repeat left top;} .supportUserLoggedOffSignin a:hover {background-color: #000;} .supportUserLoggedOffSignin a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .supportUserLoggedInSignout a span {padding: 4px 0 4px 10px; display: block; background-color: #000;font: bold 11px arial, helvetica, sans-serif; color: #fff;} .supportUserLoggedOffLinks {font: 10px arial, helvetica, sans-serif; color: #9b000a;} .supportUserLoggedOffLinks:hover {text-decoration: none;} .supportUserLinks {border-bottom: 1px solid #000;} .supportUserLinks ul {list-style: none;} .supportUserLinks li {padding: 2px 0 2px 20px; border-top: 1px solid #000; } .supportUserLinks a {font: 11px arial, helvetica, sans-serif; color: #000; text-decoration: none; } .supportUserLinks a:hover {color: #4582c1; } .supportUserLinks p {width: 100%; height: 1px; line-height: 1px; background-color: #000;} .supportUserGetMemberConfig {position: absolute; top: 335px; z-index: 1; } /* Content Column */ #contentColumnContainer {width: 789px; float: right; position: relative; /*background-color: #000;*/} #contentColumnContainerConfig {position: absolute; top: 0; left: 0; z-index: 1; /*background-color: #eeffea;*/} #contentColumnContainerBg {width: 100%; height: 100%; opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); background-color: #fff; } .contentEngineAndHighlightContainer {width: 789px; background: transparent url(/media/images/global/layout_bg_highlight.jpg) no-repeat left top;} .contentEngineContainer {width: 313px; float: left; padding: 2px; position: relative; /*background-color: #e3fff2;*/} .contentEngineTabsContainer {width: 100%; position: relative;} .contentEngineTabsContainer p {float: left;} .contentEngineFieldsContainer {width: 313px; position: absolute; top: 48px; left: 2px; /*background-color: #cee2c9;*/} .contentEngineFieldRowFirst {width: 290px; margin-left: 10px; /*background-color: #f0f0f0;*/} .contentEngineFieldRow {width: 290px; margin: 9px 0 0 10px; .margin: 7px 0 0 10px; /*background-color: #f0f0f0;*/} .contentEngineFieldRow .left {width: 140px; float: left; /*background-color: #ccc;*/} .contentEngineFieldRow .right {width: 140px; float: right; /*background-color: #ccc;*/} .contentEngineFieldLable {padding: 0 0 1px 3px; font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentEngineField {padding: 1px 0 1px 3px; font: 11px arial, helvetica, sans-serif; color: #000;} .contentEngineFieldSelect {font: 11px arial, helvetica, sans-serif; color: #000} .contentEngineFieldRadioConfig {margin-top: 1px; .margin-top: 0; float: left;} .contentEngineFieldLabelRadio {padding: 0 17px 0 5px; .padding: 3px 14px 0 2px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentEngineFieldBtCalendar {margin: 1px 0 0 5px; float: left;} .contentEngineFieldAction {width: 290px; margin: 20px 0 0 10px; /*background-color: #f0f0f0;*/} .contentEngineFieldActionLink {padding-top: 6px; float: left;} .contentEngineFieldActionLink a {font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentEngineFieldActionLink a:hover {text-decoration: none;} .contentEngineFieldActionBt {float: right;} .contentEngineFieldActionBt a {width: 130px; height: 25px; display: block; text-decoration: none; background: #6699cc url(/media/images/global/engine_bt_action.gif) no-repeat left top;} .contentEngineFieldActionBt a:hover {background-color: #000;} .contentEngineFieldActionBt a span {padding: 5px 0 0 10px; display: block; font: bold 12px arial, helvetica, sans-serif; color: #fff;} .contentHighlightMoodContainer {width: 472px; float: right; position: relative; /*background-color: #ffe3e3;*/} .contentHighlightMoodTextContainer {width: 270px; padding-left: 10px; position: absolute; top: 22px; left: 0; /*background-color: #f0f0f0;*/} .contentHighlightMoodTextRegular {font: 33px/33px arial, helvetica, sans-serif; color: #fff;} .contentHighlightMoodListContainer {width: 203px; padding-left: 10px; position: absolute; bottom: 0; left: 0; /*background-color: #f0f0f0;*/} .contentHighlightMoodListNotes {width: 100%; padding: 5px 0 5px 0;} .contentHighlightMoodListNotes p {font: 10px arial, helvetica, sans-serif; color: #296199;} .contentHighlightMoodListRow {width: 100%; padding: 5px 0 5px 0; border-top: 1px solid #8e9dab;} .contentHighlightMoodListRow img {float: left; margin-right: 8px;} .contentHighlightMoodListNoLink {width: 100%; height: 28px; border-top: 1px solid #8e9dab;} .contentHighlightMoodListTitle a {font: bold 11px arial, helvetica, sans-serif; color: #000; text-decoration: none;} .contentHighlightMoodListTitle a:hover {text-decoration: underline;} .contentHighlightMoodListRegular {font: 11px arial, helvetica, sans-serif; color: #000;} .contentHighlightMoodListLink {font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentHighlightMoodListLink:hover {text-decoration: none;} .contentMediaContainer {width: 789px; height: 89px; padding: 10px 0 10px 0; /*background-color: #ff6666;*/} .contentHighlightContentConfig {width: 789px; border-top: 3px solid #000; /*background-color: #9effa3;*/} .contentHighlightContainer {width: 474px; margin-top: 10px; float: right; /*background-color: #ff6666;*/} .contentHighlightDetail {width: 157px; height: 250px; float: left; border-right: 1px solid #3D5475; /*background-color: #333;*/} .contentHighlightDetail img {margin: 0 0 5px 10px;} .contentHighlightDetailConfig {padding: 0 5px 0 8px;} .contentHighlightDetail a {font: bold 11px arial, helvetica, sans-serif; color: #666;} .contentHighlightDetail a:hover {text-decoration: none;} .contentHighlightDetailTitle a {font: 30px/30px arial, helvetica, sans-serif; color: #000; text-decoration: none;} .contentHighlightDetailTitle .snow {font: 30px/30px arial, helvetica, sans-serif; color: #6699cc;} .contentHighlightDetailTitle .hot {font: 30px/30px arial, helvetica, sans-serif; color: #ff9933;} .contentHighlightDetailTitle .read {font: 30px/30px arial, helvetica, sans-serif; color: #ce000c;} .contentHighlightDetailTitle .connect {font: 18px arial, helvetica, sans-serif; color: #000;} .contentHighlightDetailDesc {padding: 6px 0 6px 0; font: 10px/12px arial, helvetica, sans-serif; color: #666;} .contentHighlightDetailLable {font: bold 14px arial, helvetica, sans-serif; color: #333;} .contentHighlightDetailLable .price {font: bold 24px arial, helvetica, sans-serif; color: #333;} .contentHighlightDetailLable .euro {padding-left: 4px; font: bold 12px arial, helvetica, sans-serif; color: #333;} .contentHighlightDetailLable .plus {padding-left: 6px; font: bold 24px arial, helvetica, sans-serif; color: #333;} .contentHighlightDetailPrice {font: 32px/32px arial, helvetica, sans-serif; color: #333;} .contentHighlightDetailPrice span {padding-left: 4px; font: bold 12px arial, helvetica, sans-serif; color: #333;} .contentHighlightDetailSponsor {font: 12px arial, helvetica, sans-serif; color: #333;} .contentHighlightDetailSponsor span {padding: 0 3px 0 3px; font: bold 14px arial, helvetica, sans-serif; color: #333;} /* Path Content */ .contentPathContainer {width: 789px; height: 40px; margin: 0 0 5px 0; position: relative; float: right; border: 1px solid #bdd3ea; } .contentPathBgConfig {width: 100%; height: 100%; opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); background-color: #f2f6fb; } .contentPathContent {position: absolute; top: 14px; left: 10px; z-index: 1; /*background-color: #ccc;*/} .contentPathContent p {float: left; font: 10px arial, helvetica, sans-serif; color: #000;} .contentPathContent a {font: 10px arial, helvetica, sans-serif; color: #000;} .contentPathContent a:hover {text-decoration: none;} .contentPathContent .sep {padding: 0 4px 0 4px;} /* ---- CALENDAR ---------------------------------------------------------------------------------------- */ .calerdarWarpper {width: 295px; position: absolute; z-index: 50; background-color: #fff; overflow: hidden;} .calendarBar {width: 283px; padding: 5px 6px 8px 6px; background-color: #fff;} .calendarBar .info {float: left; font: bold 11px arial, helvetica, sans-serif; color: #234669;} .calendarBar .link {float: right;} .calendarBar .link a {font: 10px arial, helvetica, sans-serif; color: #234669;} .calendarBar .link a:hover {text-decoration: none;} .calendarContainer {width: 140px; padding: 2px; /*position: absolute;*/ /*top: 103px; .top: 108px; right: 45px; .right: 42px;*/ /*z-index: 50;*/ /*border: 2px solid #69696b;*/ overflow: hidden; background-color: #fff;} .calendarContainer iframe {width: 3000px; height: 3000px; display: none; display/**/: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask();} .calendarBg {width: 140px; background-color: #fff;} .calendarHeader {width: 140px; border-bottom: 1px solid #fff; background-color: #dbe7f3;} .calendarHeader p {width: 98px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #234669; text-align: center; padding: 5px 0 5px 0;} .calendarHeader a {width: 20px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #234669; text-align: center; text-decoration: none; display: block; padding: 5px 0 5px 0;} .calendarHeader a:hover {text-decoration: underline;} .calendarHeaderEmpty {cursor: default; width: 20px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #234669; text-align: center; text-decoration: none; display: block; padding: 5px 0 5px 0;} .calendarWeek {width: 141px; padding: 0 0 1px 0; /*background-color: #fff;*/} .calendarWeek p {width: 15px; float: left; padding-left: 1px; margin: 1px; font: bold 11px arial, helvetica, sans-serif; color: #234669; text-align: center; border: 1px solid #fff;} .calendarDay {width: 141px; /*background-color: #fff;*/} .calendarDay p {width: 18px; float: left; margin: 1px; font: 10px arial, helvetica, sans-serif; text-align: center;} .calendarDayVoid {width: 16px; font: 10px arial, helvetica, sans-serif; display: block; border: 1px solid #dbe7f3; text-decoration: none; cursor: default; background-color: #dbe7f3;} .calendarDayNormal {width: 16px; font: 10px arial, helvetica, sans-serif; color: #234669; text-decoration: none; display: block; border: 1px solid #7eacda; background-color: #7eacda;} .calendarDayNormal:hover {color: #fff; border: 1px solid #000; background-color: #000;} .calendarDayToday {width: 16px; font: 10px arial, helvetica, sans-serif; color: #fff; text-decoration: none; display: block; border: 1px solid #000; background-color: #000;} .calendarDayToday:hover {color: #fff; border: 1px solid #7eacda; background-color: #7eacda;} .calendarDayOld {width: 16px; font: 10px arial, helvetica, sans-serif; color: #234669; text-decoration: none; display: block; border: 1px solid #acc5df; background-color: #acc5df;} .calendarDayOld:hover {color: #234669; border: 1px solid #ccc; background-color: #acc5df; cursor: default;} /* Miles Simulator */ #MilesSimulator { float:right; margin-bottom:20px; } .contentsColumnMilesEntry { margin:0; padding:0; } .contentsColumnConfigMS {width: 540px; position: relative; padding: 10px 10px 0px 10px; margin-top:10px; background: url(/media/images/miles_simulator/bg_content.gif) left repeat-y;} .contentsColumnFilterGroupMS {width: 100%; padding-bottom: 10px; border-bottom: 2px solid #000; /* background-color: #dae6f3; */} .contentsColumnTitleTopMS {font: 30px arial, helvetica, sans-serif; color: #234669; padding: 0px 0px 0px 10px;} .contentsColumnTitleMS {font: 30px arial, helvetica, sans-serif; color: #234669; padding: 0px 0px 0px 0px;} .contentsColumnIntroRegularMS {padding: 0px 10px 10px 10px; font: 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnIntroRegularMS strong {font: bold 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnIntroRegularMS em {font: italic 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnIntroRegularMS a {font: 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnIntroRegularMS a:hover {text-decoration: none;} .contentsColumnFilterSelectContainerMS {float: left; padding: 5px 0px 0px 10px; /*background-color: #ccc;*/} .contentsColumnFilterSelectContainerMSRight {float: right; /*background-color: #ccc;*/} .contentsResultsListContainerMS {width: 523px; padding: 10px 0px 10px 0px; /*background-color: #ccc;*/ border-bottom: 1px solid #cde1f6;} .contentsResultsListContainerMS img {} .contentsResultsListContainerLastMS {width: 523px; padding: 10px 0px 10px 0px; } .contentsResultsListContainerLastMS img {} .contentsResultsListContainerMSImage { float:left; } .contentsResultsListContainerMSText { float:right; width:370px; } .contentsResultsListGroupTitleMS {padding: 10px 10px 15px 10px; font: bold 20px arial, helvetica, sans-serif; color: #234669; /*background-color: #ccc;*/ border-bottom: 1px solid #000;} .contentsResultsListTitleMS {font: bold 14px arial, helvetica, sans-serif; color: #234669; padding-bottom: 2px;} .contentsResultsListTitleMS span {font: bold 14px arial, helvetica, sans-serif; color: #234669; background-color: #dae6f3;} .contentsResultsListTitleMS a {font: bold 14px arial, helvetica, sans-serif; color: #234669;} .contentsResultsListTitleMS a:hover {text-decoration: none;} .contentsResultsListDescMS {font: 11px arial, helvetica, sans-serif; color: #000; margin: 0px 0px 5px 0px;} .contentsResultsListDescMS span {background-color: #dae6f3;} .contentsResultsListDescMS a {padding-left: 3px; font: 11px arial, helvetica, sans-serif; color: #234669; /*background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 6px;*/ } .contentsResultsListDescMS a:hover {color: #4582c1; text-decoration: none;} .contentsResultsListBtnMS { text-align: right; } a.contentsResultsListFormMS {padding-left: 3px; font: 11px arial, helvetica, sans-serif; color: #234669; /*background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 6px;*/ } a.contentsResultsListFormMS:hover {color: #4582c1; text-decoration: none;} img.imgChooseMS {float:left; margin: -5px 20px 0px 0px; } .FormValueMS {padding-left: 3px; font: 11px arial, helvetica, sans-serif; color: #234669; /*background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 6px;*/ } .contentsColumnFilterSelectMS {width: 130px; margin-right: 10px; font: 11px arial, helvetica, sans-serif; color: #234669;} .contentsSupportHighlightMSBt {padding: 5px 0 0 0; float:right;} .contentsSupportHighlightMSBt a {width: 100px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/my_account/highlights_bt_buy.gif) no-repeat left top;} .contentsSupportHighlightMSBt a:hover {background-color: #000;} .contentsSupportHighlightMSBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsSupportAlignMS {width: 229px; float: right; position: relative; /*background-color: #f5e9ff;*/} /* shopping cart */ .contentsSupportHighlightLabelMs {padding: 0 0 5px 0px; font: 24px/24px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportHighlightTitleMS {font: 30px arial, helvetica, sans-serif; color: #234669; padding: 0px 0px 0px 0px;} .contentsSupportHighlightContainerMS {width: 220px; padding: 0 0 0 0px; text-align:left; /*background-color: #ffcccc;*/} .contentsSupportHighlightButtonMS { margin-top: 5px; } /* Miles Simulator */ /* Global Content */ .contentsColumnAlign {width: 473px; float: left; position: relative; /*background-color: #e9ffef;*/} .contentsColumnConfig {width: 453px; position: relative; padding: 20px 10px 0 10px; /*background-color: #ccc;*/} .contentsOneColumnAlign {width: 789px; float: left; position: relative; /*background-color: #e9ffef;*/} .contentsOneColumnConfig {width: 769px; position: relative; padding: 20px 10px 0 10px; } .contentsColumnConfig h1 {font: 30px arial, helvetica, sans-serif; color: #234669; /*background-color: #ccc;*/} .contentsColumnConfig h2 {font: bold 14px arial, helvetica, sans-serif; color: #234669; /*background-color: #ccc;*/} .contentsColumnConfig h2 a {font: bold 14px arial, helvetica, sans-serif; color: #234669; text-decoration: none;} .contentsColumnConfig h2 a:hover {text-decoration: underline;} .contentsColumnGridConfig {width: 473px; background: transparent url(/media/images/directory/row_bg_lines.gif) repeat-y top left; /*background-color: #ccc;*/} .contentsColumnTitle {font: 30px arial, helvetica, sans-serif; color: #234669;} .contentsColumnTitleStrong {font: bold 24px/24px arial, helvetica, sans-serif; color: #000;} .contentsColumnIntroPromo {font: 18px arial, helvetica, sans-serif; color: #000;} .contentsColumnIntroPromo span {font: 30px arial, helvetica, sans-serif; color: #4c95cd;} .contentsColumnIntroRegular { padding-bottom: 10px; font: 12px arial, helvetica, sans-serif; color: rgb(35,70,105); } .contentsColumnIntroRegular strong {font: bold 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnIntroRegular em {font: italic 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnIntroRegular a {font: 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnIntroRegular a:hover {text-decoration: none;} .contentsColumnIntroStrong {font: bold 12px arial, helvetica, sans-serif; color: #234669;} img.hrimage { float: right; } .contentsColumnFilterGroup {width: 100%; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #000; background-color: #dae6f3;} .contentsColumnFilterFieldsContainer {padding: 0 10px 0 10px; /*background-color: #ccc;*/} .contentsColumnFilterFieldsOneCollumn {width: 453px; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsColumnFilterFieldsLeft {width: 220px; float: left; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsColumnFilterFieldsRight {width: 220px; float: right; padding-bottom: 10px; /*background-color: #ece9ff;*/} .contentsColumnFilterFieldsBtContainer {margin-top: 5px; border-top: 1px dotted #234669; /*background-color: #ccc;*/} .contentsColumnFilterFieldsTitle {padding: 0 0 10px 0; font: bold 16px/16px arial, helvetica, sans-serif; color: #234669;} .contentsColumnFilterFieldsBt {padding: 10px 0 2px 0; float: left;} .contentsColumnFilterFieldsBt a {width: 145px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/global/user_bt_statement.gif) no-repeat left top;} .contentsColumnFilterFieldsBt a:hover {background-color: #000;} .contentsColumnFilterFieldsBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsColumnFilterFieldsBtAll {padding: 10px 0 2px 10px; float: left;} .contentsColumnFilterFieldsBtAll a {width: 145px; height: 22px; display: block; text-decoration: none; background: #a4bad2 url(/media/images/global/user_bt_statement.gif) no-repeat left top;} .contentsColumnFilterFieldsBtAll a:hover {background-color: #000;} .contentsColumnFilterFieldsBtAll a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} /* .contentsColumnFilterRadioContainer {float: left; background-color: #ccc;} .contentsColumnFilterRadioConfig {margin: 4px 0 3px 5px; .margin: 0 0 0 0; float: left;} .contentsColumnFilterLabelRadio {padding: 3px 20px 0 5px; .padding: 3px 21px 0 2px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #444;} */ .contentsColumnFilterDescContainer {width: 250px; float: left; /*background-color: #ccc;*/} .contentsColumnFilterDesc {padding-top: 3px; margin-left: 10px; font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentsColumnFilterSelectContainer {float: right; /*background-color: #ccc;*/} .contentsColumnFilterSelect {width: 207px; margin-right: 10px; font: 11px arial, helvetica, sans-serif; color: #234669;} .contentsColumnGroup {width: 100%; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #000; /*background-color: #e9ffef;*/} .contentsColumnPicConfig {float: left; margin: 0 10px 0 0;} .contentsColumnSubTitle {font: bold 14px arial, helvetica, sans-serif; color: #234669;} .contentsColumnSubTitle a {font: bold 14px arial, helvetica, sans-serif; color: #234669; text-decoration: none;} .contentsColumnSubTitle a:hover {text-decoration: underline;} .contentsColumnRegular {padding: 0 0 5px 0; font: 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnRegular a {color: #000;} .contentsColumnRegular a:hover {color: #4582c1; text-decoration: none;} .contentsColumnStrong {font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnStrong a {font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnStrong a:hover {color: #4582c1; text-decoration: none;} .contentsColumnLinkFechar a {font: 10px arial, helvetica, sans-serif; color: #000;} .contentsColumnLinkFechar a:hover {color: #4582c1; text-decoration: none;} .contentsColumnLink {padding: 8px 0 0 0;} .contentsColumnLink a {padding-left: 8px; font: bold 11px arial, helvetica, sans-serif; color: #000; background: transparent url(/media/images/global/link_bullet_arrow.gif) no-repeat left 4px; } .contentsColumnLink a:hover {color: #4582c1; text-decoration: none;} .contentsColumnSep {width: 100%; height: 2px; line-height: 2px; margin: 20px 0 10px 0; background-color: #000;} .contentsColumnListTitle {font: bold 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnList {margin: 0; padding: 0; list-style: none;} .contentsColumnList li {padding: 0 0 5px 10px; font: 11px arial, helvetica, sans-serif; color: #000; background: url(/media/images/global/generic_bullet.gif) no-repeat 0 6px ;} .contentsColumnList li span {font: 10px/11px arial, helvetica, sans-serif; color: #000;} .contentsColumnLoginContainer {width: 453px;} .contentsColumnFieldsConfig {width: 100%; padding: 0 0 10px 0; /*background-color: #ccc;~*/} .contentsColumnLoginLable {padding: 0 0 4px 3px; font: bold 14px arial, helvetica, sans-serif; color: #000;} .contentsColumnLoginLable span {padding-left: 5px; font: 10px arial, helvetica, sans-serif; color: #000;} .contentsColumnLoginLableSmall {padding: 0 0 4px 3px; font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnLoginField {padding: 1px 0 2px 3px; font: 12px arial, helvetica, sans-serif; color: #000;} .contentsColumnLoginCheckConfig {margin: 4px 0 3px 5px; .margin: 0 0 0 0; float: left;} .contentsColumnLoginCheckLabel {padding: 3px 20px 0 5px; .padding: 3px 21px 0 2px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #444;} .contentsColumnLoginCheckLabel span {font: 10px arial, helvetica, sans-serif; color: #444;} .contentsColumnLoginDesc {padding: 5px 0 0 3px; font: 10px arial, helvetica, sans-serif; color: #999;} .contentsColumnLoginBt {float: left; padding: 0 0 0 0;} .contentsColumnLoginBt a {width: 200px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/global/login_bt_signin.gif) no-repeat left top;} .contentsColumnLoginBt a:hover {background-color: #000;} .contentsColumnLoginBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsColumnLoginRecover {float: left; padding: 3px 0 0 10px;} .contentsColumnLoginRecover a {font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnLoginRecover a:hover {text-decoration: none;} .contentsColumnLoginMemberConfig {width: 453px; padding: 10px 10px 0 10px; margin-top: 20px; border-top: 2px solid #000; } .contentsColumnLoginAlertErrorContainer {width: 453px; margin: 20px 0 20px 0; /*background-color: #333;*/} .contentsColumnLoginAlertErrorPic { width: 23px; height: 16px; float: left; margin-right: 10px; background: transparent url(/media/images/global/my_account_icon_group_alert.gif) no-repeat left top; } .contentsColumnLoginAlertErrorContent { width: 410px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #ce000c; /*background-color: #ccc;*/ } .contentsColumnLoginAlertErrorContent a {font: bold 11px arial, helvetica, sans-serif; color: #ce000c;} .contentsColumnLoginAlertErrorContent a:hover {text-decoration: none;} .contentsColumnLoginAlertContainer {width: 371px; padding: 15px 10px 20px 10px; background-color: #6699cc;} .contentsColumnLoginAlertTdConfig {background-color: #6699cc;} .contentsColumnLoginAlertTitle {padding-bottom: 5px; font: 30px/30px arial, helvetica, sans-serif; color: #fff;} .contentsColumnLoginAlertSubTitle {font: bold 14px arial, helvetica, sans-serif; color: #fff;} .contentsColumnLoginAlertRegular {font: 12px arial, helvetica, sans-serif; color: #fff;} .contentsColumnLoginAlertRegular a {font: 12px arial, helvetica, sans-serif; color: #fff;} .contentsColumnLoginAlertRegular a:hover {text-decoration: none;} .contentsColumnLoginRedAlertBox {width: 453px; position: relative;} .contentsColumnLoginRedAlertContainer {width: 371px; padding: 0 10px 0 10px; position: absolute; top: 0; right: 4px; z-index: 2;} .contentsColumnLoginRedAlertTitle {padding-bottom: 5px; font: 30px/30px arial, helvetica, sans-serif; color: #000;} .contentsColumnLoginRedAlertRegular {font: 12px arial, helvetica, sans-serif; color: #000;} .contentsColumnLoginRedAlerBtMember {float: left; margin: 10px 0 0 0;} .contentsColumnLoginRedAlerBtMember a {width: 175px; height: 22px; display: block; text-decoration: none; background: #ce000c url(/media/images/login/recover_bt_member_number.gif) no-repeat left top;} .contentsColumnLoginRedAlerBtMember a:hover {background-color: #000;} .contentsColumnLoginRedAlerBtMember a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsColumnLoginRedAlerBtPin {float: left; margin: 10px 20px 0 0;} .contentsColumnLoginRedAlerBtPin a {width: 145px; height: 22px; display: block; text-decoration: none; background: #ce000c url(/media/images/login/recover_bt_pin_number.gif) no-repeat left top;} .contentsColumnLoginRedAlerBtPin a:hover {background-color: #000;} .contentsColumnLoginRedAlerBtPin a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsColumnMyAccountContainer {margin-bottom: 15px; margin-top: 10px; border-top: 5px solid #000; /*background-color: #fff3f3;*/} .contentsColumnMyAccountContainer .tdBorder {width: 137px; border-right: 1px solid #000;} .contentsColumnMyAccountContainer td {padding: 14px 10px 10px 10px;} .contentsColumnMyAccountTitle {padding-bottom: 5px; font: bold 16px arial, helvetica, sans-serif; color: #234669;} .contentsColumnMyAccountTitle span {font: bold 12px arial, helvetica, sans-serif; color: #234669;} .contentsColumnMyAccountColumn {width: 120px; float: left; /*background-color: #ccc;*/} .contentsColumnMyAccountLable {font: 10px arial, helvetica, sans-serif; color: #6699cc;} .contentsColumnMyAccountDate {font: bold 14px arial, helvetica, sans-serif; color: #000;} .contentsColumnMyAccountDate span {font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnMyAccountNote {padding: 10px 0 0 10px; font: 10px arial, helvetica, sans-serif; color: #6699cc;} .contentsColumnMyAccountBar {/*background-color: #ccc;*/} .contentsColumnMyAccountBar .lableLeft {float: left; padding-bottom: 3px; font: 10px arial, helvetica, sans-serif; color: #333;} .contentsColumnMyAccountBar .lableRight {float: right; padding-bottom: 3px; font: 10px arial, helvetica, sans-serif; color: #333;} .contentsColumnMyAccountBar .statusBar {width: 100%; height: 20px; position: relative; background-color: #dae6f3;} .contentsColumnMyAccountBar .statusBarSep {width: 100%; height: 20px; position: absolute; top: 0; left: 0; background: transparent url(/media/images/miles_statement/miles_statement_sep_miles_bar.gif) no-repeat left top;} .contentsColumnMyAccountBar .statusBarProgress {height: 20px; background-color: #6699cc;} .contentsColumnTabs {overflow: visible width: 768px; height: 61px; margin: 0 10px 2px 10px; border-bottom: 1px solid #180054; position: relative; } .contentsColumnTabs .tab01 { background: #3F86C4; width: 156px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; //border-bottom: 1px solid #180054; // joao margin-left: -1px; margin-bottom: 0px !important; text-decoration: none; /* background-image: url(/media/images/tabs/tab_bg_border_dotted_disable.gif); background-position: right top!important; background-repeat: no-repeat; */ } .contentsColumnTabs .tab01 span { text-decoration:none; position: absolute; bottom: 10px; left: 10px; font: bold 14px arial, helvetica, sans-serif; color: #ffffff; } .contentsColumnTabs .tab01Active {width: 156px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; border-bottom: 1px solid #fff; margin-left: 0px; margin-bottom: -1px !important; text-decoration: none; cursor: default; } * html .contentsColumnTabs .tab01Active { width: 153px!important; } .contentsColumnTabs .tab01Active span { position: absolute; bottom: 9px; left: 10px; font: bold 14px arial, helvetica, sans-serif; color: #27597d;} .contentsColumnTabs .tab01Active span.hideB {width: 150px; height: 1px; line-height: 1px; position: absolute; bottom: -1px; left: -1px; background-color: #fff;} .contentsColumnTabs .tab01Disable {width: 150px; height: 60px; float: left; position: relative; text-decoration: none; background: transparent url(/media/images/tabs/tab_bg_border_dotted_disable.gif) no-repeat right top;} .contentsColumnTabs .tab01Disable span {position: absolute; bottom: 10px; left: 10px; font: bold 14px arial, helvetica, sans-serif; color: #5888aa; /* border: 1px solid #180054;*/ } .contentsColumnTabs .tab01Disable img {margin: 1px 0 0 0;} .contentsColumnTabs .tab01Active img {display:none;} .contentsColumnTabs .tab01 img {display:block; margin:0 0 0 132px !important;} .contentsColumnTabs .tab02 {background: #3F86C4; width: 152px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; margin-left: 0px; margin-right: 0px; margin-bottom: 0px !important; text-decoration: none; } .contentsColumnTabs .tab02 span {text-decoration:none; position: absolute; bottom: 10px; left: 11px; font: bold 14px arial, helvetica, sans-serif; color: #ffffff;} .contentsColumnTabs .tab02Active {width: 153px; height: 60px; margin-bottom: -1px !important; margin-left: -1px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; border-left: 1px solid #180054; border-bottom: 1px solid #fff; text-decoration: none; cursor: default; } .contentsColumnTabs .tab02Active span {position: absolute; bottom: 9px; left: 10px; font: bold 14px arial, helvetica, sans-serif; color: #27597d;} .contentsColumnTabs .tab02Active span.hideB {width: 148px; height: 1px; line-height: 1px; position: absolute; bottom: -1px; left: 0; background-color: #fff;} .contentsColumnTabs .tab02Disable {width: 150px; height: 60px; float: left; position: relative; /*border-left: 1px solid #fff;*/ margin-left: 1px; text-decoration: none; background: transparent url(/media/images/tabs/tab_bg_border_dotted_disable.gif) no-repeat right top;} .contentsColumnTabs .tab02Disable span {position: absolute; bottom: 10px; left: 11px; font: bold 14px arial, helvetica, sans-serif; color: #5888aa;} .contentsColumnTabs .tab02Disable img {margin: 1px 0 0 1px;} .contentsColumnTabs .tab02Active img {display:none;} .contentsColumnTabs .tab02 img {display:block; margin:0 0 0 132px !important;} .contentsColumnTabs .tab03 { background: #3F86C4; width: 152px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; margin-left: 0px; margin-bottom: 0px !important; text-decoration: none;} .contentsColumnTabs .tab03 span {text-decoration:none; position: absolute; bottom: 10px; left: 10px; font: bold 14px arial, helvetica, sans-serif; color: #ffffff;} .contentsColumnTabs .tab03Active { width: 153px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-bottom: 1px solid #fff; border-left: 1px solid #180054; border-right: 1px solid #180054; margin-bottom: -1px !important; margin-right: 0px; margin-left: -1px;text-decoration: none; cursor: default; /*background-color: #fff;*/} .contentsColumnTabs .tab03Active span {position: absolute; bottom: 9px; left: 9px; font: bold 14px arial, helvetica, sans-serif; color: #27597d;} .contentsColumnTabs .tab03Active span.hideB {width: 149px; height: 1px; line-height: 1px; position: absolute; bottom: -1px; left: 0; background-color: #fff;} .contentsColumnTabs .tab03Active img {display:none;} .contentsColumnTabs .tab03 img {display:block; margin:0 0 0 132px !important;;} .contentsColumnTabs .tab04 { background: #3F86C4; width: 152px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; margin-left: 0px; margin-bottom: 0px !important; text-decoration: none;} .contentsColumnTabs .tab04 span {text-decoration:none; position: absolute; bottom: 10px; left: 10px; font: bold 14px arial, helvetica, sans-serif; color: #ffffff;} .contentsColumnTabs .tab04Active {width: 153px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; border-bottom: 1px solid #fff; border-left: 1px solid #180054; margin-bottom: -1px !important; margin-right: 0px; margin-left: -1px; text-decoration: none; cursor: default; /*background-color: #fff;*/} .contentsColumnTabs .tab04Active span {position: absolute; bottom: 9px; left: 9px; font: bold 14px arial, helvetica, sans-serif; color: #27597d;} .contentsColumnTabs .tab04Active span.hideB {width: 152px; height: 1px; line-height: 1px; position: absolute; bottom: -1px; left: 0; background-color: #fff;} .contentsColumnTabs .tab04Active img {display:none;} .contentsColumnTabs .tab04 img { display: block; margin: 0 0 0 132px !important; } .contentsColumnTabs .tab05 { overflow: hidden; background: #3F86C4; width: 152px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; margin-left: 0px; margin-bottom: 0px !important; text-decoration: none; } .contentsColumnTabs .tab05 span { text-decoration:none !important; position: absolute; bottom: 10px; left: 10px; font: bold 14px arial, helvetica, sans-serif; color: #ffffff;} .contentsColumnTabs .tab05Active {width: 153px; height: 60px; float: left; position: relative; border-top: 1px solid #180054; border-right: 1px solid #180054; border-left: 1px solid #180054; border-bottom: 1px solid #fff; margin-bottom: -1px !important; margin-right: 0px !important; margin-left: -1px; text-decoration:none !important; cursor: default; /*background-color: #fff;*/} .contentsColumnTabs .tab05Active span { text-decoration: none !important; position: absolute; bottom: 9px; left: 9px; font: bold 14px arial, helvetica, sans-serif; color: #27597d;} .contentsColumnTabs .tab05Active span.hideB {width: 152px; height: 1px; line-height: 1px; position: absolute; bottom: -1px; left: 0; background-color: #fff;} .contentsColumnTabs .tab05Active img { display: none; } .contentsColumnTabs .tab05 img { display: block; margin: 0 0 0 133px !important; } .contentsColumnTabs .emptyArea { width: 317px; height: 62px; position: absolute; top: 0; right: 0; border-left: 1px solid #4d96ce; } .contentsColumnStepsContainer {width: 453px; height: 61px; margin: 0 10px 0 10px; /*background-color: #fcf9ce;*/} .contentsColumnStep {width: 150px; height: 61px; float: left; position: relative; border-left: 1px solid #fff; background: transparent url(/media/images/calculator/ruler_steps_bg_dotted.gif) no-repeat right top;} .contentsColumnStep .number {position: absolute; bottom: 3px; left: 10px; font: bold 54px/54px arial, helvetica, sans-serif; color: #ccc;} .contentsColumnStep .lable {width: 90px; position: absolute; bottom: 9px; .bottom: 10px; left: 60px; font: bold 14px/14px arial, helvetica, sans-serif; color: #999;} .contentsColumnStepActive {width: 147px; height: 57px; float: left; position: relative; border: 2px solid #4d96ce;} .contentsColumnStepActive .number {position: absolute; bottom: 1px; left: 9px; font: bold 54px/54px arial, helvetica, sans-serif; color: #4d96ce;} .contentsColumnStepActive .lable {width: 90px; position: absolute; bottom: 7px; .bottom: 8px; left: 59px; font: bold 14px/14px arial, helvetica, sans-serif; color: #4d96ce;} .contentsColumnStepDisable {width: 149px; height: 59px; float: left; position: relative; border-top: 1px solid #4d96ce; border-right: 1px solid #fff; border-bottom: 1px solid #4d96ce; border-left: 1px solid #4d96ce;} .contentsColumnStepDisable .number {position: absolute; bottom: 2px; left: 10px; font: bold 54px/54px arial, helvetica, sans-serif; color: #4d96ce;} .contentsColumnStepDisable .lable {width: 90px; position: absolute; bottom: 8px; .bottom: 9px; left: 60px; font: bold 14px/14px arial, helvetica, sans-serif; color: #4d96ce;} .contentsColumnStepResults {width: 453px; margin: 0 10px 0 10px; /*background-color: #fcf9ce;*/} .contentsColumnStepsUpgradeContainer {width: 453px; height: 61px; margin: 0 10px 0 10px; /*background-color: #fcf9ce;*/} .contentsColumnStepUpgrade {width: 112px; height: 61px; float: left; position: relative; border-left: 1px solid #fff; background: transparent url(/media/images/calculator/ruler_steps_bg_dotted.gif) no-repeat right top;} .contentsColumnStepUpgrade .number {position: absolute; bottom: 6px; left: 5px; font: bold 32px/32px arial, helvetica, sans-serif; color: #ccc;} .contentsColumnStepUpgrade .lable {width: 74px; position: absolute; bottom: 9px; .bottom: 10px; left: 35px; font: bold 11px/11px arial, helvetica, sans-serif; color: #999;} .contentsColumnStepUpgradeActive {width: 109px; height: 57px; float: left; position: relative; border: 2px solid #4d96ce;} .contentsColumnStepUpgradeActive .number {position: absolute; bottom: 4px; left: 4px; font: bold 32px/32px arial, helvetica, sans-serif; color: #4d96ce;} .contentsColumnStepUpgradeActive .lable {width: 74px; position: absolute; bottom: 7px; .bottom: 8px; left: 34px; font: bold 11px/11px arial, helvetica, sans-serif; color: #4d96ce;} .contentsColumnStepUpgradeDisable {width: 111px; height: 59px; float: left; position: relative; border-top: 1px solid #4d96ce; border-right: 1px solid #fff; border-bottom: 1px solid #4d96ce; border-left: 1px solid #4d96ce;} .contentsColumnStepUpgradeDisable .number {position: absolute; bottom: 5px; left: 5px; font: bold 32px/32px arial, helvetica, sans-serif; color: #4d96ce;} .contentsColumnStepUpgradeDisable .lable {width: 74px; position: absolute; bottom: 8px; .bottom: 9px; left: 35px; font: bold 11px/11px arial, helvetica, sans-serif; color: #4d96ce;} .contentsColumnClaimGroupContainer {width: 453px; padding: 0 0 10px 0; margin-top: 15px; border-top: 2px solid #000; /*background-color: #ccc;*/} .contentsColumnClaimGroupNoBorderContainer {width: 453px; padding: 0 0 10px 0; margin-top: 5px; /*background-color: #ccc;*/} .contentsColumnClaimGroupTitle {padding: 7px 0 0 10px; float: left; font: bold 16px arial, helvetica, sans-serif; color: #234669;} .contentsColumnClaimGroupPic {margin-top: 7px; float: left; width: 23px; height: 16px; background: transparent url(/media/images/my_account/my_account_icon_group.gif) no-repeat left top;} .contentsColumnClaimBtContainer {width: 453px; padding-bottom: 10px; /*background-color: #ccc;*/} .contentsColumnClaimBtAddFlight {float: left; padding: 0 10px 0 0;} .contentsColumnClaimBtAddFlight a {width: 63px; height: 11px; display: block; text-decoration: none; background: transparent url(/media/images/claim_miles/claim_bt_add_flight.gif) no-repeat left top;} .contentsColumnClaimBtRemoveFlight {float: left;} .contentsColumnClaimBtRemoveFlight a {width: 68px; height: 11px; display: block; text-decoration: none; background: transparent url(/media/images/claim_miles/claim_bt_remove_flight.gif) no-repeat left top;} .contentsColumnClaimBtAddPassenger {float: left; padding: 0 10px 0 0;} .contentsColumnClaimBtAddPassenger a {width: 73px; height: 11px; display: block; text-decoration: none; background: transparent url(/media/images/upgrade/upgrade_bt_add_passenger.gif) no-repeat left top;} .contentsColumnClaimBtRemovePassenger {float: left;} .contentsColumnClaimBtRemovePassenger a {width: 88px; height: 11px; display: block; text-decoration: none; background: transparent url(/media/images/upgrade/upgrade_bt_remove_passenger.gif) no-repeat left top;} .contentsColumnClaimPartnerDetail {width: 453px; padding: 0 0 20px 0; /*background-color: #ccc;*/} .contentsColumnClaimPartnerDetail .name {padding-bottom: 2px; font: bold 14px arial, helvetica, sans-serif; color: #234669;} .contentsColumnClaimPartnerDetail .phone {font: 11px arial, helvetica, sans-serif; color: #234669;} .contentsColumnClaimPartnerDetail .email {font: 11px arial, helvetica, sans-serif; color: #234669;} .contentsColumnClaimPartnerDetail .email a {font: 11px arial, helvetica, sans-serif; color: #234669;} .contentsColumnClaimPartnerDetail .email a:hover {text-decoration: none;} #boardingPassExample {padding: 5px 0 30px 0; margin: 0px 0px 10px 0px; /*background-color: #ccc;*/} #boardingPassExample img.pic2 {padding: 0px; margin:0px; float:left; } #boardingPassExample p.title {font-size: 18px; color:#000000; margin: 15px 0px 0px 0px;} #boardingPassExample p.desc {font-size: 11px; color:#000000;} #boardingPassExample p.desc .red {font-size: 11px; color:#cc0000;} .contentsColumnWishListContainer {width: 453px; padding: 10px 10px 0 10px; margin-bottom: 30px; border-top: 2px solid #000; /*background-color: #e9ffef;*/} .contentsColumnWishListLead {font: bold 11px arial, helvetica, sans-serif; color: #6699cc;} .contentsColumnWishListLead .totalMilesNumber {font: 64px/64px arial, helvetica, sans-serif; color: #6699cc;} .contentsColumnWishListLead .totalMilesLabel {font: 22px arial, helvetica, sans-serif; color: #6699cc;} .contentsColumnWishListDesc {font: bold 12px arial, helvetica, sans-serif; color: #000;} .contentsColumnWishListDesc a {font: bold 12px arial, helvetica, sans-serif; color: #000;} .contentsColumnWishListDesc a:hover {text-decoration: none;} .contentsColumnWishListDesc .toMilesNumber {padding: 0 0 0 4px; font: bold 16px arial, helvetica, sans-serif; color: #000;} .contentsColumnWishListDesc .toMilesLabel {padding: 0 4px 0 4px; font: bold 12px arial, helvetica, sans-serif; color: #000;} .contentsColumnWishListDesc .wishTypeGold {padding: 0 4px 0 4px; font: 18px arial, helvetica, sans-serif; color: #cc9933;} .contentsColumnWishListDesc .wishTypeSilver {padding: 0 4px 0 4px; font: 18px arial, helvetica, sans-serif; color: #669999;} .contentsColumnWishListDesc .wishTypeMiles {padding: 0 4px 0 4px; font: 18px arial, helvetica, sans-serif; color: #a8c119;} .contentsColumnWishListDesc .wishName {padding: 0 4px 0 4px; font: 18px arial, helvetica, sans-serif; color: #000;} .contentsColumnMyAccountListContainer {width: 453px; padding: 10px 10px 0 10px; margin-bottom: 10px; border-top: 2px solid #000; /*background-color: #e9ffef;*/} .contentsColumnMyAccountListGroup {width: 453px; padding: 0 0 20px 0; /*background-color: #fff;*/} .contentsColumnMyAccountListPicContainer {width: 33px; float: left; /*background-color: #ccc;*/} .contentsColumnMyAccountListPic {width: 23px; height: 16px; background: transparent url(/media/images/my_account/my_account_icon_group.gif) no-repeat left top;} .contentsColumnMyAccountListPicAlert {width: 23px; height: 16px; background: transparent url(/media/images/my_account/my_account_icon_group_alert.gif) no-repeat left top;} .contentsColumnMyAccountListContent {width: 420px; float: left; /*background-color: #333;*/} .contentsColumnMyAccountListTitle {padding: 0 0 2px 0; font: bold 14px arial, helvetica, sans-serif; color: #234669;} .contentsColumnMyAccountListTitleAlert {padding: 0 0 2px 0; font: bold 14px arial, helvetica, sans-serif; color: #ce000c;} .contentsColumnMyAccountListRegular {font: 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnMyAccountListLink {padding: 0 0 2px 6px; background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 5px;} .contentsColumnMyAccountListLink a {font: 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnMyAccountListLink a:hover {text-decoration: none;} .contentsColumnMyAccountRulerContainer {width: 453px; padding: 0px 10px 0 10px; margin-bottom: 30px; border-top: 2px solid #000; /*background-color: #e9ffef;*/} .contentsColumnStatementFilterGroup {width: 769px; padding: 10px; /*border-top: 2px solid #000;*/ background-color: #dae6f3;} .contentsColumnStatementFilterTitle {padding: 0 0 2px 0; font: bold 16px/16px arial, helvetica, sans-serif; color: #234669;} .contentsColumnStatementFilterDesc {padding: 0 0 10px 0; font: 10px arial, helvetica, sans-serif; color: #234669;} .contentsColumnStatementFieldsContainer {width: 100%; /*background-color: #ccc;*/} .contentsColumnStatementFieldsLeftContainer {width: 379px; float: left; padding-bottom: 10px; /*background-color: #fcffe0;*/} .contentsColumnStatementFieldsRightContainer {width: 377px; float: right; padding-bottom: 10px; /*background-color: #e0ffec;*/} .contentsColumnStatementFieldsOneCollumn {width: 453px; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsColumnStatementFieldsSep {width: 100%; height: 1px; line-height: 1px; margin: 5px 0 10px 0; background-color: #000;} .contentsColumnStatementBtContainer {margin-top: 5px; border-top: 1px dotted #234669; /*background-color: #ccc;*/} .contentsColumnStatementBt {padding: 10px 0 2px 0; float: left;} .contentsColumnStatementBt a {width: 145px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/global/user_bt_statement.gif) no-repeat left top;} .contentsColumnStatementBt a:hover {background-color: #000;} .contentsColumnStatementBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsColumnStatementBtAll {padding: 10px 0 2px 10px; float: left;} .contentsColumnStatementBtAll a {width: 145px; height: 22px; display: block; text-decoration: none; background: #a4bad2 url(/media/images/global/user_bt_statement.gif) no-repeat left top;} .contentsColumnStatementBtAll a:hover {background-color: #000;} .contentsColumnStatementBtAll a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsColumnStatementExtendMiles {padding: 2px 0 0 0;} .contentsColumnToolsOptions {padding: 20px 0 20px 10px; /*background-color: #e9ffef;*/} .contentsColumnToolsLinkPrint {float: left;} .contentsColumnToolsLinkPrint a {width: 95px; height: 16px; display: block; padding: 4px 0 0 26px; font: 10px arial, helvetica, sans-serif; color: #7d7d7d; text-decoration: none; background: transparent url(/media/images/global/generic_icon_print.gif) no-repeat left top;} .contentsColumnToolsLinkPrint a:hover {color: #444; text-decoration: underline;} .contentsColumnToolsLinkEmail {float: left;} .contentsColumnToolsLinkEmail a {width: 95px; height: 16px; display: block; padding: 4px 0 0 28px; font: 10px arial, helvetica, sans-serif; color: #7d7d7d; text-decoration: none; background: transparent url(/media/images/global/generic_icon_email.gif) no-repeat left top;} .contentsColumnToolsLinkEmail a:hover {color: #444; text-decoration: underline;} .contentsColumnToolsLinkPdf {float: left;} .contentsColumnToolsLinkPdf a {height: 16px; display: block; padding: 4px 0 0 28px; font: 10px arial, helvetica, sans-serif; color: #7d7d7d; text-decoration: none; background: transparent url(/media/images/global/generic_icon_download_pdf.gif) no-repeat left top;} .contentsColumnToolsLinkPdf a:hover {color: #444; text-decoration: underline;} .contentsColumnToolsLinkBookmark a { -x-system-font:none; background:transparent url(/media/images/global/generic_icon_website.gif) no-repeat scroll left top; color:#7D7D7D; display:block; font-family:arial,helvetica,sans-serif; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:16px; line-height:normal; padding:4px 0 0 14px; text-decoration:none; width:95px; } .contentsColumnToolsLinkBookmark a:hover { color:#444444; text-decoration:underline; } .contentsColumnToolsLinkBookmark { float:left; } .contentsColumnOptionalInfoContainer {width: 453px; padding: 10px 10px 0 10px; margin-top: 20px; border-top: 2px solid #000; /*background-color: #e9ffef;*/} .contentsColumnOptionalInfoTitle {font: bold 16px arial, helvetica, sans-serif; color: #234669;} .contentsColumnOptionalInfoRegular {padding: 0 0 5px 0; font: 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnOptionalInfoRegular a {color: #000;} .contentsColumnOptionalInfoRegular a:hover {color: #4582c1; text-decoration: none;} .contentsColumnOptionalInfoLink {padding: 0 0 2px 6px; background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 5px;} .contentsColumnOptionalInfoLink a {font: 11px arial, helvetica, sans-serif; color: #000;} .contentsColumnOptionalInfoLink a:hover {text-decoration: none;} .contentsColumnOptionalInfoBt {padding: 5px 0 0 0;} .contentsColumnOptionalInfoBt a {width: 180px; height: 22px; display: block; text-decoration: none; background: transparent url(/media/images/my_account/login_bt_become_member_off.gif) no-repeat left top;} .contentsColumnOptionalInfoBt a:hover {background: transparent url(/media/images/my_account/login_bt_become_member_on.gif) no-repeat left top;} .contentsColumnOptionalInfoBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .useConditionsCalculatorContainer {width: 769px; padding-bottom: 30px; /*background-color: #e9ffef;*/} .useConditionsCalculatorResult {font: bold 20px arial, helvetica, sans-serif; color: #5888aa;} /* Global Navigation List*/ .contentsNavListContainer {padding: 10px 10px 20px 10px; margin-top: 5px; text-align: center; /*border-top: 2px solid #000;*/ font: 11px arial, helvetica, sans-serif; color: #000; /*background-color: #ccc;*/} .contentsNavListLeft {float: left;} .contentsNavListLeft span {padding-right: 2px; font: bold 10px arial, helvetica, sans-serif; vertical-align: 1px;} .contentsNavListLeft a {padding-right: 5px; font: 11px arial, helvetica, sans-serif; color: #000;} .contentsNavListLeft a:hover {text-decoration: none;} .contentsNavListLeftOff {float: left;} .contentsNavListLeftOff span {padding-right: 2px; font: bold 10px arial, helvetica, sans-serif; vertical-align: 1px;} .contentsNavListLeftOff a {padding-right: 5px; font: 11px arial, helvetica, sans-serif; color: #000; text-decoration: none;} .contentsNavListLeftOff a:hover {cursor: default;} .contentsNavListNumber {float: left; /*padding-top: 2px;*/} .contentsNavListNumber a {padding-left: 5px; padding-right: 5px; font: 11px arial, helvetica, sans-serif; color: #000;} .contentsNavListNumber a:hover {text-decoration: none;} .contentsNavListNumber .numberActive {padding-left: 5px; padding-right: 5px; color: #6699cc; text-decoration: none;} .contentsNavListNumber .numberActive:hover {cursor: default;} .contentsNavListRight {float: left;} .contentsNavListRight span {padding-left: 2px; font: bold 10px arial, helvetica, sans-serif; vertical-align: 1px;} .contentsNavListRight a {padding-left: 5px; font: 11px arial, helvetica, sans-serif; color: #000;} .contentsNavListRight a:hover {text-decoration: none;} .contentsNavListRightOff {float: left;} .contentsNavListRightOff span {padding-left: 2px; font: bold 10px arial, helvetica, sans-serif; vertical-align: 1px;} .contentsNavListRightOff a {padding-left: 5px; font: 11px arial, helvetica, sans-serif; color: #000; text-decoration: none;} .contentsNavListRightOff a:hover {cursor: default;} /* Global Results List*/ .contentsResultsListGroupTitle {padding: 10px 10px 15px 10px; font: bold 20px arial, helvetica, sans-serif; color: #234669; /*background-color: #ccc;*/ border-bottom: 1px solid #000;} .contentsResultsListContainer {padding: 10px 10px 25px 10px; /*background-color: #ccc;*/ border-bottom: 1px solid #000;} .contentsResultsListContainer img {float: left; margin: 0 10px 5px 0;} .contentsResultsListDate {font: 10px arial, helvetica, sans-serif; color: #4d95ce;} .contentsResultsListTitle {padding-bottom: 2px;} .contentsResultsListTitle span {font: bold 14px arial, helvetica, sans-serif; color: #234669; background-color: #dae6f3;} .contentsResultsListTitle a {font: bold 14px arial, helvetica, sans-serif; color: #234669;} .contentsResultsListTitle a:hover {text-decoration: none;} .contentsResultsListDesc {font: 11px arial, helvetica, sans-serif; color: #000;} .contentsResultsListDesc span {background-color: #dae6f3;} .contentsResultsListDesc a {padding-left: 3px; font: 11px arial, helvetica, sans-serif; color: #234669; /*background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 6px;*/} .contentsResultsListDesc a:hover {color: #4582c1; text-decoration: none;} /* Global Form */ .contentsFormGroup { margin: 0 10px 10px 10px; padding-top: 10px; border-top: 1px solid #000; } .contentsFormGroupContainer { background-color: #f2f6fb; padding: 10px; } .contentsFormGroupOptionalData {margin: 0 10px 0 10px; padding: 10px; border-bottom: 2px solid #000; background-color: #f2f6fb; } .contentsFormGroupPicContainer {width: 41px; float: left; /*background-color: #ccc;*/} .contentsFormGroupPic {width: 35px; height: 23px; float: left; margin: 3px 0 0 0; background: transparent url(/media/images/global/form_pic_group.gif) no-repeat left top;} .contentsFormGroupPic p {padding: 4px 0 0 8px; font: bold 12px arial, helvetica, sans-serif; color: #fff;} .contentsFormGroupPicAlert {width: 35px; height: 23px; float: left; margin: 3px 0 0 0; background: transparent url(/media/images/global/form_pic_group_alert.gif) no-repeat left top;} .contentsFormGroupPicAlert p {padding: 4px 0 0 8px; font: bold 12px arial, helvetica, sans-serif; color: #fff;} .contentsFormGroupContent {width: 391px; float: left; /*background-color: #333;*/} .contentsFormGroupFilterContainer {width: 433px; margin: 10px 0 0 0; padding: 5px 0 0 0; border-top: 1px dotted #234669; /*background-color: #ccc;*/} .contentsFormGroupFilterOneCollumn {width: 433px; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsFormGroupFilterLeft {width: 210px; float: left; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsFormGroupFilterRight {width: 210px; float: right; padding-bottom: 10px; /*background-color: #ece9ff;*/} .contentsFormGroupFilterBtContainer {width: 433px; margin-top: 5px; clear: both; border-top: 1px solid #000; /*background-color: #ccc;*/} .contentsFormGroupFilterBt {padding: 0 0 2px 0; float: left;} .contentsFormGroupFilterBt a {width: 145px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/global/user_bt_statement.gif) no-repeat left top;} .contentsFormGroupFilterBt a:hover {background-color: #000;} .contentsFormGroupFilterBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsFormGroupTitle {font: bold 14px arial, helvetica, sans-serif; color: #234669; text-transform: capitalise;} .contentsFormGroupTitleAlert {font: bold 14px arial, helvetica, sans-serif; color: #ce000c; text-transform: capitalise;} .contentsFormGroupDescConfig {padding: 0 0 15px 10px;} .contentsFormGroupDesc {padding-top: 5px; font: 10px arial, helvetica, sans-serif; color: #234669;} .contentsFormGroupDesc span {padding: 0 1px 0 1px; font: bold 10px arial, helvetica, sans-serif; color: #ed2024;} .contentsFormGroupDesc a {font: 10px arial, helvetica, sans-serif; color: #234669;} .contentsFormGroupDesc a:hover {text-decoration: none;} .contentsFormGroupDescAlert {padding-top: 5px; font: 10px arial, helvetica, sans-serif; color: #ce000c;} .contentsFormGroupLink {padding-top: 2px;} .contentsFormGroupLink a {margin-right: 10px; font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentsFormGroupLink a:hover {text-decoration: none;} .contentsFormGroupAlert {margin: 10px 0 15px 0; padding: 10px; border: 2px solid #ce000c;} .contentsFormGroupAlert p {padding-bottom: 5px; font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentsFormGroupAlert a {font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentsFormGroupAlert a:hover {text-decoration: none;} .contentsFormFieldsContainer {padding: 10px 10px 25px 10px; /*background-color: #ccc;*/} /* .contentsFormFieldsContainer input, select { border: 1px solid #879DB7!important; /* height: 16px!important; */ padding: 1px; } */ .contentsFormFieldsOneCollumn {width: 453px; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsFormFieldsLeft {width: 220px; float: left; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsFormFieldsRight {width: 220px; float: right; padding-bottom: 10px; /*background-color: #ece9ff;*/} .contentsFormLable {padding: 0 0 1px 3px; font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentsFormLable span {padding-left: 3px; font: bold 10px arial, helvetica, sans-serif; color: #ed2024;} .contentsFormLable .small {font: 10px arial, helvetica, sans-serif; color: #234669;} .contentsFormField {padding: 1px 0 1px 3px; font: 11px arial, helvetica, sans-serif; color: #000;} .contentsFormFieldReview {padding: 1px 0 1px 3px; font: 11px arial, helvetica, sans-serif; color: #000; border: 0;} .contentsFormFieldSelect {font: 11px arial, helvetica, sans-serif; color: #000} .contentsFormFieldPlus {padding: 0 2px 0 2px; font: bold 12px arial, helvetica, sans-serif; color: #234669;} .contentsFormFieldSlash {padding: 0 2px 0 2px; font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsFormFieldMulti {padding: 0 2px 0 2px; font: 11px arial, helvetica, sans-serif; color: #234669;} .contentsFormFieldRadioConfig {margin-top: 1px; .margin-top: 0; float: left;} .contentsFormFieldLabelRadio {padding: 0 24px 0 5px; .padding: 3px 21px 0 2px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #444;} .contentsFormFieldCheckConfig {margin: 1px 0 5px 0; .margin: 0; float: left;} .contentsFormFieldLabelCheck {padding: 0 24px 0 5px; .padding: 3px 21px 0 2px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #444;} .contentsFormFieldBodyRegular {padding: 2px 0 0 3px; font: 11px arial, helvetica, sans-serif; color: #234669;} .contentsFormFieldAlert {width: 450px; padding: 0 0 10px 3px; font: bold 11px arial, helvetica, sans-serif; color: #ed2024;} .contentsFormFieldNote {padding: 2px 0 0 0; font: 10px arial, helvetica, sans-serif; color: #234669;} .contentsFormFieldNote a {font: 10px arial, helvetica, sans-serif; color: #ed2024;} .contentsFormFieldNote a:hover {text-decoration: none;} .contentsFormFieldMilesTotal {padding-top: 5px; float: right;} .contentsFormFieldMilesTotal .lable {font: bold 11px arial, helvetica, sans-serif; color: #234669} .contentsFormFieldMilesTotal .number {padding-left: 20px; font: bold 16px arial, helvetica, sans-serif; color: #234669} .contentsFormFieldMilesTotal .currency {padding-left: 5px; font: bold 12px arial, helvetica, sans-serif; color: #234669} .contentsFormBtRemove {width: 115px; height: 20px; margin-right: 10px; float: right; position: relative;} .contentsFormBtRemove a {width: 105px; height: 15px; padding: 2px 0 0 10px; display: block; font: 10px arial, helvetica, sans-serif; color: #f3f3f3; text-decoration: none; background: #69696b url(/media/images/global/global_bt_remove.gif) no-repeat left top;} .contentsFormBtRemove a:hover {background-color: #434343;} /*.contentsFormFieldSep {width: 100%; height: 1px; line-height: 1px; margin: 10px 0 5px 0; background-color: #000;}*/ .contentsFormFieldSep {width: 100%; height: 0; line-height: 0; margin: 10px 0 5px 0; border-top: 1px dotted #000;} .contentsFormFieldSepDouble {width: 100%; height: 2px; line-height: 2px; margin: 17px 0 5px 0; background-color: #000;} .contentsFormFieldLabelTermos {width: 400px; padding: 0 24px 0 5px; .padding: 3px 21px 0 2px; float: left; font: bold 11px arial, helvetica, sans-serif; color: #234669;} .contentsFormFieldLabelTermos a {font: bold 11px arial, helvetica, sans-serif; color: #ed2024;} .contentsFormFieldLabelTermos a:hover {text-decoration: none;} .contentsFormCongratulation {font: 30px arial, helvetica, sans-serif; color: #234669;} .contentsFormCongratulationDesc {font: 11px arial, helvetica, sans-serif; color: #234669;} .contentsFormCongratulationDesc a {font: bold 11px arial, helvetica, sans-serif; color: #ed2024;} .contentsFormCongratulationDesc a:hover {text-decoration: none;} .contentsFormCreditCardInfo {width: 453px; padding: 0 0 10px 0; /*background-color: #ccc;*/} .contentsFormCreditCardInfo .title {padding-bottom: 5px; font: bold 11px arial, helvetica, sans-serif; color: #234669} .contentsFormCreditCardInfo .desc {padding-bottom: 5px; font: 10px arial, helvetica, sans-serif; color: #234669} .contentsFormActionBtContainer {margin: 0 10px 0 10px; padding: 10px; /*margin-top: 20px; border-top: 2px solid #000; background-color: #dae6f3;*/} .contentsFormActionBtNoBorderContainer {margin: 0 10px 0 10px; padding: 20px 10px 10px 10px; /*margin-top: 20px;*/ /*background-color: #dae6f3;*/} .contentsFormActionBt {float: right; margin: 0 0 0 15px;} .contentsFormActionBt a {width: 145px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/global/user_bt_signin.gif) no-repeat left top;} .contentsFormActionBt a:hover {background-color: #000;} .contentsFormActionBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsFormActionBtChange {float: right; margin: 0 0 0 15px;} .contentsFormActionBtChange a {width: 145px; height: 22px; display: block; text-decoration: none; background: #666 url(/media/images/global/user_bt_signin.gif) no-repeat left top;} .contentsFormActionBtChange a:hover {background-color: #000;} .contentsFormActionBtChange a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsFormActionBtCancel {float: left; margin: 0 0 0 0;} .contentsFormActionBtCancel a {width: 90px; height: 22px; display: block; text-decoration: none; background: #666 url(/media/images/global/user_bt_cancel.gif) no-repeat left top;} .contentsFormActionBtCancel a:hover {background-color: #000;} .contentsFormActionBtCancel a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} /* --x-- */ .contentsFormActionBtRemove {float: left; margin: 0 0 0 0;} .contentsFormActionBtRemove a { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #AF1400 url(/media/images/global/user_bt_signin.gif) no-repeat scroll left top!important; display: block; height: 22px; text-decoration: none; width: 145px; } .contentsFormActionBtRemove a:hover {background-color: #000!important;} .contentsFormActionBtRemove a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} /* --x-- */ .contentsFormSavePinBt {padding: 0 0 0 0;} .contentsFormSavePinBt a {width: 145px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/global/user_bt_signin.gif) no-repeat left top;} .contentsFormSavePinBt a:hover {background-color: #000;} .contentsFormSavePinBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} /* Contents Support */ .contentsSupportAlign {width: 315px; float: right; position: relative; /*background-color: #f5e9ff;*/} .contentsSupportConfig {padding: 20px 0 0 0px;} .contentsSupportGroupContainer {width: 279px; padding: 0 16px 0 10px; /*background-color: #ccc;*/} .contentsSupportSep {width: 100%; height: 5px; line-height: 5px; margin: 25px 0 25px 0; background-color: #4582c1; /*border-top: solid #4582c1 5px;*/} .contentsSupportSmallSep {width: 100%; height: 2px; line-height: 2px; margin: 10px 0 10px 0; background-color: #4582c1; /*border-top: solid #4582c1 5px;*/} .contentsSupportBenef {padding: 0 10px 0 10px; font: bold 16px arial, helvetica, sans-serif; color: #234669;} .contentsSupportBenef span {font: bold 20px arial, helvetica, sans-serif; color: #4c95cd;} .contentsSupportLogoConfig {margin-bottom: 10px; border-bottom: solid #4582c1 5px;} /* .contentsSupportPhotoConfig {margin-bottom: 10px; background-color: #dae6f3; border-bottom: solid #4582c1 5px;} */ .contentsSupportPhotoTitle {padding: 0 16px 0 10px; font: bold italic 11px arial, helvetica, sans-serif; color: #234669;} .contentsSupportPhotoDesc {padding: 10px 16px 10px 10px; font: 10px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportTitle {padding-bottom: 5px; font: bold 14px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportTitleDocument {padding: 10px 0 5px 33px; font: bold 14px arial, helvetica, sans-serif; color: #4582c1; background: transparent url(/media/images/global/generic_icon_document.gif) no-repeat left top;} .contentsSupportBodyRegular {padding-bottom: 5px; font: 11px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportBodyStrong {padding-bottom: 5px; font: bold 11px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportLink a {font: bold 11px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportLink a:hover {text-decoration: none;} .contentsSupportName {font: bold 11px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportNameDesc {font: 10px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportBecomeMemberBt {padding: 5px 0 0 0;} .contentsSupportBecomeMemberBt a {width: 180px; height: 22px; display: block; text-decoration: none; background: transparent url(/media/images/my_account/login_bt_become_member_off.gif) no-repeat left top;} .contentsSupportBecomeMemberBt a:hover {background: transparent url(/media/images/my_account/login_bt_become_member_on.gif) no-repeat left top;} .contentsSupportBecomeMemberBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsSupportWishListContainer {width: 295px; padding: 0 0 0 10px; /*background-color: #ffcccc;*/} .contentsSupportWishListLead {font: bold 11px arial, helvetica, sans-serif; color: #6699cc;} .contentsSupportWishListLead .totalMilesNumber {font: 64px/64px arial, helvetica, sans-serif; color: #6699cc;} .contentsSupportWishListLead .totalMilesLabel {font: 22px arial, helvetica, sans-serif; color: #6699cc;} .contentsSupportWishListDesc {font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsSupportWishListDesc .toMilesNumber {padding: 0 0 0 4px; font: bold 16px arial, helvetica, sans-serif; color: #000;} .contentsSupportWishListDesc .toMilesLabel {padding: 0 4px 0 4px; font: bold 12px arial, helvetica, sans-serif; color: #000;} .contentsSupportWishListDesc .wishTypeGold {padding: 0 4px 0 4px; font: 18px arial, helvetica, sans-serif; color: #cc9933;} .contentsSupportWishListDesc .wishTypeSilver {padding: 0 4px 0 4px; font: 18px arial, helvetica, sans-serif; color: #669999;} .contentsSupportWishListDesc .wishTypeMiles {padding: 0 4px 0 4px; font: 18px arial, helvetica, sans-serif; color: #a8c119;} .contentsSupportWishListDesc .wishName {padding: 0 4px 0 4px; font: 18px arial, helvetica, sans-serif; color: #000;} .contentsSupportHighlightLable {padding: 0 0 5px 10px; font: 24px/24px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportHighlightDesc {padding: 0 0 0 10px; font: 11px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportHighlightContainer {width: 295px; padding: 0 0 0 10px; /*background-color: #ffcccc;*/} .contentsSupportHighlightTitle a {font: bold 14px arial, helvetica, sans-serif; color: #4582c1; text-decoration: none;} .contentsSupportHighlightTitle a:hover {text-decoration: underline;} .contentsSupportHighlightPicConfig {width: 123px; float: left; margin: 0 10px 0 0;} .contentsSupportHighlightContentConfig {width: 162px; float: left; /*background-color: #ccc;*/} .contentsSupportHighlightPromo {padding: 0 0 0 0;} .contentsSupportHighlightPromo .currencyNumber {font: bold 14px/14px arial, helvetica, sans-serif; color: #000;} .contentsSupportHighlightPromo .currency {padding-left: 3px; font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsSupportHighlightPromo .plus {padding: 0 5px 0 5px; font: bold 16px/16px arial, helvetica, sans-serif; color: #000;} .contentsSupportHighlightPromo .milesNumber {font: 20px/20px arial, helvetica, sans-serif; color: #000;} .contentsSupportHighlightPromo .miles {padding-left: 3px; font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsSupportHighlightBodyRegular {font: 11px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportHighlightSep {width: 100%; height: 1px; line-height: 1px; margin: 20px 0 10px 0; background-color: #4582c1;} .contentsSupportHighlightBt {padding: 5px 0 0 0;} .contentsSupportHighlightBt a {width: 100px; height: 22px; display: block; text-decoration: none; background: #6699cc url(/media/images/my_account/highlights_bt_buy.gif) no-repeat left top;} .contentsSupportHighlightBt a:hover {background-color: #000;} .contentsSupportHighlightBt a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .thumbConfig {padding: 10px 0 0 0; float:left; } .thumbConfigActive {padding: 0 0 0 0;float:left;} .mainContentThumbContainer { width: 305px; padding: 0; background: transparent url(/media/images/global/thumbnail_bg.gif) no-repeat 0 17px; } .mainContentThumbContainer #thumbConfig01 { float: left; padding: 0 4px 0 0; } .mainContentThumbContainer #thumbConfig02 { float: left; padding: 0 5px 0 0; } .mainContentThumbContainer #thumbConfig03 { float: left; padding: 0 4px 0 0; } .mainContentThumbContainer #thumbConfig04 { float: left; padding: 0; } .mainContentThumbConfig { float: left; margin: 0px 2px 2px 2px; width:72px; height:50px; } .mainContentThumbConfig:hover { cursor:url; margin: -1px 1px 1px 1px; border: 1px solid #4582c1; width:72px; height:50px; } .mainContentThumbConfigActive { float: left; cursor: default; padding: 0px 2px 2px 2px; width:72px; height: 60px; } .mainContentThumbConfigImg { float: left; width:72px; height:50px; } .mainContentThumbConfigActiveImg { border-color: #003F86; float: left; cursor:default; width:72px; height: 50px; border-top: 10px solid #003f86; } .contentsSupportQuoteContainer {padding: 8px 0 2px 46px; margin-top: 5px; background: transparent url(/media/images/global/generic_icon_quote.gif) no-repeat left top;} .contentsSupportQuoteName {font: bold 11px/11px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportQuoteDesc {font: 10px arial, helvetica, sans-serif; color: #4582c1;} #contentsSupportLinksContainer {width: 279px; padding: 0 16px 0 10px; /*background-color: #ccc;*/ /*border-top: solid #4582c1 5px;*/} .contentsSupportLinkPhoto {padding: 0 0 10px 0;} .contentsSupportLinkPhoto a {width: 170px; display: block; padding: 1px 0 0 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_download_photo.gif) no-repeat left top;} .contentsSupportLinkPhoto a:hover {color: #000;} .contentsSupportLinkPhoto a span {font: 10px/11px arial, helvetica, sans-serif; color: #4d95ce;} .contentsSupportLinkVideo {padding: 0 0 10px 0;} .contentsSupportLinkVideo a {width: 170px; display: block; padding: 1px 0 0 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_download_video.gif) no-repeat left top;} .contentsSupportLinkVideo a:hover {color: #000;} .contentsSupportLinkVideo a span {font: 10px/11px arial, helvetica, sans-serif; color: #4d95ce;} .contentsSupportLinkDocument {padding: 0 0 10px 0;} .contentsSupportLinkDocument a {width: 170px; display: block; padding: 1px 0 2px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_download_document.gif) no-repeat left top;} .contentsSupportLinkDocument a:hover {color: #000;} .contentsSupportLinkDocument a span {font: 10px/11px arial, helvetica, sans-serif; color: #4d95ce;} .contentsSupportLinkPhone {width: 170px; display: block; padding: 1px 0 10px 40px; font: 10px/11px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_phone.gif) no-repeat left 2px;} .contentsSupportLinkPhone span {font: bold 14px/17px arial, helvetica, sans-serif; color: #4d95ce;} .contentsSupportLinkFax {width: 170px; display: block; padding: 1px 0 10px 40px; font: 10px/11px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_fax.gif) no-repeat left 2px;} .contentsSupportLinkFax span {font: bold 14px/17px arial, helvetica, sans-serif; color: #4d95ce;} .contentsSupportLinkHelp {padding: 0 0 10px 0;} .contentsSupportLinkHelp a {width: 170px; display: block; padding: 7px 0 11px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_help.gif) no-repeat left top;} .contentsSupportLinkHelp a:hover {color: #000;} .contentsSupportLinkContact {padding: 0 0 10px 0;} .contentsSupportLinkContact a {width: 170px; display: block; padding: 7px 0 11px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_contact_us.gif) no-repeat left top;} .contentsSupportLinkContact a:hover {color: #000;} .contentsSupportLinkLocation {padding: 0 0 10px 0;} .contentsSupportLinkLocation a {width: 170px; display: block; padding: 7px 0 11px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_our_location.gif) no-repeat -2px top;} .contentsSupportLinkLocation a:hover {color: #000;} .contentsSupportLinkBook {padding: 0 0 10px 0;} .contentsSupportLinkBook a {width: 170px; display: block; padding: 7px 0 11px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_book_flight.gif) no-repeat left top;} .contentsSupportLinkBook a:hover {color: #000;} .contentsSupportLinkAddress {width: 230px; display: block; padding: 2px 0 10px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_address.gif) no-repeat left top;} .contentsSupportLinkEmail {padding: 0 0 10px 0;} .contentsSupportLinkEmail a {width: 170px; display: block; padding: 1px 0 2px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_email_contact.gif) no-repeat left top;} .contentsSupportLinkEmail a:hover {color: #000;} .contentsSupportLinkEmail a span {font: 10px/11px arial, helvetica, sans-serif; color: #4d95ce;} .contentsSupportLinkWebsite {padding: 0 0 10px 0;} .contentsSupportLinkWebsite a {width: 170px; display: block; padding: 1px 0 2px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_url.gif) no-repeat left top;} .contentsSupportLinkWebsite a:hover {color: #000;} .contentsSupportLinkWebsite a span {font: 10px/11px arial, helvetica, sans-serif; color: #4d95ce;} .contentsSupportLinkConditions {padding: 0 0 10px 0;} .contentsSupportLinkConditions a {width: 170px; display: block; padding: 1px 0 2px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #cc0000; text-decoration: none; background: transparent url(/media/images/global/generic_icon_conditions.gif) no-repeat left top;} .contentsSupportLinkConditions a:hover {color: #000;} .contentsSupportLinkConditions a span {font: 10px/11px arial, helvetica, sans-serif; color: #cc0000;} .contentsSupportLinkCalculator {padding: 0 0 10px 0;} .contentsSupportLinkCalculator a {width: 170px; display: block; padding: 7px 0 11px 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_calculator.gif) no-repeat left top;} .contentsSupportLinkCalculator a:hover {color: #000;} .contentsSupportRedemptionOffer {width: 279px; padding: 0 16px 0 10px; /*background-color: #ccc;*/ /*border-top: solid #4582c1 5px;*/} .contentsSupportRedemptionOffer .name {font: 24px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportRedemptionOffer .lable {padding-top: 15px; font: bold 11px arial, helvetica, sans-serif; color: #4582c1;} .contentsSupportRedemptionOffer .desc {font: bold 16px arial, helvetica, sans-serif; color: #4d95ce;} /* FAQ's */ .contentsFaqsConfig {width: 453px; padding: 0 10px 25px 10px; margin: 0 0 10px 0; border-bottom: 1px solid #000; /*background-color: #e9ffef;*/} .contentsFaqsNumberContainer {width: 20px; float: left; padding: 0 6px 0 0; text-align: right; /*background-color: #ccc;*/} .contentsFaqsNumberContainer p {font: bold 11px arial, helvetica, sans-serif; color: #444;} .contentsFaqsContent {width: 400px; float: left; /*background-color: #ccc;*/} .contentsFaqsQuestionTitle a {display: block; font: bold 12px arial, helvetica, sans-serif; color: #234669; text-decoration: none; /*background-color: #ccc;*/} .contentsFaqsQuestionTitle a:hover {color: #000; text-decoration: underline;} .contentsFaqsAnswerContainer {display: none; padding: 10px 0 0 0; background-color: #fff;} .contentsFaqsAnswerContainer img {float: left; margin: 0 10px 5px 0;} .contentsFaqsAnswerContainer p {padding: 0 0 8px 0; font: 11px arial, helvetica, sans-serif; color: #000;} .contentsFaqsAnswerContainer p span {font: bold 11px arial, helvetica, sans-serif; color: #000;} .contentsFaqsAnswerContainer p a {color: #4582c1;} .contentsFaqsAnswerContainer p a:hover {text-decoration: none;} /* Directory */ .contentDirectoryAlign {width: 789px; position: relative; /*background-color: #e5faff;*/} .contentDirectoryConfig {padding: 20px 0 0 0; width:473px; float:left;} .contentDirectoryConfigFull {padding: 20px 0 0 0; width:100%; float:left; /* border-right: 1px solid #015892; */ } .contentDirectoryImage {padding: 0px 0px 0px 15px; float: left; width: 300px; } .contentDirectoryRowContainer {width: /*789*/473px; /* �background: transparent url(/media/images/directory/row_bg_lines.gif) repeat-y top left; */} .contentDirectoryRowContainerFull {width: 789; /* background: transparent url(/media/images/directory/row_bg_lines.gif) repeat-y top left; */ } .contentDirectoryRowSep {width: /*100%*/473px; height: 2px; line-height: 2px; margin: 10px 0 10px 0; background-color: #000;} .contentDirectoryRowSepFull {width:100%; height: 2px; line-height: 2px; margin: 10px 0 10px 0; background-color: #000;}; .contentDirectoryTitle {padding: 0!important; font: bold 14px arial, helvetica, sans-serif; color: #234669; } .contentDirectorySubTitle {padding: 0 0 6px 0; font: 33px arial, helvetica, sans-serif; color: #2779b8;} .contentDirectoryDetail {width: 157px; float: left; padding-bottom: 10px; border-right: 1px solid #015892; /* background-color: #f4ffe9;*/} .contentDirectoryContentConfig {width: 157px; padding-bottom: 10px; /* background-color: #f4ffe9; */ } .contentDirectoryVerticalSep {width: 1px; background-color: #015892;} .contentDirectoryDetailPicConfig {margin-left: 10px; margin-bottom: 5px; } .contentDirectoryDetailLast {width: 157px; float: left; padding-bottom: 10px; margin-right: -3px; /*background-color: #f4ffe9;*/} .contentDirectoryDetailConfig { width: 157px; padding: 5px 9px 0 9px; height: 125px!important; /* border-left: 1px solid #015892; border-right: 1px solid #015892; */ } .contentDirectoryDetailTitle a {font: 16px/16px arial, helvetica, sans-serif; color: #2779b8; text-decoration: none;} .contentDirectoryDetailTitle a:hover {text-decoration: underline;} .contentDirectoryDetailDesc {padding: 6px 0 6px 0; font: 10px/12px arial, helvetica, sans-serif; color: #000;} .contentDirectoryDetailLink {padding: 0 0 2px 0;} .contentDirectoryDetailLink a {padding-left: 6px; font: 10px arial, helvetica, sans-serif; color: #000; background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 4px; } .contentDirectoryDetailLink a:hover {color: #4582c1; text-decoration: none;} /* Category */ .contentCategoryDetail {width: 157px; float: left; padding-bottom: 10px; border-right: 1px solid #015895; /*background-color: #f4ffe9;*/} .contentCategoryContentConfig {width: 157px; padding-bottom: 10px; /*background-color: #f4ffe9;*/} .contentCategoryVerticalSep {width: 1px; background-color: #015892;} .contentCategoryDetailPicConfig {margin-left: 8px;} .contentCategoryDetailLast {width: 157px; float: left; padding-bottom: 10px; margin-right: -3px; /*background-color: #f4ffe9;*/} .contentCategoryDetailConfig {padding: 4px 5px 0 8px;} .contentCategoryDetailTitle {font: 16px/16px arial, helvetica, sans-serif; color: #234669;} .contentCategoryDetailDesc {padding: 6px 0 6px 0; font: 10px/12px arial, helvetica, sans-serif; color: #000;} .contentCategoryDetailLink {padding: 0 0 2px 0;} .contentCategoryDetailLink a {padding-left: 6px; font: 10px arial, helvetica, sans-serif; color: #000; background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 4px; } .contentCategoryDetailLink a:hover {color: #4582c1; text-decoration: none;} /* Subcategory */ .contentSubcategoryDetail {width: 157px; float: left; padding-bottom: 10px; border-right: 1px solid #ccc; /*background-color: #f4ffe9;*/} .contentSubcategoryDetailLast {width: 157px; float: left; padding-bottom: 10px; margin-right: -3px; /*background-color: #f4ffe9;*/} .contentSubcategoryWrap {position: relative; width:137px; margin:0px 0px 0px 10px; } .contentSubcategoryPicStamp {position: absolute; top: 0; left:98px; width:39px; height:39px;} .contentSubcategoryContentConfig {position: relative; width: 157px; padding-bottom: 10px; border-right: 1px solid #015892;} .contentSubcategoryContentConfigLast {position: relative; width: 157px; padding-bottom: 10px; } .contentSubcategoryVerticalSep {width: 1px; background-color: #015892;} .contentSubcategoryDetailConfig {position: relative; top:0px; padding: 4px 5px 0 10px;} .contentSubcategoryDetailTitle {font: bold 12px/12px arial, helvetica, sans-serif; color: #234669;} .contentSubcategoryDetailTitle a {font: bold 12px/12px arial, helvetica, sans-serif; color: #234669; text-decoration: none;} .contentSubcategoryDetailTitle a:hover {text-decoration: underline;} .contentSubcategoryDetailDesc {padding: 4px 0 6px 0; font: 12px arial, helvetica, sans-serif; color: #234669;} .contentSubcategoryDetailDesc span {font: bold 16px arial, helvetica, sans-serif; color: #4c95cd;} .contentSubcategoryDetailLink {padding: 0 0 2px 0;} .contentSubcategoryDetailLink a {padding-left: 6px; font: 10px arial, helvetica, sans-serif; color: #000; background: transparent url(/media/images/directory/link_bullet_arrow.gif) no-repeat left 4px;} .contentSubcategoryDetailLink a:hover {color: #4582c1; text-decoration: none;} /* Gallery */ .galleryGridConfig {width: 157px; padding-bottom: 10px; /*background-color: #f4ffe9;*/} .galleryGridVerticalSep {width: 1px; background-color: #015892;} .galleryGridHorizontalSep {width: 100%; height: 2px; line-height: 2px; margin: 10px 0 10px 0; background-color: #000;} .galleryGridContent {margin: 4px 5px 0 10px; /*background-color: #f4ffe9;*/} .galleryGridContent .thumb {padding-bottom: 5px;} .galleryGridContent .legend {padding-bottom: 3px; font: bold 12px/12px arial, helvetica, sans-serif; color: #234669;} .galleryGridContent .author {font: 10px arial, helvetica, sans-serif; color: #234669;} .galleryGridContent .download {padding-top: 5px;} .galleryGridContent .download a {font: 11px arial, helvetica, sans-serif; color: #234669;} .galleryGridContent .download a:hover {text-decoration: none;} /* Site Map */ .siteMapGridConfig {width: 157px; padding-bottom: 10px; /*background-color: #f4ffe9;*/} .siteMapGridVerticalSep {width: 1px; background-color: #015892;} .siteMapGridContent {margin: 4px 5px 0 8px; /*background-color: #f4ffe9;*/} .siteMapGridContentBar p {width: 100%; height: 4px; line-height: 4px; .margin-bottom: -2px;} .siteMapGridContentBar p.victoria {background-color: #509708;} .siteMapGridContentBar p.earnmiles {background-color: #67b21b;} .siteMapGridContentBar p.spenmiles {background-color: #b0d21b;} .siteMapGridContentBar p.programme {background-color: #9b000a;} .siteMapGridContentBar p.simulator {background-color: #ce000c;} .siteMapGridContentBar p.others {background-color: #000;} .siteMapGridContentTitle {margin: 5px 0 0 0;} .siteMapGridContentTitle a {font: 18px arial, helvetica, sans-serif; text-decoration: none;} .siteMapGridContentTitle a:hover {color: #234669 !important;} .siteMapGridContentTitle a.victoria {color: #509708;} .siteMapGridContentTitle a.earnmiles {color: #67b21b;} .siteMapGridContentTitle a.spenmiles {color: #b0d21b;} .siteMapGridContentTitle a.programme {color: #9b000a;} .siteMapGridContentTitle a.simulator {color: #ce000c;} .siteMapGridContentTitle a.others {color: #000;} .siteMapGridContent ul {list-style: none;} .siteMapGridContent li {padding-top: 5px; .padding: 0; .margin-top: 5px; clear: both;} .siteMapGridContent a {color: #234669; text-decoration: none;} .siteMapGridContent a:hover.victoria {color: #509708 !important;} .siteMapGridContent a:hover.earnmiles {color: #67b21b !important;} .siteMapGridContent a:hover.spenmiles {color: #b0d21b !important;} .siteMapGridContent a:hover.programme {color: #9b000a !important;} .siteMapGridContent a:hover.simulator {color: #ce000c !important;} .siteMapGridContent a:hover.others {color: #000 !important;} .siteMapGridContent .level1Number {float: left; padding: 3px 3px 0 0; margin-top: 10px; font: 10px arial, helvetica, sans-serif; color: #234669;} .siteMapGridContent .level1 {width: 130px; float: left; margin-top: 10px;} .siteMapGridContent .level1 a {font: 14px arial, helvetica, sans-serif;} .siteMapGridContent .level2Number {float: left; padding: 2px 3px 0 0; font: 10px arial, helvetica, sans-serif; color: #234669;} .siteMapGridContent .level2 {width: 124px; float: left;} .siteMapGridContent .level2 a {font: 12px arial, helvetica, sans-serif;} .siteMapGridContent .level3Number {float: left; padding: 1px 3px 0 0; font: 10px arial, helvetica, sans-serif; color: #234669;} .siteMapGridContent .level3 {width: 115px; float: left;} .siteMapGridContent .level3 a {font: 11px arial, helvetica, sans-serif;} .siteMapGridContent .level4Number {float: left; padding: 0 3px 0 0; font: 10px arial, helvetica, sans-serif; color: #234669;} .siteMapGridContent .level4 {width: 106px; float: left;} .siteMapGridContent .level4 a {font: 10px arial, helvetica, sans-serif;} /* Tabelas */ .tblTitle {font: bold 14px arial, sans serif; color: #234669; padding: 0 6px 0 6px; text-transform: uppercase;} .tblTitleDesc {font: bold 11px arial, sans serif; color: #234669; padding: 0 6px 0 6px;} .tblHeaderNoBorder {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 1px;} .tblHeaderUpperNoBorder {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 1px; text-transform: uppercase;} .tblDataNoBorder {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 1px;} .tblDataUpperNoBorder {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; text-transform: uppercase; border-bottom: solid #4582c1 1px;} .tblHeaderCategory {font: bold 12px arial, sans serif; color: #000; padding: 8px; border-top: solid #4582c1 1px; border-right: solid #4582c1 1px;} .tblHeaderCategoryRight {font: bold 12px arial, sans serif; color: #000; padding: 8px; border-top: solid #4582c1 1px;} .tblHeader {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 1px; border-right: solid #4582c1 1px;} .tblHeaderDouble {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 2px; border-right: solid #4582c1 1px;} .tblHeaderUpper {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 1px; border-right: solid #4582c1 1px; text-transform: uppercase;} .tblHeaderRight {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 1px;} .tblHeaderRightDouble {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 2px;} .tblHeaderUpperRight {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 1px; text-transform: uppercase;} .tblHeaderLeft {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 1px;} .tblHeaderLeftExtra { font: bold 11px/12px arial, sans serif; color: #fff; padding: 14px 8px 4px 8px; background-color: #1E4482; } .borderLeft { border-left: 1px solid #fff!important; } .borderRight { border-right: 1px solid #fff!important; } .borderBottom { border-bottom: 1px solid #fff!important; } .borderTop { border-top: 1px solid #fff!important; } .tblHeaderUpperLeft {font: bold 11px/12px arial, sans serif; color: #000; padding: 14px 8px 4px 8px; background-color: #dbe7f3; border-top: solid #4582c1 2px; border-bottom: solid #4582c1 1px; text-transform: uppercase;} .tblBg1 { background-color: #EBF1F8; } .tblLable {font: bold 11px/12px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 1px; border-right: solid #4582c1 1px;} .tblData {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 1px; border-right: solid #4582c1 1px;} .tblDataDouble {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 2px; border-right: solid #4582c1 1px;} .tblDataUpper {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; text-transform: uppercase; border-bottom: solid #4582c1 1px; border-right: solid #4582c1 1px;} .tblDataRight {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 1px;} .tblDataRightNoBorder {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px;} .tblDataRightDouble {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 2px;} .tblDataUpperRight {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; text-transform: uppercase; border-bottom: solid #4582c1 1px;} .tblDataLeft {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 1px;} .tblDataUpperLeft {font: 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; text-transform: uppercase; border-bottom: solid #4582c1 1px;} .tblDataBgLeft {font: bold 11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 1px; border-right: solid #4582c1 1px; background-color: #dbe7f3;} .tblAlert {font: 10px/11px arial, sans serif; color: #000; padding: 4px 8px 4px 8px; border-bottom: solid #4582c1 1px;} .tblNote {font: 11px arial, sans serif; color: #000;} .tblDataLink {font: 11px arial, sans serif; color: #000;} .tblDataLink:hover {color: #b91219; text-decoration: none;} .tblDataStrong {font: bold 12px arial, sans serif; color: #4582c1;} .tblDataLargeStrong {font: bold 24px arial, sans serif; color: #000;} /* Button: Upgrade to Business Class */ .upgradeBusinessClass { margin: 4px 0px 4px 0px; text-align:left;} .upgradeBusinessClass a { font: 10px/11px arial, sans serif; color:#6699cc; text-decoration:underline;} .upgradeBusinessClass a:hover { color:#000000; text-decoration:none;} .upgradeBusinessClass a strong { font: 10px/11px arial, sans serif; font-weight:bold; color:#6699cc; text-decoration:underline;} .upgradeBusinessClass a:hover strong { color:#000000; text-decoration:none;} /* TABLE Victoria Cards */ table.TblCards { width:100%; border-collapse: collapse; } table.TblCards thead td.TxtLeft { vertical-align: top; margin: 0px; padding: 20px 0px 0px 10px; } table.TblCards thead td.ImgOne { vertical-align: bottom; width: 147px; margin: 0px 0px 0px 1px; } table.TblCards thead td.ImgTwo { vertical-align: bottom; width: 147px; margin: 0px 0px 0px 1px; } table.TblCards thead td.ImgThree { vertical-align: bottom; width: 147px; margin: 0px 0px 0px 1px; } table.TblCards tbody td.SepBigLeft { vertical-align: top; margin: 0px; padding: 3px 0px 2px 0px; height: 5px; background-color: #4d95ce; } table.TblCards tbody td.SepBigOne { vertical-align: top; width: 147px; margin: 0px; padding: 3px 0px 2px 0px; height: 5px; border-left: 1px solid #ffffff; background-color: #bdd603; } table.TblCards tbody td.SepBigTwo { vertical-align: top; width: 147px; margin: 0px; padding: 3px 0px 2px 0px; height: 5px; border-left: 1px solid #ffffff; background-color: #a4b4bf; } table.TblCards tbody td.SepBigThree { vertical-align: top; width: 147px; margin: 0px; padding: 3px 0px 2px 0px; height: 5px; border-left: 1px solid #ffffff; background-color: #dbb23d; } table.TblCards tbody td.SepSmlLeft { vertical-align: top; margin: 0px; padding: 1px 0px 1px 0px; height: 2px; background-color: #4d95ce; } table.TblCards tbody td.SepSmlOne { vertical-align: top; width: 147px; margin: 0px; padding: 1px 0px 1px 0px; height: 2px; border-left: 1px solid #ffffff; background-color: #bdd603; } table.TblCards tbody td.SepSmlTwo { vertical-align: top; width: 147px; margin: 0px; padding: 1px 0px 1px 0px; height: 2px; border-left: 1px solid #ffffff; background-color: #a4b4bf; } table.TblCards tbody td.SepSmlThree { vertical-align: top; width: 147px; margin: 0px; padding: 1px 0px 1px 0px; height: 2px; border-left: 1px solid #ffffff; background-color: #dbb23d; } table.TblCards tbody td.TxtLeft { vertical-align: top; margin: 0px; padding: 10px 0px 20px 10px; border-top: 1px solid #ffffff; background-color: #dbe9f5; } table.TblCards tbody td.TxtLeft sup { font-size: 8px; font-weight: bold; } table.TblCards tbody td.TxtOne { vertical-align: top; width: 147px; margin: 0px; padding: 10px 0px 20px 10px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; background-color: #f2f7cd; } table.TblCards tbody td.TxtTwo { vertical-align: top; width: 147px; margin: 0px; padding: 10px 0px 20px 10px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; background-color: #eceff1; } table.TblCards tbody td.TxtThree { vertical-align: top; width: 147px; margin: 0px; padding: 10px 0px 20px 10px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; background-color: #f7efd7; } table.TblCards tbody td.TxtLeftTitle { vertical-align: top; margin: 0px; padding: 10px 0px 10px 10px; border-top: 1px solid #ffffff; font-size: 14px; font-weight: bold; } table.TblCards tbody td.TxtEmpty { vertical-align: top; margin: 0px; padding: 10px 0px 20px 10px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; } /* Tabela Statement */ .statementTblConfig {color: #333;} .statementTblConfig .sort {font: 10px arial, sans serif; color: #6699cc;} .statementTblConfig .sort:hover {text-decoration: none;} .statementTblConfig .sortUp {padding: 0 10px 0 0; font: 10px arial, sans serif; color: #6699cc; text-decoration: none; background: transparent url(/media/images/global/sort_bullet_up.gif) no-repeat right 5px;} .statementTblConfig .sortUp:hover {text-decoration: underline;} .statementTblConfig .sortDown {padding: 0 10px 0 0; font: 10px arial, sans serif; color: #6699cc; text-decoration: none; background: transparent url(/media/images/global/sort_bullet_down.gif) no-repeat right 5px;} .statementTblConfig .sortDown:hover {text-decoration: underline;} .statementTblConfig .tdHeader {padding: 14px 8px 4px 8px; border-top: 5px solid #000; border-right: 1px solid #000;} .statementTblConfig .tdHeaderRight {padding: 14px 8px 4px 8px; border-top: 5px solid #000;} .statementTblConfig .tdData {font: 12px arial, sans serif; padding: 4px 8px 4px 8px; border-right: 1px solid #000;} .statementTblConfig .tdDataRight {font: 12px arial, sans serif; padding: 4px 8px 4px 8px;} .statementTblConfig .trAlert td {font-weight: bold; color: #990000;} .statementTblConfig .trColor {background-color: #dae6f3;} .statementTblConfig .trColorAlert td {font-weight: bold; background-color: #dae6f3; color: #990000;} /* ---------------------------------------------------------------------------------------------------------------------------- */ /* -- Footer Content -------------------------------------------------------------------------------------------------------------------------------------------- */ #footerContentContainer {width: 100%; /* visibility: hidden; */ padding-bottom: 20px; position: relative; /*background-color: #ccc;*/} .footerCopyrightContainer {width: 170px; float: left; padding: 10px 0 0 10px; border-top: 5px solid #000; /*background-color: #c8ffd5;*/} .footerCopyrightRegular {font: 10px arial, helvetica, sans-serif; color: #333;} .footerLinksContainer {width: 769px; float: right; padding: 10px 10px 0 10px; border-top: 5px solid #000; /*background-color: #fff29e;*/} .footerLinksContainer p {float: left; padding: 0 10px 0 10px; font: 9px arial, helvetica, sans-serif; color: #333;} .footerLinksContainer a {float: left; font: 9px arial, helvetica, sans-serif; color: #333; text-decoration: none;} .footerLinksContainer a:hover {text-decoration: underline;} .footerLinksContainer div {float: right;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ * html .corner01Active, .corner02Active, .corner03Active, .corner04Active, .corner05Active, {display:none !important; background: #000; margin: 0px 0px 30px 120px !important;} * html .corner01, .corner02, .corner03, .corner04, .corner05, { margin: 0px 0px 30px 119px !important; display:block !important; } .ajaxGif{ margin-left: 375px !important; margin-top: 150px !important;} .ajaxGifDiv{/*display:none;*/} .newsHeader{ color:#234669; font-family:arial,helvetica,sans-serif; font-size:24px; margin-bottom:10px; } .newsTitle{ color:#234669; font-family:arial,helvetica,sans-serif; font-size:12px: } .newsSinopse{ color:#000000; } .newsSinopse a{ color:#000000; text-decoration:none; } /*** CSS: media/css/fixes.css ***/ em { /*bringing italics back to the em element*/ font-style:italic; } .contentsColumnConfig ul { padding-left: 2em; } .contentsColumnConfig table { border: none; padding: 0; padding: 0; border-collapse: collapse; } .contentsColumnAlign a, .contentsColumnRegular p a { color: #000000 !important; } .contentsColumnAlign a:hover, .contentsColumnRegular p a:hover { color: #4582C1 !important; text-decoration:none !important; } /* #contentColumnContainer { background: #fff; } #contentColumnContainerConfig { background-color:#FFFFFF; height:100%; opacity:0.8; width:100%; } */ .myContentsSupportLinkPhoto { padding: 0 0 10px 0; } .myContentsSupportLinkPhoto a:hover { color: #000; } .myContentsSupportLinkPhoto span { width: 170px; display: block; padding: 1px 0 0 40px; font: bold 11px/12px arial, helvetica, sans-serif; color: #4d95ce; text-decoration: none; background: transparent url(/media/images/global/generic_icon_download_photo.gif) no-repeat left top; } .myContentsSupportLinkPhoto span a { display: block; /*padding: 1px 0 0 40px;*/ font: 10px/11px arial, helvetica, sans-serif; color: #4d95ce; } /* homepage */ .big { color: #000000; font-size:30px; line-height:30px; } .det_lbl{ color:#333333; font-size:14px; font-weight:bold; } .euro{ color:#333333; font-size:12px; font-weight:bold; padding-left:4px; } .plus{ color:#333333; font-size:24px; font-weight:bold; padding-left:6px; } .price{ color:#333333; font-size:24px; font-weight:bold; } .spon_high{ color:#333333; font-size:14px; font-weight:bold; padding:0pt 3px; } .spon_txt{ color:#333333; font-size:12px; } .amp{ color:#000000; font-size:18px; } .dpmilhas{ /* milhas para detalhes de parceiro */ color:#4C95CD; font-family:arial,helvetica,sans-serif; font-size:30px; } .dpmilhas_dir { /* milhas para detalhes de parceiro */ color:#4C95CD !important; font-size:14px; } /*.contentsColumnConfig p {margin-bottom: 1em; }*/ .contentsColumnRegular p { margin-bottom: 5px; } .contentsColumnRegular a { } .contentsColumnConfig ul { margin: 5px 20px; padding: 0; list-style: square; } .contentsColumnConfig li { /* padding: 0 0 5px 0px; */ /* margin-left: 10px;*/ font: 11px/15px arial, helvetica, sans-serif; color: #000; /* background: url("/media/images/global/generic_bullet.gif") no-repeat left center !important;*/ } .contentsColumnConfig ul li span {font: 10px/11px arial, helvetica, sans-serif; color: #000;} /* por causa do pngfix */ .contentsResultsListContainer span.pngfix { float:left; margin:0pt 10px 5px 0pt; } .contentsFormBtAddFile {width: 115px; height: 20px; margin-right: 10px; float: right; position: relative;} .contentsFormBtAddFile a {width: 105px; height: 15px; padding: 2px 0 0 10px; display: block; font: 10px arial, helvetica, sans-serif; color: #f3f3f3; text-decoration: none; background: #69696b url(./global_bt_add.gif) no-repeat left top;} .contentsFormBtAddFile a:hover {background-color: #434343;} .headerMainSubNavigationTopCorporateContent p, .headerMainSubNavigationFlyCorporateContent p , .headerMainSubNavigationMundoTapContent p, .headerMainSubNavigationNovidadesContent p, .headerMainSubNavigationProdutosTapContent p { height: auto !important; /* min-height: 29px !important;*/ } .headerMainSubNavigationTopCorporateContent a, .headerMainSubNavigationFlyCorporateContent a, .headerMainSubNavigationMundoTapContent a, .headerMainSubNavigationNovidadesContent a, .headerMainSubNavigationProdutosTapContent a { height: auto !important; /* min-height: 21px !important;*/ padding-top: 8px; padding-bottom: 6px; } /* ------------ PRINT ------------ */ #headerPrint, #footerPrint { display: none; } /* ---------- SUPER OFERTAS ----------- */ .myContentsColumnGridConfig{ width: 455px; background: transparent url(/media/images/directory/row_bg_lines.gif) repeat-y top left;} .myContentSubcategoryDetailLast{ width: 141px; float: left; padding-bottom: 10px; margin-right: -3px; } /* ---------- LOGOUT ALWAYS BLACK ----------- */ .mySupportUserLoggedOffSignin a {width: 145px; height: 22px; display: block; text-decoration: none; background: #000000 url(/media/images/global/user_bt_signin.gif) no-repeat left top;} /*.mySupportUserLoggedOffSignin a:hover {background-color: #000;}*/ .mySupportUserLoggedOffSignin a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} /* banners */ .read, .snow, .hot, .big { font-size: 24px !important; } .contentHighlightDetailTitle a span { text-decoration: none !important; } .contentsColumnTabs a span { text-decoration: underline; } .contentsColumnTabs a:hover span { text-decoration: none; } .contentsColumnTabs a.tab01Active span, .contentsColumnTabs a.tab02Active span, .contentsColumnTabs a.tab03Active span, .contentsColumnTabs a.tab04Active span { text-decoration: none; } .tblDataRight { text-align: right; } #contentColumnContainerBg { opacity: 1; } /********* Class to use under claim mkt partner miles *******/ .infoBICPF{ padding: 0 0 10px 0; font: 10px arial, helvetica, sans-serif; color: #234669; } #Pagination span.current.prev, #Pagination span.current.next { padding-left: 5px; padding-right: 5px; font: 11px arial, helvetica, sans-serif; color: #000; } #Pagination a {padding-left: 5px; padding-right: 5px; font: 11px arial, helvetica, sans-serif; color: #000; text-decoration: underline;} #Pagination a:hover {text-decoration: none;} #Pagination .current {padding-left: 5px; padding-right: 5px; color: #6699cc; text-decoration: none;} #Pagination .current:hover {cursor: default;} .contentSubcategoryDetail img, .contentSubcategoryDetailLast img, .myContentSubcategoryDetailLast img, .contentDirectoryContentConfig img { margin-left: 8px !important; margin-right: -8px; } /* -------------- SIMULADOR START -------------- */ .myContentsColumnTitleMS{ color:#234669; font-family:arial,helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; padding:10px 2px; } /* simulator dropdowns */ .contentsColumnFilterSelectMSsim { margin-right: 10px; font: 11px arial, helvetica, sans-serif; color: #234669;} /* -------------- SIMULADOR END -------------- */ .contentsSupportLinkCalculator a { background-position: 8px 0; } /* por causa dos links rss+sms*/ .footerCopyrightRegular, .footerLinksContainer a, .footerLinksContainer p { line-height: 2em; } .footerLinksContainer img { margin-top: 4px } #link_rss { background: url(/media/images/icon_rss.png) no-repeat; background-position: middle left; padding-left: 20px; } #link_sms { background: url(/media/images/icon_sms.png) no-repeat; background-position: middle left; padding-left: 20px; } /* promocao em vigor */ .contentsSupportLinkPromotion { margin-bottom: 10px; } .contentsSupportLinkPromotion a { color: #c90008; font-size: 12px; font-weight: bold; padding: 0px 0 20px 40px; text-transform: uppercase; text-decoration: none; background: transparent url(/media/images/promotion.gif) no-repeat left top; } .contentsSupportLinkPromotion span { text-transform: none; margin-left: 40px; color: #c90008; font-size: 12px; font-weight: normal; text-decoration: none; } .contentsSupportLinkPromotion a:hover, .contentsSupportLinkPromotion a:hover span { color: #000; } /* mensagens de promoção a acabar */ .daysleft_message { background: url(/media/images/promo/aviso_promocoes.png) no-repeat; padding-top: 7px; padding-bottom: 12px; padding-right: 5px; margin: .5em -5px; color: #fff; text-align: center; font-weight: bold; } .daysleft { height: 34px; line-height: 34px; vertical-align: middle; font-size: 24px; color: #fff; } .daysleft_esgotado_pt { background: url(/media/images/promo/esgotado.png) no-repeat; height: 38px; } .daysleft_esgotado_en { background: url(/media/images/promo/soldout.png) no-repeat; } .daysleft_esgotado_fr { background: url(/media/images/promo/epuise.png) no-repeat; } .daysleft_pt { background: url(/media/images/promo/contador_dias_pt.png) no-repeat; padding-left: 146px; letter-spacing: 9px; } .daysleft_en { background: url(/media/images/promo/contador_dias_en.png) no-repeat; padding-left: 119px; letter-spacing: 9px; } .daysleft_fr { background: url(/media/images/promo/contador_dias_fr.png) no-repeat; padding-left: 158px; letter-spacing: 9px; } /* para o "minha lista" */ .contentDirectoryDetailConfig { position: relative !important; } .oferta_terminada { position: absolute; top: -70px; right: 30px; } /* bookmarks */ .bookmark_remove { color: #aaa !important; background: #000; } .bookmark_disabled { color: #aaa !important; } .contentsSupportLinkBookmark { margin-bottom: 10px; } .contentsSupportLinkBookmark a { color: #5e9724; font-size: 12px; font-weight: bold; padding: 0px 0 20px 40px; text-transform: uppercase; text-decoration: none; background: transparent url(/media/images/add_bookmark.png) no-repeat left top; } .contentsSupportLinkBookmarkRemove a { background: transparent url(/media/images/remove_bookmark.png) no-repeat left top; } .contentsSupportLinkBookmark span { text-transform: none; margin-left: 40px; color: #5e9724; font-size: 12px; font-weight: normal; text-decoration: none; } .contentsSupportLinkBookmark a:hover, .contentsSupportLinkBookmark a:hover span { color: #000; } .bookmark_list_remove { margin-left:-5px !important; width: 50px !important; } html>body .bookmark_list_remove { width: auto; } .contentsColumnTabs .tab01, .contentsColumnTabs .tab02, .contentsColumnTabs .tab03, .contentsColumnTabs .tab04, .contentsColumnTabs .tab05 { background: #3F86C4 url(/media/images/tabs/tab_bg_border_dotted.gif) no-repeat scroll right top; border-right:none; border-top:none; width: 145px; text-decoration: none;} .contentsColumnTabs .tab01Disable span, .contentsColumnTabs .tab02Disable span, .contentsColumnTabs .tab03Disable span, .contentsColumnTabs .tab04Disable span, .contentsColumnTabs .tab05Disable span {position: absolute; bottom: 10px; left: 10px; font: bold 14px arial, helvetica, sans-serif; color: #fff; text-decoration: none; width: 145px;} .contentsColumnTabs .tab01Disable, .contentsColumnTabs .tab02Disable, .contentsColumnTabs .tab03Disable, .contentsColumnTabs .tab04Disable, .contentsColumnTabs .tab05Disable { background: #3F86C4 url(/media/images/tabs/tab_bg_border_dotted.gif) no-repeat scroll right top; border-right:none; border-top:none; width: 145px; text-decoration: none;} /* caclulator buttons (add, remove) */ /* pt */ .contentsColumnClaimBtAddFlightPt {float: left; padding: 0 10px 0 0;} .contentsColumnClaimBtAddFlightPt a {width: 63px; height: 11px; display: block; text-decoration: none; background: transparent url(/media/images/calculator/claim_bt_add_flight_pt.gif) no-repeat left top;} .contentsColumnClaimBtRemoveFlightPt {float: left;} .contentsColumnClaimBtRemoveFlightPt a {width: 68px; height: 11px; display: block; text-decoration: none; background: transparent url(/media/images/calculator/claim_bt_remove_flight_pt.gif) no-repeat left top;} /* en */ .contentsColumnClaimBtAddFlightEn {float: left; padding: 0 10px 0 0;} .contentsColumnClaimBtAddFlightEn a {width: 63px; height: 11px; display: block; text-decoration: none; background: transparent url(/media/images/calculator/claim_bt_add_flight_en.gif) no-repeat left top;} .contentsColumnClaimBtRemoveFlightEn {float: left;} .contentsColumnClaimBtRemoveFlightEn a {width: 68px; height: 11px; display: block; text-decoration: none; background: transparent url(/media/images/calculator/claim_bt_remove_flight_en.gif) no-repeat left top;} /* jaao - fix para quebrar o texto do título nas páginas de directorio */ .contentDirectoryDetailConfig {width: 150px;} /*** CSS: media/css/portlets.css ***/ /* add by serodrigues become a member top*/ .contentsColumnIntroRequiredFieldsInfo {padding-left: 0px; padding-right: 0px; font: 9px arial, helvetica, sans-serif; color: #234669;} .contentsFormGroupHeaderLeft {width: 280px; float: left; padding-bottom: 0px; /*background-color: #fff3d5;*/} .contentsFormGroupHeaderRight {width: 152px; float: right; padding-bottom: 0px; /*background-color: #ece9ff;*/} .contentsFormFieldsSuccessCollumn {width: 150px; padding-bottom: 10px; float: left; /*background-color: #fff3d5;*/} .contentsFormFieldsSuccessTitle {font: bold 18px arial, helvetica, sans-serif; color: #234669; padding-bottom: 2px;} .contentsFormFieldsSuccessDesc {font: 9px arial, helvetica, sans-serif; color: #000; margin: 0px 0px 5px 0px;} .contentsFormFieldsSuccessResult {font: 11px arial, helvetica, sans-serif; color: #000; margin: 0px 0px 5px 0px;} .contentsFormFieldsListBoxCollumn {width: 170px; height:80px; padding-bottom: 10px; float: left; /*background-color: #fff3d5;*/} .contentsFormFieldSelectListBox { font: 11px arial, helvetica, sans-serif; color: #000; width: 170px!important; height: 80px!important; } .contentsFormFieldSelectListBox option {text-transform: uppercase;} .contentsFormFieldsListBoxActionsCollumn {width: 85px; height:80px; padding-bottom: 10px; float: left; /*background-color: #fff3d5;*/} .contentsFormFieldsListBoxActions {width: 50px; padding-top: 20px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; float: left;/*background-color: #fff3d5;*/} .contentsFormFieldsListBoxActions a{ float:left; width:50px; } .add { background: url(/media/images/global/arrow_add.gif) right center no-repeat; text-align: left; padding: 1px 7px 3px 3px; } .remove { background: url(/media/images/global/arrow_remove.gif) left center no-repeat; text-align: right; padding: 1px 3px 3px 7px; } .contentsFormFieldsListBoxActions span{color: #fff; text-transform: uppercase; font-size:7px; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight:bold; } .contentsFormGroupNoBorder {margin: 0 10px 0 10px; padding: 1px 0px 1px 0px; background-color: #dae6f3;} .contentsFormFieldsListCodPostal {width: 100px; padding-bottom: 10px; float: right; /*background-color: #fff3d5;*/} .contentsFormFieldsListLocalCity {width: 120px; padding-bottom: 10px; float: right; /*background-color: #fff3d5;*/} .contentsFormCmbLocalCity {width: 110px; padding-left:10px; padding-bottom: 10px; float: right; /*background-color: #fff3d5;*/} .contentsFormCmbLocalCityLeft {width: 110px; padding-left:10px; padding-bottom: 10px; float: left; /*background-color: #fff3d5;*/} .contentsFormGroupPicStep {width: 80px; float: left; padding-bottom: 2px; padding-left:10px; /*background-color: #fff3d5;*/} /* .contentsFormGroupPicStep1 {width:34px; height: 30px; float: left; margin: 3px 0 0 10px; background: transparent url( <%= renderResponse.encodeURL(renderRequest.getContextPath() + "/site/images/global/step1_become.png" )%>) no-repeat left top;} .contentsFormGroupPicStep2 {width:29px; height: 30px; float: left; margin: 3px 0 0 10px; background: transparent url( <%= renderResponse.encodeURL(renderRequest.getContextPath()+"/site/images/global/step2_become.png")%>) no-repeat left top;} .contentsFormGroupPicStep3 {width:35px; height: 30px; float: left; margin: 3px 0 0 10px; background: transparent url( <%= renderResponse.encodeURL(renderRequest.getContextPath()+"/site/images/global/step3_become.png")%>) no-repeat left top;} */ .contentsFormGroupPicStep1 { width:34px; height: 30px; float: left; margin: 3px 0 0 10px; background: transparent url(/media/images/global/step1_become.png); no-repeat left top; } .contentsFormGroupPicStep2 { width:29px; height: 30px; float: left; margin: 3px 0 0 10px; background: transparent url(/media/images/global/step2_become.png); no-repeat left top; } .contentsFormGroupPicStep3 { width:35px; height: 30px; float: left; margin: 3px 0 0 10px; background: transparent url(/media/images/global/step3_become.png) no-repeat left top; } /* Group Profile */ .contentDirectoryDetailCompanyProfile a { background-image: url(/media/images/global/company_profile.png); background-position: left top; background-repeat: no-repeat; display: block; width: 33px; height: 39px; text-decoration: none; } .contentDirectoryDetailCompanyUsers a { background-image: url(/media/images/global/company_users.png); background-position: left top; background-repeat: no-repeat; display: block; width: 33px; height: 39px; text-decoration: none; } .contentDirectoryDetailCompanyTracking a { background-image: url(/media/images/global/company_tracking.png); background-position: left top; background-repeat: no-repeat; display: block; width: 33px; height: 39px; text-decoration: none; } .contentDirectoryDetailCompanyUsePoints a { background-image: url(/media/images/global/company_use_points.png); background-position: left top; background-repeat: no-repeat; display: block; width: 33px; height: 39px; text-decoration: none; } .contentDirectoryDetailCompanyPoints a { background-image: url(/media/images/global/company_points.png)!important; background-position: left top; background-repeat: no-repeat; display: block; width: 33px; height: 39px; text-decoration: none; } .contentDirectoryDetailCompanyContract a { background-image: url(/media/images/global/company_contract.png)!important; background-position: left top; background-repeat: no-repeat; display: block; width: 33px; height: 39px; text-decoration: none; } .contentDirectoryDetailCompanyObjectives a { background-image: url(/media/images/global/company_objectives.png)!important; background-position: left top; background-repeat: no-repeat; display: block; width: 33px; height: 39px; text-decoration: none; } .contentDirectoryDetailCompanyCard a { background-image: url(/media/images/global/company_card.png)!important; background-position: left top; background-repeat: no-repeat; display: block; width: 33px; height: 39px; text-decoration: none; } /* -- */ .contentsFormGroupPicStep p {padding: 4px 0 0 0px; font:7px verdana, helvetica, sans-serif; color: #000000;} .contentsFormGroupPicStep p.highlight {padding: 4px 0 0 0px; font: bold 7px verdana, helvetica, sans-serif; color: #000000;} .contentsFormActionBtWhiteMargin {float: right; margin: 0 0 0 15px;background-color: white;} .contentsFormActionBtWhiteMargin a {width: 145px; height: 22px; display: block; text-decoration: none; background: #6699cc url( <%= renderResponse.encodeURL(renderRequest.getContextPath()+ "/site/images/global/user_bt_signin.gif" ) %> ) no-repeat left top;margin:0px;} .contentsFormActionBtWhiteMargin a:hover {background-color: #000;} .contentsFormActionBtWhiteMargin a span {padding: 4px 0 0 10px; display: block; font: bold 11px arial, helvetica, sans-serif; color: #fff;} .contentsFormFieldsInputUpgrades {width: 170px; float: left; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsFormFieldsRadioUpgrades {width: 100px; float: left; padding-bottom: 10px; /*background-color: #fff3d5;*/} .contentsFormRadioButton {padding:0 0 1px 0;} /* add by Andre - Login Portlet*/ .boxContentFieldBodyAlert {font: bold 11px arial, helvetica, sans-serif; color: #b91219;} .supportUserLoggedInFirstDivConfig {background-color:#F2F7FA; width: 160px; padding:10px 10px 10px 10px;} .supportUserLoggedInSecondDivConfig {padding: 10px 10px 12px 20px; width: 160px; padding-right: 0px; padding-top:0;} .supportUserLoggedInThirdDivConfig {padding: 10px 10px 12px 20px; background-color:#F2F7FA; width: 160px; padding:10px;} .supportUserLoggedInNameSalutation {padding-bottom: 3px; font: bold 11px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInNameUser {padding-bottom: 3px; font: bold 12px arial, helvetica, sans-serif; color: 34577B;} .supportUserLoggedInNameCargo {padding-bottom: 1px; padding-top: 5px; font: bold 11px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInEmpresaTotal {padding-bottom: 1px; font: bold 12px arial, helvetica, sans-serif; color: #34577B;} .supportUserLoggedInTotalPontos {padding-bottom: 3px; font: bold 12px arial, helvetica, sans-serif; color: #000;} .supportUserLoggedInNamePontos {padding-bottom: 3px; font: bold 14px arial, helvetica, sans-serif; color: #34577B;} /*MARCO*/ .contentsFormFields0 {width: 146px; float: left;} .contentsFormFields1 {width: 146px; float: left;} .contentsFormFields2 {width: 148px; float: left;} .contentsFormFields3 {width: 146px; float: left;}