/* === ADVANCE GUARD DB STYLES === */

/* general styles */

* { padding:0; margin:0; }
html, body {height:100%; overflow:hidden;}
body {font:13pt Times, 'Times New Roman', serif; color:#5080C0; background:#000000;}

a, input, label, select {cursor:pointer;}
input[type='text'], input[type='password'], textarea {font-size:1.0em; padding:0 2px; color:#4060A0; background:#F0F0F0; border-radius:2px; border:1px solid #666; cursor:text;}
input[type='text'], input[type='password'] {height:20px; margin-right:3px;}
input[type='radio'], input[type='checkbox'] {vertical-align:middle; margin-right:3px;}
input[type='file'] {font-size:1.1em; border-color:#666; background:#FFFFFF;}
input[type='file']:hover {border-color:#FF6600;}
a:link, a:visited {color:#4060A0; text-decoration:none;}
a:hover {color:red;}

@font-face {
  font-family: 'final_frontier';
  src: url('st5.woff2') format('woff2'),
       url('st5.woff') format('woff'),
       url('st5.ttf') format('truetype');
}

h1 {
  font:24pt final_frontier;
	color:#5080C0;
	text-align:center;
	margin:10px 0;
}

h2 {
  font:18pt final_frontier;
	color:#5080C0;
  text-align:center;
  margin:10px 0;
}

h3 {
  font:14pt final_frontier;
  font-weight:bold;
}

p {margin-bottom:8px;}

ul {margin:0 3em;}

button {
	box-shadow:solid 0 1px 0 0 #C0E0F9;
  background-color:#204060;
	border-radius:4px;
	border:1px solid #30C0FF;
	cursor:pointer;
	color:#60E0FF;
	font-size:0.8em;
	padding:2px;
}
button:hover {background:linear-gradient(to bottom, #204060 0%, #805070 100%);}
button:active {position:relative; top:1px;}

fieldset {width:auto; text-align:left; display:inline-block; margin:8px 0; padding:16px; border:1px solid #FF0000; background:#F6F6F6; border-radius:8px;}
legend {font-weight:bold; padding:0 5px; background:#F0F0F0; border-radius:5px;}

.floatR {float:right;}
.floatL {float:left;}
.floatC {text-align:center;}
.center {display:block; margin:auto;}
.clear {clear:both;}
.hired {color:#F00000;}
.hide {display:none;}
.noWrap {white-space:nowrap;}
.alert {position:relative; top:15%; text-align:center;}
.alert span {display:inline-block; margin:16px; padding:10px 10px; font-size:1.2em; background:white; border:1px solid red; border-radius:5px; box-shadow:5px 5px 5px #888;}
.error {margin:auto; width:30%; color:#2B3856; background:#FF6060;}
.warning {margin:auto; width:30%; color:#2B3856; background:#FFA060;}
.notice {margin:auto; width:30%; color:#2B3856; background:#F0F0A0;}
.loginBox {position:absolute; top:100px; left:50%; display:table;}

.navLink {cursor:pointer;}
.navLink:hover {text-shadow:0.2em 0.3em 0.2em #F88;}
.blackBox {display:inline-block; margin:8px 0; padding:16px; text-align:left; background:#000000; border:1px solid #404040; border-radius:8px;}

fieldset.MbrEdit span {width:100px; display:inline-block; padding:4px 0;}
fieldset.ScrAdd span {width:90px; display:inline-block; padding:4px 0;}
fieldset.ScrConf span {width:65px; display:inline-block; padding:4px 0;}
fieldset.CrsList span:nth-of-type(odd) {width:110px; display:inline-block; padding:2px 0;}
fieldset.CrsList span:nth-of-type(even) {width:310px; display:inline-block; padding:2px 0;}
input.Course {width:300px;}

div.prose {
	display:block; margin:auto;
	width:92%;
	text-align:left;
}

table {
	margin:auto;
	padding:6px;
	box-sizing:border-box;
	background-color: #161616;
	border:1px solid #5080C0; 
}

table th {
	text-align:left;
	padding-bottom:4px;
	font-size:1.1em;
}

table td {
	text-align:left;
	padding:0 4px;
}

table tr {
    font-size:1.0em;
}

table tr:nth-child(even) {
	background-color: #262626;
}

/* layoutX.php styles */

#galaxy {position:absolute; }
#banner {position:relative; text-align:center;}
#banner #shipLogo {float:left; margin:10px 0 0 4%; height:160px;}
#banner #unitLogo {float:right; margin:10px 4% 0 0; height:160px;}
#banner #hdLineL {font-family: 'final_frontier'; font-size:54pt; font-weight:bold; color:#0F9CE2; padding-top:16px;}
#banner #hdLineS {font-family: 'final_frontier'; font-size:24pt; color:#0F9CE2;}

#topBar {
	position:absolute; top:180px; right:0; left:0;
	height:40px;
	padding:0 4% 0 10%;
	box-sizing:border-box;
	background:url('../images/bar.gif') repeat-x;
}

.barText {
	padding:2px 0 0 60px;
	text-align:right;
	font:italic 1.0em final_frontier;
	color:#0000A0;
}

div#usrMenu {position:absolute; top:190px; right: 20px; display:inline; z-index:100; padding:2px 0 4px 0; color:#0000A0; font:1.0em final_frontier;}
div#usrMenu span {cursor:pointer;}
div#usrMenu span:hover {text-shadow:0.2em 0.3em 0.2em #88F;}
div#umGroup {display:inline-block; height:0px; color:#0000A0; background:#FCAD03; overflow:hidden; border-radius:5px; box-shadow:5px 5px 5px #888; transition:0.5s;}
div#umGroup p {margin:2px; padding:4px;}
div#umGroup p:hover {cursor:pointer; background:#E0E0E0;}

/* left bar styles */

#leftBar {
	position:absolute; top:230px; bottom:0; left:0; width:18%;
}

#menu {
	width:80%;
	float:right;
	margin:20px 0;
	border:2px solid #5080C0; border-radius:5px; box-shadow:5px 5px 5px #888;
	box-sizing:border-box;
	font:italic bold 11pt final_frontier;
	text-align:right;
}

#menu a:link {
	display:block;
	margin:1px;
	padding:3px 5px 1px 10px;
	background:#FFB366;
	border-radius:3px;
}

#menu a:hover {
	background:#A0E070;
	border-right:solid 2px #666;
}

#menu a.current {
	background:#A0E070;
	border-right:solid 2px #666;
}

div.sbFooter {
	position:relative; top:20px;
	float:right;
	width:80%;
	text-align:center;
}

#footer {
	position:absolute; bottom:8px; right:0;
	width:82%;
	font-family: 'final_frontier';
	font-size: 11px;
	text-align:center;
}

/* info area styles */

#infoArea {
	position:absolute; top:230px; right:0; bottom:30px;
	width:82%;
	margin:0 auto;
	text-align:center;
	overflow:auto;
}

/* styles for each page */

/* login */

/* fltviewloginlog */

/* sector */

/* fleet */

/* academy */




/* styles inherited from the AG site - maybe be not needed anymore */

/* START logo animation */
img.rotfly {
  height: 160px;
  position:fixed; top:10px; left:4%;
	animation:8s rotfly;
}

@keyframes rotfly {
  0% {transform:rotateY(0deg) scale(2.0); top:60%; left:50%; animation-timing-function:ease-in;}
  30% {transform:rotateY(720deg) scale(2.0); top:60%; left:50%; animation-timing-function:ease-out;}
  100% {transform:rotateY(2160deg); top:10px; left:4%;}
}
/* END of logo animation */

#roster {
	margin:auto;
	width:92%;
	border:1px solid #C0C0C0; 
}

#roster th {
	color:#202020;
	font-family: 'final_frontier';
	font-size:14pt;
	text-align:center;
	height:26px;
}

#roster col.c1 { width:16%; }
#roster col.c2 { width:30%; }
#roster col.c3 { width:38%; }
#roster col.c4 { width:16%; }

#roster th.comm { background:#FE0000; }
#roster th.engi { background:#FFC000; }
#roster th.oper { background:#FFC000; }
#roster th.secu { background:#FFC000; }
#roster th.medi { background:#02AFF3; }
#roster th.scie { background:#02AFF3; }
#roster th.stra { background:#808080; }
#roster th.mari { background:#FFFFFF; }

#roster td { 
	height:26px;
	font-size:12pt;
	text-align:left;
}

#filemenu {
	margin:auto;
	width:92%;
}

#filemenu td {
	text-align:left;
	border:1px solid #000000; 
}

img.rank { height:20px; }

img.bioImg {
	float:left;
	margin:10px;
} 

iframe.infoArea {
	width:92%;
	height:98%;
}

div.fileCol {
	padding-left:20px;
	width:30%;
	box-sizing:border-box;
}