﻿body { background-color: #B9D5F4; padding: 0px; margin: 0px; font-family: arial; font-size: 9pt; }
#mainPanel { margin: 0 auto; width: 970px; background-color: white; margin-top: 10px; }

/* header */
#header { height: 77px; width: 100%; background-color: white; }
#header img { float: left; margin: 15px 0px 0px 15px; }
.AspNet-Menu { float:left; margin-top: 0px; }
.AspNet-Menu ul { margin: 0px; padding: 0px; }
.AspNet-Menu li { float: left; margin: 0px; padding: 0px; list-style: none; }
.AspNet-Menu a { float: left; display: block; text-decoration: none; font-weight: bold; color: #154588; padding-right: 24px; }
.AspNet-Menu a:hover { color: #FD8E00; }
.AspNet-Menu .AspNet-Menu-Selected { color: #FD8E00; } 

#header .topLink { margin: 5px 0px 0px 865px; line-height: 50px; }
#header .topLink a { text-decoration: none; font-weight: bold; color: #154588; padding-left: 5px; font-size: 10pt; }
#header .topLink a:hover { color: #FD8E00; }

.headerBorderBottom {width: 949px; line-height: 5px; padding: 0px; margin: 0px 0px 0px 10px; background-color: #b5b8bc; font-size: 0px; }

/* header image and borders */
.headerImagePanel .AspNet-Menu { margin-top: 5px; }
.headerImagePanel .AspNet-Menu a { color: White; }
.headerImagePanel .AspNet-Menu .AspNet-Menu-Selected { color: #FD8E00; }
.headerImageBorderTop { margin-left: 10px; background-color: #b5b8bc; line-height: 5px; font-size: 0px; }
.headerImageBorderBottom { height: 26px; margin-left: 10px; background-color: #003366; }
.headerImageBorderBottomDropShadow { height: 8px; margin-left: 10px; background: url('images/homeDropShadow.jpg'); background-repeat: repeat-x; font-size: 0px; }

/* advertsiment */
.advertising { background-image: url('images/rightPanel.jpg'); background-repeat: repeat-x; height: 400px; width: 238px; }

/* footer */
#footer { clear: both; width: 949px; height: 26px; margin: 0px 0px 5px 10px; background-color: #003366; }
 
/* shared accross all master pages */
.contentPlaceHolder {  }

/* masterPage3Q */
.masterPage3Q #mainLeftColumn { float: left; }
.masterPage3Q .headerImagePanel { width: 720px; overflow: hidden; }
.masterPage3Q .headerImage {  height: 70px; width: 720px; margin-left: 10px; }
.masterPage3Q .advertising { float: left; }
.masterPage3Q .contentPlaceHolder { margin: 15px 0px 20px 20px; width: 675px; }

/* masterPageFull */
.masterPageFull .headerImagePanel { width: 959px; }
.masterPageFull .headerImage {  height: 70px; width: 949px; margin-left: 10px; }
.masterPageFull .contentPlaceHolder { margin: 20px 0px 20px 20px; width: 939px; }
.masterPageFull .headerImageAbout {  height: 170px; width: 949px; margin-left: 10px; }

/* headers */
h2 { font-weight: normal; }
h2.standAlone { width: 160px; line-height: 20px; vertical-align: middle; color: white; font-family: arial; font-size: 9pt; margin: 0px; padding: 0px 0px 0px 10px; background-image: url('images/header.gif'); background-repeat: no-repeat; }
h2.titleWithFill { width: 665px; line-height: 19px; background-color: #EAF2FC; vertical-align: middle; color: white; font-family: arial; font-size: 9pt; margin: 0px; padding: 0px 0px 0px 10px; background-image: url('images/header.gif'); background-repeat: no-repeat; }
h2.titleWithFillLong { width: 665px; line-height: 19px; background-color: #EAF2FC; vertical-align: middle; color: white; font-family: arial; font-size: 9pt; margin: 0px; padding: 0px 0px 0px 10px; background-image: url('images/header_long.gif'); background-repeat: no-repeat; }
h2.subHeader { width: 665px; background-color: #EAF2FC; line-height: 25px; font-family: arial; font-size: 9pt; margin: 0px; padding: 0px 0px 0px 10px; }
.headerBorder { border-top: solid 1px #DADFE7; }

/* misc */
.textbox, input[type="password"], select { font-size: 9pt; font-family: Arial; }
.submit { background: url('images/button.gif') no-repeat left; padding: 0px 0px 0px 20px !important; margin: 0px; border: none; cursor: hand; text-align: left; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
textarea { font-family: Arial; font-size: 9pt; }
.leftColumn { float: left; }
.row { margin-bottom: 10px; }
.note { color: Gray; }
.important { color: red; }
.detailPanel table td, .detailPanel table th { padding: 5px; }
	
.clearBoth { clear: both; line-height: 0px; margin: 0px; padding: 0px; }
.clearLeft { clear: left; line-height: 0px; margin: 0px; padding: 0px; }
.clearRight { clear: right; line-height: 0px; margin: 0px; padding: 0px; }

/*  status bar  */
.statusWrapper { padding: 10px 10px 10px 15px; margin-bottom: 14px; color: white; font-weight: bold; line-height: 20px; }
.statusWrapper ul { margin: 0px; padding: 0px; list-style-type: none; } 
.statusWrapper ul li { margin-bottom: 0px; }
.statusWrapper a, .statusWrapper a:visited { color: White !important; }
.statusSuccess { background-color: #006699; color: white; }
.statusError { background-color: #CC6666; color: white !important; }

/*  home page  */
#homePageImagePanel { width: 949px; height: 250px; padding-left: 10px; }
.homePageImageBorder { width: 949px; line-height: 5px; margin-left: 10px; background-color: #b5b8bc; font-size: 0px; }

#homePageUserDetailWrapper { padding-left: 10px; float: left; }
.homePageDetailPanel { width: 237px; float: left; }
.homePageDetailPanel h2 { line-height: 26px; background-color: #003366; text-align: left; vertical-align: middle; color: white; font-family: arial; font-size: 10pt; margin: 0px; padding-left: 10px; }
.homePageDetailPanel .h2Link { text-decoration: none; }
.homePageDetailDropShadow { background: url('images/homeDropShadow.jpg'); background-repeat: repeat-x; height: 8px; }
.homePageDetailContent { height: 170px; padding: 10px 5px 0px 5px; margin: 0px; border-bottom: solid 1px #E2E2E2; }
.homePageDetailContent .hook { height: 140px; line-height: 20px; color: #333333; padding: 0px 5px 0px 5px; }
.homePageDetailContent .moreInfo { color: #333333; }
.homePageDetailContent .register { text-align: right; }
.homePageDetailContent .register .submit { width: 80px; }

.homePageDetailPanel#operator_userTypeDetail .homePageDetailContent { border-left: solid 1px #E2E2E2; border-bottom: solid 1px #E2E2E2; border-right: solid 1px #E2E2E2; }
.homePageQuickPanel  { background-image: url('images/rightPanel.jpg'); background-repeat: repeat-x; height: 400px; width: 238px; float: left; }

/*  quick search  */
.myQuickSearch { margin: 15px; }
.myQuickSearch .content { padding: 10px; border: solid 1px #C5C7C7; }
.myQuickSearch .leftColumn { width: 85px; }
.myQuickSearch .submit {  margin-bottom: 5px; }

/* login */
.myLogin { }
.myLogin .content { padding-top: 20px; }
.myLogin .textbox, .myLoginPanel { width: 150px; }
.myLogin .leftColumn { width: 100px; }

/* forgot password */
.myForgotPassword {}
.myForgotPassword .content { padding-top: 20px; }
.myForgotPassword .textbox, .myForgotPasswordPanel { width: 150px; }
.myForgotPassword .leftColumn { width: 100px; }

/* contact us */
.myContactUs {}
.myContactUs h2 { width: 99%; }
.myContactUs .content { padding-top: 20px; }
.myContactUs .textbox { width: 350px; }
.myContactUs .leftColumn { width: 150px; }
.myContactUs table th { background-color: #EAF2FC; }

/* cancel */
.myCancelPanel { }
.myCancelPanel h2 { width: 99%; }
.myCancelPanel .content { padding-top: 20px; }
.myCancelPanel .textbox { width: 150px; }
.myCancelPanel .leftColumn { width: 100px; }
.myCancelPanel .subSection { margin: 15px 0px 0px 25px; width: 100%; }
.myCancelPanel .reason { width: 600px; }

/* timeline */
.timelinePanel { margin: 0px 0px 20px 300px; color: Gray; }
.timelinePanel .timeline { margin-left: 10px; }
.timelinePanel .search { float: left; width: 105px; } 
.timelinePanel .results { float: left; width: 122px; } 
.timelinePanel .buy { float: left; width: 80px; } 
	
/* myAirports */
.myAirports { margin: 20px; width: 690px; overflow: hidden; }
.myAirports h2 { float: left; }
.myAirports .stateSelector { float: right; }
.myAirports .submit { width: 50px; }
.myAirports table { background-color: White; }

/* fleet manage */
.myFleetManage { }
.myFleetManage .content { padding-top: 20px; }
.myFleetManage .content .textbox { width: 75px; }
.myFleetManage .leftColumn { width: 100px; }
.myFleetManage h2 { width: 99%; }
.myFleetManage table { margin-bottom: 5px; }

/* flight search */
.myFlightSearch { }
.myFlightSearch .content { padding-top: 20px; }
.myFlightSearch .content .textbox { width: 75px; }
.myFlightSearch .leftColumn { width: 130px; }

/* flight results */
.myFlightResults { }
.myFlightResults h2 { float: left; margin-right: 100px; }
.myFlightResults .dayPanel { }
.myFlightResults .buyNow { text-align: center; }
.myFlightResults { line-height: 20px; }

/* flight request */
.myFlightResultsRequest .content { padding: 10px 0px 0px 5px; }
.myFlightResultsRequest .submit { float: right; margin-top: 15px; width: 125px; }
.myFlightResultsRequest { line-height: 20px; }

/* flight requested */
.myFlightRequested .content { padding: 10px 0px 0px 5px; }
.myFlightRequested .imageRow { margin-bottom: 5px;  }
.myFlightRequested img { margin-right: 5px; float: left; }
.myFlightRequested .imageText { line-height: 30px; }
.myFlightRequested .manageRequests { margin-top: 10px; }

/* construction */
.construction { line-height: 20px; }

/* flight purchased */
.myFlightPurchaseInfo { width: 680px; overflow: hidden; }
.myFlightPurchaseInfo h2 { float: left;  margin-right: 100px; }
.myFlightPurchaseInfo .dayPanel { text-align: center; font-size: 10pt; }
.myFlightPurchaseInfo .content { margin-bottom: 15px; }
.myFlightPurchaseInfo .specialRequestsTextBox { width: 99%; }
.myFlightPurchaseInfo .tcTextBox { width: 99%; }
.myFlightPurchaseInfo .placeOrderContent { float: right; width: 90px; }
.myFlightPurchaseInfo .creditCardPanel h2 { margin-bottom: 20px; }
.myFlightPurchaseInfo .creditCardPanel .leftColumn { width: 150px; }
.myFlightPurchaseInfo .creditCardPanel .textbox { width: 200px; }
.myFlightPurchaseInfo .creditCardPanel .content { margin-left: 10px; }

/* my flight purchase summary */
.myFlightPurchaseSummary {}
.myFlightPurchaseSummary h2 { float: left; }
.myFlightPurchaseSummary .print { float: right; }
.myFlightPurchaseSummary .nextSteps { padding: 15px 10px 20px 10px; color: Gray; }

/* my flight purchase summary print */
.flightPurchaseSummaryPrint { margin: 20px; }
.flightPurchaseSummaryPrint table { background-color: White; }
.flightPurchaseSummaryPrint .ctrlP { text-align: center; margin-top: 30px; }

/* flight add */
.myFlightAdd { }
.myFlightAdd table { margin-bottom: 10px; }
.myFlightAdd .add { float: right; width: 100px; }
.myFlightAdd .noPlanes { text-align: center; margin-top: 15px; }
.myFlightAdd h2 { float: left; }
.myFlightAdd h2.titleWithFill { width: 99%; }
.myFlightAdd .flightCalcMethod { float: right; }

/* flight manage current */
.myFlightManageCurrent table { margin-bottom: 10px; }
.myFlightManageCurrent h2 { float: left; }
.myFlightManageCurrent .monthSelector { float: right; }
.myFlightManageCurrent .submit { width: 100px; }
.myFlightManageCurrent .tableButton { width: 60px; }

/* flight manage pending */
.myFlightManagePending .flightPanel { float: left; width: 500px; margin-right: 25px; }
.myFlightManagePending .flightPanel .submit { width: 60px; }
.myFlightManagePending .detailPanel { width: 400px; float: left; }
.myFlightManagePending .submit { width: 110px; }
.myFlightManagePending .detailPanel table { margin-bottom: 10px; }

/* flight manage sold */
.myFlightManageSold .flightPanel { float: left; width: 500px; margin-right: 25px; }
.myFlightManageSold .flightPanel h2 { float: left; }
.myFlightManageSold .flightPanel .submit { width: 60px; }
.myFlightManageSold .flightPanel .monthSelector { float: right; }
.myFlightManageSold .detailPanel { width: 400px; float: left; }

/* flight manage reject */
.myFlightManageRejectFlight {}
.myFlightManageRejectFlight h2 { width: 98.7%; }
.myFlightManageRejectFlight .rejectReasonTextBox { width: 99%; }
.myFlightManageRejectFlight .content { margin-bottom: 15px; }

/* purchases sold */
.myPurchasesSold .flightPanel { float: left; width: 500px; margin-right: 25px; }
.myPurchasesSold .flightPanel h2 { float: left; }
.myPurchasesSold .flightPanel .submit { width: 60px; }
.myPurchasesSold .flightPanel .monthSelector { float: right; }
.myPurchasesSold .detailPanel { width: 400px; float: left; }

/* purchases pending */
.myPurchasesPending .flightPanel { float: left; width: 500px; margin-right: 25px; }
.myPurchasesPending .flightPanel .submit { width: 60px; }
.myPurchasesPending .detailPanel { width: 400px; float: left; }

/* transactions */
.myTransactions h2 { float: left; }
.myTransactions .monthSelector { float: right; }
.myTransactions .submit { width: 100px; }

/* company information */
.myCompanyInfo { }
.myCompanyInfo h2 { width: 99%; }
.myCompanyInfo .leftColumn { width: 180px; }
.myCompanyInfo .content { padding-top: 20px; }
.myCompanyInfo .content .textbox { width: 200px; }

/* my profile */
.myProfile { }
.myProfile h2 { width: 99%; }
.myProfile .leftColumn { width: 180px; }
.myProfile .content { padding-top: 20px; }
.myProfile .textbox { width: 200px; }
.myProfile .subSection { margin: 15px 0px 0px 25px;  }

/* my billing info */
.myBillingInfo { }
.myBillingInfo h2 { width: 99%; }
.myBillingInfo .leftColumn { width: 180px; }
.myBillingInfo .content { padding-top: 20px; }
.myBillingInfo .content .textbox { width: 200px; }
.myBillingInfo .subSection { margin: 15px 0px 0px 25px;  }

/* my percentage history */
.myPercentageHistory { width: 400px; overflow: hidden; }
.myPlan { width: 400px; overflow: hidden; }

/* about */
.aboutPanel { line-height: 20px; padding: 10px; }
.aboutPanel .aboutLeadIn { font-size: 10pt; font-weight: bold; color: #003366; }
.aboutPanel .aboutContent, .aboutPanel .aboutContent a { color: #333333; }
.aboutPanel .nextPanel { float: right; margin-right: 5px; color: #333333; }
.aboutPanel .nextPanel a, aboutPanel .nextPanel a:visited { color: #333333; }

/* about detail */
.aboutDetailPanel {}
.aboutDetailPanel h2 { width: 99%; }
.aboutDetailPanel .content { padding: 15px 0px 0px 10px; color: #333333; }
.aboutDetailPanel .acontent ul { padding: 0px; }
.aboutDetailPanel .registerPanel { text-align: right; margin-right: 10px; }
.aboutDetailPanel a { color: #333333; }
.aboutDetailPanel .featureList { margin: 5px 0px 0px 40px; line-height: 18px; }
.aboutDetailPanel .priceList { list-style-type: none; margin: 10px 0px 0px 20px; line-height: 18px; }
.aboutDetailPanel table { margin: 15px 0px 15px 20px; width: 700px; }
.aboutDetailPanel table th { background-color: #EAF2FC; }

/* Register */
.myRegisterPanel {}
.myRegisterPanel h2 { width: 99%; }
.myRegisterPanel .leftColumn { width: 160px; }
.myRegisterPanel .content { padding-top: 20px; }
.myRegisterPanel .textbox { width: 250px; }
.myRegisterPanel .subSection { margin: 15px 0px 25px 25px;  }
.myRegisterPanel .tcTextBox { width: 99%; }
.myRegisterPanel .registered .imageRow { margin-bottom: 5px;  }
.myRegisterPanel .registered img { margin-right: 5px; float: left; }
.myRegisterPanel .imageText { line-height: 30px; }

/* myRequests */
.myRequests {}
.myRequests table { margin-bottom: 10px; }

/* myRequestedFlights */
.myRequestedFlights {}
.myRequestedFlights h2, .myRequestedFlights .filter { float: left; }
.myRequestedFlights .filter { float: right; }
.myRequestedFlights table { margin-bottom: 10px; }
.myRequestedFlights .submit { width: 100px; }
.myRequestedFlights .add { float: right; width: 100px; }
.myRequestedFlights .noPlanes { text-align: center; margin-top: 15px; }

/* tables shared */
.noData { padding-top: 15px; }
.noDataBorder { border-top: solid 1px #DADFE7; }

/* tables */
.table1 { border: none; width: 100%; font-family: arial; }
.table1 th { background-color: #B9D5F4; text-align: left; padding: 5px; vertical-align:  bottom; }
.table1 th a { text-decoration: none; }
.table1 td { border: solid 1px #DADFE7; padding: 5px; }
.table1 .alternatingRow { background-color: #E4EFFB; }
.table1 .selectedRow { background-color: #FFFFCC; }

.tableDetail { width: 100%; font-family: arial; vertical-align: top; background-color: #E4EFFB; border: solid 1px #DADFE7; padding: 5px; }
.tableDetail th { text-align: left; border: solid 1px #DADFE7; font-weight: normal; }
.tableDetail td { border: solid 1px #DADFE7; }



