/****************************************************************************
version: 0.1

The style elements defined in this CSS file are based on the 
MyBoeingFleet Common Look and Feel (CLaF) sepecification verion 3.1.1. 
This CSS file used to control the Common Look & Feel of the CAT application.
*****************************************************************************/

/*
	This element defines the style of the application main Page
*/
.mbf_MainFrom
{
	background-color: #cccc99;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

/*
	Style of the main page header bar
*/
td.mbf_MainFormHeaderBar
{
	height: 67px;
}

/*
	Style of the main page header navigation bar
*/
td.mbf_MainFormHeaderNavBar
{
	height: 15pt;
	background-color: #000000;
	color: White;
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
}

/*
	Style of the main page header menu bar
*/
td.mbf_MainFormHeaderMenuBar
{
	height: 10pt;
	background-color: Gray;
}

/*
	Style of the main page header target display bar
*/
td.mbf_MainFormHeaderTargetDisplayBar
{
	height: 10pt;
	background-color: Transparent;
}

/*
	Style of the main page left navigation bar
*/
td.mbf_MainFormLeftNavBar
{
	width: 10px;
}

/*
	Style of the main page vertical serperated bar
*/
td.mbf_MainFormVerticalSepBar
{
	color: #0066cc;
	background-color: #0066cc;
	border-left: solid 0px #0066cc;
	border-right: solid 0px #0066cc;
}

/*
	Style of the main page main view where the application
	content will be displayed.
*/
td.mbf_MainView
{
	background-color: white;
}

/*
	Style of the main page header fotter bar
*/
td.mbf_MainFormFooterBar
{
	height: 15pt;
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 10px;
	color: Black;
	font-weight: normal;
}

/*
	Style of the main page outter border
*/
table.mbf_MainForm
{
	border-color: Gray;
	border-style: solid;
	border-width: 1px;
}

/*
	Style of the main view frame
*/
iframe.mbf_MainView
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-width: 0px;
}

/*
	Button that fit in the header menu bar
*/
.mbf_headerButton
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	height: 24px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	font: 10pt;
	width: 75pt;
}

/*
	Image Button that fit in the header menu bar
*/
.mbf_headerImageButton
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	height: 19px;
	width: 19px;
	border: 2;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	font: 10pt;
}

/*
	Style of the target drop down list box on the header option bar
*/
.mbf_headerTargetListBox
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;	
	margin: 0px 1px 0px 1px;
}

/*
	Style of the target drop down list box on the header option bar table
*/
.mbf_headerTargetListBoxTable
{
	background-color:#f9f9e9; 
	border-collapse:collapse; 
	border: solid 1px #gray; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

/*
	Style of the menu button
*/
a.mbf_MenuButton
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	color: Black;
	text-decoration: none;
	font-weight: normal;
	font-size: 10pt;
	border-style: solid;
	background-color: #cccccc;
	height: 11pt;
	border-left: outset 1px #cccccc;
	border-right: solid 3px #cccccc;
	border-top: solid 3px #cccccc;
	border-bottom: solid 3px #cccccc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*
	Style of the menu button hover
*/
a.mbf_MenuButton:hover
{
	color: White;
	border-style: solid;
	border-color: Navy;
	background-color: Navy;
}

/*
	Style of the drop down menu base
*/
table.mbf_MenuDropDownList
{
	background-color: #cccccc;
	border-color: Gray;
}

/*
	Style of the drop down submenus item
*/
a.mbf_DropdownMenuItem
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	color: Black;
	text-decoration: none;
	font-weight: normal;
	font-size: 10pt;
	border-style: solid;
	background-color: #cccccc;
	height: 20px;
	border-color: Gray;
	border-width: 0px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*
	Style of the drop down submenu items hover
*/
a.mbf_DropdownMenuItem:hover
{
	border-style: solid;
	color: White;
	border-style: solid;
	border-color: Navy;
	background-color: Navy;
}

/*
	Style of the left nav menu selected task bar
*/
span.mbf_SelectedTaskHeader
{
	height: 15pt;
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 12pt;
	font-weight: normal;
	color: White;
	text-align: left;
	background-color: #003399;
}

/* 
	This element defines the style of a Selected node in the V2 NavBar
*/
.mbf_navSelectedNode
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-weight: Bold;
	color: Black;
	background-color: #cccccc; 
	text-decoration: none;
}

/* 
	This element defines the style of a standard node in the V2 NavBar
*/
.mbf_navStandardNode
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	font-weight: normal;
	color: Black;
	width: 100%;
	text-decoration: none;
}
.mbf_navStandardNode:hover
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-weight: normal;
	text-decoration: none;
	background-color: #E7E8DD;
	text-decoration: none;
}
.mbf_navStandardNode:active
{
	text-decoration: none;
	background-color: #E7E8DD; 
}

