html { 
	height: 100%;
}

body {
	height: 100%; 
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

#map_canvas { height: 100% }

.boldblack
{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.font12px
{
	font-size:12px;
}

.boldred
{
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.boldblue
{
	color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.boldcyan
{
	color: aqua;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.boldyellow
{
	
	color: yellow;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.boldorange
{
	color: orange;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	
}

.normalorange
{
	color: orange;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
	
}


.boldgreen
{
	color: orange;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	
}

			
.whitelink {COLOR: #FFFFFF; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; cursor:pointer;}
a:link.whitelink {color : #FFFFFF;}
a:visited.whitelink {color : #FFFFFF;}
a:active.whitelink {text-decoration: none;}
a:hover.whitelink {text-decoration: underline;}

.navlink {COLOR: #0000FF; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; cursor:pointer;}
a:link.navlink {color : #0000FF;}
a:visited.navlink {color : #0000FF;}
a:active.navlink {text-decoration: none;}
a:hover.navlink {text-decoration: underline;}


.boldblacklink {COLOR:black; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; cursor:pointer;}
a:link.boldblacklink{color:black;}
a:visited.boldblacklink{color:black;}
a:active.boldblacklink{text-decoration: none;}
a:hover.boldblacklink{text-decoration: none;} /* used to be underline */

.blacklink12 {COLOR:black; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor:pointer;}
a:link.blacklink12{color:black;}
a:visited.blacklink12{color:black;}
a:active.blacklink12{text-decoration: none;}
a:hover.blacklink12{text-decoration: underline;} 

	


/* --------------------------------------------------------------------------
   ground item and airborne items, both running, and pausd, for use by the
   links in the aircraft list (usually the tail number gets the link */
.grounditem {COLOR: orange; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bolder; cursor:pointer;}
a:link.grounditem {color : orange;}
a:visited.grounditem {color : orange;}
a:active.grounditem {text-decoration: none;}
a:hover.grounditem {text-decoration: underline;}

.airitem {COLOR: lime; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; cursor:pointer;}
a:link.airitem {color : lime;}
a:visited.airitem {color : lime;}
a:active.airitem {text-decoration: none;}
a:hover.airitem {text-decoration: underline;}

/* paused states for ground items and air items */
.grounditemp {COLOR: gray; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bolder; cursor:pointer;}
a:link.grounditemp {color : gray;}
a:visited.grounditemp {color : gray;}
a:active.grounditemp {text-decoration: none;}
a:hover.grounditemp {text-decoration: underline;}

.airitemp {COLOR: olive; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; cursor:pointer;}
a:link.airitemp {color : olive;}
a:visited.airitemp {color : olive;}
a:active.airitemp {text-decoration: none;}
a:hover.airitemp {text-decoration: underline;}

/* --------------------------------------------------------------------------- */

.aclistitemwhite {COLOR: white; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}
.aclistitemorange {COLOR: orange; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}


/* added for the aircraft list sidebar */
	
/* box is the outermost container for the aircraft list popup */					

.box {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 10px;
	width: 215px;
	max-width: 50%;
	max-height: 300px;

	background:black;
	border: thin black solid;

	margin: 40px 10px 10px auto;
	overflow:auto;
	border: thin white solid; 
	/* display: none; */ /* keep hidden until user activates it */
	display:inline-block;
}


/* bg is a class used for a div inside the box container */
.box .bg{
	background-color: white;
	opacity: 0.3;
/*	height: 70%; removed by stasi to see if box can fill the div */
	width: 100%;
	position: absolute;
}

.box * {
	margin: 0px;
	font-size: 95%;
}

/* wrapper is a class used for a div inside the box container */
.wrapper {

	/* background-color: black; I moved this into BOX */
	/* opacity: 0.7;	 ac
	tivate this line if you want the box to be semi-transparent by default */
	padding: 5px;
	z-index: 0;  /* z-index 2 was making our box block the map controls */
	position: relative;
}


/* this makes the aircraftlist go solid when you hover over it*/
/*
.wrapper:hover {
	opacity: 1;
}
*/


.box h4 {
	display: inline;
	color: white; /* added to make the aircraft list header turn white */
}

/* addd to make the label on the aircraft list checkbox turn white */
.box label {
	color: white;

}

.box label input {
	margin-left: 1ex;
	margin-right: 1px;
}

.box ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid gray;
}

.box li {
	margin: 2px 0px;
	padding: 0px;
	color:white; /* added to make the aircraft list items turn white */
}
.box input {
	position: relative;
	margin-left: -3ex;
	margin-right: 1ex;
	top: 2px;
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}


/* a horizontal line that I can use in the infobox */
hr {
	float:left;
	position:relative;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}



/*****************************************/
/* Classes to support modal dialog boxes */
/*****************************************/

/* This class serves as a background to cover the entire screen with semi=transparent black */
.modalscreencover {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0; 
    top: 0; 
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* This class formats the content for a modalpopup box */
.modalframe {
    border: 1px solid #888;
    
    /* Border radius for Chrome, Webkit and other good browsers */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -border-radius: 5px;
	border-radius:5px 5px 5px 5px;

    background-color: #fefefe;
    padding: 20px;
    
/*	width:300px;
	height:200px;*/
	position:absolute; /* absolute means detach from its surroundings and position based on browser window */
	left:50%; /* this establishes the position at the center, but MARGIN (below) will shift over by half the width and half the height */
	top:50%;
	margin:-100px 0 0 -150px;    /* negative half height, negative half width */
	display:block;
}

.captionbar {

	/* border radius shouuld match the window that this caption is being put onto */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -border-radius: 5px;
	border-radius: 5px 5px 0 0;

	position:absolute;
	top: 0;
	left:0;
	width:100%;
	height:35px;
	background-color:#324b8c;	 /* same as Quick Links */
	vertical-align:middle;
}

.captiontext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:bold;

	color:white;
	float:left;	
	margin-left:10px;
	margin-top:8px;
}

.closebox {
	position:absolute;
	top: 0;
	right:0;
	width:38px;
	height:35px;
	vertical-align:middle;
	background-color:#324b8c;
		
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -border-radius: 5px;
	border-radius: 0 5px 0 0;
	height=100%;
	
	font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
	
    color: #aaa;
    float: right;
	text-align:center;
	
}

.closebox:hover, 
.closebox:focus {
	display:inline;
	color:white;
	background-color:red;
	cursor:pointer;
}


.modalcontent{
	margin: 30px 10px 30px 30px;
	vertical-align:text-top;
}

.modalcontent tr td {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}


.bottombuttons {
	position:absolute;
	bottom:20; /* for items positioned with 'absolute', this makes buttons appear 10 pixels up from the bottom edge */
	right: 10; /* for items positioned with 'absolute', this makes buttons appear 10 pixels away from the right edge */
}

/* blanktable is also for the dialog boxes */

.blanktable {
	border-collapse:collapse;
	border-spacing:0; 
	border-style:none;
	border-bottom:0;
}
.blanktable tr td{
	color: #000000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	color: #4a4a56;	
	text-align:left;
	
	padding:5px 5px 5px 2px;
	border:0;
	background-color:#fff;	 
	border-bottom:0!important;
}

/* login button stuff */

/* The grey-button just puts a box around the text.
   The actual link inside the box is controlled by the surrouding div.
   In the case of the homepage, it's the ".colorbox a" style in default.css */
.blue-button {
	color: #0141a8;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 13px;
	background-color: #0141a8;
	border: solid 1px #222;
	border-radius: 5px;
	font-style: normal;
	font-variant: normal;
	font-size: small;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.whitelink-group {
	color: #ffffff;
}
.whitelink-group a {
	color: #ffffff;
	text-decoration: none;
	outline: none;
	font-weight: bold;

}
.whitelink-group a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.whitelink-group a:active {
	text-decoration: none;
}


.airportdatasep {
	font-size:12px;
	background-color: #E0E0E0;
	color: #666666;
}