/*	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
Two Header color overwrite schemes: 214175 and white text, or E4E4E4 and black text  */
/* ----- */
BODY {	color: #000000; margin: 0px; 
background-image: url(../images/bgg.jpg); background-color: #FFFFFF;
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:link.footer, a:visited.footer { color: #214175; font: 10pt tahoma; text-decoration: none; cursor: pointer; }
a:hover.footer { color: #214175; font: 10pt tahoma; text-decoration: underline; cursor: pointer; }
a:active.footer { color: #214175; font: 10pt tahoma; text-decoration: none; cursor: pointer; }

a:link.head, a:visited.head { color: #000000; font: 10pt tahoma; text-decoration: none; cursor: pointer; }
a:hover.head { color: #000000; font: 10pt tahoma; text-decoration: none; cursor: pointer; }
a:active.head { color: #000000; font: 10pt tahoma; text-decoration: none; cursor: pointer; }

a:link.atis, a:visited.atis  { color: #000000; text-decoration: none; cursor: pointer; }
a:hover.atis { color: #000000; text-decoration: none; cursor: pointer; }
a:active.atis { color: #000000; text-decoration: none; cursor: pointer; }

a:link.ros, a:visited.ros  { color: #000000; text-decoration: none; cursor: pointer; font-weight: bold; }
a:hover.ros { color: #000000; text-decoration: none; cursor: pointer; font-weight: bold; }
a:active.ros { color: #000000; text-decoration: none; cursor: pointer; font-weight: bold; }

/* ---Header Classes--- */

.pointer { cursor: pointer }
.header {  background: #F2F2F2;
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: 1px solid black;border-right: 1px solid white; 
border-top: 0px solid black; border-bottom: 1px solid white; 
cursor: pointer;color: white;}

/* ---The News Class--News, Articles, Chat, TMU Notices, Admin Notices---- */

.boxed {  background: transparent; color: #000000;
border: 4px solid black;cell-spacing: 3px;cell-padding: 3px;
font: 14pt tahoma; }

.ini {  background: transparent;color: #000000;border: 4px solid black;
cell-spacing: 3px;cell-padding: 3px;font: 20pt tahoma; }

.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: transparent;
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: 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; }

.staffover { background: #214175;color: #FFFFFF;cursor: pointer;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 dotted 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 dotted 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: 1px dotted 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 dotted black;vertical-align: top;  }

.standardleft {background-image: url(../images/bg.jpg);background-color: #FFFFFF;border-left: 1px solid black;border-right: 0px solid black;
border-bottom: 1px dotted 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; }

.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; }
.schedrowl { background: #F0F2F5;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; }

/* ---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; }
.rightbarrow2 { 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: 6pt tahoma; }
.rightbar { background: #F2F2F2;color: #000000;border-left: 1px dotted black; 
border-right: 1px dotted black; border-top: 1px dotted black; border-bottom: 1px dotted black; cell-padding: 4px;cell-spacing: 4px;}

.rightpanel { background: #F2F2F2;}
/* ---Grid Stuff--- */
.gridleft { background: transparent;
color: #000000;border-collapse: collapse;
border-right: 1px solid black; border-top: 1px solid black; 
border-bottom: 1px solid black;height: 25px;width: 90px;font: 10pt tahoma; }
.gridu { background: transparent;
color: #000000;text-align: center;border-bottom: 1px solid black;font: 10pt tahoma; }
.gridef { background: #FFB900;height: 20px;cell-padding: 0;cell-spacing: 0; }
.gridefh { background: #A3FFD3;height: 20px;cell-padding: 0;cell-spacing: 0; }
.sgrids { background: #FFB900;height: 8px;cell-padding: 0;cell-spacing: 0; }
.sgridsh { background: #A3FFD3;height: 8px;cell-padding: 0;cell-spacing: 0; }
/* ---Footer--- */
.footer { font: 10pt tahoma;background-color: #F2F2F2;color: #000000; text-align: center;vertical-align: middle; }
/* ---Misc---- */
.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: #DDDDDD; align: center }

/* --------------------------- CCARS Classes ---------------------------------- */

td.headerCell { border: 2px solid black; background-color: #CCCCCC; text-align: center; }
td.dataCell { text-align: center; border-bottom: 1px solid black; font-size: 90%; }
td.dataCellFlagged { text-align: center; border-bottom: 1px solid black; font-size: 90%; background-color: #FF0033; }
td.dataCellOver { text-align: center; border-bottom: 1px solid black; font-size: 90%; background-color: #003399; color: #FFFFFF; cursor:pointer; }
td.dataCellOverFlagged { text-align: center; border-bottom: 1px solid black; font-size: 90%; background-color: #FF0000; color: #FFFFFF; cursor:pointer; }