/*Modify by alan on 03/23/06. clear up css and jsp files */
/* SUATFR-473: Changed default color from black to #33333 per FAA DevKit */
/* SUATFR-485: Add border and margin to BODY tag now that site will utilize full window width */
BODY  
{
        font-family: 'Helvetica Neue', Arial, sans-serif;  
        font-size: 10px;                    
        color: #333333;
        border-style: solid;
        border-color: #FFFFFF;
        border-width: 10px;
        margin: 10px;                 
}

/* SUATFR-553: Specified blue checkbox color so that Edge matches Chrome */
INPUT {
	FONT-FAMILY: Arial, Verdana;
        FONT-SIZE: 8pt;
        accent-color: #267ed4;
}
SELECT {
	FONT-FAMILY: Arial,  Verdana;
        FONT-SIZE: 8pt
}

TD {
	FONT-FAMILY: Arial,  Verdana;
        FONT-SIZE: 10pt
}

H1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 22pt; 
	COLOR: #026; 
	FONT-FAMILY: arial
}
/* SUATFR-473: Changed to lowercase and updated font-size from 18pt to 19.5px and color from #026 to #333333 */
h2 {
	font-weight: 700; 
	font-size: 19.5px; 
	color: #333333; 
	font-family: Arial, Verdana;
        line-height: 1.238095;
        margin-bottom: 4px;
}

H3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14pt; 
	COLOR: #026; 
	FONT-FAMILY: 
	arial, sans-serif
}
H4 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12pt; 
	COLOR: #026; 
	FONT-FAMILY: arial
}

/* Copied from Ted's SUA List page... */
LABEL {
	FONT-WEIGHT: bold; 
        FLOAT: left; 
        COLOR: #026; 
        FONT-SIZE: 8pt;
        FONT-FAMILY: arial; 
       /* FONT-VARIANT: small-caps*/
}
LABEL.airports {
	    FONT-WEIGHT: bold; 
        FLOAT: right; 
        FONT-SIZE: 9pt;
        COLOR: #026; 
        FONT-FAMILY: arial; 
        
}
LABEL.norm {
	    FONT-WEIGHT: bold; 
        FLOAT: left; 
        FONT-SIZE: 8pt;
        COLOR: #026; 
        FONT-FAMILY: arial; 
        
}
LABEL.disabled {
	FONT-WEIGHT: bold;
        FLOAT: left; 
        COLOR: GRAY;
        FONT-SIZE: 8pt;
        FONT-FAMILY: arial; 
        
}
LABEL.Active {
	    FONT-WEIGHT: bold; 
        FLOAT: left; 
        COLOR: red;
        FONT-SIZE: 8pt;
        FONT-FAMILY: arial; 
        
}
LABEL.c1hour {
	    FONT-WEIGHT: bold; 
        FLOAT: left; 
        COLOR: #f90; 
        FONT-FAMILY: arial; 
        FONT-SIZE: 8pt;
}
LABEL.c1h2h {
	    FONT-WEIGHT: bold; 
        FLOAT: left; 
        COLOR: #ff0; 
        FONT-FAMILY: 
        arial, sans-serif;
        FONT-SIZE: 8pt;
}
LABEL.c2h4h {
	    FONT-WEIGHT: bold; 
        FLOAT: left; 
        COLOR: #090; 
        FONT-FAMILY: arial; 
        FONT-SIZE: 8pt;
}
LABEL.c4h8h {
	    FONT-WEIGHT: bold; 
        FLOAT: left; 
        COLOR: #099; 
        FONT-FAMILY: arial; 
        FONT-SIZE: 8pt;
}
LABEL.c8h24h {
	FONT-WEIGHT: bold; 
        FLOAT: left; 
        COLOR: #606; 
        FONT-FAMILY: arial; 
        FONT-SIZE: 8pt;
}
LABEL.NotScheduled {
	   FONT-WEIGHT: bold; 
        FLOAT: left; 
        COLOR: #666; 
        FONT-FAMILY: arial; 
        FONT-SIZE: 8pt;
}

FORM { margin-bottom: 0; } /* prevent IE from padding forms */

.homeTabDiv {
       width: 918px;
       border: 4px solid #ffffff;
       FONT-WEIGHT: bold; 
       FONT-SIZE: 10px; 
       COLOR: #026; 
       FONT-FAMILY: arial; 
       background:#f4f4d5
}
.hometxt { 
        FONT-WEIGHT: bold; 
        FONT-SIZE: 9pt; 
        COLOR: #026; 
        FONT-FAMILY: arial; 
        TEXT-ALIGN: left;
        BACKGROUND:#f4f4d5
}

