/* $Id: enf.css,v 1.35 2008/02/04 15:15:01 wendell Exp $
   Copyright (C) enflight.com; All rights reserved. */

/* 00c -> 0e0 */

/* Current Release */
body {  background: #FFF; 
	font-family: san-serif,arial,"Microsoft Sans Serif"; font-size: 12px;
}

/* Prior Release
body {  background: #FFF; 
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
*/

/* Original

body {
	color: #88888A;
	background: #E3E3E6 url(../images/img01.gif) repeat-x; 
	font-family: sans-serif; font-size: small;
}
*/

tt	{ font-size: medium }
pre	{ font-size: small }
td	{ vertical-align: top }
th	{ vertical-align: top }
dl	{ margin-top: 0; margin-bottom: 4px }
a:link, a:active, a:hover, a:visited	{ color: blue }

.small		{ font-size: x-small } 
td.small	{ font-size: x-small } 
p.small		{ font-size: x-small } 

.cr	{ text-align: center; font-size: x-small; border: solid black;
	  border-width: thin 0 0 0; margin: 6px 0 0 0; padding: 6px 0 0 0;clear:both; }
	  /* copyright */


/* @media print {
th		{ font-size: 10pt }
tr		{ font-size: 10pt }
td		{ font-size: 10pt }
ol		{ font-size: 10pt }
ul		{ font-size: 10pt }
li		{ font-size: 10pt }
p		{ font-size: 10pt }
dt		{ font-size: 10pt }
dd		{ font-size: 10pt }
h1		{ font-size: 20pt; color: #00c } 
h2		{ font-size: 16pt; color: #00c }
} */

