/*
      ***********************************************************************************************
	  * New York Flying Club    (http://newyorkflyingclub.net)                                      *
	  * File       : css/style.php                                                                  *
	  * Description: Common website styles                                                          *
	  * Created by : Unknown                                                                        *
	  * Create Date:                                                                                *
      ***********************************************************************************************
	  *  Change Log                                                                                 *
	  *-------------+------------+------------------------------------------------------------------*
	  *  Date       | Changed by | Description                                                      *
	  *-------------+------------+------------------------------------------------------------------*
      * Apr-14-2009 | Dave M.    | Added classes for logbook (showpireps.php)                       *
	  *-------------+------------+------------------------------------------------------------------*
      * May-02-2009 | Dave M.    | Added classes for vatsim pilot (vatsimpPilot.php)                *
	  *-------------+------------+------------------------------------------------------------------*
      * Jun-02-2009 | Dave M.    | Fix problem with different top menu bar text size                *
	  *-------------+------------+------------------------------------------------------------------*
      * May-16-2010 | Dave M.    | Added style for admin menu.                                      *
	  *-------------+------------+------------------------------------------------------------------*
      *             |            |                                                                  *
      *             |            |                                                                  *
      ***********************************************************************************************
	  
*/
h2 {
	color: #000000;
}
h1, h2, h3, h4, h5 {
    color: #ffffff;
    font-weight: bold;
    margin: 0px;
}

h1 {
	font-size: 16px;
	font-style: oblique;
}
h2 {
    font-size: 14px;
}
h3 {
    font-size: 12px;
}
td {
	font: normal 11px Tahoma, Arial;
	color: #000000;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-left-style: solid;
	border-color: #7D7D7D;
	outline-color: #D4D0C8;
	border-top-style: solid;
}

td.pirep {
	font: normal 11px Tahoma, Arial;
	background-color: #FFFFFF;
	color: #000000;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-left-style: solid;
	border-color: #7D7D7D;
	outline-color: #D4D0C8;
	border-top-style: solid;
}
td.activity {
	font: normal 9px Tahoma, Arial;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
td.logbook {
    font-family:'Lucida Casual', 'Comic Sans MS';
	font-size: 10px;
}
p.MsoBodyText3 {text-indent:0pt;
	margin-left:0pt;
	margin-right:0pt;
	margin-top:0pt;
	margin-bottom:10.0pt;
	text-align:left;
	font-family:"Trebuchet MS";
	font-size:10.0pt;
	color:black;
}
.highlight { color: blue;
             font-style:italic;
}
.style1 {color: #000000}
.style2 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style3 {font-family: Geneva, Arial, Helvetica, sans-serif;
         font-size: 10px;
}
.style4 {font-family: Geneva, Arial, Helvetica, sans-serif;
         font-size: 14px;
}
.style5 {
	font-size: 10px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
}
.style6 {
	font-size: medium;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style7 {
	font-weight: bold;
	font-size: small;
}
.style8 {font-size: small}
.style9 {font-weight: bold}
.style10 {
    font-family: Tahoma,Arial;
    font-size: 11px;
}     
.style11 {font-size: 400px; }
.style12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: bold;
	color: #000055;
}     
.title {font-family: sans-serif;
        font-size: 10px;
		color: black;
		font-weight: bold; 
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #96CCE8;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color: #96CCE8;
}

.thrColLiqHdr #container { 
	width: 800px;  
	/*background: #FFFFFF;*/
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
	overflow: hidden;
	background-image: url('../images/background1.jpg');
	background-repeat: repeat-y;
	background-position: 50% 0;
} 
.thrColLiqHdr #containerWide { 
	width: 800px;  
	/*background: #FFFFFF;*/
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
	overflow: hidden;
	background-image: url('../images/background2.jpg');
	background-repeat: repeat-y;
	background-position: 50% 0;
}
.thrColLiqHdr #header {
	background: #FFFFFF;
	padding: 0;
	background-color: #CCCCCC;
} 
.thrColLiqHdr #header h1 {
	margin: 0; 
	padding: 1px 0; 
}

.thrColLiqHdr #sidebar1 {
	float: left; 
	width: 175px;
	padding: 15px 0;
 
}
.thrColLiqHdr #sidebar2 {
	float: right; 
	width: 200px; 
	padding: 15px 0; 
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
}

.thrColLiqHdr #mainContent { 
	margin: 0 200px 0 175px; 
}

.thrColLiqHdr #mainContentFull { 
	margin: 0 5.0% 0 5.0%; 
}

.thrColLiqHdr #mainContentWide { 
	margin: 0 10px  0 175px; 
}