.oddrow {
	BACKGROUND: #e2e2e2       
}
.tableHeader {
	BACKGROUND: #026;
        /*FONT-WEIGHT: bold; 
        FONT-SIZE: 10pt; 
        COLOR: #026; 
        FONT-FAMILY: arial, sans-serif; 
        TEXT-ALIGN: center*/
}
.evenrow {
	BACKGROUND: #f2f2f2
}
.selectedbg {
	BACKGROUND: #8ce /* was #8cd */
}
.tabbody {
	  /* BACKGROUND: #e2e2e2 */
      /* BACKGROUND:#b7db94*/
         BACKGROUND:#8ce;
       /*  Height:100%;*/
        }
.tabalign {
	/*position: relative;*/
        bottom: 0px
}
.mapbox {
         position: relative; 
         width: 734px; 
         top: 2px; 
         height: 534px;
         BORDER-TOP: #026 2px solid; 
         BORDER-RIGHT: #026 2px solid; 
         BORDER-LEFT: #026 2px solid;  
         BORDER-BOTTOM: #026 2px solid;
         COLOR: #026; 
         BACKGROUND: #bdf; 
}
.formbox { 
        width: 260px; 
        height: 606px; 
        top: 2px; 
        position: relative;
        BORDER-RIGHT: #026 2px solid; 
        BORDER-TOP: #026 2px solid; 
        BACKGROUND: #bdf; 
        BORDER-LEFT: #026 2px solid; 
        COLOR: #026; 
        BORDER-BOTTOM: #026 2px solid;
        /*overflow: auto;*/
}
.navbar { 
        position: relative; 
        height: 61px; 
        width: 734px; 
        BORDER-RIGHT: #026 2px solid; 
        BORDER-TOP: #026 2px solid; 
        BACKGROUND: #bdf; 
        BORDER-LEFT: #026 2px solid; 
        COLOR: #026; 
        BORDER-BOTTOM: #026 2px solid
}
.toolbutton {  
        border: #026 1px solid;
	position: relative;
        top: 4px;
       
}
.toolbuttonOn {  
        border: #ffc600 1px solid;
	position: relative;
        top: 4px;
       
}

.notselectedbg {
	BACKGROUND: #fff
}
a.sortLink {	
        FONT-WEIGHT: bold; 
        FONT-SIZE: 10pt; 
        CURSOR: hand; 
        FONT-FAMILY: arial; 
        BACKGROUND-COLOR: transparent; 
        TEXT-DECORATION: underline
}
        /*COLOR: #026;*/
a.sortLink:Hover {
	COLOR: RED;
}
a.topbluebar {
        FONT-FAMILY: Arial;	
        color: white;	
        font-size: 8pt;	
        text-decoration: none;	
        font-weight: 500;	
        background-color :transparent;
}
a.topbluebar:hover {
        
        text-decoration: underline;
        color: white;
       	
}
a.topbluebar:active {
	font-weight: bold; 
        text-decoration: underline;
}	
a.toporangebar {
        FONT-FAMILY: Arial;	
        color: black;	
        font-size: 8pt;	
        text-decoration: none;	
        font-weight: 500;	
        background-color :transparent;
}
a.toporangebar:hover { 
        text-decoration: underline;
         color: black;	        
}
a.lightbtn {
        FONT-FAMILY: Arial;	
        color: #002266;	
        font-size: 9pt;	
        text-decoration: none;	
        font-weight: bold;	
        background-color :transparent;
}
a.lightbtn:hover {
        color: #ffc600;	        
}
a.bluebtn {
        FONT-FAMILY: Arial;	
        color: white;	
        font-size: 9pt;	
        text-decoration: none;	
        font-weight: bold;	
        background-color :transparent;
}
a.bluebtnsmall {
        FONT-FAMILY: Arial;	
        color: white;	
        font-size: 8pt;	
        text-decoration: none;	
        font-weight: bold;	
        background-color :transparent;
}
a.bluebtn:hover {
        color: #ffc600;	       
}
a.bluebtnsmall:hover {
        color: #ffc600;	       
}
a.listheader {
        FONT-FAMILY: Arial;	
        color: white;	
        font-size: 10pt;	
        text-decoration: underline;	
        font-weight: bold;	
        background-color :transparent;
}
a.listheader:hover {   
        color: #ffc600;	       
}
/* SUATFR-473: Changed color from blue to match faa.gov */
a {
	text-decoration: underline;
	color: #2353ba;
}

