html {
	/*overflow: hidden;*/
}

body {
	/*overflow: hidden;*/
}

#loadingscreen {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden;
	font-family: Arial;
	font-weight: bold; 
	text-align:center;
	color: red;
	z-index:998;
	color: red;
	font-weight: bold;
}

#errorscreen {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden;
	z-index:999;
}

#errormessage{
	position:absolute;
	top:50%;
	left:50%;
}

#errormessage div{
	background-color:yellow;
	border: 0.5em solid red;
	color: red;
	position:absolute;
	top:-3em;
	left:-10.5em;
	height:5em;
	width:20em;
	text-align:center;
	font-size: 1.8em;
}

#errorscreen  b{
	font-weight: bold;
	font-size: 2em;
}

#erroroverlay {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:black;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#loadingscreen div {
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color: #333333;
}

#loadingscreen div div {
	top:40%;
	width:100%;
}

#top {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:119px;
	background-image:url(topbg.png);
	z-index:997;
}

#main, #zoomarea, #zoombox {
	position:absolute;
	overflow: hidden;
}

#main {
	background-color:white;
}

#zoomarea {
	display: none;
	cursor:crosshair;
}

#zoombox {
	display: none;
	border: 1px solid black;
	cursor:crosshair;
}

#menues {
	list-style-type: none;
	display:inline;
}

li.btn {
	display:inline;
}

li a.button {
	display:block;
	position:absolute; top:79px; height:39px; width:7%; background-image:url(topsep.png);
	background-repeat:no-repeat;
	text-align:center;
}
 
.button:hover {
	background-color:#333333;
} 

#titlecontainer {
	position:absolute;
	left:9px;
	top:9px;
	width:35%;
	height:36px;
	background-color:black;
	background-image: url(bg1b.gif);
	font-size: 1.5em;
	vertical-align:middle;
}

#titlecontainer div {
	height:100%; width:100%;
	background-repeat: no-repeat;
	background-image: url(bg1a.gif);
	background-position: left;
}

#titlecontainer div div {
	background-image: url(bg1c.gif);
	background-position: right;
}

#title {
	padding-left:35px;
}

#titlecontainer span {
	position:absolute;
	left:5px;
	bottom:4px;
}

#list {
	position:absolute; left:9px; top:49px; width:35%; height:22px; background-color:black; color:white;
	background-image: url(bg2b.gif);
}

#list div {
	height:100%; width:100%;
	background-repeat: no-repeat;
	background-image: url(bg2a.gif);
	background-position: left;
}

#list div div {
	background-image: url(bg2c.gif);
	background-position: right;
}

#list div div div {
	background-image: none;
}

#alarmlist {
	position:absolute; right:10px; top:9px; height:62px; background-color:black;
	background-image: url(bg3b.gif);
}

#alarmlist div {
	background-repeat: no-repeat;
	background-image: url(bg3a.gif);
	background-position: left;
}

#alarmlist div div {
	/*position:absolute; top:0px;*/
	background-image: url(bg3c.gif);
	background-position: right;
}

#alarmlist pre {
	/*position:absolute; right:0px;*/
	padding:0;
	margin:0;
	height:62px;
	padding-left:5px;
	padding-right:5px;
	/*font-size: 0.8em;*/
	font-family: Courier New;
}

img {
	border: 0;
}
