/*
Original design: Variant Creative (v1.0 - Jan 06, 2011) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-creative/
*/

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Main layout and header */
body {/*background:url(/faa/images/bg.gif) repeat-y top center #2a2a2a;*/ color:#3a3a3a; font:76% Tahoma,Arial,sans-serif; line-height:1.4em; margin:0 auto; padding:0;}
body.modal-active { overflow:hidden }

#wrap {background:#fff; color:#303030; margin:0 auto; padding:0; /*width:980px;*/}
#header {/*background:url(/faa/images/front.jpg) no-repeat top left #2a5a7a;*/ color:#fff; margin:0 0 10px; padding:0;}
#header h1 {font-size:3em; font-weight:400; letter-spacing:-2px; margin:0 0 15px 15px; padding:30px 0 10px; font-family:Georgia,serif; text-align:center;}
#header h1 a,#header h1 a:hover {font-weight:400; padding:0; color:#fff;}
#header p {font-size:1.5em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px; font-family:Georgia,serif; text-align:center;}

/* Left sidebar and menu */
#leftside {clear:left; float:left; margin: 0 10px 5px 10px; padding:0; width:150px;}
#leftside ul.avmenu {list-style:none; margin:0 0 18px; padding:0; width:150px;}
#leftside ul.avmenu li {display:inline; padding:0; width:140px;}
#leftside ul.avmenu li a {/*background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4;*//* border:1px solid #d8d8d8;*/ color:#505050; float:left; font-size:1.0em; font-weight:400; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:150px; /*font-family:Georgia,serif;*/}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background:/*url(/faa/images/menubg2.gif) repeat-x bottom left #eaeaea;*//* border:1px solid #aaa;*/ color:#505050;}
#leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 10px 0; width:137px;}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:127px;}
#leftside ul.avmenu ul ul {font-size:1em; width:124px;}
#leftside ul.avmenu ul ul a {width:112px;}
#leftside h2 {font-size:1.5em; font-weight:400;}
#leftside .announce {position: fixed; bottom: 0; line-height:1.3em; /*margin:10px 0;*/ padding: 10px 0 15px 5px; width: 150px; font-size: 85%; background: #ffffff;}
#leftside p,.announce p {font-size:1em;}

/* Right sidebar */
#extras {float:right; margin: 0 10px 10px 10px; padding:0; width:150px;}
#extras p,#extras ul {line-height:1.4em; margin:0 0 15px; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.5em; font-weight:400; margin:0 0 6px;}

/* Main content */
#content {line-height:1.6em; margin: 0 0 5px 185px; padding:0; text-align:left;}
#content h2 {font-size:2em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0; line-height:125%}
#content h3 {font-size:1.6em; font-weight:400; margin:6px 0; padding:0;}
#content h4 {font-size:1.3em; font-weight:400; margin:3px 0; padding:0;}
#content ul,#content ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol {margin:2px 0 2px 15px;}
#content li {margin:0 0 2px 5px; padding:0 0 0 4px;}

/* Footer */
#footer {/*background:#fff url(/faa/images/footerbg.jpg) top center no-repeat;*/ clear:both; color:#888; font-size:0.9em; margin:0 auto; padding:0; text-align:center; /*width:960px; */ height:86px;}
#footer p {margin:0 auto; padding:20px 0 0; /*width:610px;*/}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* Links and paragraphs */
a {color:#166090; text-decoration:none; font-weight:700;}
a:hover {color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#555; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

.LinkHover {
	display: inline;
}

.LinkHover a:hover {
	background-color: #166090;
	color: #ffffff;
	padding: 2px 0px;
	border-radius: 3px;
	text-decoration: none;
}

/* Header texts */
h2,h3,h4 {font-family:Georgia,serif; font-weight:400;}

/* Images */
#content img {max-width:610px;}
#content img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
#content img.alignright {float:right; margin:5px 0 5px 15px;}
#content img.aligncenter {display:block; margin:10px auto;}
#content img.border {background:#ccc; border:4px solid #f0f0f0; color:#333; padding:1px;}

/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:100%; margin:0 0 16px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(/faa/images/menubg2.gif) repeat-x bottom left #eaeaea; color:#555; font-size:0.9em; padding:7px; text-align:left;}
td {background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}
input,textarea,select {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {/*margin:2px 0 2px 0; font-size:1.2em;*/}
input {/*width:200px;*/}
textarea {width:400px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#555; font-size:0.9em; padding:4px; width:116px;}

/* Additional classes */
.announce h2 {margin:0 0 10px; padding:0;}
.announce p {margin:0 0 5px 0;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#555; font-weight:400; font-size:1.0em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px; white-space: nowrap;}
.button.Blue {background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid blue; border-left:4px solid blue; border-right:1px solid blue; border-top:1px solid blue; color:blue; font-weight:400; font-size:1.0em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px; font-weight: bold; white-space: nowrap;}
.button.Red {background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid red; border-left:4px solid red; border-right:1px solid red; border-top:1px solid red; color:red; font-weight:400; font-size:1.0em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px; font-weight: bold; white-space: nowrap;}
.tab {background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4; border-left:1px solid #d8d8d8; border-bottom:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#555; font-weight: bold; font-size:0.8em; margin:0 0 15px; padding:4px 4px 4px 4px; width:120px; white-space: nowrap;}
.tabon {background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4; border-left:1px solid blue; border-bottom:4px solid blue; border-right:1px solid blue; border-top:1px solid blue; color:blue; font-weight: bold; font-size:0.8em; margin:0 0 15px; padding:4px 4px 4px 4px; width:120px; white-space: nowrap;}
.tab2 {
	background:url(/faa/images/menubg.gif) repeat-x bottom left #f4f4f4;
	border-left:1px solid #d8d8d8;
	border-bottom:4px solid #ccc;
	border-right:1px solid #d8d8d8;
	border-top:1px solid #d8d8d8;
	color:#555;
	font-weight: bold;
	font-size:0.8em;
	margin:0 0 15px;
	padding:4px 4px 4px 4px;
	/*width:120px;*/
	text-align: center;
	vertical-align: middle;
	line-height: 1.3em;
	height: 40px;
	white-space: nowrap;
}
.tab2on {
	background: #e7e7fe;
	border-left:1px solid blue; 
	border-bottom:4px solid blue; 
	border-right:1px solid blue; 
	border-top:1px solid blue; 
	color:blue; 
	font-weight: bold; 
	font-size:0.8em; 
	margin:0 0 15px; 
	padding:4px 4px 4px 4px; 
	/*width:120px;*/
	text-align: center;
	vertical-align: middle;
	line-height: 1.3em;
	height: 40px;
	white-space: nowrap;
}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.statushangingindent { padding-left: 17px; text-indent: -17px; }

/* 2-column adjustments */
/*.twocolumns #header {background:url(/faa/images/header_bg_2024.png) no-repeat top left #15471b; height: 75px; background-size: 532px 75px; }*/
.twocolumns #header {background:url(/faa/images/header_bg_2024_grey.png) no-repeat top left #cccccc; height: 60px; background-size: 426px 60px; }
.twocolumns #content {margin: 0px 0px 20px 185px; padding: 0 20px 0 10px;}
.twocolumns #footer {/*background:#fff url(/faa/images/footerbg-2columns.jpg) top center no-repeat;*/}
.twocolumns #footer p {/*width:765px; */margin-left:175px;}

	#CloseModal {
		text-align: center;
		margin-right: 2%;
		background: rgb(255, 255, 255) none repeat scroll 0% 0%;
		display: block;
		border: 1px solid rgb(0, 0, 0);
		width: 30%;
    height: 31px;
		margin-top: 10px;
		padding-top: 5px;
		float: right;
		-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);	
		box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    z-index:9998;
	}
	
	#CloseModal a, #CloseModal a:hover {
	  text-decoration: none;
	  font: 14px Verdana, Arial, Helvetica, sans-serif;
	  font-weight: 600;
	  text-transform: uppercase;
	  color: rgba(0, 0, 0, 0.7);
		padding: 5px 40% 5px 40%;
	}

	#CloseModal a:hover {
	  color: rgba(0, 39, 255, 0.83);
	}
	
  #ModalContainer {
    display:none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    background: rgba(0, 0, 0, 0.5);
    z-index:9999;
  }
      
  #Modal {
    display: block;
    width: 96%;
    height: 90%;
    border: 1px solid black;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -48%;
		overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
    
  #ModalFrame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0px;
    position: absolute;
  }
	
  #ReportModalContainer {
    display:none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    background: rgba(0, 0, 0, 0.5);
    z-index:9999;
  }
      
  #ReportModal {
    display: block;
    width: 96%;
    height: 90%;
    border: 1px solid black;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -48%;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
    
  #ReportModalFrame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0px;
    position: absolute;
  }

  .ContentModalContainer {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    background: rgba(0, 0, 0, 0.5);
    z-index:9999;
  }
      
  .ContentModal {
    display: block;
    width: 80%;
    /*height: 30%;*/
    min-width: 400px;
    min-height: 200px;
    /*border: 1px solid black;*/
    background: #FFFFFF;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 20%;
    left: 30%;
    margin-left: -20%;
    padding: 20px;
    max-height: 60%;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .ContentModalContainer {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    background: rgba(0, 0, 0, 0.5);
    z-index:9999;
  }      

  #VideoModalContainer {
    display:none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.5);
    z-index:9999;
  }
      
  #VideoModal {
    display: block;
    width: 90%;
    height: 90%;
    border: 1px solid black;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50px;
    left: 45%;
    margin-left: -40%;
  }
    
  #VideoModaliFrame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0px;
    position: absolute;
  }
  
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /*float: right;*/
  /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

.tooltip_image {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  bottom: 130%;
  left: 50%;
  margin-left: -150px; /* Use half of the width (120/2 = 60), to center the tooltip */
		
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 10px 10px;
  border-radius: 6px;
	font-size: 110%;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
	
  opacity: 0;
  transition: opacity 1s;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  opacity: 1;
}