/* SUATFR-473: Changed link hover color from red to dark blue to match faa.gov */
a:hover {
	text-decoration: none;
	color: #003e7e;
	background-color : transparent;
}
/* SUATFR-473: Added link focus color to match faa.gov */
a:focus {
	color: #003e7e;
}

/*
a:visited{
	text-decoration: none;
	color: #606;
	background-color : transparent;
}
a:active {
	color:	#000;
	background-color: transparent;
}*/
.listtext {
	FONT-WEIGHT: normal; 
        FONT-SIZE: medium; 
        COLOR: #026; 
        FONT-FAMILY: arial; 
        FONT-VARIANT: small-caps
}

.nolinkheader {
        FONT-WEIGHT: bold; 
        FONT-SIZE: 10pt; 
        BACKGROUND: #026; 
        COLOR: white; 
        FONT-FAMILY: arial; 
        TEXT-ALIGN: center
}
.disclaim {
	FONT-WEIGHT: 500; 
        FONT-SIZE: 8pt; 
        COLOR: red; 
        FONT-FAMILY: arial; 
        TEXT-ALIGN: center
}
.motdred {
	FONT-WEIGHT: BOLD; 
        FONT-SIZE: 10pt; 
        COLOR: red; 
        FONT-FAMILY: arial; 
        TEXT-ALIGN: center
}
.motdgreen {
	FONT-WEIGHT: BOLD; 
        FONT-SIZE: 10pt; 
        COLOR: green; 
        FONT-FAMILY: arial; 
        TEXT-ALIGN: center
}
.motdnorm {
	FONT-WEIGHT: BOLD; 
        FONT-SIZE: 10pt; 
        COLOR: #026; 
        FONT-FAMILY: arial; 
        TEXT-ALIGN: center
}

.ckbox {
	FLOAT: left
}
.timehead {
	FONT-WEIGHT: 500; 
        FONT-SIZE: 9pt; 
        COLOR: green; 
        FONT-FAMILY: arial; 
       /*FONT-VARIANT: small-caps*/
}
.formnote {
	FONT-WEIGHT: 500; 
        FONT-SIZE: 8pt; 
        COLOR: #026; 
        FONT-FAMILY: arial; 
        /*FONT-VARIANT: small-caps*/
}

.text {
	COLOR: #026; 
        FONT-FAMILY: arial
}

/*airport form box*/
.aptbox { 
        position: relative; 
        top:2px;
        bottom:2px;
        margin: 0px;
	BORDER-RIGHT: #026 2px solid; 
        BORDER-TOP: #026 2px solid; 
        BACKGROUND: #bdf; 
        BORDER-LEFT: #026 2px solid; 
        COLOR: #026; 
        BORDER-BOTTOM: #026 2px solid;
        height:600px;
        width:740px;
        
}
.aptformbox {
         position: relative; 
         top: 2px;
         bottom:2px;
         margin: 0px;
         height: 600px;
         width: 250px;
         BORDER-RIGHT: #026 2px solid; 
         BORDER-TOP: #026 2px solid; 
         BACKGROUND: #bdf; 
         BORDER-LEFT: #026 2px solid; 
         COLOR: #026; 
         BORDER-BOTTOM: #026 2px solid
}
.aptformtxt { 
        position: relative; 
        FONT-WEIGHT: 500; 
        FONT-SIZE: 9pt; 
        COLOR: #026; 
        FONT-FAMILY: arial; 
        TEXT-ALIGN: left;
}
FIELDSET { 
       /*  margin: 5px;*/
        BORDER-RIGHT: #026 1px solid; 
        BORDER-TOP: #026 1px solid; 
        BACKGROUND: #cccccc; 
        BORDER-LEFT: #026 1px solid; 
        COLOR: #026; 
        BORDER-BOTTOM: #026 1px solid
}
.borderFIELDSET { 
       /*  margin: 5px;*/
        BORDER-RIGHT: #026 1px solid; 
        BORDER-TOP: #026 1px solid; 
        BACKGROUND: #bdf; 
        BORDER-LEFT: #026 1px solid; 
        COLOR: #026; 
        BORDER-BOTTOM: #026 1px solid
}

LEGEND {
	FONT-WEIGHT: bold;
        /*BACKGROUND: #8cd;*/
        COLOR: #026;  
        Font-Size:9pt;
        FONT-FAMILY: arial
}

