﻿@import "reset.css";
body 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}
#requirementsBody, #MMBLoginBody, body#AgentLoginBody, #FQTVLoginBody
{
    background-color: transparent;
}

#txtSineCode, #txtPassword {
    min-width: 150px;
    min-height: 15px;
}

input.MMBLoginInput  
{
	min-width: 150px;
    min-height: 15px;
}

input
{
}

tr.BlankTableRow
{
    height: 10px;
}

.Heading1
{
    font-weight: bold;
    font-size: 16px;
    padding-left: 2px;
}

.Heading2
{
    font-weight: bold;
    font-size: 14px;
}

input.error
{
    border: solid 2px Red;
    background-color: #FFF8C6;
}

div.ErrorMessage
{
    color: Red;
    font-size: larger;
}

div.MMBLogin
{
    width: 150px;
}

div.MMBLoginInputRow, div.MMBLoginSubmit
{
    padding: 5px 0px 0px 0px;
}

div.MMBLoginLabel
{
}

div.MMBLoginInput
{
}

div.MMBLoginProgress
{
    width: inherit;
    font-size: 8pt;
    float: left;
}


/******************************/

div.MMBMasterPageFrame
{
    width: 970px;
    padding: 0px 5px 0px 5px;
}

div.MMBMasterPageHeaderPanel
{
}

div.MMBMasterPageHeader
{
    width: inherit;
}

div.MMBMasterPageContentPanel
{
}

div.MMBMasterPageContent
{
    width: 960px;
    margin-right: 5px;
    margin-left: 5px;
}

div.MMBMasterPageFooter
{
    width: inherit;
}

div.MMBMasterPageTableContent
{
    width: auto;
    padding: 5px;
}

div.MMBMasterPageContentColumn1
{
    float: left;
    width: 250px;
    padding: 0 5px 0 5px;
}

div.MMBMasterPageContentColumn2
{
    float: left;
    width: 0px;
}

div.MMBMasterPageContentColumn3
{
    float: left;
    width: 720px;
    padding: 0 5px 0 5px;
}

div.MMBTitle
{
    padding: 5px 0px;
}

/*************************************/

/*div.MMBMenuTabs
{
    width: auto;
    height: 47px;
}
*/
div.MMBMenuTabsLeft
{
    float: left;
    background: url(../Themes/Menu/MMB_Menu.png) no-repeat 0px 0px;
    width: 13px;
    height: 47px;
}

div.MMBMenuTabsContent
{
    float: left;
    background: url(../Themes/Menu/MMB_Menu_Center.png) repeat-x 0px 0px;
    width: 100%;
 /*   height: 47px; */
}

div.MMBMenuTabsRight
{
    float: right;
    background: url(../Themes/Menu/MMB_Menu.png) no-repeat -90px 0px;
    width: 13px;
    height: 47px;
}

div.MMBMenuTabItemButton
{
    float:left;
    height: 47px;
    cursor: pointer;
}

div.MMBMenuTabItemLeft, div.MMBMenuTabItemContent, div.MMBMenuTabItemRight, div.MMBMenuTabItemLeftSelected, div.MMBMenuTabItemContentSelected, div.MMBMenuTabItemRightSelected, div.MMBMenuTabsSeparator
{
    height: 47px;
}

div.MMBMenuTabItemLeft
{
    float: left;
    background: url(../Themes/Menu/MMB_Menu.png) no-repeat -20px 0px;
    width: 5px;
}

div.MMBMenuTabItemContent
{
    float: left;
    padding: 0px 20px;
    background: url(../Themes/Menu/MMB_Menu_Center.png) repeat-x 0px -50px;
}

div.MMBMenuTabItemContent div, div.MMBMenuTabItemContentSelected div
{
    margin-top: 26px;
    font-weight: bold;
}

div.MMBMenuTabItemRight
{
    float: left;
    background: url(../Themes/Menu/MMB_Menu.png) no-repeat -40px 0px;
    width: 5px;
}

div.MMBMenuTabItemLeftSelected
{
    float: left;
    background: url(../Themes/Menu/MMB_Menu.png) no-repeat -60px 0px;
    width: 5px;
}

div.MMBMenuTabItemContentSelected
{
    float: left;
    padding: 0px 20px;
    background: url(../Themes/Menu/MMB_Menu_Center.png) repeat-x 0px -100px;
}

