/* Header Public Styles */

  .skipnav { text-align: left; }
  .skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
  .skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; } 

#body {margin:0; width:100%; height:100%;}

h4{
 font-size: 24px;	
}

.header
{
	background-image:url(../images/headerBG.png);
	background-repeat:repeat-x;
	height:49px;
	width: 100%;
}


.topnav {
   overflow: hidden;
   background-color: #fff;
   background-image:url(../images/navBG.png);
   height: 43px;
   outline-color:#fff;
}

.topnav a {
  float: left;
  display: block;
  color: #144B76!important;
  text-align: center;
  text-decoration: none;
  font-size:18px;
  font: "Arial Black", Gadget, sans-serif;
  padding: 10px 10px 0 10px;
  margin-left:50px;

}

.topnav a:hover {
   color: #FFF!important;
   background-image:url(../images/hoverBG.png);
   height: 43px;
}

.topnav .active {
   color: #FFF!important;
   background-image:url(../images/hoverBG.png);
   height: 43px;
}


.sideNav {
   float:right;
   background-image:url(../images/navBG.png);
   height: 43px; 
   width: 32%;
   padding-right:4px;
   
}

.sideNav a{
  color: #fff!important;
  font-size: 12px;
  font: "Arial Black", Gadget, sans-serif;
  text-decoration:none;
  background-color:#123c62;
  margin-right: -4.5px;
  padding: 10px;
}

.sideNav a:hover{
	color: #ed921D!important;
}
.sideNav .active{
	color: #ed921D!important;
}

.joinAF{
	float: right;	
  	text-decoration:none;
	font-size: 11px;
	color: #123c62;
	margin-top: -13px;
	margin-right: 5px;
} 

.headerText{
	color: #fff;
font-size:10px;
float:right!important;
margin-top: -60px;
text-align:right; 
  /*float: right;
   color: #fff; font-size:xx-small;
 font-size: 12px;*/
  /*font: "Arial Black", Gadget, sans-serif;
  text-align:right; vertical-align:middle;
  padding-top: 5px;
  padding-right: 5px;
  */
}   