TABLE { 
        BORDER-RIGHT: #026 0px solid; 
        BORDER-TOP: #026 0px solid;  
        BORDER-LEFT: #026 0px solid;  
        BORDER-BOTTOM: #026 0px solid;

}

/**** Inline STYLE-tag style sheet ****/
#infowindowdv{
        position: absolute;
        width: 150px;
        border: grey 1px solid;
        padding: 2px;
        background-color: #DFDFDF;
        visibility: hidden;
        font-size:9pt;
        z-index: 100;
}

/* added on May 22 2006 for accordion display by Alan He */
.navblockOut {
	BACKGROUND-COLOR: #6699cc; FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: Tahoma, Verdana, helvetica, sans-serif; TEXT-DECORATION: none
}
.navblockOut A {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: Tahoma, Verdana, helvetica, sans-serif; TEXT-DECORATION: none
}
.navsideborder {
	BORDER-RIGHT: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 1px solid;
}
.stdBorder {
	BACKGROUND-COLOR: black
}
.nav-searchLayer {
	COLOR: black; BACKGROUND-COLOR: #cccccc
}
.pan-icon {
	background-image: url("../images/cursor.png") !important;
}
.zoom-icon {
    background-image: url("../images/zoom_in.png") !important;
}
.chart-line-icon {
   background-image: url("../images/ruler.png") !important;
}
.chart-bar-icon {
   background-image:url("../images/ruler_square.png") !important;
}
.help-icon {
   background-image:url("../images/help.gif") !important;	
}
/* Add some styles from ext-all.css from extjs 3.0 RC for IE issues */
.ext-ie .x-menu-item-icon {
    left: -24px;
}
.ext-ie6 .x-menu-item-icon {
    left: -24px;
}
.ext-ie .x-menu-item-icon {
    vertical-align: middle;
}
.ext-gecko .x-menu-item-icon {
	left: 3px;	
}
.faaorder {
	position: absolute;	
	left: 735px;	
	z-index: 1;
	white-space: nowrap;	
}
.left-sidebar {
	float: left;	
}
.right-sidebar {
	float: right;
}
/* SUATFR-533: Reduced checkbox height from 15 to 13 to accommodate increased spacing in EDGE mode */
.ext-ie .x-chkbox {
	font-size: 8pt;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 13px;
}
.mtbar {
	height: 50px;
	z-index: 200;
}
.btn-icon {
	width: 40px;
	height: 40px;
}
.x-find-img {
	background-image:url('../images/find.png');
}
.x-greater-then-img {
	/*background-image:url('../images/greater_then.png'); SUATFR-421*/
	background-image:url('../images/greater_than_or_equal_to_16x16.png');
}
.x-less-then-img {
	/*background-image:url('../images/less_then.png'); SUATFR-421 */
	background-image:url('../images/less_than_or_equal_to_16x16.png');
}
.x-equals-img {
	background-image:url('../images/equals.png');
}
.x-grid3-scroller {
	height: 433px;
}
.autoRefresh {
	color: #44516F;
	vertical-align: center;	
	FONT-FAMILY: Arial;	        
    font-size: 8pt;	
    text-decoration: none;	
    font-weight: 500;
}

.x-form-field {
	font-family: Arial, Verdana;  
    font-size: 10px;  
}

.olMarkerLabel {  
	/* 12/17/2013 Michael Kurtser  SUATFR-409 */
	color: black;
	font-weight: bold;
}

.x-grid3-row-expander-hide {
	display: none;
}
.is-new {
	color: red;
	FONT-WEIGHT: bold;
}
/* SUATFR-485: Set background for main panel to white so background image is not inherited 
   from html/body and clear out border/margin inherited from body styling. Also
   set text styling to values that were previously in widthControl style  */ 
#panelCanvas {
        background-color: #FFFFFF;
        border-style: none;
        margin: 0px; 
        text-align: left;  
        font-family: Arial, Verdana;
        font-size: 10pt;
}

