html { height: 100%; max-height: 100%; font-size: 0.75em; font-family: tahoma, verdana, arial, sans-serif; } body { background-color: #fff; background-image: url("../img/bg.gif"); color: #333; } /* Main Elements */ #logoheader { height: 90px; background: url("../img/banner_top.png"); background-position: 0px 52px; background-repeat: repeat-x; background-color: #508ec8; } #content { background-color: white; padding: 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-left: 50px; margin-right: 50px; } #pmcontent { border: 1px solid #eee; margin-top: 5px; margin-bottom: 0px; padding: 6px 12px; } #foot { background-color: white; padding: 5px; padding-top: 0px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-left: 50px; margin-right: 50px; } #footc { border: 1px solid #eee; margin-bottom: 0px; padding: 0px 0px; height: 68px; } .paddiv1, .paddiv2 { height: 0px; } #nextstep { font-weight: bold; height: 22px; color: #fff; font-size: 1.1em; } #nextstepc { text-align: center; padding-top: 4px; padding-bottom: 2px; background-color: #999; } .popupMsg { display: none; border: 1px solid #666; background-color: #eee; margin-bottom: 5px; margin-right: 10px; margin-left: 10px; padding: 6px; } .popupMsgOPP { position: relative; top: -155px; margin-left: 0px; z-index: 10; } /* Common HTML Elements in #content */ #content p,#content ul,#content pre { padding: 5px; } #content h2 { color: #367EA6; padding-top: 6px; font-size: 1.3em; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.8em; } #content h3 { margin-left: 5px; font-size: 1.3em; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; } #content pre { font-family: courier, monospace; font-size: 1em; } .pmmdetails { padding-left: 80px; } .fieldSubHeader { font-weight:bold; margin-bottom:0.5em; margin-top:0.5em; } /* Table */ table.basetable { margin-left: 5px; } table.basetable td { padding-bottom: 0.6em; padding-right: 0.6em; } /* Order Data Layout */ table.od { margin: 10px 0px 10px 0px; } table.od td, table.od th { padding: 5px; border: 1px solid #999; } table.od th { font-weight: bold;; } /* Image Buttons (Payment Methods) */ .imgB, .footerB { width: 158px; height: 32px; padding: 0; border: 0; background: transparent url("../img/bg_buttons.png") no-repeat left 0px; overflow: hidden; color: #444; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ font-weight: bold; font-size: 1.2em; } .imgB:hover, .imgB:active, .footerB:hover, .footerB:active { color: #66f; } .pmB { width: 238px; height: 42px; padding-left: 85px; text-align: left; margin-bottom: 6px; font-size: 1.1em; background-color: transparent !important; } /* Image Buttons Footer (next/previous/pay) */ #footerb1div { float: left; text-align: left; margin: 8px 0px 0px 30px; } #footerb2div { float: right; text-align: right; margin: 8px 30px 0px 0px; } .cancelB { background-position: left 0px; } .nextB { background-position: right -32px; } .backB { background-position: left -96px; } .finishB { background-position: right -64px; } /* Links */ a { text-decoration: none; color: #39f } a:visited { text-decoration: none; color: #39f } /* Form elements */ input,select { font-size: 0.95em; padding: 1px; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; } button:focus { outline: none; } /* Validation */ table.basetable .inputField { padding: 1px 2px 2px 2px; background-color: #EAF5FA; } table.basetable .errorField { border: 2px solid #f33; background-color: #fff3f3; padding: 1px 1px 1px 1px; } .fieldDiv { padding-right: 20px; background: transparent; } .errorDiv { background: transparent url("/hpp/img/icons/error.png") no-repeat right 3px; padding-right: 20px; } .errorFrame { background-color: #fff3f3; } .pmOc { margin-bottom: 10px; } .pmOc div.pmOcDetail { background-color: #E0E6FF; border: 1px solid #CCCCFF; padding: 6px; display: block; margin-right: 8px; margin-bottom: 8px; float: left; width: 168px; } .pmOc div.pmOcPad { height: 1px; display: block; clear: both; } .pmOcRemove { float: left; margin-left: 10px; } .pmOcInput { background-color: #fff; } .pmOcRadio { float: left; } .pmOcDetailSummary { height: 97px; /*101px;*/ width: 160px; color: white; clear:both; font-family:monospace; font-size: 11px; font-weight:bold; line-height:1.3; padding-top: 10px; margin:4px 0 0 4px; } .pmOcDetailSummaryCard { background-image: url(/hpp/img/card_generic.png); background-repeat: no-repeat; } .pmOcDetailSummaryElv { background-image: url(/hpp/img/elv_generic.png); background-repeat: no-repeat; } .pmOcLogo { height:22px; width:40px; background-color: white; margin: 0px 0px 11px 110px; } .pmOcElv { color: #888; margin-bottom: 19px; height:15px; margin-left: 10px; letter-spacing: 3px; } .pmOcPan { height:15px; padding-top: 9px; margin-left: 14px; } .pmOcExp { height:15px; font-size: 10px; margin-left: 105px; } .pmOcName { height:15px; margin-left: 14px; text-transform: uppercase; } .pmOcArrow { margin-left: 65px; height: 20px; background-repeat: no-repeat; background-image: url(/hpp/img/arrow_down.png); } div.pmOcDetail .fieldDiv, div.pmOcDetail .errorDiv { display: inline; } div.pmOcDetail input { background-color: white; } div.pmOcPay { text-align: right; } /* ivr specific css */ .ivricon { display: block; margin-right: 10px; float: left; } .ivrmessage { display: block; font-weight: bold; } .ivrdetail { display: block; margin-top: 5px; font-weight: bold; font-family: arial, sans-serif; } #phoneNumber .ivrdetail { color: #57A022; font-size: 2.4em; } #payCode .ivrdetail { color: #1F5F98; font-size: 2.4em; } #timeToCall .ivrmessage { font-weight: normal; line-height: 1.1em; } #timeToCall .ivrmessage .phoneDetails, #timeLeft { font-weight: bold; color: #57A022; font-family: arial, sans-serif; } .progressW { width: 400px; margin-left: 50px; padding: 1px; border: 1px solid #666; background-color: transparent } .progress { width: 0px; font-size: 1px; height: 14px; margin: 0px; padding:0px; background-color: #66C931; background-image: url(/hpp/img/progress3.png); background-repeat: repeat-x; } .ebanking_FIFrame { width: 300px; float: right; } .ebanking_FIHeader { font-weight: bold; margin-bottom: 5px; margin-top: 5px; color: #1678A5; } .ebanking_FIText { padding: 5px; } .invoicestat { width: 55%; border: 2px solid black; font-family: courier, monospace; padding: 17px 10px 17px 61px; } .invoicestatPaid { border-color: green; background-color: #efe; } .invoicestatUnPaid { border-color: orange; background-color: #fff5ee; } .invoicestatCannotPay { border-color: red; background-color: #fee; } .airlinedatalabel, .airlinelegdatalabel{ float:left; clear:left; padding-top:7px; font-weight:bold; } .airlinedataelement, .airlinelegdataelement{ float:right; padding-top:7px; } .airlinedata{ float:left; width:800px; height:100px; border:solid 2px #367EA6; padding:10px; margin:10px; clear:both; position:relative; } .airlinelegdata{ float:left; width:800px; border:solid 2px #367EA6; padding:10px; margin:10px; clear:both; position:relative; height:120px; } .airlinedatatitle{ background: #367EA6; color: white; font-size: 20px; margin: -10px; padding: 6px; } .airlinelegdatatitle{ background: #367EA6; color: white; font-size: 20px; margin: -10px; padding: 5px; left:640px; position:absolute; } .endairlinelegdata{ clear:both; } .labeldepartairport{ background: #367EA6; color: white; font-size: 13px; left: 10px; position: absolute; top: 0px; padding: 5px; } .elementdepartairport{ background: #367EA6; color: white; font-size: 13px; left: 200px; position: absolute; top: 0px; padding: 5px; } .labeldestinationcode{ background: #367EA6; color: white; font-size: 13px; left: 10px; position: absolute; top: 20px; padding: 5px; } .elementdestinationcode{ background: #367EA6; color: white; left: 200px; font-size: 13px; position: absolute; top: 20px; padding: 5px; } .airlinelegdataheader{ background: #367EA6; height: 50px; left: 0; position: absolute; width: 820px; top: 0; } .labelflightnumber{ position: absolute; top:50px; left:10px; } .elementflightnumber{ position: absolute; top:50px; left:110px; } .labelcarriercode{ position: absolute; top:50px; left:350px; } .elementcarriercode{ position: absolute; top:50px; left:450px; } .labelfarebasecode{ display:none; } .elementfarebasecode{ display:none; } .labelclassoftravel{ position: absolute; top:75px; left:10px; } .elementclassoftravel{ position: absolute; top:75px; left:110px; } .labelstopovercode{ display:none; } .elementstopovercode{ display:none; } .labeldateoftravel{ position: absolute; top:100px; left:10px; } .elementdateoftravel{ position: absolute; top:100px; left:110px; } .labeldeparttax{ display:none; } .elementdeparttax{ display:none; } #labelairlinepassengername{ position:absolute; left:10px; top:30px; } #airlinepassengername{ position:absolute; left:150px; top:30px; } #labelairlinecustomerreferencenumber{ position:absolute; left:300px; top:30px; } #airlinecustomerreferencenumber{ position:absolute; left:500px; top:30px; } #labelairlineticketissueaddress{ position:absolute; left:10px; top:55px; } #airlineticketissueaddress{ position:absolute; left:150px; top:55px; } #labelairlineticketnumber{ position:absolute; left:300px; top:55px; } #airlineticketnumber{ position:absolute; left:500px; top:55px; } #labelairlinetravelagencycode{ display:none; } #airlinetravelagencycode{ display:none; } #labelairlinetravelagencyname{ position:absolute; left:10px; top:80px; } #airlinetravelagencyname{ position:absolute; left:150px; top:80px; } #labelairlineagencyplanname{ display:none; } #airlineagencyplanname{ display:none; } #labelairlineagencyinvoicenumber{ display:none; } #airlineagencyinvoicenumber{ display:none; } .receiptNoPrint { display: none; } .receiptPrint { display: none; }