* {margin:0;padding:0;} 

html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	background: black; 
	color: red;	
}
html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:100%;
	margin:0 auto;
	min-height: 100%;
}#
#main {overflow:auto;
	padding-top: 180px;}  /* must be same height as the footer */

html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:4em 0em 0em 0em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
margin-bottom: -180px;
	width:100%;
	height:3em;
	clear:both;
	margin-bottom: -180px;
	position: relative;
}

html>body #footer {
	position:fixed;
	top:0;
	z-index:10; /* Prevent certain problems with form controls */
}

#footer {
	color:red;
	background:#444444;
	text-align:center;
	padding:0em 0em 0em 0em;
}
#content-wrap,
#content {background:black;}
#footer a {color:red;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



img { border-style:none;}
H1 { font-family: Helvetica, Arial; font-size: 225%;}
H2 { font-family: Helvetica, Arial; color: red;  font-size: 200%; padding-top:25px; }
H3 { font-family: Helvetica, Arial; color: red; margin-bottom: 0; border: 0; font-size: 150%; padding-top:25px;}
H4 { font-family: Helvetica, Arial; color: red; margin-bottom: 0; border: 0; font-size: 84%; padding-top:25px;}
H5 { font-family: Helvetica, Arial; color: red; margin-bottom: 0; border: 0; font-size: 67%; padding-top:25px;}
H6 { font-family: Helvetica, Arial; color: red; margin-bottom: 0; border: 0; font-size: 50%; padding-top:25px;}
P { font-family: Helvetica, Arial; color: red; margin-top: 0; margin-bottom: 0; }
P.noindent { font-family: Helvetica, Arial; color: red; margin-top: 0; margin-bottom: 0; text-indent: 0.0em;}
P.indenttwo { font-family: Helvetica, Arial; color: red; margin-top: 0; margin-bottom: 0; text-indent: -1.0em; padding-left: 1.0em; }
P + P { font-family: Helvetica, Arial; color: red; margin-top: 0; margin-bottom: 0; text-indent: 1.0em; }
LI { font-family: Helvetica, Arial; color: red; margin-top: 0; margin-bottom: 0; }
LI.to { font-family: Helvetica, Arial; color: red;}
A:link { color: #FF6666; text-decoration:none; }
A:visited { color: #FF3333; text-decoration:none; }
A:hover  { color: #AAAAFF; font-weight: bolder; border-bottom: 2px dashed #DD0000; }
Table.note { background-color:#000044; border-width: 1px; border-color:#000000; border-style: solid; }
Table.tab { border-width: 1px; border-color:#000000; border-style: solid; }
TR.inv1 { background-color:red; color:#000044; }
TR.inv2 { background-color:#000044; color: red; }
TR.inv3 { background-color:#444444; color:red; }
TR.inv4 { background-color:black; color: red; }
FONT.reg { font-size: 80%; color: red;  font-family: "calibri", "Courier New"; font-weight: bold; text-transform: uppercase;}
FONT.fak { font-size: 200%; color: red; text-decoration:none; cursor: pointer; }
FONT.fak:hover  { font-size: 200%; color: #AAAAFF; font-weight: bolder; border-bottom: 2px dashed #DD0000; cursor: pointer; }
FONT.fakk { color: #FF6666; text-decoration:none; cursor: pointer; }
FONT.fakk:hover  { color: #AAAAFF; font-weight: bolder; border-bottom: 2px dashed #DD0000; cursor: pointer; }
DIV.hiddenDiv 
{ 
visibility: hidden; 
display: none; 
}	


.output
{
	font-family:Arial;
	font-size: 10pt;
	color:black;
	padding-left: 3px;
	padding-top: 3px;
	border: 1px solid #000000;
	width: 100px;
	background: #fff;
}
.shadow
{
	width:102px;
	position:relative;
	top: -2px;
	left: 2px;
	background: #555;
}
.shadow div{
	position:relative;
	top: -2px;
	left: -2px;
}