/* Added by AJ on 6/16 */
.solidBG {color:#000!important;background-color:#f1f1f1!important;}
.containerSet{min-width:1300px;margin:auto}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.boxSet{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.boxMargin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.boxWhite{color:#000!important;background-color:#fff!important}
/*.boxContainer{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
*/



/* Footer Public Styles */
#footer{
	background-image:url(../images/footerBG.PNG);
	padding-top: 15px;
	padding-bottom: 15px;
	border: #036 1px solid;
	height:75px; 
	width: 100%;
	/*position:relative;
	top:-200px;*/
}

#footer a{
  font-size:12px;
  font:"Arial Black", "Gadget", sans-serif;
  color: #333;
  text-decoration:none;
}

.fContainer{
width: 13%;
font-size:12px;
font: "Arial Black", Gadget, sans-serif;
color: #333;
text-decoration:none;
float:left;	
margin-top: 5px;
}

.fContainer a:hover{
  color: #ed921D;
}

.footerLogo {
width: 15%;
float:left;	
margin-top: -10px;
}

.footerLogo p {
color: #036;
font-size: 12px;
margin-top:4px;
font-weight:bold;
text-align:center;
}

.HAFinfo{
width: 27%;
float:right;
margin-top:-10px;
height: 95px;
border-left:dashed #333 thin;
	
}

.HAFinfo p{
font-size: 11px;
color: #333;
text-align:center;


}


/* Header Styles */
body { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold ; color: #000066; }
.bypass-nav { visibility: hidden; z-index: 0; }
.build { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6.5pt; color: #B0B0B0; text-align: left; text-indent: 100px; padding-bottom: 2px; }
hr { color:#000099}
a { text-decoration: none;}
a:visited {	color: #900;}
a:hover { color: #F00;}

/* Help Popup Styles */
a.popupWindowTitleLink {Color: #fff; text-decoration: none; text-align:left}
a.popupWindowTitleLink:HOVER {Color: #fff; text-decoration: none; text-align:left}
a.popupConsoleLink, a.popupConsoleLink:HOVER {text-decoration: none; color: #000; }
.popupCloseIcon {margin-top: -5px}

/*#pageframe { width:760px;}*/
#pageframe { width:auto; height:auto; text-align:left }
#header { text-align:left;}
#title { width:616px; float:left;}
.titlewhite, a.titlewhite {font-weight:bold; color:#fff }
a.titlewhite:HOVER {font-weight:bold; color:#fff; text-decoration: underline;}
#primarynav { }
#secondarynav { width:142px; text-align:right; float:left; line-height: 1.5;}
.secondarynav { font-size:10px; color:#990000; text-decoration:none;}
#usaf { width:40px; float:left; vertical-align:bottom;}
#errmsgdiv { height:20px; padding-left: 85px; text-align: left} 
#content { text-align:left; font-size:12px; margin-left:5px; width:710px; float:left; height:auto}
.footer { float:left; font-size:10px; height:30px; }
.clear { clear:both; display:block; height:1px; overflow:hidden; margin:0px; padding:0px;}
#version { font-size: 9px; display:inline; text-align:left; float:left; }

/* Error Styles */
.errorLabel { color: #cc0000 }
.errmsg { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; text-align: center; color: #990000; font-weight: bold; }
.errorField { background-color: #ffcccc }
.grayed { color: #999999 }

/* Work Area Styles */
/* This style reduces extra spacing caused by form tag - Only to be used in header.cfm */
FORM { display: inline; margin-top: 0; margin-bottom: 0; }

#welcome { 
/*	width:275px; 
	border:#000000 solid 1px;
	padding:10px; 
	vertical-align:top; */
	line-height:1.5; 
	position: relative;
	left: 440px;
	top: -460px;
}
#slides { margin-left:10px; width:400px; float:left;}
#popup { font-size:12px; text-align:left;}

.usermsg { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; text-align: center; color: #2E8B57; font-weight: bold; }
#requestnav { text-align:center; font-size: 10px; padding-bottom: 3em; margin-left:25px;}
.requestnav { width: 100px; float:left; border: 1px solid #66A6D5; color:#000066; background-color: #EEF7FF; padding-bottom: 5px; padding-top: 5px; cursor: hand}
.requestnavon { width: 150px; float:left; font-weight: bold; border:#990000 solid 1px; color:#990000; padding-bottom: 5px; padding-top: 5px; }
#printinst { font-size:9.5px; font-weight: bold; color:#900; text-align: left; float:left; width:150px;}
#tracknumber { font-size:9.5px; font-weight: bold; color:#900; text-align: right; float:right; width:150px;}
#required { font-size:9.5px; text-align: right; float:right; width:150px;}
#button { text-align:center; padding-top: 2em;}

/* Form Styles */
#popup fieldset { PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; MARGIN: 1em 0px 0px 0px; PADDING-TOP: 0px; border: #990000 solid 1px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFFF', EndColorStr='#FF99CCFF');}
#popup legend { font-weight: bold;  color: #990000;}

#requestForm fieldset { PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; MARGIN: 1em 0px 0px 0px; PADDING-TOP: 0px; border: #990000 solid 1px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFFF', EndColorStr='#FF99CCFF');}
#requestForm input.button { width: auto; display:inline; padding: 3px 10px 3px 10px; background-color: #99CCFF; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF99CCFF', EndColorStr='#FFFFFFFF'); cursor:hand; m:expression(this.onmouseover =  new Function("this.className = 'buttonbtnhov';"));}
#requestForm input.buttonbtnhov { width: auto; display:inline; padding: 3px 10px 3px 10px; background-color: #FF9595; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFF9595', EndColorStr='#FFFFFFFF'); cursor:hand; m:expression(this.onmouseout =  new Function("this.className = 'button';"));}
#requestForm fieldset.checkbox INPUT { CLEAR: both; FLOAT: left; WIDTH: auto;}
#requestForm fieldset.checkbox LABEL { FONT-WEIGHT: bold; font-size: 12px; MARGIN: 5px 5px 0px 0px;}
#requestForm fieldset.long INPUT { CLEAR: both; FLOAT: left; WIDTH: 30em; }
#requestForm input { DISPLAY: block; WIDTH: 15em;}
#requestForm input.long { DISPLAY: block; WIDTH: 30em;}
#requestForm input.short { DISPLAY: block; WIDTH: 10em;}
#requestForm input.onechar { DISPLAY: block; WIDTH: 2em;}
#requestForm input.popupcal { DISPLAY: inline; WIDTH: 7em;}
#requestForm input.checkbox { CLEAR: both; FLOAT:none; WIDTH: auto; HEIGHT: 13px; display:inline;}/*change the float from left to none */
#requestForm legend { font-weight: bold;  color: #990000;}
#requestForm select { DISPLAY: block;}
#requestForm select.sameline { DISPLAY: inline;}
#requestForm textarea { width: 30em;}
#requestForm span.labelspan { DISPLAY: inline; font-size:10px; FONT-WEIGHT: bold; FLOAT: left; MARGIN: 5px 5px 0px 0px; }
#requestForm span.checkbox { FLOAT: center; font-size:10px; FONT-WEIGHT: bold; MARGIN: 0px 6px 0px 0px; } 
#requestForm span.content { FLOAT: left; MARGIN-RIGHT: .75em; }
#requestForm span.spaced { MARGIN-BOTTOM: 5px; }
#requestForm .firstspan { padding-top: 1em;}
#requestForm span.centeredradio { margin: 22px 0px 0px 40px;}
#requestForm label.checkbox { FLOAT: none; font-size:10px; FONT-WEIGHT: bold; MARGIN: 0px 12px 0px 0px; white-space:nowrap; display:inline; }

#newrequest1 { float:right; font-size:12px; width:450px; display:none;}
#newrequest2 { float:right; font-size:12px; width:450px; display:none;}
#newrequest3 { float:right; font-size:12px; width:450px; display:none;}
.activepublicmenu { color: #330000 }
#exrequest { font-size:12px; width:450px; display:block;}
#findaircraft { text-align:center;}
#findaircraft select { width:150px;}


/* Table Styles */
.tblborder { border:#999 solid 1px;}
.tbltitle { background-color:#990000; color:#FFFFFF; font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:white solid 1px; text-align:center; padding:2px;}
.tblcolhead { background-color:#003399; color:#FFFFFF; font-size:11px; font-weight:bold; border-bottom:#ccc solid 1px; border-right:white solid 1px; padding:2px;}
.tblcolheadend { background-color:#003399; color:#FFFFFF; font-size:11px; font-weight:bold; border-bottom:#ccc solid 1px; padding:2px;}
.tbltext { font-size:10px; border-bottom:#ccc solid 1px; border-right:#ccc solid 1px; padding:2px; background-color: #fff;}
.tbltextend { font-size:10px; border-bottom:#ccc solid 1px; padding:2px; background-color: #fff;}

#findnav { text-align:center; font-size: 10px; padding-bottom: 3em; }
.findnav { width: 100px; height: 60px; float:left; border: 1px solid #66A6D5; color:#000066; cursor: hand; filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=30, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);}
.findnavon { width: 150px; float:left; font-weight: bold; border:#990000 solid 1px; color:#990000; }
:hover.findnav {filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);}

/* Error and help popup styles */
#errorPopup {
	background-color:#fdd;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	width:300px;
}

#errorPopup #PopupTopHandle {
	position:relative;
	background: #900;
	border:2px #FF6600 outset;
	padding:0px;
	font-weight:bold;
	color:#fff;
}

#PopupTopTitle {
	height:18px;
	margin-top:2px;
	margin-left:12px;
}

#PopupTopButtons {
	position:absolute;
	right:4px;
	top:4px;
}

#PopupContent {
	border:2px #E1DAFC outset;	
	border-top:0px #fff inset;	
	padding:10px 10px 10px 10px;
	text-align:justify;
}

#helpPopup {
	background:#ddf;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	width:400px;
}

#helpPopup #PopupTopHandle {
	position:relative;
	background: #009;
	border:2px #0066FF outset;
	padding:0px;
	font-weight:bold;
	color:#fff;
	text-transform: capitalize;
}

.labelspan{
	position:relative;
}

.tool-tip {
	display: none;
	font-weight:bold;
}

#requestForm  input:hover + .tool-tip {
	 display: block;
	 border: 1px solid #000;
	 position: absolute;
	 opacity: 1;
	 background-color: #FFFFFF;
	 padding: 6px;
	 top: 30px;
	 left: 30px;
	 width: 100%;
	 z-index:100;
}


#requestForm  textarea:hover + .tool-tip {
	 display: block;
	 border: 1px solid #000;
	 position: absolute;
	 opacity: 1;
	 background-color: #FFFFFF;
	 padding: 6px;
	 top: 30px;
	 left: 30px;
	 width: 100%;
	 z-index:100;
}

#requestForm  select:hover ~ .tool-tip {
	 
	 display: block;
	 border: 1px solid #000;
	 position: absolute;
	 opacity: 1;
	 background-color: #FFFFFF;
	 padding: 6px;
	 top: 30px;
	 left: 30px;
	 width: 100%;
	 z-index:100;
	 
}

.label-text {
	font-size:10px; 
	font-weight:normal;
}