/* :::::::::: GENERAL CSS ::::::::: */
body { overflow-y:scroll; }	 
html, p, ul li { font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
th, td { vertical-align: top; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
table {	border: none; border-collapse: collapse; padding: 0; margin: 0; }
  
table.main { margin-left: auto; margin-right: auto; width: 1158px; }

td#map { width: 743px; height: 255px; vertical-align: middle; }

td#slide { width:400px; height:255px; overflow:hidden; position:relative; }
td#slide img{ visibility: hidden; top: 0; left: 0; position:absolute; animation:slide 60s infinite; width: auto; height: auto;}
td#slide img:nth-child(12){animation-delay:0s;}
td#slide img:nth-child(11){animation-delay:5s;}
td#slide img:nth-child(10){animation-delay:10s;}
td#slide img:nth-child(9){animation-delay:15s;}
td#slide img:nth-child(8){animation-delay:20s;}
td#slide img:nth-child(7){animation-delay:25s;}
td#slide img:nth-child(6){animation-delay:30s;}      
td#slide img:nth-child(5){animation-delay:35s;}
td#slide img:nth-child(4){animation-delay:40s;}      
td#slide img:nth-child(3){animation-delay:45s;}      
td#slide img:nth-child(2){animation-delay:50s;}      
td#slide img:nth-child(1){animation-delay:55s;}      
@keyframes slide {
      0%{ visibility: visible }
      8.3333%{visibility:hidden }
}

table.app { border: solid thin; border-collapse: separate; margin: 3px; }

#pilot { width: 400px; color: #FFFFFF; background-color: #0000FF; font-weight: bold; }
#aircraft { width: 400px; color: #FFFFFF; background-color: #800000; font-weight: bold; }
#contact { width: 400px; color: #FFFFFF; background-color: #FF0000; font-weight: bold; }
#comments { text-align: center; }
#ocontact { width: 800px; color: #FFFFFF; background-color: #0000FF; font-weight: bold; }
#odetail { width: 800px; color: #FFFFFF; background-color: #800000; font-weight: bold; }

table.levels { border: solid thin; }
table.levels th { border: solid thin; background-color: #808080; color: #FFFFFF; padding: 3px; }
table.levels td { border: solid thin black; padding: 3px; }
table.roster { border: solid thin; }
table.roster th { border: solid thin; background-color: #808080; color: #FFFFFF; padding: 3px; }
table.roster td { border: solid thin black; padding: 3px; }
table.roster { counter-reset: rownum 0; }
table.roster tbody tr { counter-increment: rownum; }
table.roster tbody tr td:first-child::before { content: counter(rownum); }
td.apporder { width: 200px; text-align: center; vertical-align: middle; }
td.rookie { background-color: #FF0000; }
td.novice { background-color: #FF99FF; }
td.ffi { background-color: #33CC33; }
td.int { background-color: #FFFF00; }
td.adv { background-color: #0066FF; color: #FFFFFF; }

input.cur { text-align: right; }

p.header {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: x-large;
  text-align:left;
}

p.footer {
	font-style: italic;
	font-family: Times New Roman, Garamond, serif;
}

.red { color: #FF0000; }