div.MMBMenuTabItemRightSelected
{
    float: left;
    background: url(../Themes/Menu/MMB_Menu.png) no-repeat -80px 0px;
    width: 5px;
}

div.MMBMenuTabsSeparator
{
    float: left;
    background: url(../Themes/Menu/MMB_Menu_Center.png) repeat-x 0px 0px;
    width: 5px;
}

div.MMBSubMenu
{
    position: absolute;
    display: none;
    border: solid 1px #aabdcd;
    background-color: #d6e1eb;
}

ul.MMBSubMenuList
{
    list-style-type: none;
    display: none;
    margin: 0px;
    padding: 0px;
}

ul.MMBSubMenuList li
{
    padding: 8px 20px;
}

li.MMBSubMenuListItem:hover
{
}

li.MMBSubMenuListItemSelected:hover
{
    
}

li.MMBSubMenuListItem a
{
    text-decoration: none;
    color: #006699;
    font-weight: bold;
}

li.MMBSubMenuListItem:hover a
{
    color: #13acfb;
}

/*************************************/

div.MMBBookingConfirmation
{
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
}

div.MMBBookingConfirmationSection
{
    border-bottom: dashed 1px #CCCCCC;
    padding: 10px 0px;
}

div.MMBBookingConfirmationHeadingSection
{
    border-bottom: solid 2px #999999;
    padding: 4px 0px;
    height: 25px;
    margin-bottom: 5px;
}

div.MMBBookingConfirmationHeadingSection div
{
    margin-top: auto;
    margin-bottom: auto;
}

div.MMBBookingConfirmationMessage
{
    font-weight: bold;
}

div.MMBBookingConfirmationFlights
{
    display: inline-block;
    width: 100%;
}

div.MMBBookingConfirmationFlightsSummary
{
    display: inline;
}

div.MMBBookingConfirmationFlightsSummaryDetail
{
    padding-right: 40px;
    float: left;
}

div.MMBBookingConfirmationFlightsPassengers
{
    width: inherit;
    padding: 10px 0px;
}

.MMBInboundOutboundLogoColumn
{
    width: 32px;
}

div.OutboundFlight
{
    background: url(icons_plane_outbound.gif) no-repeat;
    width: 16px;
    height: 16px;
    padding: 2px 4px;
}

div.InboundFlight
{
    /* background: url(icons_plane_inbound.gif) no-repeat; */
    background: url(icons_plane_outbound.gif) no-repeat;
    width: 16px;
    height: 16px;
    padding: 2px 4px;
}

.MMBTotalFlightPriceHeader
{
}

.MMBMPSHeader
{
    font-weight: bold;
    background-color: #DDDDDD;
}

td.MMBMPSHeaderColumn1
{
    background: #FFFFFF;
}

.MMBBookingConfirmationSectionHeading
{
    font-weight: bold;
    font-size: 12px;
}

.MMBBookingConfirmationSectionLabel
{
    font-weight: bold;
    padding-right: 4px;
    padding-left: 10px;
}
.MMBBookingConfirmationHeadingSectionH2RLoc
{
    font-size: 16px;
}
table.MMBBookingConfirmationTable
{
    width: 100%;
}

table.MMBBookingConfirmationTable th, th.MMBTextColumn
{
    text-align: left;
    padding: 5px 5px 5px 0px;
    border-bottom: dashed 1px #CCCCCC;
}

table.MMBBookingConfirmationTable th.MMBPriceColumnHeader, td.MMBPriceColumnHeader
{
    text-align: right;
    padding: 5px 5px 5px 0px;
    border-bottom: dashed 1px #CCCCCC;
    font-weight: bold;
}


table.MMBBookingConfirmationTable td
{
    padding: 5px 5px 5px 0px;
    border-bottom: dashed 1px #CCCCCC;
}

.MMBPriceColumn
{
    text-align: right;
}

.CenteredText
{
}

table.MMBBookingConfirmationTable td.MMBBookingConfirmationTableSeparatorRow
{
    padding: 5px 5px 5px 0px;
    height: 5px;
    border: none;
}

/******************/

div.MMBChangeConfirmationPreviousFaresHeader, div.MMBChangeConfirmationPreviousFlightsHeader, div.MMBChangeConfirmationNewFaresHeader, div.MMBChangeConfirmationNewFlightsHeader
{
    font-size: 12pt;
    font-weight: bold;
    padding: 5px 0px;
}

