@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-size:100%;
}
/* Estilos Base. Cabeçalho, conteúdo e Rodapé */
#header {
	display:block;
	background-color:#006;
	padding: 10px;
	position:relative;
	margin-bottom:10px;
}
#header h1 {
	margin:0;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.4em;
	color:#FFF;
}
#header #user {
	position:absolute;
	right:10px;
	bottom: 2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	color:#FFF;
	text-align:right;
	font-weight:bold;
}
#header #user a, #header #user a:active, #header #user a:visited {
	color:#FFF;
	text-decoration:none;
}
#header #user a:hover {
	text-decoration:underline;
}
#footer {
	display:block;
	background-color:#006;
	padding: 5px;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	margin-top: 10px;
}
#container {
	position:relative;
	min-height:680px;
	min-width:1024px;
	background:url(../images/background.gif) no-repeat top left;
}

.sensor {
	position:absolute;
	top:0;
	left:0;
	width:36px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75em;
	color:#000;
	border:1px solid #000;
	text-align:center;
	background-color:#FFC;
	cursor:pointer;
}
.actuator {
	position:absolute;
	top:0;
	left:0;
	width:67px;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	padding:4px;
	color:#000;
	text-align:center;
	background-color:#6CC;
	border:1px solid #000;
}
/* Box de erro */
.errorMsg
{
	position:absolute;
	width: 400px;
	left:50%;
	top:185px;
	margin-left:-200px;
	border:1px solid #900000;
	background-color:#FFF;
	text-align:center;
	z-index:99;
}
.errorMsg h1 {
	margin:0;
	padding:10px;
	display:block;
	background-color:#F30;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.3em;
	color:#FFF;
	border-bottom:1px solid #900000;
}
.errorMsg h2 {
	margin:0;
	padding:10px;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:0.9em;
}
.errorMsg input {
	border:1px solid #900000;
	padding:5px 10px;
	margin-bottom:5px;
	background-color:#F30;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
/* Box de Alarme */
.alarmMsg
{
	position:absolute;
	width: 400px;
	left:50%;
	top:185px;
	margin-left:-200px;
	border:1px solid #900000;
	background-color:#FFF;
	text-align:center;
	z-index:99;
}
.alarmMsg h1 {
	margin:0;
	padding:10px;
	display:block;
	background-color:#FC6;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.3em;
	color:#FFF;
	border-bottom:1px solid #900000;
}
.alarmMsg h2 {
	margin:0;
	padding:10px;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:0.9em;
}
.alarmMsg input {
	border:1px solid #900000;
	padding:5px 10px;
	margin-bottom:5px;
	background-color:#FC6;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
/* Ações de Controle */
.acLink {
	position:absolute;
}
#ACW
{
	position:absolute;
	width: 500px;
	left:50%;
	top:45px;
	height:420px;
	margin-left:-250px;
	border:1px solid #006;
	background-color:#FFF;
	z-index:100;
}
#ACW h1 {
	margin:0;
	padding:10px;
	display:block;
	background-color:#069;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.3em;
	color:#FFF;
	border-bottom:1px solid #006;
}
#ACW h1 a, #ACW h1 a:active, #ACW h1 a:visited {
	float:right;
	display:block;
	width:30px;
	height:25px;
	background-color:#6CF;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1em;
	text-decoration:none;
}
#ACW h1 a:hover {
	color:#69C;
	text-decoration:none;
}
#ACW #content {
	display:block;
	height:350px;
	overflow:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	padding: 6px;
}

/* Ação de Controle - Formulário */
#content span.actuatorElement {
	color:#000;
	font-weight:bold;
	text-align:left;
}
#content table
{
	width:100%;
	margin:0;
	padding:0;
}
#content td, #content th {
	padding:6px;
}
#content th {
	text-align:right;
	padding-right:8px;
}
#content input.button {
	display:block;
	border:1px solid #006;
	background-color:#069;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	padding: 10px;
	width:100%;
}
#content input.txt, #content select {
	width: 120px;
}
#content span.status {
	display:block;
	margin:0 15px;
}

#content #message {
	display:block;
	border:1px solid #006;
	background-color:#6CF;
	text-align:center;
	color:#333;
	padding:10px;
	margin: 5px 0;
}
#content #error {
	display:block;
	border:1px solid #900;
	background-color:#F96;
	text-align:center;
	color:#900;
	font-weight:bold;
	padding:10px;
	margin: 5px 0;
}

#control {
	position:absolute;
	bottom:-10px;
	right:0;
	background-color:#999;
	width:300px;
	padding:10px;
	z-index:101;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	color:#000;
}
#simul
{
	position:absolute;
	top:5px;
	right:10px;
	padding:10px;
	border:1px solid #666;
	background-color:#CCC;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
}
#levels {
	display:none;
}
.simulButton {
	border: 1px solid #006;
	background-color:#09C;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#FFF;
	padding:15px;
	margin-bottom:5px;
}
.simulButton:hover {
	background-color:#069;
	cursor:pointer;
}