.thrColLiqHdr #footer { 
	padding: 0 10px; 
	background:#DDDDDD;
} 
.thrColLiqHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
table.header {
    border-width: 0px;
    border-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px05px;
}
td.header {
    border-width: 0px;
    border-style: none;
	padding: 0px 0px 0px 0px;
	margin: 3px 3px 3px 3px;
}
table.hidden {
    border-width: 0px;
    border-style: none;
}
td.hidden {
    border-width: 0px;
    border-style: none;
}
th.hidden {
    border-width: 0px;
    border-style: none;
}
/* Links in Table Columns */
a.infoCol         {text-decoration:none}
a.infoCol:link    {color: #000000}     /* unvisited link black*/
a.infoCol:visited {color: #000000}    /* visited link black*/
a.infoCol:hover   {color: #FF00FF}   /* mouse over link purple*/
a.infoCol:active  {color: #000000}  /* selected link black*/


.blye {
	color: #348cbc;
text-decoration: underline;
}

.blye2 {
	color: #348cbc;
}
.grey2 {
	color: #4E595D;
	text-decoration: underline;
	}
.orange {
	color:#FF6600;
	}
.orange2 {
color:#FF6600;
text-decoration: underline;
}
.footer2 {
 color:#444b5d;
 text-decoration: underline;
 }	
	
.yelow {
	color: #ffff00;
	text-decoration: none
	}
.yelow2 {
	color: #ffff00;
	text-decoration: underline;
	}

.style2 {
     font-size: small;
	 }

.black {
	color: #000000;
	text-decoration: none
	}
.black2 {
	color: #000000;
	text-decoration: underline;
	}
a.whitelink {	
	text-decoration: none;
	color: #FFFFFF;

}
a.whitelink2 {	
	text-decoration: underline;
	color: #FFFFFF;
	}
a:whitelink:hover {
	text-decoration: none;
}

.red { 
color:#9c0100;
text-decoration: underline;
}
.red2 { 
color:#9c0100;
text-decoration: none;
}

.redbutt {
	background-color: #CCCCCC;
	font-weight: bolder;
	font-size: 12px;
	color: #000000;
	float: left;
	position: static;
	max-height: 20px;
	min-width: 80px;
	max-width: 110px;
	text-align: left;
}
a.title:link {
    color: black; 
	text-decoration: none; 
	font-family: sans-serif;
	font-size: 10px;
	font-style: 0ormal;
	font-variant: normal;
	font-weight: bold;
}
a.title:visited { 
    color: black; 
	text-decoration: none; 
	font-family: sans-serif;
	font-size: 10px;
	font-style: 0ormal;
	font-variant: normal;
	font-weight: bold;
 }
a.title:hover { 
    color: #FF00FF; 
	text-decoration: none; 
	font-family: sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
 }
a.title:active { 
    color: #FF00FF; 
	text-decoration: none; 
	font-family: sans-serif;
	font-size: 10px;
	font-style: 0ormal;
	font-variant: normal;
	font-weight: bold;
}
.footer {
	font: normal 11px Tahoma, Arial;
	color: #444b5d;
	padding: 20px;
}
.footer a {
	padding: 15px;
	font: normal 11px Tahoma, Arial;
	color: #444b5d;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.grey {
	color: #4E595D;
}
.redLL {
	color: #910101;
}
td.graph {
	font: normal 2px Tahoma, Arial;
}

table.graph {
	font: normal 6px Tahoma, Arial;
	color: #AA0000;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #FFFFFF;
	border-left-color: #999999;
	border-bottom-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
td.compact {
    font: normal 10px Arial, Tahoma;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

td.small {
    font: normal 9px Tahoma, Arial;
}

td.button {
	font: normal 12px Arial, Tahoma;
	color: #AA0000;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #FFFFFF;
	border-right-color: #999999;
	border-left-color: #FFFFFF;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
td.sunk {
	font: normal 12px Arial, Tahoma;
	color: #AA0000;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-color: #FFFFFF;
	border-left-color: #999999;
	border-right-color: #FFFFFF;
	border-top-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

a.menubar {
font: normal 11px Tahoma,Arial;
}


/* pull-down mainmenu css */
.mainmenu{

	width: 14em;
	padding: 0;
	float: left;

}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#000000;
	background: transparent;

	padding: 0;
	border: solid #000000;
	border-width: 1px 1px;
	margin: 0 0 0 0;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
	width: 100%;
font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline;
	color: #000000;
	text-decoration: none;
	padding: 1em 0em;
	text-indent:1em;
	margin: 0;	

}
.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
		width: 100%;
}


.mainmenu li  {
	float: left;
	width:100%;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li  {width:100%;} /* !!!!! */
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:15em;	
	background: #E4E4E4;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

.mainmenu li li {
	width: 100% ; 
}
.mainmenu li a{width: 100% ; }
.mainmenu li li a{
	width: 100%;
}

.mainmenu li ul  {
	margin: -2.1em 0 0 -0.3em;
}
.mainmenu li ul ul {
	margin: -2.1em 0 0 -0.3em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch   
{
	left: 100%; /* !!! */
}

.mainmenu li:hover{
	background: #A0A0A4;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#FFFBF0;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#000000;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #A0A0A4;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #FFFBF0; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #000000;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #000000;
}


/* end of mainmenu css */
/* Hover css */

#tooltip{
position: absolute;
width: 150px;
border: 1px solid #666666;
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);
}

/* end of hover css */