#container {
	color: #007FC5;
	background-color: #FFFFFF;
	
	width: 100%;
	
	font-family: Helvetica,Arial,sans-serif;
	
	margin-left: auto;
	margin-right: auto;

	
}

#header {
	background-color: #007BBE;
	color: #FFFFFF;
	
	width: 100%;
	height: 100px;
}


#button_home {
	color: black;
	border-radius: 10px;
	height: 25px;
	border: 0;
}


#button_system {
	color: black;
	border-radius: 10px;
	height: 25px;
	border: 0;
}

#button_charts {
	color: black;
	border-radius: 10px;
	height: 25px;
	border: 0;
}

#button_admin {
	color: black;
	border-radius: 10px;
	height: 25px;
	border: 0;
}


#logo {
	position: absolute; left: 30px; top: 20px; 
	border: 0px;
	
}

#version {
	margin-left: 80%;
	position: absolute; left: 0px; top: 20px; 
	font-weight: bold;
	font-size: 14px;
}


#leftnav {
	background-color: #76B0D6;
	
	float: left;
	width: 5%;
	height: auto;

}

#rightnav {
	background-color: #76B0D6;
	
	float: right;
	width: 5%;
	height: auto;
	
	position: relative;
}


#content {
	
	background-color: white;
	color: #333;
	
	width: auto;
	height: auto;
	min-height: 600px;
	
	margin-left: 5%;
	margin-right: 5%;
	
	padding-left: 0px;
	padding-right: 0px;
	
}

#footerend {
	clear: both;
	background-color: #76B0D6;
	color: #333;
	
	font-size: 80%;
	
	width: 100%;
	height: 100px;
	
	text-align: center;
	
	
}

.navbar {
	position: absolute; top: 70px; 
	margin-left: 20%;
	
}

.navbar ul {
	margin: 0px;
}

.navbar li {
	margin: 0px 8px 0px 0px;
	list-style-type: none;
	display: inline;
}


.powertable, .powertable TD, .powertable TH
{
	font-size:8pt;
	padding:1px;
	
	text-align: left;
}

.ramtable, .ramtable TD, .ramtable TH
{
	font-size:10pt;
	padding:1px;
	
	text-align: left;
}


.homeinverter
{
	font-size:14pt;
	
	text-align: left;
	
	background-color: white;
	
	border-spacing: 4px;
}

.homeinverter a
{
	color: white;
	
	text-decoration:none;
}

.homeinverter TH
{
	font-size:14pt;
	padding:5px;
	
	text-align: center;
	
	color: white;
	background-color: #007BBE;
}

.homeinverter TR
{
	font-size:12pt;
	
	text-align: left;
	
	color: white;
	background-color: #76B0D6;
}


.homeinverter TD
{
	padding:10px;
	
	text-align: left;
	
}

.system table
{
	font-size:14pt;
	
	text-align: left;
	
	background-color: white;
	
	border-spacing: 4px;
	
	
}

.system a
{
	color: white;
	
	text-decoration:none;
}

.system TH
{
	font-size:12pt;
	padding:5px;
	
	text-align: left;
	
	color: white;
	background-color: #006E45;
}

.system TR
{
	
	font-size:11pt;
	
	text-align: left;
	
	color: white;
	background-color: #006E45;
}


.system TD
{
	padding:5px;
	
	text-align: left;
	
}

.login input
{
	padding:1px; 
	background: white; 
	border:0;
	cursor:pointer;

	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	font-size: 9px;
	height: 20px;
	
	clear: both;
	
	align: right;
	
}


.command
{
	font-size:12pt;
	
	text-align: left;
	
	background-color: white;
	
	border-spacing: 2px;
	
}

.command a
{
	color: black;
	
	text-decoration:none;
}

.command TH
{
	font-size:10pt;
	padding:2px;
	
	text-align: center;
	
	color: black;
	background-color: #FABB00;
}

.command TR
{
	font-size:10pt;
	
	text-align: left;
	
	color: black;
	background-color: #FABB00;
}


.command TD
{
	padding:2px;
	
	text-align: left;
	
}



<!-- #223F50	
	 #007FC5;	//blue letter
	 #333;		//black letter
	 #006E45;	//green
	 #76B0D6	//blue sidebar
	 #007BBE	//blue topbar
	 #FABB00	// orange

-->