/*
	Style of the in brower modal dialog
*/
.InBrowserModalDialog
{
	font-family: VArial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 10pt;
	font-style: normal;
	background-color: #cccccc;
	position: absolute;
	z-index: 10000;
	visibility: hidden;
	border-style: solid;
	border-width: 2px;
	border-style: ridge;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	vertical-align: top;
	text-align: center;
}

/*
	Style of the in brower modal dialog's title bar
*/
.InBrowserModalDialogTitle
{
	font-family: VArial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	background-color: #000080;
	color: #FFFFFF;
	height: 18px;
}

/*
	Style of the in brower modal dialog's body
*/
.InBrowserModalDialogBody
{
	background-color: #993330;
	border-color: black;
}

/*
	Style of the drop down panel
*/
.mbf_DropDownPanel
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	border: 1px solid #868686;
	z-index: 1000;
	background: url(../images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	overflow: auto;
	margin: 0 0 0 0;
}

/*
	Style of the drop down item inside the dropdown pannel
*/
a.mbf_DropDownItem
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0 0px 0;
	display: block;
	padding: 0 0 0 0;
	color: #003399;
	text-decoration: none;
	cursor: pointer;
	padding: 1px 1px 1px 1px;
	white-space: nowrap;
}

/*
	Style of the selected dropdown item inside the dropdown pannel
*/
a.mbf_DropDownItem-Selected
{
	font-weight: bold;
}

/*
	Style of the dropdown item hover inside the dropdown pannel
*/
a.mbf_DropDownItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 0px solid #D2B47A;
}

/*
	Style of the dropdown close item hover inside the dropdown pannel
*/
a.mbf_DropDownClsoseItem
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 8pt;
	text-decoration: none;
}

/*
	Style of the dropdown close item hover inside the dropdown pannel
*/
a.mbf_DropDownClsoseItem:hover
{
	color: #000000;
}
/*
	Style of the dropdown close item hover inside the dropdown pannel
*/
a.mbf_DropDownClsoseItem-Selected
{
	color: #000000;
}


/* 
	This element defines the style of the page. Used with
	the <BODY> tag.     
*/
.mbf_ContentPage
{
	background-color: #cccc99;
}

.mbf_NavContentPage
{
	background-color: #f9f9e9;
}

/* 
	These elements defined the header text style
*/
h1, H1, .h1, .H1
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	color: #006699;
	text-align: left;
}

/* 
	These elements defined the smaller header text style
*/
h2, .h2, H2
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 14pt;
	font-weight: bold;
	color: #333;
	text-align: left;
}

/* 
	This element defined the header text style in black
*/
.mbf_H1Black
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 16pt;
	font-weight: normal;
	color: Black;
	text-align: left;
	text-decoration: none;
}

/* 
	This element defines the Portal Nav bars
*/
.mbf_PortalNavBar
{
	vertical-align: middle;
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 10pt;
	color: white;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

/*
	Style for label in the header option bar
*/
.mbf_HeaderOptionalBarLabel
{
	vertical-align: middle;
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 10pt;
	color: white;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

/* 
	This element defines the footer style the page 
	TODO: Remove me. This element is no longer used
*/
.mbf_footer
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 10px;
	color: Black;
	font-weight: normal;
}

/*
	this element is used to alter the color of the Legends
*/
fieldset
{
	border: solid 1px black;
	color: Black;
}

.mbf_legend
{
	color: Black;
}


/*
	This element defined normal active link style. Used with <a> tag
*/
.mbf_activeLink
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 16pt;
	font-weight: normal;
	color: Blue;
	text-align: left;
	text-decoration: under;
}

/*
	These elements defined the style of the text within a pagraphap in the page
*/


p, .content, .mbf_content
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: #000000;
	background-color: #cccc99;
}

/*
	hidden text style
*/
.hiddenText
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: #cccc99;
	background-color: #cccc99;
}

/*
	This element defined the red color
*/
.red
{
	color: #993333;
}

/*
	This element defined a Page's heading or a Section heading text style
*/
.mbf_SectionHeading
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 12pt;
	color: White;
	background-color: #003399;
}

/*
	This element defined the style of the error text messages
*/
.mbf_error
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	color: #993333;
	overflow: auto;
}

/*
	This element defined the style of the normal text messages
*/
.mbf_confirm
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	color: #006699;
}

/*
	These element defined the style if the input fields.
*/
.mbf_button
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	padding: 0px 0px 0px 0px;
	height: 24px;
	font-size: 11pt;
}

input
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
}

.mbf_select, .mbf_checkBox, .mbf_FileBrowser, .mbf_radioButton
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: black;

}




/*
	This element defined the 50 pixels wide of the input fields
*/
.mbf_fieldSmall
{
	width: 50px;
}

/*
	This element defined the 150 pixels wide of the input fields
*/
.mbf_fieldMed
{
	width: 150px;
}

