/* ****************************************************************************
  COMPONENT STYLES
**************************************************************************** */
/* Component Container */
.ComponentContainer {
	background-image: url(/Airtraveler/Images/Components/ComponentContainerBG.gif);
	background-repeat: no-repeat;
}
.ComponentContainer h1 {
	background-image: url(/Airtraveler/Images/Components/ComponentContainerCap.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
	padding: 0px 6px 0px 6px;
	margin: 0px;
}
.ComponentContainer .Intruction {
	margin: 0px;
	background-color: #F1EFFA;
	border: 1px solid #369;
	border-top: 0px;
	padding: 6px 0px 6px 30px;
	color: #369;
	background-image: url(/Airtraveler/Images/Icons/iconInfo.gif);
	background-repeat: no-repeat;
}
.ComponentContainer .Error {
	background-color: #F1EFFA;
	border: 1px solid #369;
	border-top: 0px;
	margin: 0px;
	padding: 6px 0px 6px 30px;
	color: #F60;
	background-image: url(/Airtraveler/Images/Icons/iconError.gif);
	background-repeat: no-repeat;
}
.ComponentContainer .Content {
	border: 1px solid #369;
	border-top: 0px;
	padding: 6px;
}

/* Global Buttons */
.ATButton {
	background-image: url(/Airtraveler/Images/Buttons/ATButtonBG.gif);
	/*display: inline;*/
	margin: 0px 6px 0px 0px;
}
.ATButton input {
	background-color: transparent;
	border: 0px;
	height: 21px;
	padding: 0px 2px 0px 5px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.ATButton tr td.LastChild {
	background-image: url(/Airtraveler/Images/Buttons/ATButtonCap.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-size: 0.1em;
	width: 3px;
}

.ATSubmit {
	background-image: url(/Airtraveler/Images/Buttons/ATSubmitBG.gif);
	/*display: inline;*/
	margin: 0px 6px 0px 0px;
}
.ATSubmit input {
	background-color: transparent;
	border: 0px;
	height: 21px;
	padding: 0px 2px 0px 5px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.ATSubmit tr td.LastChild {
	background-image: url(/Airtraveler/Images/Buttons/ATSubmitCap.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-size: 0.1em;
	width: 3px;
}


/* ==================================================
	DOMESTIC FLIGHT PLAN
=================================================== */
/* Domestic Flight Plan Form */
.DomesticFlightPlanForm td {
	vertical-align: top;
}
.DomesticFlightPlanForm label {
	font-weight: bold;
	font-style: italic;
}
.DomesticFlightPlanResult > p {
	margin: 0px 0px 6px 0px;
}

.DomesticFlightPlanForm input[type="text"] {
	width: 110px;
}
.DomesticFlightPlanForm input.wide {
	width: 200px;
}
.DomesticFlightPlanResult tr td:first-child {
	text-align: right;
}

/* Flight Plan Review Form */
.FlighPlanReviewForm table {
	border: none;
}
.FlightPlanReviewForm th h1 {
	padding: 6px 0px 6px 0px;
	background-color: #036;
	color: #fff;
	margin: 0px;
}
.FlightPlanReviewForm th {
	background-color: #F1EFFA;
}
.FlightPlanReviewForm td {
	text-align: center;
}

/* ==================================================
	WEATHER BRIEFING
=================================================== */
.WeatherBriefing div.FirstChild div {
	border: 1px solid #369;
	background-color: #FFF;
}

.WeatherBriefing div.FirstChild {
	background-image: url(/Airtraveler/Images/Components/ComponentContainerBG.gif);
	background-repeat: no-repeat;
	float: right;
	margin: 6px;
}
.WeatherBriefing div.FirstChild h3 {
	background-image: url(/Airtraveler/Images/Components/ComponentContainerCap.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
	padding: 0px 6px 0px 6px;
	margin: 0px;
}

/* ==================================================
	PAN MAP
=================================================== */
.PanMap table input {
	background-color: transparent;
	cursor: hand;
}
.PanMap .nw, .PanMap .n, .PanMap .ne, .PanMap .sw, .PanMap .s, .PanMap .se {
	background-image: url(/Airtraveler/Images/Components/PanMap-bg-horiz.gif);
}
.PanMap .e, .PanMap .w {
	background-image: url(/Airtraveler/Images/Components/PanMap-bg-vert.gif);
}
/* arrows */
/* north, south */
.PanMap .n input, .PanMap .s input {
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
}
.PanMap .n input {
	background-image: url(/Airtraveler/Images/Components/PanMap-arrow-n.gif);
}
.PanMap .s input {
	background-image: url(/Airtraveler/Images/Components/PanMap-arrow-s.gif);
}
/* west, east */
.PanMap .w input, .PanMap .e input {
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
}
.PanMap .w input {
	background-image: url(/Airtraveler/Images/Components/PanMap-arrow-w.gif);
}
.PanMap .e input {
	background-image: url(/Airtraveler/Images/Components/PanMap-arrow-e.gif);
}
/* corners */
.PanMap .nw input, .PanMap .ne input, .PanMap .sw input, .PanMap .se input {
	width: 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.PanMap .nw input {
	background-image: url(/Airtraveler/Images/Components/PanMap-arrow-nw.gif);
}
.PanMap .ne input {
	background-image: url(/Airtraveler/Images/Components/PanMap-arrow-ne.gif);
}
.PanMap .sw input {
	background-image: url(/Airtraveler/Images/Components/PanMap-arrow-sw.gif);
}
.PanMap .se input {
	background-image: url(/Airtraveler/Images/Components/PanMap-arrow-se.gif);
}

.PanMap .instruction {
	margin: 0px;
	background-color: #F1EFFA;
	border: 1px solid #369;
	padding: 6px 0px 6px 30px;
	color:  Red;
	background-repeat: no-repeat;
	background-image: url(/Airtraveler/Images/Icons/iconInfo.gif);
	font-weight:bold;
	font-size:larger;
	
	
}	

/* ==================================================
	TABS
=================================================== */
.tabs {
	background-image: url(../Images/Components/ComponentTabsTileBG.gif);
	background-repeat: repeat-x;
}
.tabs > table {
	padding: 0px;
}
.tabs > table td {
	background-image: url(../Images/Components/ComponentTabsOffBG.gif);
	background-position: right;
	background-repeat: no-repeat;
	line-height: 22px;
}
.tabs > table a {
	display: block;
	background-image: url(../Images/Components/ComponentTabsOffCap.gif);
	background-repeat: no-repeat;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
.tabs > table .current {
	background-image: url(../Images/Components/ComponentTabsOnBG.gif);
}
.tabs > table .current a {
	background-image: url(../Images/Components/ComponentTabsOnCap.gif);
}
.tabs > div {
	padding: 12px;
	border-left: 1px solid #369;
	border-right: 1px solid #369;
	border-bottom: 1px solid #369;
}

/* ===================================================
	APPROACH PLATES IMAGE
=================================================== */
.ApproachPlatesImage {
	width: 600px;
}

/* ===================================================
	FREQUENCIES
=================================================== */
.Frequencies h3 {
	background-color: #F1EFFA;
	color: #036;
	font-size: 14px;
	margin: 0px;
}
.Frequencies td, th {
	vertical-align: top;
}
.Frequencies th {
	text-align: right;
}

/* ===================================================
	METAR COMPOSITE
=================================================== */
.MetarBasicSingle {
	padding-top: 16px;
}
.MetarBasicSingle h3 {
	background-color: #F1EFFA;
	color: #036;
	font-size: 14px;
	margin: 0px;
}
.MetarBasicSingle div {
	background-color: #F1EFFA;
	color: #036;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.MetarBasicSingle p {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.MetarBasicSingle ul {
	margin: 0px;
	padding: 8px 0px;
	list-style: none;
}

/* ****************************************************************************
Default Settings (Elements)
**************************************************************************** */
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	text-decoration: underline;
}
a:link, a:visited {
	color: #003466;
}
a:active, a:hover {
	color: #FF6600;
}

/* Hide print-only logo from screen. */
@media screen {
	.hideFromScreen { display: none; }
}

/******************************************************************************
Body
*******************************************************************************/
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/******************************************************************************
Table Borders
*******************************************************************************/
.bdrBodyTable {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.bdrBlueBox1 
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #336699;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #336699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #336699;
}

.bdrBlueBox {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #336699;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #336699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
}

.bdrBlueL {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #336699;
}


.bdrGreyBox {
	border: 1px solid #CCCCCC;
}

.bdrGrey {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.bdrGreyLine {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}


/****************************************************************************** 
Navigational Menu Style 
*******************************************************************************/
.mnuHeader {
	width: 132px;
	height: 19px;
	background-image: url(../Images/Menu/NavigationHeading.gif);
}
.mnuFooter {
	width: 132px;
	height: 11px;
	background-image: url(../Images/Menu/NavigationFooter.gif);
	font-size: 1px;
}
/* Button Faceup and Facedown */
.btnNavMenuFace {
	background-image: url(../Images/Menu/btnFace_LBlue.gif);
	cursor: pointer;
	color: #336699;
	text-decoration: none;
	width: 132px;
	height: 22px;
	padding-left: 5px; 
}
.btnNavMenuFaceDown {
	background-image: url(../Images/Menu/btnFaceDown_DBlue.gif);
	cursor: pointer;
	color: #336699;
	text-decoration: none;
	width: 132px;
	height: 22px;
	padding-left: 5px; 
}

/* Style and Positioning for Sub-Menu*/
.clsSubMenu { 
	display: none;
	padding-left: 8px; 
	background-color: #F8F8FF;
}
/* Style and Positioning for Sub-Menu*/
.clsSubMenuOpened { 
	display: block; 
	padding-left: 8px; 
	background-color: #F8F8FF;
}

/* Menu Border */
.bdrNavMenu {
	border-right: 2px solid #336699;
}

/* Grid Link */
A.GridLinksml {
	font-size: 9pt;
	color: #003333;
	font-family: Arial;
	text-decoration: underline;
} 

A.GridLinksml:active {
	font-weight: bold;
	font-size: 9pt;
	color: #CC0000;
	font-family:  Arial;
	text-decoration: underline;
} 
A.GridLinksml:visited { 
	color: #003333;
	font-family:  Arial;
	font-size: 9pt;
	text-decoration: underline;
} 
A.GridLinksml:hover {
	font-size: 9pt;
	color: #CC0000;
	font-family:  Arial;
	text-decoration: underline;
} 

/* Menu Links */
.lnkNavMenuMain {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}

a.lnkNavMenu {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
} 

a.lnkNavMenu:active, a.lnkNavMenu:hover {
	color: #FF6600;
}

a.lnkNavMenuSub {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}

a.lnkNavMenuSub:active, a.lnkNavMenuSub:hover {
	color: #FF6600;
} 

a.lnkNavMenuSub:visited { 
	color: #336699;
}

/* Selected Menu Links */
A.lnkNavMenuSubSelected {
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}

A.lnkNavMenuSubSelected:active {
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}

A.lnkNavMenuSubSelected:visited { 
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}

A.lnkNavMenuSubSelected:hover {
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}

/* Menu Heading Type */
.typeMenu {
	font-size: 12px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

/* Styles for the login boxes */
.txtLoginBox {
	font-size: 11px;
	color: #336699;
	height: 18px;
	border: 1px solid #999999;
}

/*******************************************************************************
Links
*******************************************************************************/
/********* Blue Medium Links *****************/
A.lnkBlueMed {
	line-height: 180%;
}

A.lnkBlueMed:link, A.lnkBlueMed:visited {
	color: #336699;
}

A.lnkBlueMed:active, A.lnkBlueMed:hover {
	color: #FF6600;
}

/********* Blue Medium Links (Bold)*****************/
A.lnkBlueMedB:link, A.lnkBlueMedB:visited {
	color: #336699;
	font-weight: bold;
}

A.lnkBlueMedB:active, A.lnkBlueMedB:hover {
	color: #FF6600;
}


/********* White Medium Links (underlined) for dark backgrounds ******/
A.lnkWhiteMed {
	font-size: 12px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}
A.lnkWhiteMed:active {
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}

A.lnkWhiteMed:visited { 
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}

A.lnkWhiteMed:hover {
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}
	
/************* Orange Medium Links (underlined) ****************/
A.lnkOrangeMed {
	font-size: 12px;
	color: #FF6600;
	text-decoration: undeline;
}

A.lnkOrangeMed:active {
	font-size: 12px;
	color: #FF6600;
	text-decoration: undeline;
}

A.lnkOrangeMed:visited { 
	font-size: 12px;
	color: #FF6600;
	text-decoration: undeline;
}

A.lnkOrangeMed:hover {
	font-size: 12px;
	color: #336699;
	text-decoration: undeline;
}

/********************* Small Blue Links (Underlined) *********************/
A.lnkBlueSmall {
	font-size: 10px;
	color: #336699;
	text-decoration: underline;
}

A.lnkBlueSmall:active {
	font-size: 10px;
	color: #336699;
	text-decoration: underline;
}

A.lnkBlueSmall:visited { 
	font-size: 10px;
	color: #336699;
	text-decoration: underline;
}

A.lnkBlueSmall:hover {
	font-size: 10px;
	color: #FF6600;
	text-decoration: underline;
}

/********************* Small Orange Links (Underlined) *********************/
A.lnkOrangeSml {
	font-size: 10px;
	color:  #FF6600;
	text-decoration: underline;
}

A.lnkOrangeSml:active {
	font-size: 10px;
	color:  #FF6600;
	text-decoration: underline;
}

A.lnkOrangeSml:visited { 
	font-size: 10px;
	color: #FF6600;
	text-decoration: underline;
}

A.lnkOrangeSml:hover {
	font-size: 10px;
	color: #336699;
	text-decoration: underline;
}

/*********************** Footer Links ************************/
A.lnkFooter {
	font-weight: bold;
}

A.lnkFooter:link, A.lnkFooter:visited { 
	color: #336699;
}

A.lnkFooter:active, A.lnkFooter:hover {
	color: #FF6600;
}


/*******************************************************************************
Types, Headings, Notes, etc
Sml = Small = 9px/10px
Med = Medium = 12px
Lxg = Large = 13/px/14px
*******************************************************************************/
/* Body Types */
.typeBodyMed {
	font-size: 12px;
	color: #000;
	text-decoration:none; 
}

.typeBodySml {
	font-size: 10px;
	/*color: #336699;*/
}

.typeRequiredMed {
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
}

.typeSummaryMed {
	font-size: 10px;
	color: #000;
	text-decoration:none; 
}

/* Footer Types */
.typeFooterSml {
	font-size: 10px;
	padding-bottom: 18px;
}

/* Headings */
.headingFormMed {
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}

.headingFormMed2 {
	font-size: 12px;
	color: #000000;
}

.headingErrorMed {
	font-size: 11px;
	color: #FF6600;
}

.headingErrorLrg {
	font-size: 14px;
	color: #FF6600;
}

.headingNoteMed {
	font-size: 11px;
	color: #FF6600;
}

.headingBlueMed {
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}

.SummaryheadingBlueMed {
	font-size: 10px;
	font-weight: bold;
	color: #336699;
}

.headingBlueLarge {
	font-size: 13px;
	font-weight: bold;
	color: #336699;
}

.headingGreenMed {
	font-size: 12px;
	font-weight: bold;
	color: #009900;
}

.headingBlueLxg {
	font-size: 14px;
	font-weight: bold;
	color: #336699;
}

.headingOrangeMed {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}

.headingOrangeLarge {
	font-size: 13px;
	font-weight: bold;
	color: #FF6600;
}

.headingOrangeLxg {
	background-color: #F1EFFA;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}

.headingWhiteMed {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.headingBoxWhite {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.headingWaitingPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006699;
}


/*******************************************************************************
Form Elements
*******************************************************************************/
/* Green HTML Buttons */
.btnCSSGreen {
	background: url(../Images/Buttons/CSSButtons/BtnGreenBg.gif) repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
	height:21px;
	cursor:hand;
	font-family: Arial, Helvetica, sans-serif;
}

.btnCSSBrown {
	color: #817D5A;
	background-color: #E0DCB4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-left: 2px #EFEDD6 solid;
	border-top: 2px #EFEDD6 solid;
	border-bottom: 2px #CAC7A2 solid;
	border-right: 2px #CAC7A2 solid;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	height: 21px;
	cursor: hand;
}

/* Blue HTML Buttons */
.btnCSSBlue {
	background: url(../Images/Buttons/CSSButtons/BtnBlueBg.gif) repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
	height:21px;
	cursor:hand;
	font-family: Arial, Helvetica, sans-serif;
}

.txtRegularBox {
	font-size: 11px;
	color: #336699;
	height: 20px;
	border: 1px solid #999999;
}

.txtRegularBoxGrd
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	font-size: 11px;
	border-left: #999999 1px solid;
	width: 40px;
	color: #336699;
	border-bottom: #999999 1px solid;
	height: 20px;
}

.cmbRegularBox {
	font-size: 11px;
	color: #336699;
	/*height: 18px;*/
	border: 1px solid #999999;
}

/*******************************************************************************
Background Colors   
Lightsteelblue #B0C4DE  
Lavender #E6E6FA
Gainsboro #DCDCDC 
LightGrey #DDDDDD 
Cream #FFFFCC
Beige #F5F5DC
Ivory #FFFFF0
*******************************************************************************/

.bgBeige {
	background-color: #F1EFFA;
}

.bgLGrey {
	background-color: #F1EFFA;
}

.bgIvory {
	background-color: #FFFFF0;
}

.bgLBlue {
	background-color: #6699CC;
}

.bgDBlue {
	background-color: #336699;
}
.bgDBlue a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}


.bgOrange {
	background-color: #336699;
	/* this is actually bgDBlue*/

}

.bgAlternateRow {
	background-color: #F1EFFA;
}

.headingBlueMedbgBeige {
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	background-color: #F5F5DC;
}

/*-------------------------------------------
DigiWX CSS	
*/
.dataheader {
	font-size: 16px;
	font-weight: bold;
	color: #336699;
	text-align: center;
}
.dataname
{
	font-weight: bold;
	font-size: 13px;
	color: #336699;
	text-align: right;
	padding-right:8px;
}

.datatimecell
{
	font-weight: bold;
	font-size: 14px;
	color: #ff9900;
	text-align: center;
	height:100px; 
	background-color:green; 
	
}

.lbl_datetime
{
	font-weight: bold;
	font-size: 15px;
	color: #ff9900;
	text-align: center;
	 line-height:32px; 
	
}