.tooltip {
          		background-color:#E0E0E0;
          		border:1px #ff0000 solid;
          		/* for IE */
			filter:alpha(opacity=90);
			/* CSS3 standard */
			opacity:0.90;
			padding:5px 5px 5px 5px;
			font-family:"Courier New",Monospace;
			color:#000000;
          		font-size:11px;
			}



		/* main types of titles and headlines.  */
		
				.vatviewtitle {
				white-space: nowrap; 
				/*font-family:"Courier New",Monospace;*/
				font-family:"Garamond",Monospace;
				color:#EEEEEE;
					font-size:22px;
					position:absolute;
					left:15px;
					top:13px;
						}
						
				.vatviewversion {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				/*font-family:"Garamond",Monospace;*/
				color: #EEEEEE;
					font-size:15px;
					position:absolute;
					left:118px;
					top:19px;
					}

				.vatviewheadline {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				/*font-family:"Garamond",Monospace;*/
				color: #FFCC66;
					font-size:15px;
					position:absolute;
					left:200px;
					top:19px;
					}

				.vatviewupdate {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				/*font-family:"Garamond",Monospace;*/
				color: #EEEEEE;
					font-size:10px;
					position:absolute;
					right:5px;
					top:60px;
					}

				.vatviewnavigation {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				color: #FFCC66;
					font-size:11px;
					position:absolute;
					right:0px;
					top:19px;
				}



				.vatviewsubtitle {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				/*font-family:"Garamond",Monospace;*/
				color: #EEEEEE;
					font-size:15px;
					position:absolute;
					left:17px;
					top:55px;
						}

				.vatviewsubsub {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				/*font-family:"Times",Monospace;*/
				color: #EEEEEE;
					font-size:20px;
					/*font-weight:bolder;*/
					position:absolute;
					left:40px;
					top:85px;
						}

				.vatviewcontent {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				color: #EEEEEE;
					font-size:12px;
					position:absolute;
					left:40px;
					top:85px;
				}


				.vatviewcontent1 {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				color: #EEEEEE;
					font-size:12px;
					position:absolute;
					left:40px;
					top:120px;
					height:160px;
					width:360px;
					border-width:5px; 
					border-style:solid;
					border-color:#777777;
				}

				.vatviewcontent2 {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				color: #EEEEEE;
					font-size:12px;
					position:absolute;
					left:40px;
					top:300px;
					width:360px;
					border-width:5px; 
					border-style:solid;
					border-color:#777777;
				}

				.vatviewcontent3 {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				color: #EEEEEE;
					font-size:12px;
					position:absolute;
					left:440px;
					right:30px;
					top:120px;
					height:400px;
					border-width:5px; 
					border-style:solid;
					border-color:#777777;
				}

				.vatviewlegend {
				white-space: nowrap; 
				font-family:"Courier New",Monospace;
				color: #EEEEEE;
					font-size:12px;
					position:fixed;
					left:0px;
					bottom:10px;
				}






		/* table to show the legend. */

				table.legend {
				    border-spacing: 0px;
				    border-collapse: collapse;
				    background-color: #888888;
				    border: 5px solid #888888;
				}
				table.legend td {
				    text-align: left;
				    vertical-align: top;
				    border-left: 1px solid #EEEEEE;
				    padding: 0.1em 0.5em;
				    font-family: "Garamond", Monospace;
				    color: #EEEEEE;
				    font-size: 12px;
				}

		
		
		/* nav table */

				table.navtable {
				    border-spacing: 0px;
				    border-collapse: collapse;
				   /* background-color: #AAAAAA;*/
				    /*border: 5px solid #888888;*/
				}
				table.navtable td {
				    text-align: left;
				    vertical-align: top;
				    border-left: 1px solid #FFCC66;
				    padding: 0.1em 0.5em;
				    font-family:"Courier New",Monospace;
				    color: #FFCC66;
					font-size:11px;
				}



		/* nav table */

				table.contenttable {
				    border-spacing: 0px;
				    border-collapse: collapse;
				   /* background-color: #AAAAAA;*/
				    border: 5px solid #888888;
				}
				table.contenttable td {
				    text-align: left;
				    vertical-align: top;
				    border-left: 1px solid #EEEEEE;
				    padding: 0.1em 0.5em;
				    font-family: "Garamond", Monospace;
				    color: #EEEEEE;
				    font-size: 12px;
				}
		
		


		/*  table to display data in rows.  */

				table.displayall {
				    border-spacing: 0px;
				    border-collapse: collapse;
				   /* background-color: #AAAAAA;*/
				    border: 5px solid #888888;
				}
				table.displayall td {
				    text-align: left;
				    vertical-align: top;
				   /* border-left: 1px solid #EEEEEE;*/
				    padding: 0.5em 0.7em;
				    font-family: "Courier New", Monospace;
				    color: #EEEEEE;
				    font-size: 11px;
				}


				table.displayall tr.header td {
				border-bottom: 2px solid #EEEEEE;
				    /*text-align:center;*/
				    font-weight:bolder;
				}

				table.displayall tr.d0 td {
				    background-color: #999999;
				}

				table.displayall tr.d1 td {
				    background-color: #888888;
				}
				
				table.displayall tr.highlight td {
				    background-color: #3d334e;
				}

				table.displayall td.numerictd {
				  text-align:right;
				}
		

		/*  table to display data in detail.  */

				table.detail {
				    border-spacing: 0px;
				    border-collapse: collapse;
				   /* background-color: #AAAAAA;*/
				   /* border: 5px solid #777777;*/
				}
				table.detail td {
				    text-align: left;
				    vertical-align: top;
				   /* border-left: 1px solid #EEEEEE;*/
				    padding: 0.5em 0.7em;
				    font-family: "Courier New", Monospace;
				    color: #EEEEEE;
				    font-size: 11px;
				}


				table.detail tr.header td {
				border-bottom: 2px solid #777777;
				    /*text-align:center;*/
				    font-weight:bolder;
				    font-size:12px;
				}

				table.detail tr.d0 td {
				    background-color: #999999;
				}

				table.detail tr.d1 td {
				    background-color: #888888;
				}

				table.detail td.numerictd {
				  text-align:right;
				}
			
		
		
		/* anchor types  */

				a.a1{
				color:#EEEEEE;
				text-decoration:none;
				}
				a.a2{
				color:#EEEEEE;
				text-decoration:underline;
				}
				a.a3{
				color:#FFCC66;
				text-decoration:none;
				}

		img 		{
				border:none;
				}
		
		hr		{
				height:1px;
				width:100%;
				background-color:#FFCC66;
				color:#FFCC66;
				border:0;
				} 

		.sephr 		{
				white-space: nowrap; 
				position:absolute;
				left:0px;
				top:30px;
				height:2px;
				width:100%;
				}
				
				
		body 		{
				background-color:#888888;
				font-size:11px;
				color:#EEEEEE;
				}
				
				
				
		/*  this section is for flight detail screen for pilots */