/* 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; padding:0px;}

h1{
	width:90%; 
/* background-color:#ccccff; */
/*	border-style:solid; border-width:0px 1px 1px 10px; border-color:#0069b4; */
	font-weight:bold; font-size:1.4em;
	color:#0055A2;
	margin:0px 0px 5px 0px;
	padding:5px 20px 5px 20px;
	background-image:url("../images/solar_logo.png");
	background-repeat:no-repeat;
	border-style:none;
	border-width:0px;
	vertical-align:middle;
	background-size:100% 140%;
}
h2{
	width:80%; background-color:#ccccff; font-weight:bold; font-size:1.2em;
	line-height:1em;
	border-style:solid; border-width:0px 2px 2px 0px; border-color:#0069b4;
	margin:10px 0 0 0;
	padding:3px 15px 3px 15px;
}
h3{
	width:60%; background-color:#ccccff; font-weight:bold; font-size:1em;
	line-height:1em;
	border-style:solid; border-width:0px 2px 2px 0px; border-color:#0069b4;
	margin:1.5em 0 0 0;
	padding:2px 15px 2px 25px;
}
h4{
	width:30%; background-color:#ccccff; font-weight:bold;
	line-height:1em;
	border-style:solid; border-width:0px; border-color:#0069b4;
	margin:1em 0 0 0;
	font-size:1em;
	padding:2px 15px 2px 15px;
}

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:3px 0px 3px 0px; padding:2px 3px 2px 3px; width:400px; height:20px;
	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; };
div.report   { width:100%; }
div.con_left { };
div.list     { };
div.legend   { };
div.graph    { };
iframe{
	border-none;
	display:block;
}

span.balloon    {display:block; float:right; width:14px; height:14px; margin:1px 2px 1px 2px; padding:0px; background-color:#febe80; background:linear-gradient(to right bottom, #fecd9e, #fec894 20%, #febe80 60%, #f59f4a 100%); border-top:solid 1px #eb8d31; border-right:solid 1px #d8791c; border-bottom:solid 1px #d8791c; border-left:solid 1px #eb8d31; text-align:center; line-height:14px; font-size:12px; font-weight:bold; color:#ffffff; text-shadow:1px 1px #999999; cursor:help; border-radius:3px;}
span.balloon_nf {margin:0px; width:12px; height:12px; padding:0px 4px 0px 4px; background-color:#febe80; background:linear-gradient(to right bottom, #fecd9e, #fec894 20%, #febe80 60%, #f59f4a 100%); border-top:solid 1px #eb8d31; border-right:solid 1px #d8791c; border-bottom:solid 1px #d8791c; border-left:solid 1px #eb8d31; text-align:center; line-height:12px; font-size:10px; font-weight:bold; color:#ffffff; text-shadow:1px 1px #999999; cursor:help; border-radius:3px; vertical-align:middle; }
#balloon             {display:none; z-index:104; width:250px; position:absolute; background-color:#ffffdd; border:solid 1px #999999; border-radius:10px; box-shadow:2px 2px 2px #999999;}
#balloon span.button {display:block; float:right; width:14px; height:14px; position:relative; top:5px; right:8px; margin:0px; padding:0px; text-align:center; vertical-align:top; line-height:14px; font-size:16px; font-weight:bold; color:#666666; border:solid 1px #999999; border-radius:3px; cursor:pointer;}
#balloon span.button:hover {color:#ffffff; border:solid 1px #e75858; background-color:#ff0000; background:linear-gradient(to right bottom, #f3acac, #ec7d7c 20%, #e65654 60%, #d63c1f 100%);}
#balloon_title       {margin:0px; padding:10px 30px 0px 15px; text-align:left; line-height:100%; font-size:0.8em; font-weight:bold;}
#balloon_content     {margin:0px; padding:10px 10px; text-align:left; line-height:120%; font-size:0.8em;}
#balloon_table       {margin:5px; border-collapse:collapse; border-spacing:0px; empty-cells:show;}
#balloon_table th    {margin:0px; padding:2px 5px; border:1px solid #999999; background-color:#f9f9ee; font-weight:bold;}
#balloon_table td    {margin:0px; padding:2px 5px; border:1px solid #999999;}

span.small{ font-size:0.8em;}