/* body { padding: 2em 5%; line-height: 1.5em; } */

a:link, a:visited { color:DarkSlateBlue; background-color:transparent; }
a:visited         { color:DarkSlateBlue }
a:active          { color:Red }
a:hover           { color:Aqua }
a:link, a:visited, a:active, a:hover{ text-decoration:none }

p { margin:0.5em 1em 0.2em 1em; }
dl, ul, ol { padding:0.5em 2.5em 0.5em 2.5em; border-style:none; margin:0; }
dt { font-weight:bold; }
hr { border-style:none; height:2px; color:#cc9933; background-color:transparent; }
img{ border-width:0px; }

h1{
	width:95%; background-color:#ccccff; font-weight:bold; font-size:1.7em;
	border-style:solid; border-width:0px 1px 1px 10px; border-color:#0069b4;
	margin:0px 0px 7px 0px;;
	padding:1px 15px 1px 15px;
	white-space:nowrap;
}
h2{
	width:75%; background-color:#ddddff; font-weight:bold; font-size:1.2em;
	line-height:1em;
	border-style:solid; border-width:0px 2px 2px 0px; border-color:#0069b4;
	margin:0px 0px 3px 0px;
	padding:3px 15px 3px 15px;
	white-space:nowrap;
}

table{ border-width:1px; border-style:solid; border-color:#999999; border-spacing: 1px; }
table.inner{ border-width: 0px; border-style: none; }

th{
	color:White; background-color:#0069b4; border-width:1px; border-style:solid; border-color:#999999;
	padding:1px 3px 1px 3px;
}
th.inner{
	color:White; background-color:#0069b4; border-width:0px; border-style:none;
}
th.subsection{
	color:White; background-color:#666666;
	border-width:1px; border-style:solid;
	font-weight:normal; text-align:left;
}

td{ border-width:1px; border-style:solid; border-color:#999999; padding:1px 5px 1px 5px; }
td.inner{ border-width:0px; border-style:none; }
td.label{ text-align:center; }
td.today{ background-color:yellow; }
td.sun  { background-color:#ffcccc; }
td.sat  { background-color:#ccccff; }
td.bit{ border-width:1px; border-style:outset; border-color:#cccccc; text-align:center; font-size:12px; color:black; }
td.ai { border-width:0px; background-color:#ccffcc; text-align:right; padding:1px 2px 1px 0px; font-size:12px; font-weight:bold; }
td.di { border-width:0px; background-color:#ccffcc; padding:2px; }
td.do { border-width:0px; background-color:#ffcccc; padding:2px; }
td.plc{ border-width:0px; background-color:#d0d0d0; padding:1px 2px 1px 5px; text-align:right; font-size:10px; white-space:nowrap; }
td.pcs_title{
	font-weight:normal; background-color:#dddddd; text-align:center; padding:2px 10px 2px 5px;
}
td.signame{
	font-weight:normal; background-color:#666666; color:white; white-space:nowrap; padding:2px 5px 2px 5px;
}
td.signame_normal{
	font-weight:normal; background-color:#6666CC; color:white; white-space:nowrap; padding:2px 10px 2px 10px; font-size:1.2em;
}
td.signame_big{
	font-weight:normal; background-color:#666666; color:white; white-space:nowrap; padding:2px 10px 2px 10px; font-size:1.8em;
}
td.pcs_data{
	border-width:0px; background-color:#ffffff; text-align:right; white-space:nowrap; padding:1px 2px 1px 5px;
	font-size:10px;
}
td.pcs_data_normal{
	border-width:0px; background-color:#ffffff; text-align:right; white-space:nowrap; padding:2px 15px 2px 15px;
	font-size:1.5em; font-weight:bold;
}
td.pcs_data_big{
	border-width:0px; background-color:#ffffff; text-align:right; white-space:nowrap; padding:2px 15px 2px 15px;
	font-size:2.5em; font-weight:bold;
}
td.unit{
	border-width:0px; background-color:#d0d0d0; text-align:left; white-space:nowrap; padding:1px 2px 1px 5px;   font-size:10px;
}
td.unit_normal{
	border-width:0px; background-color:#d0d0e0; text-align:left; white-space:nowrap; padding:2px 10px 2px 10px; font-size:1.2em;
}
td.unit_big{
	border-width:0px; background-color:#d0d0d0; text-align:left; white-space:nowrap; padding:2px 10px 2px 10px; font-size:1.5em;
}
td.pcs_stat{
	border-width:0px; background-color:#ffffff; text-align:center; white-space:nowrap; padding:1px 2px 1px 5px; font-size:10px;
}
td.on{  background-color:#ff0000; color:white; }
td.off{ background-color:#00aa00; color:white; }

div.disp{
	background-color:#fcfcfc; border-style:solid; border-width:1px; border-color:#fdfdfd; margin:5px 0px 5px 0px; padding:3px; width:400px; height:30px;
}
div.err{
	background-color:#fcfcfc; border-style:solid; border-width:1px; border-color:#fdfdfd; margin:5px 0px 0px 0px; padding:3px; width:400px; height:18px;
	font-size:7px; color:#d0d0d0;
}
div.di_on    { border-style:outset; width:14px; height:14px; border-width:1px; background-color:#00ff00; }
div.do_on    { border-style:outset; width:14px; height:14px; border-width:1px; background-color:#ff0000; }
div.dio_off  { border-style:outset; width:14px; height:14px; border-width:1px; background-color:#aaaaaa; }
div.on       { border-style:outset; width:12px; height:14px; border-width:2px; text-align:center; color:white; background-color:red; }
div.off      { border-style:outset; width:12px; height:14px; border-width:2px; text-align:center; color:white; }
div.conn_none{ border-style:outset; border-width:1px; padding:2px 5px 2px 5px; text-align:center; background-color:#cccccc; }
div.conn_ok  { border-style:outset; border-width:1px; padding:2px 5px 2px 5px; text-align:center; background-color:#00ff00; }
div.conn_ng  { border-style:outset; border-width:1px; padding:2px 5px 2px 5px; text-align:center; background-color:red; color:white; }
div.ok       { border-style:outset; border-width:1px; padding:2px 5px 2px 5px; text-align:center; background-color:#00ff00; }
div.ng       { border-style:outset; border-width:1px; padding:2px 5px 2px 5px; text-align:center; background-color:red; color:white; }
div.grid     { float:left; margin-right:10px; margin-bottom:8px; };