p {
	margin:2px;
}
#title {
	background:#c00;
	padding:4px;
	font-weight:bold;
	color:#fff;
	margin-bottom:15px;
	height:16px;
	border-radius:6px;
}	   
#title .right {
	float:right;
	width:300px;
	text-align:right;
	padding-right:10px;
}										
#menu {
	float:left;
	width:150px;
	padding-right:20px;	
}
#menu a {
	width:140px;
	display:block;
	background:#c00;
	color:white;
	padding:8px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	text-decoration:none;
	border-radius:6px;
}
#menu a:hover {
	background:#5E91D0;
}	   
#content {
	width:525px;
	float:right;
	padding-right:10px;
}	   
#content a {
	color:#c00;
	text-decoration:none;
}	   
#content a:hover {
	color:#d33;
	text-decoration:underline;
}	   
#content h1 {
	margin-top:0px;
}	   
.spacer {
	clear:both;	
}
div img {
	display:inline-block;
	vertical-align:middle;
	border:none;
}
#footer {
	font-size:0.8em;
	color:black;
	text-align:center;
	margin:10px 50px 0 50px;
	padding-top:10px;
	border-top:1px dotted #666;
}	   
#webl {
	font-size:11px;
	color:black;
	text-align:center;
	text-decoration:none;	
	padding-top:5px;
}	   
#webl a {
	font-size:11px;
	color:black;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
}	   
#webl a:hover {
	font-size:11px;
	color:black;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
}
p.error {
	margin-left:-2px;
	padding:5px;
	background:#fdd;	
	font-size:x-small;
	width:433px;
	display:inline-block;
	vertical-align:middle;
	border-radius:5px;
	box-shadow:0px 0px 5px #900;
}
p.note {
	margin-left:-2px;	
	padding:5px;
	background:#C1E6B7;	
	font-size:x-small;	
	width:433px;
	display:inline-block;
	vertical-align:middle;
	border-radius:5px;
	box-shadow:0px 0px 5px #1E7E06;
}
p.advice {
	margin-left:-2px;	
	padding:5px;
	background:#C0ECFF;	
	font-size:x-small;
	width:433px;
	display:inline-block;
	vertical-align:middle;
	border-radius:5px;
	box-shadow:0px 0px 5px #1A65A0;
}
#content h6 {
	border-top:1px dashed #333;
	margin:15px;
	padding:0px;
	height:1px;
}
fieldset {
	margin:8px 40px 10px 40px;
	padding:8px;
	border:1px solid grey;
	background:#d8d8d7;
	border-radius:10px;
	box-shadow:0px 0px 10px #777;
}
fieldset div {
	padding:2px 0px 2px 150px;
}
fieldset div label {
	margin-left:-140px;
	padding-top:3px;
	width:160px;
	font-weight:bold;
	position:absolute;
}
fieldset input {
	width:240px; 	
	margin-left:20px;
}

span.mac {
	margin-left:20px;	
}
fieldset input.sm {
	width:auto;
}
fieldset input.dm {
	width:180px;
}

fieldset textarea {
	width:250px;
}					  
fieldset input.sk {
	width:70px;
}
div.monitor {
	border-radius:10px;
	box-shadow:0px 0px 10px #aaa;
	padding:10px 10px 10px 20px;
	float:right;
	width:180px;
	border:1px solid silver;
	background:lightyellow;
	line-height:20px;	
}

div.monitor div.islabel {	
	width:100px;	
	float:left;
}
div.monitor div.isvalue {	
	font-weight:normal;
	float:left;
}
.mda {	
	margin-left:-2px;
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}

table.setup {
	width:425px;
	border-collapse:collapse;
	border-color:silver;
	border:1px solid silver;
}
table.setup td {
	padding:3px;
	border:1px solid silver;
}

table.setup td.cnt {
	text-align:center;	
}
table.setup td.cnt input {
	text-align:center;
	margin:0 0;
}
table.setup th {
	text-align:center;
	border:1px solid silver;
}

table.modbus {
	width:445px;
	border:1px solid silver;
	border-collapse:collapse;
	margin:2px 40px 10px 40px;
}
table.modbus td {
	padding:2px;
	text-align:center;
	border:1px solid silver;
}
table.modbus th {
	border:1px solid silver;
}
span.hp {
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
div.pt {
	margin-bottom:8px;
}

#cvsl {
	border-radius:10px;
	box-shadow:0px 0px 10px #888;
}
#weeklog {
	border-radius:10px;
	box-shadow:0px 0px 10px #888;
}
.monitor_holder {
	padding:10px 10px 10px 30px;
	border:1px solid silver;
	border-radius:10px;
	box-shadow:0px 0px 10px #aaa;
}
#progressbar {
	background-color:white;
	border-radius:8px;
	padding:1px !important;
	position:relative;
	border:2px solid #63B8DA;
	margin:10px;
}
.prper {
	position:absolute;
	left:45%;
	top:2px;
	color:black;
	padding:0;
}
.prmeter {	
	background-color:#63B8DA;	
	height:20px;
	border-radius:5px;
	padding:0;
}
.linfo {
	padding:0;
	margin:10px;
	text-align:center;
}
#main_table {
	width: 760px;
	border-radius: 10px;
}
hr {
	border-width: 1px;
	border-color: #fff;
	border-style: inset;
}

.state{width:200px;float:left;text-align:center;font-weight:700}