div.BookingChangeConfirmationBalance
{
    width: auto;
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 10px;
    min-height: 25px;
}

div.BookingChangeConfirmationBalanceText
{
    float: left;
}

div.BookingChangeConfirmationBalanceAmount
{
    float: right;
    text-align: right;
    padding-right: 5px;
}

div.MMBChangeConfirmationSectionHeader
{
    min-height: 20px;
}

div.MMBChangeConfirmationCollapseSection, div.MMBChangeConfirmationExpandSection, div.MMBChangeConfirmationPreviousFaresHeader
{
    float: left;
}

div.MMBChangeConfirmationCollapseSection, div.MMBChangeConfirmationExpandSection
{
    padding: 2px 5px 2px 0px;
	background-repeat: no-repeat;
	background-position: center;
	width: 19px;
	height: 20px;
}

div.MMBChangeConfirmationCollapseSection
{
    background-image: url(../Themes/grid/minus.gif);
}

div.MMBChangeConfirmationExpandSection
{
    background-image: url(../Themes/grid/plus.gif);
}

div.PNRDisplaySectionExpand, div.PNRDisplaySectionCollapse
{
	
}

/******************/

div.PNRDisplaySection
{
	color: #706F91;
}

div.PNRDisplaySectionHeader
{
	background-image: url(../Themes/Backgrounds/PNR_header.png);
	background-repeat: repeat-x;
	height: 23px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6593cf;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6593cf;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6593cf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6593cf;
}

div.PNRDisplaySectionHeader span, div.PNRDisplaySectionHeader div
{
	float: left;
}

div.PNRDisplaySectionHeader span
{
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma, Verdana;
	padding: 4px;
}

div.PNRDisplaySectionExpand, div.PNRDisplaySectionCollapse
{
	padding: 2px 5px 2px 5px;
	background-repeat: no-repeat;
	background-position: center;
	width: 19px;
	height: 20px;
}

div.PNRDisplaySectionCollapse
{
	background-image: url(../Themes/grid/minus.gif);
}

div.PNRDisplaySectionExpand
{
	background-image: url(../Themes/grid/plus.gif);
}

div.PNRDisplaySection table th
{
	background-image: url(../Themes/Backgrounds/pnr_sub_header.png);
	background-repeat: repeat;
	font-weight: bold;
	height: 13px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #add1ff;
	background-color: #D6E8FF;
	padding: 0px 0px 0px 0px;
}

table.PNRDisplaySectionData th
{
    text-align: left;
}

table.PNRDisplaySectionData th.PriceItemAlignRight
{
	text-align: right;
}

div.PNRDisplaySection table th
{
    background-color: #ffffff;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #e3efff;
    padding: 0px 5px 0px 5px;
}

div.PNRDisplaySection table td
{
            /*padding: 0px 5px 0px 5px;*/
            background-color: #ffffff;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #e3efff;
            padding: 5px 5px 5px 5px;
}

div.PNRDisplaySection table th.DateColumnHeader
{
    text-align: center;
    border-bottom: none 0px #ffffff;
}

div.PNRDisplaySection table th.DateTimeColumnHeader
{
    border-top: none 0px #ffffff;
}

div.PNRDisplaySection table td.AlignRight
{
	text-align: right;
}

table.PNRDisplaySectionData
{
    width: 100%;
}

div.PNRDisplayRLOC
{
	font-weight: normal;
	color: #89AECD;
	font-size: 20px;
}

.BorderBottomNone
{
    border-bottom: none;
}

/******************/

input.MMBContactEditorField
{
    width: 200px;
}

.MMBRemarksEditorField
{
    width: 500px;
    font-size: 8pt;
    overflow: hidden;
    font-family: Arial, Helvetica, Sans-Serif;
}

a.MMBRemarksEditorAddRemoveNewRemark
{
    text-decoration: underline;
    cursor: pointer;
    color: Blue;
}

select.MMBContactEditorField
{
    width: 210px;
}

table.MMBContactEditor, table.MMBRemarksEditor
{
    width: 100%;
}

table.MMBRemarksEditor td
{
    background-color: #ffffff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #9bc6ff; /*#e3efff; #b7d6ff; */
    padding: 5px 5px 5px 5px;
}

table.MMBContactEditor td
{
    padding-right: 20px;
    vertical-align: top;
}

table.MMBChangeFlightSelection, table.MMBWhereAndWhenSelection
{
    width: 100%;
}

