/*	main.css	- Main Style Sheet for http://www.zobartcc.org
	           Copyright (C) 2004, VATSIM Cleveland ARTCC	*/

/* custom colors used:

#000000 - Main text and link color - Black
#800000 - Central Background Color - Maroon
#003366 - Central Background Color - Darkish Blue
#FF2D2D - Footer Link Text - Red
#008FBF - Footer Link Text - Blue
#FFFFFF - Individual Page Background Color/Title Bar Text - White
#B1B1B1 - Nav Bar Background - Dark Grey
#F2F2F2 - Nav Bar/Page Highlight - Off-White
#214175 - Nav Bar Blue Title Background - Darkest Blue
#BD5021 - Nav Bar Title Background - Redish-Orange

Two Header color overwrite schemes: 214175 and white text, or E4E4E4 and black text  */

/* -------------------------------------------------------------------------------------------------------------------- */

BODY		    {	color: #000000; 
					margin: 0px; 
					background-image: url(../images/bg.jpg);
					font: 10pt tahoma; }

TD				{	font-size: 9pt;
					font-family: "Verdana", "Tahoma", sans-serif; }

/* -------------------------------------------------------------------------------------------------------------------- */

a:link, a:visited  {	color: #000000; font: 10pt tahoma; text-decoration: none; cursor: pointer; }

a:hover  {	color: #000000; font: 10pt tahoma; text-decoration: underline; cursor: pointer; }

a:active  {	color: #000000; font: 10pt tahoma; text-decoration: none; cursor: pointer; }


a.footer:link, a.footer:visited  {	color: #008FBF; font: 10pt tahoma; text-decoration: none; cursor: pointer; }

a.footer:hover  {	color: #FFFFFF; font: 10pt tahoma; text-decoration: underline; cursor: pointer; }

a.footer:active  {	color: #008FBF; font: 10pt tahoma; text-decoration: none; cursor: pointer; }


a.head:link, a.head:visited  {	color: #000000; font: 10pt tahoma; text-decoration: none; cursor: pointer; }

a.head:hover  {	color: #000000; font: 10pt tahoma; text-decoration: none; cursor: pointer; }

a.head:active  {	color: #000000; font: 10pt tahoma; text-decoration: none; cursor: pointer; }


a.white:link, a.white:visited {	color: #FFFFFF; font: 10pt tahoma; text-decoration: none; cursor: pointer; }

a.white:hover  {	color: #FFFFFF; font: 10pt tahoma; text-decoration: underline; cursor: pointer; }

a.white:active  {	color: #FFFFFF; font: 10pt tahoma; text-decoration: none; cursor: pointer; }


a.atis:link, a.atis:visited  {	color: #000000; text-decoration: none; cursor: pointer; }

a.atis:hover  {	color: #000000; text-decoration: none; cursor: pointer; }

a.atis:active  {	color: #000000; text-decoration: none; cursor: pointer; }


/* ---Header Class; The Background must be manually inputted in the Header.php File ----------------------------------- */

.pointer { cursor: pointer }

.header {  background: #FFFFFF;
	    border-left: 1px solid black; 
	    border-right: 1px solid black; 
	    border-top: 0px solid black; 
	    border-bottom: 0px solid black; 
 }

.header4 {  background: #CCCCCC;
	    border-left: 0px solid black; 
	    border-right: 1px solid white; 
	    border-top: 0px solid black; 
	    border-bottom: 1px solid white; 
	    cursor: pointer;
 }


.header3 {  background: #CCCCCC;
	    border-left: 1px solid black; 
	    border-right: 1px solid white; 
	    border-top: 0px solid black; 
	    border-bottom: 1px solid white; 
 }


.header2 {  background: #CCCCCC;
	    border-left: 0px solid black; 
	    border-right: 1px solid black; 
	    border-top: 0px solid black; 
	    border-bottom: 1px solid white; 
	    cursor: pointer;
 }

.headover {  background: #214175;
	    border-left: 0px solid white; 
	    border-right: 1px solid white; 
	    border-top: 0px solid black; 
	    border-bottom: 1px solid white; 
	    cursor: pointer;
	    color: white;
 }

.headover2 {  background: #214175;
	    border-left: 0px solid black; 
	    border-right: 1px solid white; 
	    border-top: 0px solid black; 
	    border-bottom: 1px solid white;
	    cursor: pointer;
	    color: white;
 }


.headover3 {  background: #214175;
	    border-left: 0px solid black; 
	    border-right: 1px solid black; 
	    border-top: 0px solid black; 
	    border-bottom: 1px solid white;
	    cursor: pointer;
	    color: white;
 }

/* ---The News Class--News, Articles, Chat, TMU Notices, Admin Notices-------------------------------------------------- */

.newstop {  background: #BD5021;
		color: #FFFFFF;
		border-left: 1px solid black; 
	      border-right: 1px solid black; 
	      border-top: 1px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.newsleft { background: transparent ;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.newsright { background: transparent;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 1px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.newsrow { background: transparent;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 0px solid black;
		font: 10pt tahoma; }
/* ---Main Content--Underlined Row, Grey Title Bar, Right&Left Border, Main Content Columns---------------------------- */

.noborder { background: transparent;
		color: #000000;
		font: 10pt tahoma; }

.atisrow { 
		background: #FFFFFF;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		width: 35px;
		height: 25px;
		text-align: center;
		padding: 3px;
		cursor: pointer;
		  }

.atisrowover { 
		background: #214175;
		border-left: 1px solid white;
		border-right: 1px solid black;
		border-top: 1px solid white;
		border-bottom: 1px solid black;
		width: 35px;
		height: 25px;
		text-align: center;
		color: white;
		padding: 3px;
		cursor: pointer; }

.eventrow { background: transparent;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.eventrowm { 
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.greybar { background: #E6E6E6;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 0px solid black;
		font: 10pt tahoma; }

.staffrow { background: #FFFFFF;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 1px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.staffrowm {
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 1px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.standard { 
		background-image: url(../images/bg.jpg);
		background-color: #FFFFFF;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		vertical-align: top;  }

.standardmid { 
		background-image: url(../images/bg.jpg);
		background-color: #FFFFFF;
		border-left: 0px solid black;
		border-right: 0px solid black;
		border-bottom: 1px solid black;
		vertical-align: top;  }

.standardno { 
		background-image: url(../images/bg.jpg);
		background-color: #FFFFFF;
		border-left: 0px solid black;
		border-right: 0px solid black;
		border-bottom: 0px solid black;
		vertical-align: top;  }

.standardright {
		background-image: url(../images/bg.jpg);
		background-color: #FFFFFF;
		border-left: 0px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		vertical-align: top;  }

.standardleft {
		background-image: url(../images/bg.jpg);
		background-color: #FFFFFF;
		border-left: 0px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		vertical-align: top;  }

.schedmid {  background: transparent;
		color: #000000;
		border-left: 1px dashed black; 
	      border-right: 1px dashed black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px dashed black;
		font: 10pt tahoma; }

.schedover2 {  background: #214175;
		color: #ffffff;
		border-left: 1px dashed black; 
	      border-right: 1px dashed black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px dashed black;
		font: 10pt tahoma;
		cursor:pointer; }

.schedbottomr {  background: #F0F2F5;
		color: #000000;
		border-left: 0px dashed black; 
	      border-right: 1px dashed black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px dashed black;
		font: 10pt tahoma; }

.schedbottoml {  background: #F0F2F5;
		color: #000000;
		border-left: 1px dashed black; 
	      border-right: 0px dashed black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px dashed black;
		font: 10pt tahoma; }

.schedtop { background: transparent;
		color: #000000;
		border-left: 0px dashed black; 
	      border-right: 1px dashed black; 
	      border-top: 1px dashed black; 
	      border-bottom: 1px dashed black;
		font: 10pt tahoma;
		cursor: pointer;
		text-align: center; }

.schedtopn { background: transparent;
		color: #000000;
		border-left: 1px dashed black; 
	      border-right: 1px dashed black; 
	      border-top: 1px dashed black; 
	      border-bottom: 1px dashed black;
		font: 10pt tahoma;
		text-align: center; }

.schedover { background: #214175;
		border-left: 1px solid black; 
	      border-right: 1px solid black; 
	      border-top: 1px dashed black; 
	      border-bottom: 1px dashed black;
		font: 10pt tahoma;
		cursor: pointer;
		text-align: center;
		color: #FFFFFF; }

.schedleft { background: #DBE0E9;
		color: #000000;
		border-left: 1px solid black; 
	      border-right: 0px solid black; 
	      border-top: 1px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.schedright { background: #DBE0E9;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 1px solid black; 
	      border-top: 1px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.schedrow { background: #F0F2F5;
		color: #000000;
		border-left: 1px dashed black; 
	      border-right: 1px dashed black; 
	      border-top: 0px solid black; 
	      border-bottom: 0px solid black;
		font: 10pt tahoma; }

.schedrowl { background: #F0F2F5;
		color: #000000;
		border-left: 1px dashed black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 0px solid black;
		font: 10pt tahoma; }

.schedrowr { background: #F0F2F5;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 1px dashed black; 
	      border-top: 0px solid black; 
	      border-bottom: 0px solid black;
		font: 10pt tahoma; }

/* ---Right Column for Two Column Content (Grey Panel)----------------------------------------------------------------- */

.rightbarrow { 

		background: #F2F2F2;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 0px solid black;
		font: 10pt tahoma; }

.rightpanel { background: #F2F2F2;
		}

/* ---Nav Bar Stuff----------------------------------------------------------------------------------------------------- */

.navbar { 	font: 10pt tahoma; 
		background: #E6E6E6;
		border-left: 1px solid black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black; }

.navtop { background: #214175;
		text-align: center;
		color: #FFFFFF;
		border-left: 1px solid black; 
	      border-right: 1px solid black; 
	      border-top: 1px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }

.navhead { background: #214175;
		text-align: center;
		color: #FFFFFF;
		border-left: 1px solid black; 
	      border-right: 1px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black;
		font: 10pt tahoma; }


.navrow { background: #E6E6E6;
		border-left: 0px solid black; 
	      border-right: 1px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black; 
	      font: 10pt tahoma; }

.navover { background: #F2F2F2;
		border-left: 1px solid black; 
	      border-right: 1px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 1px solid black;
	      font: 10pt tahoma; }

/* ---Footer----------------------------------------------------------------------------------------------------------------- */

.footer { 	font: 10pt tahoma; 
		color: #FFFFFF; 
		text-align: center;
		vertical-align: middle; }



/* ---Miscallaneous----------------------------------------------------------------------------------------------------------- */

.chart_head	 {	width: 100%;
				   border-bottom: 1px solid black;
				   background: #000000;
				   color: f2f2f2 }

.chart_col	 { font: 10pt tahoma; 
				   width: 200; 
				   vertical-align: top;
				   background-color: #f2f2f2;
				   color: #000000 }

.chart_coltab {font: 10pt tahoma; 
               width: 100%; 
   				border-collapse: collapse; }

.dropdown	 {	font: 10pt tahoma; }

.textfld		 {	font: 10pt tahoma;
				color: #000000; }

.texthd		 {	text-align: right; }

.button		 {	font: 10pt tahoma; 
               cursor: pointer; }
			   
.label { background: #E6E6E6;
		color: #000000;
		border-left: 0px solid black; 
	      border-right: 0px solid black; 
	      border-top: 0px solid black; 
	      border-bottom: 0px solid black;
		font: 10pt tahoma;
		width: 175px;
		font-weight: 700; }
		

/* div.search { background-color: #800000;
			 border-top: #EFEFEF 5px solid;
			 border-left: #EFEFEF 3px solid;
			 border-right: #EFEFEF 3px solid;
			 border-bottom: #EFEFEF 3px solid;

} */

div.pirep { width: 375px; height: 400px; position: absolute; left: 400px; z-index: 1000; border: 5px solid black; background-color: #E6E6E6; visibility: hidden; }

/*  ---------------------------  BB Code Classes  ------------------------------  */

div.bbMenu { width: 550px; height: 50px; position: absolute; left: 50px; z-index: 1000; border: 5px solid black; background-color: #E6E6E6; visibility: hidden; }
.bbButton { border: 1px solid black; background-color: #FFFFFF; font-size: 9px; }
.blockquote	{ font-size: 90%; border: 1px solid black; background-color: #CCCCCC; }