/* SUATFR-485: Changed width from 940px to auto and added repeating header_bg_repeat.png image in case window is expanded */
#head {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;	
	background-image: url(../images/header_bg.png), url(../images/header_bg_repeat.png);
	background-position: left, right;
	background-repeat: no-repeat, repeat;
	height:91px;
	position:relative;
	width:auto;
	z-index:10;
}
/* SUATFR-485: Changed overflow to auto, removed position:absolute, and changed right:0 to text-align:right */
#topNav {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	/*float:right;
	position:relative;
	width:250px; */	
	height:30px;
	overflow:auto;
	/*position:absolute;*/
	top:0;
	text-align:right;
	z-index:10;
	padding-right: 10px;
}
/* SUATFR-485: Changed overflow to auto */
#topNav a {
	color:#44516F;	
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	height:30px;
	line-height:30px;
	overflow:auto;
	padding:0 4px;
}
/* SUATFR-473: Changed border-top to blue bar, height from 80px to 137px, and padding top from 23px to 29px */
/* SUATFR-485: Changed width from 940px to auto */
/* SUATFR-485: Changed overflow from hidden to auto */
#footer {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/footer_matrix.png) repeat-x scroll left top;
        border-top: 4px solid #00264d;
	clear:both;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
        font-weight: 400px;
	height:137px;
	margin:0;
	overflow:auto;
	padding:29px 0 10px;
	position:relative;
	width:auto;
        line-height: 1.5;
}
/* SUATFR-485: Added new div and styling to center footer table on page correctly */
#footerTable {
        margin-left: 10%;
        margin-right: 10%;
}
/* SUATFR-473: Added goldBar style to use in div above footer per faa.gov */
.goldBar {
	border-top:6px solid #937206;
}

.x-menu-list-item {
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-align:left;
	white-space:nowrap;
}
.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
   font-family:arial,tahoma,helvetica,sans-serif;
   font-size:10pt;
   font-size-adjust:none;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:normal;
}
/* SUATFR-522: Override to ExtJS ComboBox parent div width so trigger button appears on right side */
.x-form-field-wrap{width: 365px !important;}

#logoLink {
	display:block;
	height:70px;
	left:12px;
	position:absolute;
	text-indent:-9999px;
	top:16px;
	width:188px;
}
.olControlLoadingPanel {
    /*background-image:url("../images/loading.gif");*/
    background-position:center;
    background-repeat:no-repeat;
    z-index: 9999;
}

/* SUATFR-552: Mouse Position control now defaults to top-right and gray instead of red. Adjust */
.ol-mouse-position {
    top: 465px;
    font-size: 9pt;
    color: red;
    right: 3px;
}

/* SUATFR-552: OpenLayers no longer has built-in permalink so style here */
#permalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
}

#permalink a {
    font-family: Arial, Verdana;
    font-size: 11.1111px;
    color: #2353ba;
    text-decoration: underline;
}

/* SUATFR-552: Added new ScaleLine styling */
.ol-km-scale-line {
    background: var(--ol-partial-background-color);
    border-radius: 4px;
    bottom: 20px;
    left: 8px;
    position: absolute;
}
.ol-km-scale-line-inner {
    border: 2px solid black;
    border-top: none;
    color: var(--ol-foreground-color);
    font-size: 10px;
    text-align: center;
    will-change: contents, width;
    transition: all 0.25s;
}
.ol-nmi-scale-line {
    background: var(--ol-partial-background-color);
    border-radius: 4px;
    bottom: 8px;
    left: 8px;
    position: absolute;
}
.ol-nmi-scale-line-inner {
    border: 2px solid black;
    border-bottom: none;
    color: var(--ol-foreground-color);
    font-size: 10px;
    text-align: center;
    will-change: contents, width;
    transition: all 0.25s;
}

/* SUATFR-552: Custom styling for schedule hover-over popup */ 
.ol-popup {
    position: absolute;
    background-color: #bcd2ee;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 100px;
    font-size: 1em;
    font-weight: bold;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

/* SUATFR-552: Styling for measurement tools */
.ol-tooltip {
    position: relative;
    background: rgba(0, 0, 139, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
    font-size: 12px;
    cursor: default;
    user-select: none;
}
.ol-tooltip-measure {
    opacity: 1;
    font-weight: bold;
}
.ol-tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}
.ol-tooltip-measure:before,
.ol-tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}
.ol-tooltip-static:before {
    border-top-color: #ffcc33;
}

/* SUATFR-482: System Banner will be a modal dialog so we can use custom I Agree button */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  height: auto;
  overflow: auto; /* Enable scroll if needed */
}

/* SUATFR-482: System Banner styling */
#systemBanner {
  background-image: linear-gradient(white, #B9CDE5);
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 10%;
  margin-bottom: 10%;
  padding: 20px;
  border: 1px solid #9EB9DA;
  box-shadow: 5px 5px #A4A4A4;
  font-size: 12pt;
  text-align: left;
}