/*
	This element defined the 300 pixels wide of the input fields
*/
.mbf_fieldBig
{
	width: 300px;
}

/* 
	This element defined the style of the scrollable table
*/
.mbf_scrollableTable
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: #333;
	overflow: auto;
	border-width: 1px;
	border: solid 1px black;
}

/* 
	This element defined the style of the table data row.
*/
.mbf_tableRow
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: black;
	text-align: left;
	border-color: black; /* #cccc99;*/
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	padding: .20em;
}

/* 
	This element defined the style of the table header row.
*/
.mbf_tableHeader
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	color: white;
	background-color: #993333;
	text-align: left;
	border-color: Black;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	padding: .20em;
}

/* 
	This element defined the style of the single column table
*/
.mbf_verticalTable
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: #000000;
	border-collapse: collapse;
	border: 1px solid black;
	padding: .25em;
}

/*
	This element defined the style of the field label in a form
*/
.mbf_cellLabel
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: black;
	text-align: right;
	font-weight: bold;
}

/*
	This element defined the style of the field in a form
*/
.mbf_cellField
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: black;
	vertical-align: middle;
	padding: .25em;
}

/*
	This is another element defined the style of the field with no padding in a form
*/
.mbf_cellFieldNoPadding
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: black;
	background-color: #cccc99;
	vertical-align: middle;
}

/*
	This another element defined the style of the normal active link
*/
a.mbf_activeTargetLink:link
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: Blue;
	text-decoration: underline;
}

a.mbf_activeTargetLink:visited
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: Purple;
	text-decoration: underline;
}


/* 
  Applies to all <a>nchor tags enclosed in a table cell with a class of mbf_TableHeader

  OR  - all of our sortable column Headings within grids.
*/
td.mbf_tableHeader a
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: white;
	text-decoration: underline;
}
th.mbf_tableHeader a
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: white;
	text-decoration: underline;
}


/*
	This element defined the style of the inactive item link
*/
a.mbf_InactiveTargetLink
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: Red;
	text-decoration: underline;
}

/* 
	Style for Layout page navigation 
*/
.mbf_NextPageLink
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: Black;
	text-decoration: underline;
}

/*
	Style for the dropdown listbox
*/
select.mbf_dropdownbox
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	color: Black;
}

A.mbf_NextPageLink:link
{
	text-decoration: none;
	color: Black;
	text-decoration: underline;
}
A.mbf_NextPageLink:visited
{
	color: Black;
}
A.mbf_NextPageLink:active
{
	text-decoration: underline;
	font-weight: bold;
	color: Red;
}
A.mbf_NextPageLink:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #993330;
}

/* 
	These elements are defined for Layout Page - Overlays on EFB image
*/
.mbf_AppButton
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-weight: bold;
	font-size: 11pt;
	background-color: green;
	border-color: yellow;
	color: White;
	width: 150px;
	height: 35px;
}
.mbf_AppButtonUnassigned
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt; /*background-color: #000000; */
	background-color: Fuchsia;
	color: #000000;
	width: 150px;
	height: 35px;
	border: solid 1px #454545;
}

.mbf_ErrorIndicatorLabel
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 14pt;
	font-weight: bold;
	color: #006699;
	text-align: left;
}

.mbf_ErrorMessage
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt;
	font-weight: normal;
	color: red;
	text-align: left;
}

a.navtitle
{
	vertical-align: middle;
	padding-left: .5em;
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt; /*font-weight: bold;*/ /*color: #666633;*/
	color: Blue; /* text-decoration: none; */
}

a.navBullet
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 11pt; /*color: #666633;*/
	color: Blue; /* text-decoration: none;*/
}
.InputTable
{
	font-weight: bold;
	text-decoration: underline;
}

/* Use to fix the background color of the tab control */
div#tabContainer_body
{
	background-color:#cccc99;
}
 
 
  .mbf_calendar
{
	border: outset 1px black;
	font-size: 8pt;
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif; /*Tahoma;*/
}

.mbf_CalendarHeader
{
	font-weight: bold;
	text-align: center;
	color: white;
	background-color: #993330;
	border-color: #993330;
}

.mbf_CalendarWeekdayNames
{
	border-bottom: solid 1px black;
    font-weight : bold;
	font-size: 8pt;
	text-align: center;
	width:31px;
}

.mbf_CalendarFooter
{
	text-align: center;
	color: black;
}

.mbf_CalendarDayCurrentMonth
{
	text-align: center;
	cursor : pointer;
	color: black;
}

.mbf_CalendarDaySelected
{
	text-align: center;
	cursor : pointer;
	color: black;
	font-weight: bold;
	border: solid 1px black;
}

.mbf_CalendarDayNonCurrentMonth
{
	text-align: center;
	cursor : pointer;
	color: Gray;
}