table.MMBChangeFlightSelection th, table.MMBWhereAndWhenSelection th
{
    text-align: left;
    vertical-align: top;
}

table.MMBChangeFlightSelection th.DateColumnHeader
{
    text-align: center;
}

table.MMBChangeFlightSelection th, table.MMBChangeFlightSelection td
{
    min-width: 15px;
    vertical-align: middle;
}

td.MMBChangeFlightSelectionDivideMsg
{
    padding-bottom: 10px;
}

table.MMBChangeFlightSelection tr.selected
{
    background-image: url("../Themes/Grid/grid_selected_item_bg.gif");
    background-repeat: repeat-x;
}

table.MMBChangeFlightSelection tr
{
    padding: 2px 0px;
}

div.MMBWhereAndWhenSelectionPanel
{
    border: solid 1px #e3efff;
}

div.MMBWhereAndWhenSelectionHeader
{
    padding: 5px 0px;
    font-weight: bold;
    font-size: 14px;
}

/*****************/

table.MMBRefundBookingProductsTable
{
    width: 100%;
}

/*****************/

@media screen
{
    a.MMBDisplayMoreInformation
    {
        text-decoration: none;
    }
}

@media print
{
    a.MMBDisplayMoreInformation
    {
        display: none;
    }
}

div.MMBSaveIcon, div.MMBDeleteIcon, div.MMBDisplayIcon
{
    height: 16px;
	width: 16px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

div.MMBSaveIcon
{
	background: url(../Themes/VARS_Public.png) no-repeat -520px -70px;
}

div.MMBDeleteIcon
{
	background: url(../Themes/VARS_Public.png) no-repeat -520px -50px;
}

div.MMBDisplayIcon
{
    background: url(../Themes/page_white_get.png) no-repeat;
}



div.MMBShoppingBasketHeader
{
    color: #E2E9EF;
    background-color: #3399FF;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 5px;
}


td.MMBBasketItem
{
    font-weight: bold;
}

td.MMBBasketItemPrice
{
    text-align: right;
}

td.MMBBasketGroupItem
{
}




/** Payment Form **/
div.PaymentFormPanel
{
    width: 100%;
}

div.PaymentAmountOutstanding
{
    font-size: 12pt;
    padding: 5px 0px;
    margin: 0px 0px 20px 0px;
}

div.PaymentAmountOutstandingLabel
{
    font-weight: bold;
    float: left;
}

div.PaymentAmountOutstandingAmount
{
    float: left;
    padding-left: 10px;
}

div.PaymentTypeSelectorForm
{
    width: 100%;
    min-height: 30px;
    margin-bottom: 20px;
}

div.PaymentTypeSelectorHeading, div.PaymentDetailsInputFormHeading
{
    background-color: #CCCCCC;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
}

div.PaymentTypeSelectorContent
{
    margin-bottom: 10px;
}

div.PaymentTypeSelectorOption
{
    float: left;
    padding: 5px 20px;
}

div.PaymentTypeSelectorImage1
{
}

div.PaymentTypeSelectorImage2
{
}

div.PaymentTypeSelectorImage3
{
}

div.PaymentDetailsInputFormContent
{
}

div.PaymentDetailsInputFormLogos1
{
}

div.PaymentDetailsInputFormLogos2
{
}

table.PaymentDetailsInputFormTable, table.RefundPaymentDetailsFormTable
{
    width: 100%;
}

table.PaymentDetailsInputFormTable th, table.RefundPaymentDetailsFormTable th
{
    text-align: left;
    padding-top: 20px;
}

td.PaymentDetailsInputFormTableCol1, td.PaymentDetailsInputFormTableCol2
{
    padding: 2px 10px 2px 0px;
}

td.RefundPaymentDetailsTableCol1, td.RefundPaymentDetailsTableCol2, td.RefundPaymentDetailsTableCol3, td.RefundPaymentDetailsTableCol4, td.RefundPaymentDetailsTableCol5, td.RefundPaymentDetailsTableCol6
{
    padding: 2px 5px 2px 0px;
}

input.MMBGetTicketEmailAddress
{
    width: 250px;
}

div.MMBChangeBookingWarningMsg
{
    font-family: Tahoma, Helvetica, Arial, Sans-Serif;
    font-size: 8pt;
}

/**************************************/

div.MMBDivideBookingPanel
{
}

span.DivideBookingIntro
{
}

table.DivideBookingPassengersTable
{
    width: 100%;
}

th.DivideBookingPassengersCol1, th.DivideBookingPassengersCol2, th.DivideBookingPassengersCol3
{
    text-align: left;
}

table.DivideBookingPassengersTable th, table.DivideBookingPassengersTable td
{
    padding: 3px;
}

ul.DivideBookingTransferRetainAmount
{
    display: table-row;
    margin: 0px;
    list-style-type: none;
    width: 100%;
}

ul.DivideBookingTransferRetainAmount li
{
    display: table-cell;
}

li.DivideBookingPassengersHeader
{
    font-weight: bold;
    display: table-cell;
}

td.DivideBookingPassengersCol4, td.DivideBookingPassengersCol5, td.DivideBookingPassengersCol6, td.DivideBookingPassengersCol7, th.DivideBookingPassengersCol4, th.DivideBookingPassengersCol5, th.DivideBookingPassengersCol6, th.DivideBookingPassengersCol7
{
    text-align: right;
}

p.DivideBookingExistingPayments
{
}

span.DivideBookingExistingPaymentsTotal
{
    font-weight: bold;
}

p.DivideBookingTransferInstruction
{
}

.DivideBookingTransferRetainAmountCol1
{
    width: 100px;
    display: inline-block;
}

div.DivideBookingButtonPanel
{
    text-align: center;
}


div.ReturnFromExternalPayment
{
    height: 350px;
}

.EditSeatReservation
{
    font-weight: bold;
}
/**************************/
/* No Rec Extras */


#NoRecDiv .requirementsFrom, #NoRecDiv .requirementsTo, #NoRecDiv .requirementsLeaving, #NoRecDiv .requirementsReturning, #NoRecDiv div.requirementsReturning, 
#NoRecDiv .requirementsFltFrom, #NoRecDiv .requirementsFltTo, #NoRecDiv .requirementsAdults, #NoRecDiv .requirementsChildren, #NoRecDiv .requirementsInfants,
#NoRecDiv .requirementsTourOp
{
    display:block;
    float:left;
    width:150px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#NoRecDiv .requirementsAdults, #NoRecDiv .requirementsChildren, #NoRecDiv .requirementsInfants
{
    width: 42px;
}

#NoRecDiv .requirementsFltFrom, #NoRecDiv .requirementsFltTo
{
    width:115px;
}

#NoRecDiv .requirementsDate
{
    width: 80px;
}

#NoRecDiv .requirementsLabel
{
    width: 100px;
    min-width: 100px;
    border-bottom-style:none;
    border-bottom-width: 0px;
}

#NoRecDiv .requirementsLeaving, #NoRecDiv .requirementsReturning, #NoRecDiv div.requirementsReturning
{
    width: 110px;
}

#NoRecDiv .requirementsFrom, #NoRecDiv .requirementsTo
{
    width:140px;
}
#NoRecDiv .requirementsCityDropDown
{
    width:130px;
}

#NoRecDiv .AdultDetails
{
     display:block;
     padding-top: 10px;
     padding-bottom: 5px;
     font-weight: bold;
}
#NoRecDiv .LastNameLabel, #NoRecDiv .FirstNameLabel, #NoRecDiv .PhoneLabel, #NoRecDiv .EmailLabel
{
    display:inline-block;
    width: 160px;
    min-width: 160px;
}

#NoRecDiv .PaxDetail
{
    display: block;
    float:left;
    width: 160px;
}

.clear
{
    clear: both;
}
.NoRecHelp
{
    color: Red;
}

/*  Errors */
.inputError
{
    border-color: Red;
}

.errorLabel
{
    color: Red;
}

#NoRecDiv .requirementsButtons
{
    padding-top: 10px;
    width: 300px;
}

.requirementsFrom #btnSearch, .requirementsFrom #btnCancel
{
    display: block;
    float: left;
}

/* jquery menu */

.MMBMenuTabs, .MMBMenuTabs UL
{
/*    width: 100%;*/
}

.MMBMenuTabs UL li 
{
    /* top menu items */
/*    width: 145px;*/
}

.MMBMenuTabs UL li ul li
{
    /* l2 menu */
    width: 200px;
    text-align: left;
}
.menuIcon
{
    float:right;
}
.SpinnerDiv 
{
    text-align: center;
}
div.AgentLoginInputRow, div.AgentLoginSubmit
{
    margin: 5px 0px 0px 0px;
}

