/*Default CSS*/
* {margin: 0;}
html {height: 100%;}
body {
height: 100%;font-weight:normal;font-family:verdana,arial,geneva,helvetica,sans-serif; text-decoration:none;font-size:11px; margin:0px;padding:0px;background-color:#fff;
}
h1, h2, h3, h4, h5, h6{text-decoration:none;margin:0px;padding:0px;}
p{margin:0px;padding:0px;}
img{padding:0px 0px 0px 0px;border:0px;}
form{margin:0px;padding:0px;}
select {font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
fieldset {border:none;margin:0px;padding:0px;}
input {font-size:100%;font-weight:normal;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;}
label {font-size:11px;}
caption, legend {display:none;}
#skip{display:none;}
ul{list-style-type:none;margin:0px;padding:0px;}
ol{margin:0px;padding:0px;}
a{text-decoration:underline; font-size:9pt; color:#009999; font-family:arial; }
a:hover{text-decoration:underline; color:#009999; font-size:9pt; font-family:arial; }
a:visited{text-decoration:underline; color:#009999; font-size:9pt; font-family:arial; }
/*Global H1 H2 defined*/
h1 {width:100%;float:left; font-weight:bold; font-size:13pt; padding-bottom:10px;padding-top:8px; font-family:verdana,arial,geneva,helvetica,sans-serif; }
h2 {width:99%;padding-left:1%;font-size:9pt; padding-top:3px;padding-bottom:3px;line-height:24px; background-color:#009999; clear:both;color:#ffcc33; font-family:arial,helvetica,sans-serif; font-weight:bold; }
h2 a {color:#ffcc33; font-size:10px; text-decoration:underline; }
h2 a:hover {color:#ffcc33; font-size:12px;text-decoration:underline; }
h2 a:visited {color:#ffcc33; font-size:12px;text-decoration:underline; }
h2.borderBottom {border-bottom:solid 1px #fff;}
/*Classes defined when right content is present in headers*/
.headersContent {width:99.4%;float:left;padding:.3%;background-color:#009999; margin-bottom:10px;}
.short {width:50%;float:left; font-family:arial,helvetica,sans-serif; font-size:9pt; font-weight:bold; color:#ffcc33; }
.hcontentRight {width:49%;text-align:right;float:right;clear:right;color:#ffcc33; font-size:10px; }
.hcontentRight.textStyle{ font-weight:normal; }
.hcontentRight a {color:#ffcc33; font-weight:bold; text-decoration:underline; font-size:10px; font-family:verdana,arial; }
.hcontentRight a:hover {color:#ffcc33; text-decoration:underline; font-size:10px; font-family:verdana,arial; }
.hcontentRight a:visited {font-size:9pt; font-family:arial; text-decoration:underline; }
/*Top Navigation with Frame*/
#topNav{width:100%;float:left;border-bottom:solid 1px #000;clear:both;padding-bottom:10px;margin-bottom:10px;}
#topNav h2{margin-bottom:8px;}
#topNav label{font-weight:bold;}
#topNavForm {width:100%;padding:0px;margin-top:5px;margin-bottom:8px;}
#topNavForm .topLangForm {float:right;}
#printNShop{float:left;width:100%;margin-top:10px;}
#print {text-decoration:none;float:left;width:70%;}
#print img{vertical-align:middle;}
#shoppingCart {text-align:left;float:right;width:20%;color: #000000;font-size: 11px;}
/*Left Navigation Language Dropdown*/
.navDropdown{padding-top:10px;padding-bottom:5px;color:#ffcc33; font-style:italics; }
.navDropdown label{display:block;margin-bottom:5px;font-size:x-small;font-weight:normal;font-style:italic;}
/* Non-Frame layout (Without leftNav) */ /* the bottom margin is the negative value of the footer's height */
#main-Page{min-height: 100%;height: auto !important;height: 100%;width:950px;background:url('https://business.kulula.com/application/images/default/southwest/img.gif') repeat-y top left;margin: -80px 0 -230px 0;position:relative; z-index:0}
#sidebar{width:132px;margin:0px;padding-left:5px;padding-right:3px;float:left;word-wrap:break-word;}
#pageContent {float:left;width:619px;padding:5px 0px 0px 15px;margin-right:-3px;}
#pageHeader {position:relative; z-index:1; height:80px;background-color:#fff;}
#pushHeader { clear: both; height: 80px; width: 619px; margin-left: 150px;}
#push { clear: both; height: 230px; width: 619px; margin-left: 150px; }
/* If any airline wants to make pageContent in center without left navigation for flight schedule page (example - Frontier Airlines) */
.center {left:200px;position:absolute;}
.listContent {list-style-type:disc;margin-left:25px;margin-bottom:10px;}
.findCityLink{width:250px; padding:0px 0px 7px 0px; }
/*Frame based layout (without leftNav) */
#mainPageFrame{width:640px;margin:0px;padding:0px 0px 0px 10px;float:left;}
#pageContentFrame {float:left;width:100%;padding:0px 0px 0px 0px;margin-right:-3px;}
/*Header Navigation class*/
.topHeader{border-top:13px solid #009999; border-right:12px solid #009999; width:616px; padding:10px 0px 10px 150px;background:url(https://business.kulula.com/application/images/default/southwest/img.gif) repeat-y top left;position:relative; z-index:1}
#footerContainer {clear: both; height: 230px; width: 619px; margin-left: 150px;text-align:center;position:relative; z-index:2}
#footerContainerF {clear: both; height: 230px; width: 619px; text-align:center;text-align:center;position:relative; z-index:2;padding-left:10px;}
/*Footer Navigation*/
#footerNav {width: 619px; text-align:center;height:100px;}
#footerNav p {padding-bottom:18px; }
#footerNav p.innerImg img {float:none;}
#footerNav img {float:left;}
/*Footer Navigation for Banner option 1-3*/
#footerBanner {float:left;width:619px;padding-top:10px;padding-bottom:10px;height:107px;}
#footerBanner p {width:100px;float:left;padding-top:8px;}
#footerBanner p.phNum {width:100%;float:left;padding-top:8px;text-align:center;}
#footerBanner img {float:left;padding-left:5px;}
/*Progress Bar*/
#progressBar ol {width:100px;}
#progressBar li {background:url('https://business.kulula.com/application/images/default/progress.gif') no-repeat 10px 4px;display:block;float:left;text-indent:20px;margin-bottom:10px; font-size:11px; font-family:verdana,arial,geneva,helvetica,sans-serif; }
#progressBar li.selected {font-weight:bold;}
/*Navigation*/
.navigation{padding:5px 5px 5px 0px;}
.navigation ul{width:139px;list-style-type:none;text-indent:-0.5em;}
.navigation li{padding-bottom:5px;text-indent:-0.5em;}
.navigation a {font-weight:bold; font-size:10px; text-decoration:underline; padding:0px 5px 0px 5px;margin:5px 0px 5px 0px;line-height:15px;color:#ffcc33; font-family:verdana,arial; }
.navigation a:hover{text-decoration:underline; color:#ffcc33; }
.navigation a:visited{color:#ffcc33; }
/*Passenger Types (Number of Guests)*/
.pax {width:99%;float:left;margin-bottom:10px;padding-right:1%;text-align:right;}
.pax label{float:left;width:25%;margin-bottom:7px;}
.pax label span {display:block;}
/*This class is created due to the multiple text fields coming in one label 18-04-07 shashank */
.unAccMinor {float:left;width:25%;margin-bottom:7px;clear:left;}
.unAccMinor label{float:left;width:25%;margin-bottom:7px;}
.unAccMinor label span {display:block;}
/*Shopping options*/
.promoCode {width:100%;float:right;padding-bottom:10px;}
.promoCode label {margin-bottom:5px;padding-top:10px;float:left;margin-left:10px;}
.promoCode .subLabel{width:210px;float:left;padding-bottom:5px;text-align:right;font-size:xx-small;font-style:italic;}
.couponPax {width:99%;clear:both;float:left;}
.couponPax p {float:left;width:65%;font-weight:bold;padding-left:100px;}
.dropControl {width:110px;}
/*Passenger Types (Number of Guests)*/
.searchType {width:100%;float:left;padding-top:13px;margin-bottom:10px;}
.searchType label{float:left;font-weight:bold;width:24%;}
.searchType span {width:132px;float:left;font-weight:normal;margin-left:18px;}
/*For div layout for search result page - Columns in Div*/
.flightOptions {clear:left;padding-top:6px;}
.flightOptions.noSpace {padding-top:0px;}
.selectFlight {background-color:#009999; padding:3px;color:#ffcc33; font-weight:bold; }
.selectFlight p, .selectFlight h5 { display: inline; }
.selectFlight a {color:#009999; text-decoration:underline; font-size:9pt; font-family:arial; }
.selectFlight a:hover {color:#009999; text-decoration:underline; }
.selectFlight a:visited {color:#009999; text-decoration:underline; }
.selectFlight p { float: right; }
.selectFlight span{ color:#ffcc33; font-size:14px; padding-right:4px;}
.selectFlight .carPrice{ font-weight:normal; margin-right:10px;}
.viewFare { background-color:#cc9966; padding: 3px; margin-bottom: 10px; color:#000000; }
.viewFare h5, .viewFare p { display: inline; font-size:9px;}
.viewFare .fareBasis { margin-left: 25px; }
/*When fare prices are long, these classes needs to be added in viewFare & amount class*/
.longFares {width:220px;}
.srFareRule {float:left;}
/*End of Class*/
.fareBasis.transparent { color:#CCD6E3; }
.viewFare .farebyPrice {float:right; font-family:arial,helvetica,sans-serif; font-size:8pt; color:#000000; font-weight:normal; }
.viewFare .amount { float: right; color:#000000; font-weight:bold; font-size:7pt; font-family:verdana,arial,helvetica,sans-serif; }
.viewFare p, .viewFare a { font-weight: bold; }
.flightOptions .column { display: inline; float: left; margin-bottom: 5px; }
.flight { clear: left; }
.flightOptions .one { width: 50px; text-align: center; }
.flightOptions .two { width: 80px; }
.flightOptions .three { width: 235px; }
.flightOptions .four { width: 252px; text-align: right; }
.flightOptions .popthree { width: 250px; line-height:18px;}
.flightOptions .weekDaysFour {float:right;width: 200px;}
.flightOptions .weekDaysFive {width:200px;}
.flightOptions .weekDaysSix {width:120px;}
.flightOptions .semiFlex {width:190px;}
.flightOptions .semiFlexOne {width:100px;float:right;}
.flightOptions .fareMessenger {width:100px;float:right;text-align:right;}
.flightOptions .fareMsgResult {width:200px;float:right;text-align:right;}
.flightOptions .semiFlexTwo {width:60px;text-align:center;}
.flightOptions .semiFlexThree {width:70px;text-align:center;}
.flightOptions .semiFlexFour {width:80px;}
.flightOptions .popFour { width:80px; line-height:18px;}
.flightOptions .popFive { width:200px; line-height:18px;}
.semiFlexBorder {width:99.5%;float:left;border:solid 1px #ccc;border-top:none;}
.semiFlexHeaders {float:left;width:100%;background-color:#CCD6E3;}
/*CSS for Redeem Miles Search Result Page - When Tabs appear at the top*/
.redeem {display:inline;float:left;background-color:#C0C0C0;padding:6px 6px 6px 6px;font-weight:bold;border-bottom:1px solid #fff;}
.Miles {color:#FFF;}
.Price {color:#0072BC;background-color:#CCD6E3;border-bottom:1px solid #fff;}
/*Left Navigation Form*/
#sidebar .searchFlight {float:left;width:110px;color:#ffcc33; }
#sidebar .searchFlight label span {line-height:20px;padding-left:1%;width:99%; display:block;}
#sidebar .searchFlight label select {margin-bottom:2px;}
#sidebar .searchFlight label select.destCity {width:120px;}
#sidebar .searchFlight label .depCity {width:100%;}
/*Search For Flight - Request Air*/
.searchFlight{float:left;width:100%;padding-bottom:10px;margin-right:-3px;}
.tripDetails {float:left;width:480px;}
.tripDetails .singleItin {padding-bottom:3px;}
.tripDetails .singleItin .itinError {width:70% !important;font-weight:bold;float:left;text-align:left !important;clear:both;color:#cc0000;padding:0% 0% 0% 25%;}
.tripDetails.topSpace{margin-top:10px;}
.tripDetails label {width:450px;line-height:18px;float:left;padding-bottom:3px;}
.tripDetails span {float:left;width:118px;text-align:right;padding-right:3px;}
.tripDetails span.findCity {margin-bottom:5px;text-align:left;font-weight:bold;margin-left:121px;}
/*This class is created due to the multiple text fields coming in one label 18-04-07 shashank */
.tripDetails .multipleDropDown {width:450px;line-height:18px;float:left;padding-bottom:3px;}
.tripDetails div.searchTypeOne{width:450px;line-height:18px;float:left;padding-bottom:3px;}
.tripDetails div.searchTypeOne span{margin-left:0px;}
.tripDetails div.searchTypeOne label{width:auto; display:inline; padding:0px;}
.tripDetails span.error {margin-left:26%; width:70% !important}
/*Search flight checkbox options for refundable fares and alternate dates - Request Air page*/
.searchOption {float:left;}
.searchOption label {display:block;margin-left:120px;padding-top:5px;}
/*Trip Type*/
#pageContent .tripType {width:120px;float:right;padding:0px;margin:0px;clear:both;}
#pageContent .tripType label{float:right;clear:both;width:130px;text-align:right;}
#pageContentFrame .tripType {width:120px;float:right;padding:0px;margin:0px;clear:both;}/* When Frame is enabled */
#pageContentFrame .tripType label{float:right;clear:both;width:120px;text-align:right;}
#sidebar .tripType {width:130px;float:right;padding:0px;margin:0px;color:#ffcc33; }/* When sidebar (leftnav is used) */
#sidebar .tripType label {width:130px;float:left;clear:both;height:19px;}
/*Semi Flexible Inbound container */
#semiFlexOption {float:left;width:100%;background-color:#FFFFCC;padding-bottom:10px;padding-top:10px;}
/* Results page for reservation page */
.reviewTrip {background-color:#009999; padding:3px;clear:both;}
.reviewTrip p {display:inline;color:#ffcc33; float:right;font-weight:bold;}
.reviewTrip p a {text-decoration:underline; color:#ffcc33; font-size:10px; }
.reviewTrip p a:hover {color:#ffcc33; }
.reviewTrip p a:visited {color:#ffcc33; }
.reviewTrip h5 {display:inline;color:#ffcc33; font-size:9pt; }
.trip { border-bottom:dotted #CCC 2px; float:left;padding-bottom:5px;padding-top:10px;width:100%;}
.tripOne {float:left;padding-top:8px;width:100%;margin:0px;}
.tripReview {clear:left;padding-top:6px;}
.tripReview .column { display: inline; float: left; margin-bottom: 5px; }
.tripReview .one { width: 70px; }
.tripReview .two { width: 150px; }
.tripReview .three { width: 120px; }
.tripReview .four { width: 70px; text-align: right; }
.tripReview .five { width: 70px; text-align: right; }
.tripReview .six { width: 62px; text-align:center;}
.tripReview .seven { width: 140px;}
/* Use this class for popUp pages */
#popUp {width:630px;margin:0px;padding:10px 10px 15px 10px;float:left; margin-right:-3px;}
#popUpMidsize {width:440px;margin:0px;padding:10px;float:left; margin-right:-3px;}
#pagepopUp {width:600px;margin:0px;padding:5px 5px 5px 5px;float:left;}
#popUpSmall {width:300px;margin:0px;padding:10px 10px 15px 10px;float:left;}
#popUp h3 {width:100%;float:left;font-size:12px;padding-bottom:10px;padding-top:10px;color:#000;}
.subColHead {float:left;width:100%;padding:2px 0px 2px 0px;background-color:#cc9966; font-weight:bold;}
.subColHead p {float:left;width:50%;text-align:center;}
.subColHead p.subDetail {float:left;width:99%;background-color:#00FFFF;text-align:left;padding:1%;}
.subDetails {float:left;width:50%;text-align:center;padding-bottom:10px;}
.subDetails p {padding:5px 0px 5px 0px;}
.popLbl {width:170px;float:left;line-height:20px;margin-top:7px;}
.checkOption {width:40px;float:left;margin-top:3px;margin-top:7px;padding-top:4px;}
#weekDays ol {display:inline;}
#weekDays li {float:left;display:inline;margin-left:4px;border:solid 1px #000;padding-right:4px;padding-left:4px;padding-bottom:3px;color:#3A6F5F;font-weight:bold;}
#weekDays li.nonAvail {color:#cc0000;}
.flightIndicate {border:solid 1px #000;background-color:#cc0000;}
/* Use this class for pageContent button */
.button {width:100%;clear:both;padding-top:15px; padding-bottom:15px;}
.button input { background-color:#009999; font-weight:bold;color:#ffcc33; float:right; margin-left:5px;padding:1px;font-family: Verdana, Arial, sans-serif;
border-bottom-color: #4C4C4E;border-left-color: #4C4C4E;border-right-color: #CACBCC8;border-top-color: #CACBCC;text-transform: capitalize;}
.button p {float:right;padding-right:20px;line-height:18px;}
/* Use this class when button appears with checkbox option */
.checkBoxbutton {float:left;text-align:right;width:100%;margin-right:-3px;}
.checkBoxbutton .newButton {background-color:#009999; font-weight:bold;color:#ffcc33; padding:1px;font-family: Verdana, Arial, sans-serif;
border-bottom-color: #4C4C4E;border-left-color: #4C4C4E;border-right-color: #CACBCC8;border-top-color: #CACBCC;text-transform: capitalize;margin-right:5px;}
/* Use this class for sideBar (Left Navigation) button *//* This class has been changed due to the anchor link before the button 18-04-07 shashank*/
.sidebarBtn {margin-top:5px;}
.sidebarBtn input {background-color:#009999; font-weight:bold;color:#ffcc33; padding:1px;font-family: Verdana, Arial, sans-serif;
border-bottom-color: #4C4C4E;border-left-color: #4C4C4E;border-right-color: #CACBCC8;border-top-color: #CACBCC;}
/* Use this when data is very less in page content and need to specify height */
.footerBase {width:100%;height:350px;float:left;clear:both;}
/* Left Box and Right Box Column used for Welcome Guest Page - can be used in same scenario */
.boxColumn {float:left;width:49%;margin-bottom:10px;}
.journeyDay {background-color:#5F87A5;font-weight:bold;color:#fff;border:none;}
.journeyPrice {background-color:#FFCC66;}
.disabled {color:#C4C4C4;border:solid 1px #666;}
.block {border:solid 1px #666;}
.matrixIcon {display:block;}/* matrix icon class is used in another pages also */
/* Use this class for important messages or content display */
.interstitial {text-align:center;margin:100px 50px 0px 50px;font-size:small;font-weight:bold;clear:both;}
.criticalInfo {float:left;margin-top:7px;clear:both;margin-bottom:7px;width:100%}
.alert {width:100%;float:left;margin:5px 0px 5px 0px;color:#cc0000;font-weight:bold;clear:both;}
.singleLine {float:left;width:100%;clear:both;margin-top:7px;margin-bottom:5px;margin-right:-3px;}
.paraInfo {margin-top:10px;margin-bottom:10px;clear:both;}
.offer {color:#CCC;font-weight:bold;}
.singleLineLink {margin-left:15px;text-align:center;}/* Use this class for single line multiple links */
/*More results & New Search CSS at bottom of the search result page*/
.moreResult {clear:both;float:left;padding-top:10px;padding-bottom:10px;width:100%;text-align:right; margin-right:-3px;}
/* Used in search result pages in p element to make headers with blue background*/
.flightInfo {background-color:#cc9966; float:left;padding-left:4px;padding-top:3px;padding-bottom:3px;width:99.3%;font-weight:bold; margin-right:-3px;}
.flightInfo.semiFlexBg {background-color:#009999; color:#ffcc33; }
.connecting {float:left;clear:left;padding-left:40px;padding-top:10px;padding-bottom:10px;font-style:italics; font-size:7pt; font-weight:italics; color:#009999; }
.flexDate{float:left;width:99%;font-weight:normal;margin-top:5px;margin-bottom:5px;clear:both;}/*Flexible date option*/
.flexDate.couponFlex {margin:0px 0px 0px 10px;}
.sidebarHead {margin:15px 0px 10px 5px; font-weight:bold; font-size:10pt; color:#ffffff; font-family:verdana,arial,geneva,helvetica,sans-serif; }/*Sidebar Modify Search Heading*/
.highlight {font-weight:bold;}
.cart{padding:0px 5px 0px 0px;margin:5px 0px 0px 2px; font-size:8pt; color:#ffcc33; font-weight:normal; width:120px; font-family:arial,helvetica,sans-serif; }
.mandatory{vertical-align:top;border:0px;padding:3px 2px 0px 0px;}
/*Pop Up Link*/
.popLink{width:100%;float:left;text-align:right;padding:0px 0px 5px 0px;clear:both;margin-right:-3px;}
/* Use this class to align small image icons with content */
.vertical {vertical-align:middle;}
/*Class used to work as br tag - To position the content in next row */
.clear {clear:both;height:1px;margin:2px;}
/* Created specifically for p column when one content is left and another is right */
.hspaceTime {float:left;}
.hspaceDate {float:right;margin-right:15px;}
/*Error Message*/
.error{width:99% !important;font-weight:bold;clear:both;float:left;text-align:left !important;color:#EC0006}
.errorFullWidth {text-align:left;float:left;width:99%;color:#cc0000;font-weight:bold;margin-bottom:10px;}
.errorBlock {text-align:left;font-weight:bold;color:#cc0000;}
/* Fare Messenger Top form fields*/
.fareMsg {float:left;width:100%;margin-bottom:8px;}
.fareMsg span {display:block;margin-bottom:4px;}
.fareMsg .myFare {float:right;text-align:right;}
.fareMsg .fareOption {width:60%;float:left;margin-left:3%;}
.fareMsg .fareOption.eMail {margin-bottom:5px;}
/* Fare Messenger */
.headersContent span {font-size:large;padding-right:12%;}
.headersContent .headerMiddle{width:60%;clear:left;}
.hcontentRmiddle {text-align:right;width:25%;float:right;color:#fff;font-size:11px;padding-top:1%;padding-right:.5%;}
.hcontentRmiddle a {color:#fff;font-weight:bold;text-decoration:underline;font-size:12px;}
.hcontentRmiddle a:hover {color:#fff;text-decoration:underline;font-size:12px;}
.hcontentRmiddle a:visited {color:#fff;}
/* Fare Messenger Catcher page - Form Fields */
.fareMsgSet {float:left;width:100%;margin-bottom:10px;}
.fareMsgSet .fmDepcity {float:left;width:47%;margin-left:2%;}
.fareMsgSet .fmDescity {float:left;width:47%;margin-left:2%;margin-top:1%;clear:left;}
.fareMsgSet .fareNotify {float:left;width:48%;margin-right:2%;}
/* Matrix Table classes - Old CSS classes taken from sabre. No changes have been made in matrix table layout.*/
.altcitiestest {
LINE-HEIGHT: 1.3em; BACKGROUND-COLOR: #fff; TEXT-ALIGN: right; ALIGN: Right;
}
.tfMtrxMainOver {
PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; BORDER-RIGHT: #a3ac92 1px solid; BORDER-TOP: #a3ac92 1px solid; BORDER-LEFT: #a3ac92 1px solid; BORDER-BOTTOM: #a3ac92 1px solid; BACKGROUND-COLOR: #C8C9D6; TEXT-ALIGN: center
}
.tfMtrxMain {
BORDER-RIGHT: #a3ac92 1px solid; BORDER-TOP: #a3ac92 1px solid; BORDER-LEFT: #a3ac92 1px solid; COLOR: #888; LINE-HEIGHT: 1.3em; BORDER-BOTTOM: #a3ac92 1px solid; HEIGHT: 41px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
.tfMtrxMainFare {
BORDER-RIGHT: #a3ac92 1px solid; BORDER-TOP: #a3ac92 1px solid; BORDER-LEFT: #a3ac92 1px solid; COLOR: #E42217; LINE-HEIGHT: 1.3em; BORDER-BOTTOM: #a3ac92 1px solid; HEIGHT: 41px; BACKGROUND-COLOR: #8EC1E1; TEXT-ALIGN: center
}
.tfMtrxMainDates {
PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; BORDER-RIGHT: #a3ac92 1px solid; BORDER-TOP: #a3ac92 1px solid; BORDER-LEFT: #a3ac92 1px solid; LINE-HEIGHT: 1.3em; BORDER-BOTTOM: #a3ac92 1px solid; BACKGROUND-COLOR: #B7BFC4; TEXT-ALIGN: center
}
.tfMtrxMain_1_1, .tfMtrxMain_1_2, .tfMtrxMain_1_3, .tfMtrxMain_1_4, .tfMtrxMain_1_5, .tfMtrxMain_1_6, .tfMtrxMain_1_7,
.tfMtrxMain_2_1, .tfMtrxMain_2_2, .tfMtrxMain_2_3, .tfMtrxMain_2_4, .tfMtrxMain_2_5, .tfMtrxMain_2_6, .tfMtrxMain_2_7,
.tfMtrxMain_3_1, .tfMtrxMain_3_2, .tfMtrxMain_3_3, .tfMtrxMain_3_4, .tfMtrxMain_3_5, .tfMtrxMain_3_6, .tfMtrxMain_3_7,
.tfMtrxMain_4_1, .tfMtrxMain_4_2, .tfMtrxMain_4_3, .tfMtrxMain_4_4, .tfMtrxMain_4_5, .tfMtrxMain_4_6, .tfMtrxMain_4_7,
.tfMtrxMain_5_1, .tfMtrxMain_5_2, .tfMtrxMain_5_3, .tfMtrxMain_5_4, .tfMtrxMain_5_5, .tfMtrxMain_5_6, .tfMtrxMain_5_7,
.tfMtrxMain_6_1, .tfMtrxMain_6_2, .tfMtrxMain_6_3, .tfMtrxMain_6_4, .tfMtrxMain_6_5, .tfMtrxMain_6_6, .tfMtrxMain_6_7,
.tfMtrxMain_7_1, .tfMtrxMain_7_2, .tfMtrxMain_7_3, .tfMtrxMain_7_4, .tfMtrxMain_7_5, .tfMtrxMain_7_6, .tfMtrxMain_7_7 {
PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; BORDER-RIGHT: #a3ac92 1px solid; BORDER-TOP: #a3ac92 1px solid; BORDER-LEFT: #a3ac92 1px solid; COLOR: #888; LINE-HEIGHT: 1.3em; BORDER-BOTTOM: #a3ac92 1px solid; HEIGHT: 41px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
.tfMtrxCompliment {
COLOR: #ffffff; BACKGROUND-COLOR: #b7bfc4; FONT-SIZE: 12px; TEXT-ALIGN: center
}
.tfMtrxComplimentHeader {
COLOR: black; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN:center; FONT-WEIGHT: bold; FONT-SIZE: 13px
}
.tfMtrxComplimentHeaderReturning {
COLOR: black; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN:center
}
.tfMtrxComplimentHeaderDepart {
COLOR: black; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN:right
}
/* Calendar Classes - Old CSS classes taken from sabre. No changes have been made in JavaScript as the calendar has been created from JS.*/
.input_button {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px; font-style: normal;
line-height: normal;
cursor: hand;
font-weight: bolder;
font-variant: normal;
text-transform: capitalize;
color:#ffcc33;
background-color:#009999;
elevation: above;
padding: 1px;
width: auto;
border-bottom-color: #4C4C4E;
border-left-color: #4C4C4E;
border-right-color: #CACBCC8;
border-top-color: #CACBCC;
outline-color: #CACBCC;
}
.font_title_dark {
background-color : Silver;
font-size: 9pt;
color: #FFFFFF;
font-weight: bold;
padding-left:5px;
height:24px;
}
.font_title_light_bold {
background-color : #CCD6E3;
font-size: 8pt;
color: #000000;
font-weight: bold ;
padding-left:5px;
text-align:center;
}
.font_default_center {
text-align: center;
}
.input_cal {
font-size:11px;
cursor: hand;
color: #000;
background-color: #FFFFFF;
outline-color: #FFFFFF;
border: 1px solid #FFFFFF;
text-decoration: underline;
}
.font_highlight {
background-color : #EFEFEF;
color: #000000;
font-weight: bold ;
text-align: center;
}
/*
--------------------------------------------------
CLASS CREATED BY SHASHANK TO FIX SPACING BETWEEN IMAGES IN SEAT MAP PAGE. It will also fix the spacing in between sliced images in the header of all airlines.
--------------------------------------------------
*/
table img {vertical-align:bottom;}
/*
--------------------------------------------------
CLASSES CREATED BY CHANDAN FOR POST BOOKING MODULE
--------------------------------------------------
*/
/* User Login page form field classes - Created by shashank - 01-05-2007 */
.userLogin {padding-top:10px;}
.userLogin label {float:left;width:200px;}
.userLogin label span{float:left;width:60px;}
.userLogin span.errorLogin {float:right;font-weight:bold;color:#cc0000;width:140px;}
.userLogin .checkLogin {float:left;margin-left:5px;margin-right:5px;width:110px;}
.userLogin .twoInputs {float:left;width:200px;}
.amountPaid {width:30%;float:right;border-bottom:2px solid #000000;}
.spacing{margin-left:28px;}
.blank{height:50px;}
a.reasons{text-decoration:none;font-size:17px;color:#0072BC;font-weight:bold;}
a.reasons:hover{text-decoration:none;color:#000;font-weight:bold;}
a.reasons:visited{text-decoration:none;color:#0072BC;font-weight:bold;}
.columnLink{display: inline; float: left; margin-bottom: 5px; width: 177px;}
.errorNumber{width:170px;float:left; padding:0px 20px 0px 40px;font-weight:bold;color:#cc0000;}
.errorPassword{width:365px;float:right;font-weight:bold;color:#cc0000;}
.errorNumberOthers{width:170px;float:left; padding:0px 20px 0px 73px;font-weight:bold;color:#cc0000;}
.errorPasswordOthers{width:335px;float:right;font-weight:bold;color:#cc0000;}
#popupSmallOne{width:380px;margin:0px;padding:10px 10px 15px 10px;float:left;}
.textsmall {font-weight:normal;font-family: Arial, MS Sans-Serif, sans-serif, Geneva, Helvetica; font-size: 8pt;}
.textbold {font-weight:bold;font-family: Arial, MS Sans-Serif, sans-serif, Geneva, Helvetica; font-size: 8pt;}
/* Payment page */
h4.air{font-size:9pt; font-weight:bold; }
.paraPmt {margin-left:5px;margin-top:10px;margin-bottom:10px;clear:both;}
.fareRulesNone{width:99%;padding-left:1%;font-size:9pt; font-weight:bold; padding-top:3px;padding-bottom:3px;line-height:24px; background-color:#009999; clear:both;color:#ffcc33; }
.billing {float:left;width:99%;}
.billing label {width:450px;line-height:18px;float:left;padding-bottom:3px;}
.billing span {float:left;width:118px;text-align:right;padding-right:3px;}
.billAddLeft{float:left;padding-top:4px;width:48%}
.billAddRight{float:right;padding-top:4px;width:48%}
.paymentInformation {float:left;width:100%;clear:both;}
.paymentInformation label {width:90%;}
.paymentInformation span {width:108px;text-align:right;padding-right:3px;}
.country{width:150px;}
.payAddLeft{float:left;padding-top:4px;width:51%;}
.payAddRight{float:right;padding-top:50px;width:48%;}
.paymentDetail { background-color:#cc9966; padding: 3px; margin-bottom: 10px;color:#000000; float:right;width:99%;text-align:right;}
/* Error message Payment page */
.errorCardHolder{width:180px !important;font-weight:bold;float:left;text-align:left !important;color:#cc0000;margin-left:40%;}
.errorCardNumber{width:180px !important;font-weight:bold;float:left;text-align:left !important;color:#cc0000;margin-left:19%;}
/* CSC code Popup */
#popUpGeneric {margin:0px;padding:10px 10px 15px 10px;float:left;width:200px;}
#popUpGeneric p {padding:5px 0px 5px 0px;}
/* Current Itinerary Page */
.amountType{float:right}
.changeTickName{ width: 180px;}
.changeTickNumber{ width: 118px; text-align: right; }
.changeOriginalVal{ width: 218px; text-align: right; }
.flightTypeHeader{height:25px;width:99%;}
.flightTypeContent{margin-left:10%;margin-top:10px;width:90%;}
.currentItinPopup{font-weight:normal;margin-left:200px;}
.errorItinerary {width:80%;float:left;margin:5px 0px 5px 10px;color:#cc0000;font-weight:bold;clear:both;}
/* request Car _ car */
h2.medium {width:77%;float:left;}
.hcontentMedium {width:20%;text-align:right;float:right;clear:right;color:#fff;font-size:11px;}
.hcontentMedium.textStyle{font-style:italic;}
.errorName{width:300px;float:left; padding:0px 20px 0px 75px;color:#cc0000;}
.errorCity{width:400px;float:left; padding:0px 20px 0px 122px;font-weight:bold;color:#cc0000;}
/*
--------------------------------------------------
CLASSES CREATED BY ARUN FOR POST BOOKING MODULE
--------------------------------------------------
*/
/* Credit Bank Page */
.flightOptions .smallTwo { width: 40px; }
.textItalic { font-style:italic;}
.headersSpace {width:99.4%;float:left;padding:.3%;margin-bottom:10px;}
#pageCenterCol {float:left; width:420px;margin-left:75px; margin-bottom:20px;}
.flightOptions .twoColumn {width:300px;}
.flightOptions .fourColumn {width:150px;}
.topTen {margin-top:10px;}
.flightHeadDetail {color:#000;background:none;padding-left:0px;}
/*
--------------------------------------------------
CLASSES CREATED BY HEMANT FOR POST BOOKING / PROFILE MODULE
--------------------------------------------------
*/
.mainMenu{text-align:center;float:left;width:100%;margin-right:-3px;}
.mainMenu a{color:#ff9900;font-weight:bold;text-decoration:none;}
.mainMenu a:hover{color:#ff9900;font-weight:bold;text-decoration:none;}
.mainMenu a:visited{color:#ff9900;font-weight:bold;text-decoration:none;}
.mainMenu .oneImage{margin-left:40%;}
.mainMenu .twoImage{margin-left:30%;}
.mainMenu .threeImage{margin-left:20%;}
.mainMenu .moreImage{margin-left:10%;}
.sideImage{width:130px;float:left;}
.centerImage{width:130px;float:left;margin:0% 3%;}
.searchTypeCurrentItin {width:100%;float:right;margin-bottom:10px;}
.searchTypeCurrentItin label{float:right;font-weight:bold;width:41%;text-align:right;}
.searchTypeCurrentItin span {width:132px;float:right;font-weight:normal;margin-left:18px;}
.verticalTop {vertical-align:top;}
/*Password Reminder Classes*/
.passwordReminder {width:600px;float:left;padding-bottom:10px;}
.passwordReminder label {width:99%;margin-bottom:5px;padding-top:10px;float:left;margin-left:10px;}
.passwordReminder .answertxt {float:left; width:600px;}
.passwordReminder .answertxt p {float:left; width:250px;padding:12px 0px 0px 25px;}
.passwordReminder .answertxt label {float:left; width:300px; text-align:left;}
.passwordReminder .answertxt span {padding:0px 40px 0px 20px;text-align:left; width:50px;}
.passwordReminder .answertxt .errorRemindAnswer{width:300px;font-weight:bold; color:#cc0000; padding-left:108px;}
/*Login after can selection classes*/
.loginpass {width:620px;float:left;padding-bottom:10px;}
.loginpass label {margin-bottom:5px;padding-top:20px;float:left;margin-left:10px;}
.loginpass .passwordPad{padding-left:40px;}
.loginPassword{width:100%;font-size:13px;line-height:20px;clear:both;color:#ffcc33; }
.loginPassword p {float:left;background-color:#009999; width:48.3%;padding:3px 5px 4px 5px;}
.loginPassword p a{float:right;text-align:right;}
.loginPassword p a:hover{float:right;text-align:right;}
.loginpass .errorLoginNumber{width:210px;float:left; padding:0px 20px 0px 50px;font-weight:bold;color:#cc0000;}
.loginpass .errorLoginPassword{width:333px;float:right;font-weight:bold;color:#cc0000;}
/*Find city popup classes */
#popUpMedium {width:390px;margin:0px;padding:10px 10px 15px 10px;float:left;}
#popUpMedium select{margin:0px 0px 10px 0px;}
#popUpMedium p.alert{margin:0px 0px 20px 0px;width:100%;clear:both;}
#popUpMedium ul{clear:both;margin:0px;display:inline;width:70%;float:left;margin-left:10px;}
#popUpMedium ul li {display:inline;float:left;text-indent:10px;width:20px;}
#popUpMedium ul li a{font-weight:bold; color:#000000;text-decoration:underline;}
.cities{width:100%;clear:both;}
.cities p{width:100%; padding-bottom:10px;}
.cities a{ text-decoration:underline;}
.cities a.lnkBlack{color:#000000; text-decoration:underline;}
.cities a.lnkBig{color:#000000; text-decoration:none;}
/* Refund section classes*/
.refundh2 {width:100%;font-size:9pt; padding-top:3px;padding-bottom:3px;line-height:24px; background-color:#009999; clear:both;color:#ffcc33; font-weight:bold; }
.refundh2 span{margin-left:5px;}
.refundHeader {background-color:#cc9966; float:left;padding:4px 0px 4px 0px;margin:0px 0px 10px 0px;width:100%;font-weight:bold;}
.refundOptions {padding:2px 0px 0px 0px;clear:left;}
.refundOptions .refundcolumn { display: inline; float: left; }
.refundOptions .refundone { width: 25%; padding:0px 0px 0px 5px;}
.refundOptions .refundtwo { width: 47%; }
.refundOptions .refundthree { width: 25%; text-align: right;padding:0px 5px 0px 0px; float:right;}
.refund {clear:left;padding-bottom:30px;}
.refundPayment{width:100%;clear:both;}
.refundPayment .paymentRow{clear:both;}
.refundPayment .refundcolOne{padding-top:10px;width:60%;display:inline;float:left;text-align:left;}
.refundPayment .refundcolTwo{padding-top:10px;width:24%;display:inline;float:left;text-align:left;}
.refundPayment .refundcolThree{padding-top:10px;width:15%;display:inline;float:left;text-align:right;}
.borderTop{border-Top:2px solid #bbb7a5;padding:0px 0px 20px 0px;}
.refundPayment .refundSubTotal{width:36%;float:right;border-bottom:2px solid #bbb7a5;}
.refundAlert {clear:left; float:left;margin:25px 0px 5px 0px;color:#cc0000;font-weight:bold; width:98%;}
.flightOptions .flightOne { width: 20%; padding-left:5px; }
.flightOptions .flightTwo { width: 45%; }
.flightOptions .flightThree { width: 25%; text-align: right;padding-right:5px; float:right;}
.personalBusiness {width:100%;float:right;padding-bottom:10px;}
/*Profile Search Result Pages */
.withPad {padding:6px 0px 0px 4px;}
.flightOptions .weekDaysSeven {width:19px;text-align:center;}
.flightOptions .semiFlexSeven {width:64px;}
.flightOptions .semiFlexNine {width:64px;text-align:center;}
.flightOptions .semiFlexEight {width:90px;}
.flightOptions .semiFlexBreak {width:170px;}
.flightOptions .semiFlexField {width:160px;}
.leftPadLess {padding-left:40px;}
.requestClear { clear:left; width:100%;}
.subHeadLeftPad{padding:0px 0px 0px 4px;}
.errorNonBold {text-align:left;float:left;width:99%;color:#cc0000;margin-bottom:10px;}
.flightOptions .flightFive { width: 222px; }
.meetingIdErorr {text-align:left;float:left;color:#cc0000;font-weight:bold;margin-bottom:10px;margin-left:50px;}
.corpIdErorr {text-align:left;float:left;color:#cc0000;font-weight:bold;margin-bottom:10px;margin-left:55px;}
.promoCodeErorr {text-align:left;clear:both;float:left;color:#cc0000;width:70%;font-weight:bold;margin-bottom:10px;margin-left:70px;}
.airlineErorr {font-weight:bold;float:left;text-align:left;color:#cc0000;width:75px;}
.popShopingCartLink{width:100%;float:left;text-align:right;clear:both;margin-right:-3px;}
/*
--------------------------------------------------
CLASSES CREATED BY JEETENDRA FOR POST BOOKING MODULE
--------------------------------------------------
*/
.blueBoxes {margin-top:1px;padding-left:5px;line-height:20px;background-color:#CCD6E3;float:left;width:18%;font-weight:bold;float:left;margin-right:6px;}
.blueBoxes.blueLastBoxes {margin-right:0px;width:20%;}
.blueBoxes.blueBoxesNoBg {background-color:#ffffff;font-weight:normal;}
.blueBoxes.blueLastBoxes.blueLastBoxesNoBg {text-align:center;background-color:#ffffff;}
.button input.rightSelect {margin-right:40px;}
.button input.leftSearch {float:left;}
.passNum{line-height:20px;float:left;width:99%;padding-left:5px;background-color:#cc9966; font-weight:bold;clear:both; color:#000000; }
.tripDetails .inputBoxInline {float:left;text-align:left;margin-top:3px;}
.flightOptions .serialNo{width:50px;text-align:left;padding-left:3px;clear:both;}
.flightOptions .passenger{width:111px;text-align:center;}
.flightOptions .links{display: inline;width:150px;text-align:center;font-weight:bold;}
.flightOptions .confirmDetails{display: inline;width:40%;text-align:left;margin-top:10px;}
.passWelcomeInfo {float:left;width:100%;clear:both;}
.welcomeRight{float:right;}
.welcomeLarge{font-size:large;}
.welcomeLeft{clear:left; float:left;}
.welcomeTwoColum{float:left; margin-right:20px;}
.button input.travel {margin-bottom:15px;margin-right:15px;}
.singleLineCenter {float:left;width:100%;clear:both;margin-top:15px;margin-bottom:15px;text-align:center;font-weight:bold;}
#travelContainer {width:70%;float:left;padding-left:15%;padding-right:15%;}
.travelDetails {float:left;width:100%;background-color:#C0C0C0;}
.travelDetails label {width:90%;line-height:18px;float:left;margin-left:10%;margin-bottom:1.5%;}
.travelDetails label input {margin-left:1%;}
.travelDetails label input.searchPnr {margin-right:1%;}
.travelDetails label.check {margin-left:0;font-weight:bold;}
.travelDetails label span{float:left;width:30%;text-align:right;font-weight:bold;}
.travelHeader {font-size:11px;margin-bottom:10px;margin-top:10px;margin-left:5px;}
.errorDisplay{width:65% !important;font-weight:bold;float:left;text-align:left !important;clear:both;color:#cc0000;margin-left:31%;}
/*
--------------------------------------------------
Css by Arun Bhatia
--------------------------------------------------
*/
/* select Many Airlines curves blocks */
.curveArea{float:left; width:99%}
.curveAreaTop{ background:left top no-repeat; height:37px;float:left; width:612px}
.curveAreaTop h2{ font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;padding:0px; padding-left:20px; line-height:37px; margin:0px; background:none; width:592px}
.curveContentArea{border-left:12px solid; padding-left:10px;float:left; width:590px}
.curveAreaBottom { background:no-repeat left top; height:15px;float:left; width:612px;}
.twoBlockPage{ width:100%}
.twoBlockPage div.leftBlock{ float:left; width:48%}
.twoBlockPage div.rightBlock{ float:right; width:48%}
.floatNwidth{clear:both; float:left; width:99%}
.createProfile {float:left;padding:15px 0px;}
.createProfile {float:left;padding:15px 0px;}
.createProfile img {vertical-align:middle;margin-left:15px;}
.popParaInfo {clear:both;float:left;margin-top:7px;margin-bottom:7px;width:99%; padding-left:1%}
.tripDetails.fullwidth {width:100%}
.tripDetails .biggerColum { width:100%;line-height:18px;float:left;padding-bottom:3px;}
.tripDetails .biggerColum label{width:auto}
.tripDetails .biggerColum span{ width:164px;}
.tripDetails .biggerColum .errorSpan{margin-left:164px; width:auto; color:#cc0000; font-weight:bold;}
.borderBot {border-bottom:1px solid #000;float:left;width:100%;margin-bottom:10px;}
/* Content inside H2 */
h2 span { font-size:large;}
h2 span.headerNumber {padding-right:6%;}
h2 label{float: right; font-size:11px; margin-right:2px; font-weight:normal}
h2 span.requiredFields { float: right; font-weight:normal;font-style: italic; font-size:8pt; margin-right:2px;}
h2 span.alreadyMember { float: right; font-weight:normal;font-style: italic; margin-right:10px; font-size:11px;}
h2 span.alreadyMember a, h2 span.alreadyMember a:visited{ color:#0072BC; font-weight:bold;}
/*businessProfile*/
.businessProfile {margin:15px 0px; float:left; width:100%;font-size:11px;}
.businessProfile label{ margin-top:3px; float:left; width:49%;}
.businessProfile label span{float:left;text-align:right; width:120px; margin-right:5px; height:100%; margin-top:2px;}
.businessProfile label.checkBox{ width:39%; margin-left:10%; min-height:18px;}
.businessProfile label.threeCheckBox{ width:27%; margin-left:5%; min-height:18px;}
.businessProfile .singleLblRight{margin-left:49%;}
.businessProfile .singleLblLeft{clear:left; float:left; width:100%; margin-right:-3px;}
.businessProfile .leftField{ clear:left; float:left}
.businessProfile .oneColum{width:auto}
.businessProfile .withoutLabel{margin-left:120px}
.businessProfile .leftDivMar{margin-left:80px; margin-bottom:4px;}
.businessProfile span.errorMsg{font-weight:bold;text-align:left;color:#cc0000; margin-left:125px; clear:left; float:left;width:175px;}
/* two textbox in line */
.businessProfile div.twoFields{ margin-top:3px; float:left; width:49%;}
.businessProfile div.twoFields span{float:left;text-align:right; width:120px; margin-right:5px; height:100%; margin-top:2px;}
.businessProfile div label{ width:auto; margin:0px;}
.businessProfile div.singleDivRight{ width:51%; padding-left:49%}
.businessProfile div.twoFields .divMsg{float:left; margin-left:120px; width:60%; text-align:left; font-size:10px;}
.businessProfile div.twoFields span.txtLeft{text-align:left;}
.businessProfile div.signleDivLeft{clear:left; float:left; width:100%;}
.businessProfile div.twoFields span.errorMsg{text-align:left;width:175px;}
/* Drop down in line */
.businessProfile .singleLineSelects{clear:left; float:left; width:100%}
.businessProfile .singleLineSelects span{float:left;text-align:right; width:120px; margin-right:5px; height:100%; margin-top:2px;}
.businessProfile .time{margin-left:50px;}
/* left Label Bigger than Right */
.businessProfile .leftLblBig{ width:55%}
.businessProfile .rghtLblSmall{ width:43%}
.businessProfile .rghtLblSmall span{ width:83px;}
.businessProfile .rghtLblSmall span.errorMsg{margin-left:88px; width:160px;}
/* memberInformation */
.memberInformation {margin:10px 0px; float:left; width:100%}
.memberInformation label{ margin-top:3px; float:left; width:39%;margin-left:10%; min-height:35px;}
.memberInformation label.singleLblRight{ margin-left:59%;}
.memberInformation label span{ display:block; }
.memberInformation label.singleColum{ width:90%; margin-top:10px;}
.memberInformation span.errorMsg{font-weight:bold;text-align:left;color:#cc0000;}
.memberInformation .singleDiv{width:90%; margin-top:3px ;margin-left:10%;}
.memberInformation .leftFieldMI{ clear:left; float:left}
/* Three Colum Div Set */
.threeColum {margin:10px 0px; float:left; width:100%}
.threeColum div.threeColumRow{clear:left; float:left; width:100%}
.threeColum label{ margin-top:3px; float:left; width:25%;margin-left:3%; min-height:35px;}
.threeColum .twoInputs{margin-top:3px; float:left; width:25%;margin-left:3%; min-height:35px;}
.threeColum .firstColum{ width:40%;}
.threeColum label span{ display:block; }
.threeColum span.errorMsg{font-weight:bold;text-align:left;color:#cc0000;}
.threeColum .smlColum{ width:20%;}
.threeColum .secondColum{ width:40%; margin-left:6%}
.threeColum div.numDiv{ margin-top:20px; float:left; width:3%; min-height:15px; text-align:center;}
.threeColum div.textRow{ margin-top:3px; min-height:15px;}
/* corporate Reservation */
.secondRow{ padding:5px 0px;margin-left:66px;}
.secondRow span { padding:0px 4px; width:160px; float:left; border-right:2px solid #ffffff; text-align:left; min-height:14px;}
.leftPad { padding-left:54px; width:auto; float:left;}
a.linkUnderline, a:hover.linkUnderline, a:visited.linkUnderline{ text-decoration:underline}
/* button in Center */
.buttonCenter {width:100%;clear:both;padding-top:15px; padding-bottom:15px; float:left; text-align:center}
.buttonCenter input {background-color:#009999; font-weight:bold;color:#FFFFFF;padding:1px;font-family: Verdana, Arial, sans-serif;
border-bottom-color: #4C4C4E;border-left-color: #4C4C4E;border-right-color: #CACBCC8;border-top-color: #CACBCC;text-transform: capitalize;}
.singleLine .gbutton{background-color:#009999; font-weight:bold;color:#FFFFFF;padding:1px;font-family: Verdana, Arial, sans-serif;
border-bottom-color: #4C4C4E;border-left-color: #4C4C4E;border-right-color: #CACBCC8;border-top-color: #CACBCC;text-transform: capitalize;}
.singleTxtRight { width:100%;text-align:right; font-weight:bold;}
.flightRight{clear:right;float:right}
.flightBottomMar {margin-bottom:10px;}
.flightOptions .carAvail { width: 340px; }
/* Welcome Sreen */
.topWelcome{float:left;width:100%;}
.topWelcome span {clear:left; float:left; padding-bottom:3px}
.topWelcome p {clear:right; float:right; padding-bottom:3px;}
.topWelcome h3 {font-size:16px; clear:left; float:left; }
.topWelcome h3 div{display:inline; font-size:70%; font-weight:normal; padding-left:4px;}
/* hotel Description h1 */
h1.hotelDesc{ width:auto}
.topPrint { float:right}
/* inbound outbound background image */
.flightOptions .priceBg{background:url('https://business.kulula.com/application/images/default/priceGreyBg.gif') repeat-y right;}
.flightOptions .arriveBg{background:url('https://business.kulula.com/application/images/default/arrivesGreyBg.gif') repeat-y left; }
.flightOptions .departsBg{background:url('https://business.kulula.com/application/images/default/departsGreyBg.gif') repeat-y left; }
.flightOptions .connectingBg {clear:left;float:left;padding:0px 34px 0px 40px;font-style:italic;font-size:12px;font-weight:bold;color:#999;background-color:#fff;}
/*
--------------------------------------------------
Css by Vinod Sharma
--------------------------------------------------
*/
/* Shopping cart payment section*/
.payment{border-top:2px solid #bbb7a5;width:100%;}
.payment .colOne{padding-top:10px;width:25%;display:inline;float:left;}
.payment .colTwo{padding-top:10px;width:55%;display:inline;float:left;text-align:right;}
.payment .colThree{padding-top:10px;width:20%;display:inline;float:right;text-align:right;}
/* Shopping cart subpayment section*/
.subPayment{width:100%;}
.subPayment .colOne{padding-top:10px;width:85%;display:inline;float:left;text-align:right;}
.subPayment .colTwo{padding-top:10px;width:15%;display:inline;float:right;text-align:right;}
.payment .subTotal{padding-top:10px;width:20%;float:right;border-bottom:2px solid #bbb7a5;clear:both;}
.payment .subTotalSection{width:100%;float:left;margin-right:-3px;}
/* Shopping cart Car Section CSS */
.carOptions {clear:left;padding-top:6px;}
.carOptions .column { display: inline; float: left; margin-bottom: 5px; }
.car { clear: left; }
.carOptions .one { width: 70px; text-align:center;}
.carOptions .two { width: 360px; text-align:center;}
.carOptions .three { width: 180px; text-align:center;}
.carOptions .three { width: 180px; text-align:center;}
.carOptions .leftAlign {text-align:left;}
/*shows right above column three in car section on rare occasions*/
.agencyFee{text-align:right; margin-bottom: 5px;}
/* Hotel Section CSS */
.hotelOptions {clear:left;padding-top:6px;}
.hotelOptions .column { display: inline; float: left; margin-bottom: 5px; }
.hotel { clear: left; }
.hotelOptions .one { width: 90px; text-align: center; margin-top:10px; }
.hotelOptions .two { width: 250px; }
.hotelOptions .three { width: 255px; text-align: left;padding-right:5px;}
/*THESE ARE THE CLASSES REQUIRED TO ACHIEVE THE EXISTING DESIGN ON A GIVEN SCENARIO FOR ALIGNING THE TEXTS ACCORDINGLY */
.rightTxt{text-align:right;}
.right{float:right;}
.centerTxt{text-align:center;}
/*Needed this for red unemphasized texts used in the hotel and car section of shopping cart*/
.impInfo {float:left;margin:5px 0px 5px 0px;color:#cc0000;clear:both;}
/*Button with the list of links that precede it, removed the font-color option*/
.loginButton {padding-top:15px;float:right;}
.loginButton input {display:inline;background-color:#009999; font-weight:bold;color:#ffcc33; padding:1px;font-family: Verdana, Arial, sans-serif;
border-bottom-color: #4C4C4E;border-left-color: #4C4C4E;border-right-color: #CACBCC8;border-top-color: #CACBCC;text-transform: capitalize;}
.loginButton p {display:inline;padding-right:10px;line-height:18px;}
.loginButton p a{line-height:18px;text-decoration:underline;}
.loginButton p a:hover{line-height:18px;text-decoration:underline;}
.loginButton p a:visited{line-height:18px;text-decoration:underline;}
/* used for defining headers of Air Car and Hotel sections*/
.selectFlight h3 {font-size:9pt; color:#ffcc33; font-weight:bold; font-family:arial,helvetica,sans-serif; }
/* Shopping cart miles summary Section CSS */
.milesSummary {clear:left;padding-top:6px;}
.milesSummary .column { display: inline; float: left; margin-bottom: 5px; }
.miles { clear: left; }
.milesSummary .one { width: 49%; text-align:center;}
.milesSummary .two { width: 49%; text-align:center;}
.choice {width:20px !important;float:right !important;}
.ccCard {padding-top:5px;float:right !important;}
/*
--------------------------------------------------
Css by Arun Kumar
--------------------------------------------------
*/
/* Button in Left Side */
.buttonLeft {width:70%;clear:both;padding-top:15px; padding-bottom:15px; float:left; text-align:center}
.buttonLeft input {background-color:#838383;font-weight:bold;color:#FFFFFF;text-transform: capitalize;}
.buttonLeftSmall {width:50%;clear:both;padding-top:15px; padding-bottom:15px; float:left; text-align:center}
.buttonLeftSmall input {background-color:#838383;font-weight:bold;color:#FFFFFF;text-transform: capitalize;}
.singleLineSmall {float:left;width:100%;clear:both;margin-top:4px;margin-bottom:2px;}
.flightOptions .four .showSeat{text-align:left;padding-left:50px;}
.flightOptions .semiFlexFive {width:45px;text-align:center;}
.flightOptions .semiFlexButton {width:120px;text-align:center;}
/* Classes for default/util_AirGtxCalendar.vm and default/util_AirGtxMatrix.vm START */
.white_table_border {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
background-color: #FFFFFF;
text-align:center;
border: solid 1px;
border-color: #b8b8b8;
}
td.cal_passive {
border:solid 1px;
border-color:#b8b8b8;
color: #000000;
text-align: center;
background-color: #EFEFEF;
}
td.cal_notReq {
border:solid 1px;
border-color:#b8b8b8;
color: #000000;
text-align: center;
background-color: #00CC66;
}
td.cal_req {
border:solid 1px;
border-color:#b8b8b8;
color: #000000;
text-align: center;
background-color: #00CC66;
}
td.cal_reqNA {
border:solid 1px;
border-color:#b8b8b8;
color: #000000;
text-align: center;
background-color: #999999;
}
td.cal_na {
border:solid 1px;
border-color:#b8b8b8;
color: #000000;
text-align: center;
background-color: #999999;
}
.dark_table_border A.white {
COLOR: #FFFFFF;
}
.dark_table_border A.white:hover {
COLOR: #AAAAAA;
}
.dark_table_border A.white:active {
COLOR: #FFFFFF;
}
.dark_table_border A.white:visited {
COLOR: #FFFFFF;
}
.dark_table_border {
FONT-WEIGHT: normal; FONT-SIZE: 8px; BORDER-LEFT: #2B377F 1px solid; COLOR: #2B377F; BORDER-BOTTOM: #2B377F 1px solid; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #D3DAE7; TEXT-ALIGN: center; FONT-VARIANT: normal;
}
.dark_table_border {
margin-top: 9px;
}
a.white{ font-weight : bold; font-size: 9pt; text-decoration:underline; color:#FFFFFF; }
a.white:hover { font-weight : bold; font-size: 9pt; text-decoration:underline; color:#2B377F; }
a.white:active { font-weight : bold; font-size: 9pt; text-decoration:underline; color:#FFFFFF; }
a.white:visited { font-weight : bold; font-size: 9pt; text-decoration:underline; color:#FFFFFF; }
td.matrix_cal_body {
border:solid 1px;
border-color:#b8b8b8;
color: #000000;
text-align: center;
}
.previousNext{width:100%;clear:both;float:left;margin:05px 0px 5px 0px;}
.previousNext .previousDay{text-align:left; width:40%;float:left;}
.previousNext .nextDay{text-align:right; width:40%;float:right;}
/* Classes for default/util_AirGtxCalendar.vm and default/util_AirGtxMatrix.vm END */
/* Classes for requestAir Page */
.requestAir .tripDetails {width:465px;}
.requestAir #pageContent .tripType label{width:145px; word-spacing:-1px;}
/* Classes for hotel search page */
.threeColum .oneColum{clear:left; width:80%; min-height:25px;}
.threeColum .oneColum span{ margin-left:22px;}
/*Classes for Hotel Description */
.htlDescImgCont{float:left;margin-bottom:15px;}
.htlDescImgLinks{float:left;margin-left:10px;margin-top:40px;}
/*Payment section changes for Radio button with Text */
#paymentSection {margin-top:0px;}
#paymentSection div.signleDivLeft span {width: 148px;margin-right: 0px;}
#paymentSection label span{width: 143px;}
#paymentSection .singleLblLeft span{width: 143px;}
#paymentSection .singleLblLeft .spanWthRadio{float: left;text-align: left;}
#paymentSection .signleDivLeft .spanWthRadio{float: left;text-align: left;}
.airAvailSemi .connecting{padding-left:120px;}
.airAvailSemi .selectFlight a{color:#ffffff}
/*Added by Samar Khan */
.payment .colfour {float:right;clear:both;width:100%;padding-top:10px;}
.businessProfilePage .tripDetails label {width:550px;}
#mainPageFrame #pushHeader {height:10px;}
#mainPageFrame #push{margin-left:0px;}
#mainPageFrame .loginpass {width:100%;}
/* for the .Res Password Reminder page */
.reminderLoginPassword { background-color:#009999; }
.reminderHighLight { background-color:#009999; }
/* for the ambiguous airline name selection page */
.selectAirlineAreaTop{ background-color:#009999 }
.selectAirlineAreaTop h2{ color:#FFFFFF }