/* Use IE's box model */
*
{
    -moz-box-sizing: border-box;
    /* VS complains about this but IE8 Standards Mode needs it to switch back to the box model. */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body
{
    font-family: arial;
    font-size: 10pt;
}

html, body
{
    margin: 0px;
    border: none;
}

h1
{
}

h2
{
    font-size: 16px;
}

td
{
    cursor: default;
    font-family: arial;
    font-size: 10pt;
}
th
{
    cursor: default;
    font-family: arial;
    font-size: 10pt;
    text-align: left;
}

textarea
{
    text-transform: uppercase;
}

#FormColumn
{
    width: 100%;
}

/* Overridden in ChromeSafari.css */
#FormDiv
{
    border: solid 1px #aaaaaa;
    border-top: none;
    height: 828px;
}

.ToUpper
{
    text-transform: uppercase;
}

.fieldsetDiv
{
	position:relative;
	margin:2px;
}

.fieldsetDiv .inner
{
	border:1px solid #bbbbbb;
	padding:8px 4px 4px;
	margin-top:8px;
	width:100%;
	height:100%;
}

.fieldsetDiv .inner .legend
{
	position:absolute;
	left:6px;
	top:-0.6em;
	color:#906E14;
	background:#ffffff;
	padding:0 0.25em 0 0.25em;
	white-space:nowrap;
}

.button
{
    background: #e6e2d8;
    background: url('../img/grad1.png');
    height: 22px;
    border: 1px solid #cccccc;
    cursor: pointer;
}

#SysDownLogout
{
    text-decoration:none;
    color:Black;
    padding: 1px 7px 1px 7px;
}

input, select, textarea
{
    border: 1px solid #cccccc;
}

.disabled
{
    background: #EDE9DD;
    cursor: auto;
}

.LightBg
{
    background-color: #f5f1e7;
}

.LightBg .ajax__tab_body
{
    background-color: #f5f1e7;
}

.LightBg .ajax__tab_container
{
    background-color: #f5f1e7;
    padding-left: 2px;
}

legend
{
    color: #906e14;
    background-color: #F5F1E7;
}

.highlight:hover
{
    color: #558899;
}

.hidden
{
    display: none;
}

.divPage
{
	/* The absolute position and z-index of 1 are required for the stretched */
	/* background image. */	
    position: absolute;
    z-index: 1;
    top: 0px;
    padding: 0px;
    border-top: solid 1px #888888;
    border-bottom: solid 1px #888888;
    width: 100%; /* FF3 */
}

.MasterTable
{
    table-layout: fixed;
}

/* Stretched background image */
.imgBackground
{
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 904px;
}

/* Stretched top-bar background image */
.imgTopBarBackground
{
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 32px;
}

.ShadedButton
{
    width: 82px;
    height: 26px;
    background-image: url('../img/button.gif');
    text-align: center;
}

.clearButton
{
    color: white;
    text-decoration: none;
}

.computeButton
{
    color: white;
    text-decoration: none;
}

.snapshotButton
{
    color: white;
    text-decoration: none;
    display: block;
}

.remarksDocImg
{
	vertical-align: baseline;
	margin-bottom: -3px;
}

.FixedWidth
{
    font-family: Courier;
}

.OrangeButton .ButtonLeft
{
    background-image: url(../img/button_left.gif);
}

/* Overridden in Firefox.css and Firefox3.css */
.OrangeButton .ButtonRightEdge
{
    background-image: url(../img/button_right.gif);
    position: relative;
    top: 1px;
    width: 4px;
    height: 26px;
    margin-top: -1px;
    margin-right: 4px;
}

.OrangeButton .ButtonRight
{
    position: relative;
    background-image: url(../img/button_edge.gif);
    width: 26px;
    height: 26px;
}

.ClickableArea
{
    cursor: pointer;
}

.ButtonText
{
    color: white;
    text-decoration: none;
    border: none;
}

.ButtonDisabled .ButtonLeft
{
    background-image: url(../img/button_left_disabled.gif);
}

.ButtonDisabled .ButtonRightEdge
{
    background-image: url(../img/button_right_disabled.gif);
}

.ButtonDisabled .ButtonRight
{
    background-image: url(../img/button_edge_disabled.gif);
}

.ButtonDisabled .ClickableArea
{
    cursor: default;
}

/* Overridden in ChromeSafari.css */
.GroupBoxContainer
{
    margin-left: 2px;
    margin-right: 8px;
    margin-bottom: 3px;
    padding-right: 0px;
}

/* Overridden in ChromeSafari.css */
.GroupBox
{
    border: 1px solid #cccccc;
    background: #F5F1E7;
    z-index: 25;
    padding: 4px 0px 10px 3px;
}

.GroupBox input[type=text]
{
    height:19px;
}

/* Overridden in ChromeSafari.css */
.GroupBoxContent
{
    position: relative;
    margin-left: 0px;
    margin-top: -4px;
    margin-right: 0px;
}

.GroupBoxImage
{
    width: 16px;
    height: 14px;
    margin-left: 5px;
    margin-right: 3px;
    margin-top: 1px;
    vertical-align: text-top;
}

.GroupBox td
{
    /* Overridden in IE.css */
    padding: 1px;
}

.GroupBoxButton
{
    border: 1px solid #cccccc;
    background: #f5f1e7;
    text-decoration: none;
    color: black;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.GroupBoxButtonDisabled
{
    border: 1px solid #cccccc;
    background: #ede9dd;
    text-decoration: none;
    color: #cccccc;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.LoginBox td
{
    /* Overridden in IE.css */
    padding: 1px;
}

.LoginBox input
{
    padding-left: 2px;
}

.LoginBoxText input
{
    width: 140px;
}

.ValidationSummary
{
    margin-left:14px;
}

.ValidationSummary ul
{
    margin-top:2px;
}

a.LinkButton
{
    text-decoration: none;
}

.verticalScroll
{
    overflow: auto;
}

.InvalidTextBox
{
    background-color: #ffdddd; /* pink */
}

.Throbber
{
    position: relative;
    left: 8px;
    top: 1px;
}

/******************************************************************************/
/* Info panel                                                                 */
/******************************************************************************/
.InfoPanel
{
    font-family: courier;
}

/* Overridden in ChromeSafari.css */
.InfoPanelOuter
{
	margin: 0px 10px 10px 10px;
	height: 378px;
	width: 513px;
	padding: 0px;
}

.InfoPanelOuterExpanded
{
    margin: 0px 10px 10px 10px;
    height: 828px;
    width: 513px;
    padding: 0px;
}

.InfoPanelInner
{
	height: 340px;
	overflow: auto;
}

/* This style is used when the info panel is expanded */
.InfoPanelOuterExpanded .InfoPanelInner
{
    height:790px;
}

.NotamText
{
    font-family: monospace;
    font-style: normal;
    font-size: 8pt;
    overflow: auto;
    margin-top: 3px;
}

.CompanyNotamsSection
{
    font-family: Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 10pt;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #906e14;
}

.RouteRemarks
{
    font-family: Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 10pt;
    margin-bottom: 3px;
    color: #906e14;
}

.RouteRemarksText
{
    font-family: monospace;
    font-style: normal;
    font-size: 8pt;
    margin-top: 3px;
    word-wrap: break-word;
    white-space: pre;
}

.RouteRemarksText pre
{
    margin: 0px;
}

/******************************************************************************/
/* Top bar                                                                    */
/******************************************************************************/
.TopBar
{
    background: none;
    height: 30px;
    position: relative;
    z-index: 2;
}

.TopBar > div
{
    display: inline-block;
    padding: 2px;
}

/******************************************************************************/
/* Warning panel                                                              */
/******************************************************************************/
div.InfoPanelHeader
{
    height: 28px;
    background: #ede9dd;
    border-bottom: solid 1px #ccccaa;
    font-family: Arial;
    font-style: italic;
    padding: 5px;
    padding-left: 7px;
}

/*----*/

.InfoPanel th
{
    font-weight: normal;
    font-style: italic;
    color: #906e14;
}

.paddedGridColumn
{
    padding: 0 5px;
}

.LoginFailureLabel
{
    color: Red;
    font-weight:bold;
}

.TableHeader
{
    background: url('../img/grad1.png');
}

.TableSelectedRow
{
    background: url('../img/green_grad.png');
}

.TableLoadingRow
{
    background: url('../img/dark_green_grad.png');
}

.TableUnselectingRow
{
    background: url('../img/light_green_grad.png');   
}

.inflightCol2Label
{
    width: 60px;
}

.inflightCol2Field
{
    width: 76px;
}

.WxBody
{
    font-size: 8pt;
}

.WxButton
{
    border: 1px solid #cccccc;
    background: #ede9dd;
    text-decoration: none;
    color: black;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.WxButtonSelected
{
    background: url('../img/green_button_dim.png') no-repeat -2px top;
}

.txtStations
{
    width:438px;
}

.tabTable
{
    background: #e6e2d8;
    height: 100%;
}

.tabTable_Title
{
    height: 30px;
    padding: 4px;
    padding-left: 8px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    background: url('../img/black_tab_bg.png');
}

.DisabledButtonText
{
    color: #888888;
    cursor: default;
}

.SmallWebLink
{
    font-size: 8pt;
    color: #888888;
}

.InvalidAuthenticationMessage
{
    font-weight:bold;
    color: #ff0000;
}

.SuccessMessage
{
    font-size:10pt;
    font-weight:bold;
    color:#00aa00;
}

/******************************************************************************/
/* Combo Box                                                                  */
/******************************************************************************/

.ComboText
{
    height: 20px;
}

/* Overridden in IE.css */
.TextCourier
{
    font-family: Courier;
    height: 20px;
}

.ComboImage
{
    vertical-align: bottom;
    font-family: Arial;
    font-size: 10pt;
}

.ComboDropDown
{
    display: none;
    z-index: 75;
    background: white;
    border: 1px solid #888888;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    position: absolute;
    width: 80px;
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default;
    font-size: 10pt;
    line-height: 16px;
    z-index: 30;
}

.ComboDropDownInner
{
    z-index: 32;
    position: absolute;
    padding-left: 5px;
    width: 100%;
    cursor: default;
    white-space: nowrap;
}

.ComboHighlight
{
    z-index: 31;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: url('../img/green_grad.png');
    visibility: hidden;
}

#LoginBox
{
    position: relative;
    text-align:left;
    border: solid 1px #eeeeee;
    margin:0 auto;
    height: 277px;
    width: 468px;
    background:url('../img/login.png') no-repeat top right;
}

.LoginVersion
{
    position:absolute; 
    text-align:right;
    top:110px;
    left:300px;
    right:0px; 
    bottom:0px; 
    margin:0px 15px;
}

.LoginInformation
{
    position:absolute; 
    left:0px; 
    bottom:0px; 
    margin:0px 15px; 
}

.LoginInformation h2
{
    margin:0px;
    font-size:15px;
}

.LoginNavigation
{
    position:absolute; 
    right:0px; 
    bottom:0px; 
    margin:15px;
}

.MessageBox
{
    min-height:30px;
}

.txtTime
{
    width: 40px;
}


/* Remove the border on all checkboxes. */
input[type="checkbox"]
{
    border: 0px;
}

/* Row style when selected */
tr .ui-selected
{
    background-color: #F0F05D;
}

.RouteLegsGrid
{
    width: 100%;
    background-color: #FFFFFF;
}

.RouteLegsGrid td
{
    padding: 4px;
    text-align: left;
    white-space: nowrap;
}

.RouteLegsGrid tr
{
    border: solid 1px LightGray;
}

.RouteLegsGrid .TableHeader
{
    border: solid 1px #AAAAAA;
}

.AddFlightGroupList
{
    overflow: auto;
    height: 174px;
}

.MapButtonFontBold
{
	font-weight: bold;
}

/** USE THESE STYLES WHEN CREATING NEW "ORANGE" BUTTONS! */
a.OrangeActionButton
{
    display: inline-block;
    text-align: center;
    padding: 4px 0px 0px 0px;
    text-decoration: none;
}

/** Full Orange Action Buttons */
input.OrangeActionButton, a.OrangeActionButton
{
    border: #deb76c 1px solid;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #F1DFBF 10%, #CE922A 40%, #6F4913 80%);
    box-shadow: 1px 1px #744e12, -1px 1px #744e12;
    width: 80px;
    height: 26px;
    color: #FFFFFF;
    margin: 0px 4px 0px 4px;
    cursor: pointer;
}

input[disabled].OrangeActionButton, a[disabled].OrangeActionButton
{
    border: #BBB8B1 1px solid;
    background-image: linear-gradient(to bottom, #D0CFCA 10%, #9C978E 40%, #6E685E 80%);
    box-shadow: 1px 1px #6f695f, -1px 1px #6F695F;
    cursor: default;
}

/** DEPRECATED "ORANGE" BUTTON STYLES */
.OrangeActionButtonLeft
{
    background-image: url("../img/button_left.gif");
    border: 0px;
    color: #ffffff;
    height: 26px;
    width: 70px;
    float: left;
    padding: 0px 0px 4px 4px;
    cursor: pointer;
}

.OrangeActionButtonRight
{
    background-image: url("../img/button_right.gif");
    float: left;
    width: 4px;
    height: 26px;
}

.ButtonDisabled .OrangeActionButtonLeft
{
    background-image: url(../img/button_left_disabled.gif);
    cursor: default;
}

.ButtonDisabled .OrangeActionButtonRight
{
    background-image: url(../img/button_right_disabled.gif);
}

.RightAligned
{
    float: right;
}

.LeftAligned
{
    float: left;
}

.TransmitGrid
{
    font-size: 10pt;
    white-space: nowrap;
}

.TransmitGridMultiLeg
{
    font-size: 8pt;
    white-space: nowrap;
}

.Calendar a
{
    text-decoration: none;
}

.Calendar th
{
    text-align:center;
}

#addFuelPopup tr, #expandedAddFuelPopup tr
{
    border-top: none;
    padding: 0px;
}

#addFuelPopup tr td:first-child, #expandedAddFuelPopup tr td:first-child
{
    width: 120px;
}

#addFuelPopup tr td:nth-child(2), #expandedAddFuelPopup tr td:nth-child(2)
{
    width: 90px;
}

#addFuelPopup tr td:nth-child(3), #expandedAddFuelPopup tr td:nth-child(3)
{
    width: 60px;
}

#addFuelPopup td, #expandedAddFuelPopup td
{
    padding: 2px;
}

.OewPopup
{
    width: auto;
    min-width: 180px;
    padding: 0px 5px;
}