/* CORE STYLES */
:root {
	--color-dark: rgba(153, 182, 217, 1);
	--color-middle: rgba(192, 212, 235, 1);
	--color-light: rgba(232, 241, 248, 1);
  --primary-color: rgba(13, 110, 139, 0.75);
  --overlay-color: rgba(24, 39, 51 , 0.85);
  --menu-speed: 0.75s;
	--color-inactive: #999;
	--color-link: #a00;
}

* {
	margin:0;
	padding:0;
  box-sizing: border-box;
	font-family:Arial, sans-serif;
}

body {
  background: var(--color-light);
}

p {
	margin-bottom:1em;
}

#dynmessage,
#help,
#debug,
.mailarea,
#coffeeloader
.But {
	display:none;
}

#CurrentProject {
	background-color: var(--color-dark);
	height:60px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	overflow:hidden;
	text-align:center;
}

#CurrentProject img.kubalogo {
	margin-right:1em;
	height:50px;
	float:left;
	border:10px solid #fff;
	margin:5px;
}

#CurrentProject img.logo {
	margin-left:1em;
	height:50px;
	float:right;
	margin:5px;
}

#CurrentProject h1 {
	display:inline;
	vertical-align:top;
	line-height:60px;
	font-size:1.5em;
	padding:0 200px;
}

#content {
  background: var(--color-light);
	margin-top:4em;
	margin-bottom:4em;
	padding:.5em;
}

.break { clear:both; }
.tLeft { text-align:left; }
.tRight { text-align:right; }
.tCenter { text-align:center; }
.inactive { color:var(--color-inactive); }


input[type="file"],
input[type="button"],
input[type="submit"] {
	border:2px solid #99b6d9;
	border-radius:5px;
	background-color:#99b6d9;
	padding:5px;
	font-weight:bold;
	cursor:pointer;
}
input[type="file"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	border:2px solid #000;
}
input[type="text"].num3 {
	width:3em;
	text-align:center;
}
input[type="text"].num5 {
	width:5em;
	text-align:center;
}

input[type="text"].AddedInput {
	width:100%;
}

.pseudolink {
	cursor:pointer;
	color:var(--color-link);
}



#footer {
	background-color: var(--color-dark);
	height:60px;
	width:100%;
	position:fixed;
	bottom:0;
	line-height: 50px;
}
#footer div input[type="button"] {
	margin:0 1em;
	background-color: var(--color-middle);
}

#footer a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#LegalL {
	padding:0 1em;
	float:left;
}

#LegalR {
	padding:0 1em;
	float:right;
}


/*
	coffee loader
 */
#coffeeloader {
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	text-align:center;
	padding-top:20%;
	display:none;
	z-index:9999;
}
#coffeeloader span {
	background-color:#38c;
	padding:1em;
	color:#fff;
	font-weight:bold;
	margin:1em auto;
	display:block;
	max-width:300px;
}
#coffeeloader_layer {
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:#fff;
	text-align:center;
	padding-top:20%;
	filter: alpha(opacity=60);
	-khtml-opacity: 0.6;
	opacity: 0.6;
	display:none;
}


/*
	MailArea
 */
#MailAreaOuter {
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	text-align:center;
	background: #000;
	padding:10%;
	z-index:9987;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#MailAreaInner {
	position:fixed;
	top:5%;
	left:5%;
	height:90%;
	width:90%;
	text-align:left;
	overflow:auto;
	padding:1em;
	background: var(--color-middle);
	z-index:9988;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	opacity: 1.0;
}