@CHARSET "UTF-8";


@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Poppins:300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Forum");
@import url("https://fonts.googleapis.com/css?family=Cinzel:400,700,900|Josefin+Slab:100,100i,300,300i,400,400i,600,600i,700,700i|Marcellus|Nanum+Myeongjo:400,700,800|Old+Standard+TT:400,400i,700|Prata|Vidaloka");
@import url("https://fonts.googleapis.com/css?family=Gothic+A1:100,200,300,400,500,600,700,800,900");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;600;800&display=swap');

html, body {
	margin:0px; padding:0px; padding-bottom:20px;
	height:100%; background-color: #22283a; color:#e8f8ff; font-family: "Gothic A1", serif; font-weight:400; font-size: 14px; letter-spacing: 0.2rem; 
}



img { border:0px; vertical-align:middle; }
p, ul, li, div, span, img { margin:0px; padding:0px; }
ul { white-space:nowrap; list-style-type:none; }
p { margin-bottom:6px; line-height:1.6em; }
acronym, abbr, .info { cursor:help; border-bottom:1px dotted #aac; }
hr { clear:both; }
a { text-decoration:underline; }
a:active, a:hover, a:focus {  }
a:link { color:white; }
a:visited { color:white; }
a[href^="http://"] { padding-right:12px; background:url(../../../img/external.png) right 0px no-repeat; }

form { font-family: "Gothic A1", serif; font-size: 14px; font-weight: 400; padding: 4px !important;}
form table tr td.formitemname { text-align:right; width: 1%; white-space: nowrap; padding:1px 2px 2px 2px; margin: 1px; vertical-align:top; } 
.fullwidth { width:100%; }
input[type=text], input[type=password], input[type=text], select { width:100%; padding: 2px !important;}
select {
  width: 100% !important;
}
.alignl { text-align:left; }
.alignc { text-align:center; }
.alignr { text-align:right; }
h1 { font-family: "Poppins"; font-size: 30px; font-weight: 200; }
h2 { font-family: "Poppins"; font-size: 20px; font-weight: 150; }


.helpicon { background-image:URL('images/help.png'); min-width:16px; min-height:16px; background-repeat:no-repeat; 
	cursor:help; position: relative; left: 5px; top: 5px;}
td.helpicon {
  padding: 10px;
}
.helpicon_detail { position:absolute; border:1px solid #844; background-color:#444; margin-left:32px; margin-top:4px; }
.error { color:red; }
div.error { margin:20px; padding:20px; }
div.error div.detail { margin-top:10px; color:white; }
.hidden { display:none; }

#topline {
	border:1px solid #dfdfef; padding-right:6px; line-height:30px; text-align:right;
	padding-bottom: 0;
	padding-top: 1px;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9),  rgba(255, 255, 255 , 0.8));
	color: #22283a;
	font-weight:400;
	letter-spacing: 1px;
	border-top:1px solid #2f2f7f;
}
#menu {
	float:left; margin-left: 15px; margin-right:10px;
	font-family: Montserrat;
	/*background-color:#2b4cb2; font-family: "Gothic A1", serif;*/
	background-color:#eee; 
	overflow: hidden;
}
#menu ul {
	white-space:nowrap;
	list-style-type:none;

}
#menu li { display:inline; font-size:1.1em; font-weight: 600; line-height:20px; letter-spacing: 0.03em; }

#menu li a {
	display:block; float:left;
	border: 1px solid #dce2e6; border-radius: 3px;
	border-top: 0; border-bottom: 0; 
	padding:0px 20px; line-height:30px ;
	margin-left: 0px; margin-right: 0px;
	background-color:#efefef; color:#101833; text-decoration:none;
}

#menu li a:hover {
	background-color:#334; color:#fff;
}
#footer {
	position:fixed; bottom:0px; width:100%;  /*background-color: #ddd; */
	margin-bottom: -9px;
	text-align:center;
	background-image: url("/img/flying_dangerous_logo_footer.png"), linear-gradient(to bottom, rgba(34, 40, 58, 0.2),  rgba(255, 255, 255 , 0.9));
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/* 	background-size: 50px 75px;  Resize the background image to cover the entire container */
	background-blend-mode: darken;  
}
#logarea { position:absolute; }
#logarea ul { background-color:#444; margin:6px; padding:6px; border:1px solid darkorange; }
#logarea ul.log_list_errors { color:#FF0000; }
#logarea ul.log_list_warnings { color:#CC2222; }
#logarea ul.log_list_messages { color:#BB4444; }

#content { 
	margin: 3% 10% 0 0;
	padding-left: 25%;
}

.logo-footer {
	padding: 0 0 1px 0; margin: 4px;
}

#turnkey-credit {
  display: none;
}