p.status	{ background: #fff none; color: #00f; font-size: medium } 
.error		{ background: #fff none; color: #c00 }
.info		{ background: #fff none; color: #00a; text-align: center }
.center		{ text-align: center }

/* first menu bar */
.m1					{ background: none; color: #dadada; font-size: 16px; height:28px; }
a.m1:link,a.m1:active, a.m1:visited	{ background: #00c none; color: #dadada; text-decoration:none; }
a.m1:hover				{ background: #00c none; color: #FFF; }
.m1h					{ background: none; color: #ff0; }
a.m1h:link, a.m1h:active, a.m1h:hover, a.m1h:visited { background: #00c; color:#99FFFF;   /*#ff0;*/ }

/* second menu bar */
.m2					{ background: #9cf none; color: #3c5492; text-decoration:none; font-size: 14px; padding-top: 3px; padding-bottom: 1px; }
a.m2:link, a.m2:active, a.m2:visited	{ background: #9cf none; color: #0054AA; }
a.m2:hover				{ background: #9cf none; color: #3c5492; }
a.m2h:link, a.m2h:active, a.m2h:hover, a.m2h:visited { background: #9cf none; color: #555; }
.m2b					{ background: #deeeff none; color: #222;
					  vertical-align: bottom;
					  text-align: right; }

/* third (!) menu bar */
.m3					{ background: #DEEEFF; color: #004; text-decoration:none; font-size: 9pt; }
a.m3:link, a.m3:active, a.m3:visited	{ background: #DEEEFF none; color: #004; }
a.m3:hover				{ background: #DEEEFF none; color: #000070; }
a.m3h:link, a.m3h:active, a.m3h:hover, a.m3h:visited { background: #DEEEFF; color: #900; }

/* highlighted item */
.highlight		{ background: #fff none; color: #ff0; }
a.highlight:link, a.highlight:active, a.highlight:hover, a.highlight:visited
			{ background: #fff none; color: #f70; }
#leftstack
{
width: 420px; float:left; margin-bottom:20px; border-right:2px solid #888888;
}


/*
 * a.darkbg	{font-size: 10pt; color: #fff } 
 * a.lightbg	{font-size: 10pt; color: #000 } 
 * a.highlight	{font-size: 10pt; color: #ff0 }
 */

/* .darkbar	{ font-weight: bold; background: #00c none; color: #fff }  */

/* h1	{ background: #ccffff none } */
/* h2	{ color: #c00 } */
/* table	{ border-style: solid; border-color: black } */
/* table	{border-style: solid } */

/* <table> for separator (title) bar: dark blue with bold white text */

.t { background-color: #2e70cb; background-image:url(img/enfsub1web.gif); background-repeat:repeat-x; color: #fff;
	border-top:1px solid black; border-bottom:1px solid black; padding:5px; font-weight:bold;font-size:14px; margin: 12px 0 0 0 }
.t a { background:none; border:0; color:white;}
a.t:link, a.t:active, a.t:visited	{ color: #fff; border:0; }
a.t:hover				{ color: #ffc; text-decoration:none; border:0; }

table.t { padding:1px; }


/* <table> for [wn]xpert elements */
.x	{ border-width: 0 0 6px 0; border-color: #fff;
	  background: #fff none; color: #000; vertical-align: top }

/* <tr> tags in [wn]xpert (ok in <td> elsewhere) */
a.y:link    { background: #bef none; color: #00f } /* nx yes:      BLUE */
a.y:active  { background: #bef none; color: #f00 } /* nx yes:      BLUE */
a.y:visited { background: #bef none; color: #909 } /* nx yes:      BLUE */
.y	{ background: #bef none; color: #000 }	/* nx yes:      BLUE */
.u	{ background: #ffc none; color: #000 }	/* nx unknown:  YELLOW */
.n	{ background: #fff none; color: #999 }	/* nx no:       GRAY or suppress */
.g	{ background: #cfc none; color: #000 }	/* wx good:     GREEN or suppress */
.m	{ background: #ffc none; color: #000 }	/* wx marginal: YELLOW */
.b	{ background: #fcc none; color: #000 }	/* wx below:    RED */

.w	{ background: #fff none; color: #000 }	/*              #fff */

.h	{ background: #eee none; color: #000 }	/* gray bg for taf headers */
/*
p.y, p.u, p.n, p.g, p.m, p.b {
        text-indent: -1em; margin-left: 1em;
        margin-top: 1px; border-top-width: 0; padding-top: 0;
	margin-bottom: 1px; border-bottom-width: 0; padding-bottom: 0 }
 */


/* use in <td> tags */
.v	{ font-family: sans-serif } /*variable*/
.f	{ font-family: monospace;  } /* fixed  */
.s	{ font-family: sans-serif; font-size: x-small }

/* see if we can co-opt the <hN> tags */
/* original: h1   { text-align: center; background: #fff none; color: #00c } */

h1    { text-align: center;  color: #00c;font-size:200%; }
.m2b h1 { color:#222; font-size:200%; }

/* wt put this in to make kneeboard printout take up less real estate on page */


h2	{ text-align: center; background: #fff none; color: #00c }

h3      {
background-color: #2e70cb; background-image:url(img/enfsub1web.gif); background-repeat:repeat-x; color: #fff;
	border-top:1px solid black; border-bottom:1px solid black; padding:5px; font-weight:bold;font-size:14px; margin: 12px 0 0 0;
}
/****
h3      { background: #00c none; color: #fff; font-weight: bold;
	  border-color: black; border-width: 2px; margin-left:0;
	  text-indent: 0; margin-top: 1em; margin-bottom: 0.5em;
	  font-size: small }
*/
h4      { background: #9cf none; color: #000; font-weight: bold;
	  border-color: black; border-width: 2px; margin-left:0;
	  text-indent: 0; margin-top: 1em; margin-bottom: 0.5em;
	  font-size: small }
/*
h3	{ color: #009; border-bottom: 2px solid #009; font-size: small;
	  text-indent: 0; margin-top: 1em; margin-bottom: 0.25em }
 */

/* yellow (debug) banner */
p.z1	{ background: #ff0 none; color: #000; font-weight: bold; border-color: black; border-width: 2px; margin-left:0; text-indent: 0; margin-top: 1em; margin-bottom: 0.5em }

/* forms-table caption styles: left-bold, (right-)bold*/
.ftlbc	{ font-weight: bold; vertical-align: top; white-space: nowrap }
.ftbc	{ font-weight: bold; vertical-align: top; white-space: nowrap;
	  text-align: right }

/* new login page stuff    ******************************************/

.smallit	{ font-size: x-small; font-style: italic }

/* wt is making a 'did you know' tip box here: */
.tip	{ background: #ccffcc;
          padding: 5px;     }
.tiphdr	{ font-style: italic }
.tipnum	{ float: right }

#loginPage	{ width: 720px;
                }

.blurb	{ width: 100%;
          padding: 0px;
        }
.blurb a:link, .blurb a:active,.blurb a:hover,.blurb a:visited { background: none; color: blue }
.b1		{ width: 100%;		/* was 350px */
                  padding: 3px;
		  color:#222;
                  font-size: 1.7em;	/* was 1.6 */
                  font-weight: bold ;
                  text-align: left;
		  border-bottom:1px solid #DDDDDD;
		 
		  margin-bottom:5px;
                }
.bbold { font-size:1.2em; font-weight:bold; }
.b2		{ 
                  padding: 5px 0px 0px 5px;
                  font-size: 1.1em;	/* was 1.3 */
                  font-weight: normal ;
		  margin-bottom:10px;
                }
.b3		{ width: 100%;
                  padding: 0px;
                  font-size: 1.0em;
                  font-weight: normal ;
                }
.b4		{ 
                  padding: 5px 5px 5px 5px;
                  font-size: 1.1em;	/* Was 1.2 */
                  font-weight: normal ;
                }

.b5		{ width: 100%;
                  padding: 5px 5px 5px 5px;
                  font-size: 1.0em;	/* Was 1.3 */
                  font-weight: normal ;
                }

.loginBox	{ width: 240px;
                  padding: 0px;
                  
                }
.about		{ width: 430px;
                  font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
                  padding: 10px;
                }
.printonly
{
    display:none;
}


/* the quick chart and areabriefing buttons on the home page */
/* http://www.dynamicdrive.com/style/csslibrary/item/3d-css-buttons/ */
input.quickchart {
  background-color: #ccf;
  border: 1px #ff66ff outset;
  padding: 0 2px;
  color: black;
  text-decoration: none;
  cursor:pointer;
  /* font: bold 14px Verdana; */
 }

input.quickchart:visited, input.quickchart:hover, input.quickchart:active {
  color: blue;
 }

/* http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm */
#dhtmltooltip{
  position: absolute;
  width: 150px;
  border: 2px solid black;
  padding: 2px;
  background-color: lightyellow;
  visibility: hidden;
  z-index: 100;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.blueFlavor{
    color: rgb(0, 0, 102); 
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
    font-size: 10pt; 
    margin: 50px;
}

.blueFlavorCtr{
    color: rgb(0, 0, 102); 
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
    font-size: 10pt; 
    margin: 50px;
padding-right: 10%; 
padding-left: 10%;
}

.blackFlavor{
    color: rgb(0, 0, 0); 
    font-family: san-serif,arial,"Microsoft Sans Serif";
    font-size: 16px; 
    margin: 50px;
}

.blackFlavorCtr{
    color: rgb(0, 0, 0); 
    font-family: san-serif,arial,"Microsoft Sans Serif";
    font-size: 16px; 
    margin: 50px;
padding-right: 10%; 
padding-left: 10%;
}

/* wt is styling the Guest Account, Free Trial, Subscriber table
 * the table colors were (almost) randomly picked from here:
 *   http://www.theodora.com/html_colors.html
 */

table.gafts {
    padding:       2px;
    text-align:    center;
    border-style:  double;
}

/* Column Heading */
th.gaftsch {
    padding:        4px;
    background:     #D5E8FF;   
    text-align:     center;
    vertical-align: middle;
}

/* Row Heading */
td.gaftsrh {
    padding:        4px;
    background:     #D5E8FF;   
    text-align:     left;
    vertical-align: middle;
}

/* Cell */
td.gaftsc {
    padding:        4px;
    background:     #DADADA;
    text-align:     center;
    vertical-align: middle;
}