html 	{
		height: 100%;
	}

	body 	{
		height: 100%;
	}

	#nonFooter {
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter {
		height: 100%;
	}

	#footer	{
		position: relative;
		margin: -2.2em auto 0 auto;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer {
		margin-top: -2.2em;
	}

/* PAGE/GENERAL */

*
{
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

a:link {
	color: #297acb;
}

a:visited {
	color: #297acb;
}

a:hover {
	text-decoration: none;
}

body {
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #ffffff;
	background-image: url(/images/bckgnd_blue.gif);
	background-position: top left;
	background-repeat: repeat-y;
}	


img { border: none; }

#page {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
}

* html #page {
	height: 100%;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden {
	position: absolute;
	left: -10000px;
}

/* CONTAINER*/

#container {
 margin: 0 auto;
 width: 100%;
 height: 100%;
}

ul { list-style: none; }

ul.disc {list-style-type: disc; list-style-position: inside;}

/* HEADER */

#header {
	width: 100%; height: 153px;
	background-image: url(/images/header_bckgnd_blue_2.gif);
}

#headerCorner {
	position: absolute; top left;
	width: 4px; height: 153px;
	background-image: url(/images/header_bckgnd_corner.gif);
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
	z-index: 1;
	width: 760px;
	height: 85px;
	overflow: visible;
}

#motto {
	position: absolute; top: 30px; left: 53%; 
	overflow: visible;
	white-space: nowrap;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#header_welcome {
	position: absolute;
	top: 120px;
	left: 25px;
	z-index: 2; 
}

#header_solar {
	position: absolute;
	top: 0px;
	left: 203px;
	z-index: 4; 
}

#header_buttons {
	position: absolute;
	top: 120px;
	left: 200px;
}


#login {
	position: absolute;
	top: 113px;
	left: 295px;
	z-index: 3; 
}

#user_login_text {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #ffe37e;
	font-weight: bold;
}

.headerfont {
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	font-variant: small-caps;
	text-decoration: none;
	color: #FFFFFF;
}

a.headerfont {
	font-size: 10px;
	color: #FFFFFF; 
	line-height: 150%;
}

/* -- Homeowner Mouseover Menu -- */

	#menu {
	  position: absolute; top: 154px; left: 161px;
	  display: block;
	  background: url(/images/bg.gif) repeat-x bottom;
	  font-family: verdana, helvetica, sans-serif;
	  font-size:11px;
	  line-height:normal;
	  }
	#menu ul {
	  margin:0;
	  padding:10px 10px 0;
	  list-style:none;
	  }
	#menu li {
	  float:left;
	  background:url(/images/left.gif) no-repeat left top;
	  margin:0;
	  padding:0 0 0 9px;
	  }
	#menu a {
	  float:left;
	  display:block;
	  background:url(/images/right.gif) no-repeat right top;
	  padding:5px 15px 4px 6px;
	  text-decoration:none;
	  font-weight:bold;
	  color:#848484;
	  }
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	#menu a {float:none;}
	/* End IE5-Mac hack */
	#menu a:hover {
	  color:#535353;
	  }
	#menu #current {
	  background-image:url(/images/left_on.gif);
	  }
	#menu #current a {
	  background-image:url(/images/right_on.gif);
	  color:#1f4596;
	  padding-bottom:5px;
	  }	  
	
	#menuEnd {
	  position: absolute; top: 154px; left: 641px; 
	  display: block;
	}
	#menuEndAdmin {
	  position: absolute; top: 154px; left: 667px; 
	  display: block;
	}
	#menuEndInstaller {
	  position: absolute; top: 154px; left: 643px; 
	  display: block;
	}

/* NAVIGATION */

	
	/* -- Mouseover Menu Default -- */
	#momenuDefault {position: absolute; top: 85px; left: 19px; width: 644px; height: 27px; padding: 0; margin: 0; cursor: pointer;}
	#momenuDefault li {list-style: none; margin: 0; padding: 0; display: inline;}
	#momenuDefault li a:link, #momenuDefault li a:visited {display: block; position: absolute; top: 0; height: 27px;}
	#momenuDefault li a:hover 
		.home #momenuDefault .li1 a:link, .inverter #momenuDefault .li1 a:visited,
		.products #momenuDefault .li2 a:link, .string #momenuDefault .li2 a:visited,
		.support #momenuDefault .li3 a:link, .support #momenuDefault .li3 a:visited,
		.mypvp #momenuDefault .li4 a:link, .about #momenuDefault .li4 a:visited,
		.distribution #momenuDefault .li5 a:link, .distribution #momenuDefault .li5 a:visited,
		.about #momenuDefault .li5 a:link, .about #momenuDefault .li5 a:visited,
		
	#momenuDefault .li1 a {left: 0; width: 41px;}
	#momenuDefault .li2 a {left: 65px; width: 70px;}
	#momenuDefault .li3 a {left: 160px; width: 127px;}
	#momenuDefault .li4 a {left: 321px; width: 113px;}
	#momenuDefault .li5 a {left: 460px; width: 84px;}
	#momenuDefault .li6 a {left: 575px; width: 68px;}
	
	#momenuDefault li a:link span, #momenuDefault li a:visited span {display: block; position: absolute; top: 0px; background-image: url(/images/navigation_default_blue5.gif); background-repeat: no-repeat; overflow: hidden; font-size: 1px; line-height: 1px; height: 0; padding: 25px 0 0 0;}
	#momenuDefault .li1 a span {background-position: 0 0; width: 41px;}
	#momenuDefault .li2 a span {background-position: -65px 0; width: 70px;}
	#momenuDefault .li3 a span {background-position: -160px 0; width: 127px;}
	#momenuDefault .li4 a span {background-position: -321px 0; width: 113px;}
	#momenuDefault .li5 a span {background-position: -460px 0; width: 84px;}
	#momenuDefault .li6 a span {background-position: -575px 0; width: 68px;}
	
	#momenuDefault .li1 a:hover span, .home #momenuDefault .li1 a:hover span {background-position: 0 -29px;}
	#momenuDefault .li2 a:hover span, .products #momenuDefault .li2 a:hover span {background-position: -65px -29px;}
	#momenuDefault .li3 a:hover span, .support #momenuDefault .li3 a:hover span {background-position: -160px -29px;}
	#momenuDefault .li4 a:hover span, .mypvp #momenuDefault .li4 a:hover span {background-position: -321px -29px;}
	#momenuDefault .li5 a:hover span, .distribution #momenuDefault .li5 a:hover span {background-position: -460px -29px;}
	#momenuDefault .li6 a:hover span, .about #momenuDefault .li5 a:hover span {background-position: -575px -29px;}
	
	
	/* -- Installer Menu -- */
	#momenuInstaller {position: absolute; top: 74px; left: 19px; width: 520px; height: 27px; padding: 0; margin: 0; cursor: pointer;}
	#momenuInstaller li {list-style: none; margin: 0; padding: 0; display: inline;}
	#momenuInstaller li a:link, #momenuInstaller li a:visited {display: block; position: absolute; top: 0; height: 27px;}
	#momenuInstaller li a:hover 
		.main #momenuInstaller .li1 a:link, .main #momenuInstaller .li1 a:visited,
		.installations #momenuInstaller .li2 a:link, .installations #momenuInstaller .li2 a:visited,
		.support #momenuInstaller .li3 a:link, .support #momenuInstaller .li3 a:visited,
		.account #momenuInstaller .li4 a:link, .account #momenuInstaller .li4 a:visited,
		.logout #momenuInstaller .li5 a:link, .logout #momenuInstaller .li5 a:visited,
		
	#momenuInstaller .li1 a {left: 0; width: 37px;}
	#momenuInstaller .li2 a {left: 61px; width: 105px;}
	#momenuInstaller .li3 a {left: 189px; width: 65px;}
	#momenuInstaller .li4 a {left: 282px; width: 129px;}
	#momenuInstaller .li5 a {left: 435px; width: 61px;}

	#momenuInstaller li a:link span, #momenuInstaller li a:visited span {display: block; position: absolute; top: 0px; background-image: url(/images/navigation_installer.gif); background-repeat: no-repeat; overflow: hidden; font-size: 1px; line-height: 1px; height: 0; padding: 25px 0 0 0;}
	#momenuInstaller .li1 a span {background-position: 0 0; width: 37px;}
	#momenuInstaller .li2 a span {background-position: -61px 0; width: 105px;}
	#momenuInstaller .li3 a span {background-position: -189px 0; width: 65px;}
	#momenuInstaller .li4 a span {background-position: -282px 0; width: 129px;}
	#momenuInstaller .li5 a span {background-position: -435px 0; width: 61px;}

	#momenuInstaller .li1 a:hover span, .main #momenuInstaller .li1 a:hover span {background-position: 0 -29px;}
	#momenuInstaller .li2 a:hover span, .installations #momenuInstaller .li2 a:hover span {background-position: -61px -29px;}
	#momenuInstaller .li3 a:hover span, .support #momenuInstaller .li3 a:hover span {background-position: -189px -29px;}
	#momenuInstaller .li4 a:hover span, .account #momenuInstaller .li4 a:hover span {background-position: -282px -29px;}
	#momenuInstaller .li5 a:hover span, .logout #momenuInstaller .li4 a:hover span {background-position: -435px -29px;}
	
/* CONTENT */

#content {
	padding-bottom: 70px;
}

#contentMain {
	display: inline;
	float: left;
	margin-left: 41px;
	width: 90%;
    text-align: left;
    line-height: 150%;
	margin-top: 50px;
}

#contentLeft {
	position: absolute; top: 180px; left: 4px;
	background-color: #ececec;
	width: 150px;
    text-align: left;
}

#contentLeft2 {
	position: absolute; top: 480px; left: 4px;
	background-color: #ececec;
	width: 150px;
    text-align: left;
}

#contentRight {
	margin-left: 175px;
	margin-right: 30px;
    text-align: left;
    line-height: 150%;
	padding-top: 50px; 
	height: 100%;
	padding-bottom: 70px;
}

#contentRightHome {
	margin-left: 160px;
	margin-right: 30px;
    text-align: left;
    line-height: 150%;
	padding-top: 0px;
	height: 100%;
	width: 600px;
}

#contentRightLogout {
	margin-left: 175px;
	margin-right: 30px;
    text-align: left;
    line-height: 150%;
	padding-top: 15px;
	height: 100%;
	width: 600px;
}

#home_feature {
	background-image:url(/images/home_feature_5200.png);
	background-repeat: no-repeat;
	position: relative;
	height: 309px;
	width: 480px;
}

#home_testimony {
	margin-left: 15px;
	width: 479px;
	background-repeat: no-repeat;
	position: relative;
}

.home_testimonyText {
	font-size: 22px; line-height : 140%; color: #1f4596; font-family :  Arial, Helvetica, sans-serif; font-weight: bold;
	position: relative;
	top: 60px; left: 180px;
}

.home_testimonyText2 {
	font-size: 11px; line-height : 170%; color: #747474; font-family :  Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;
	position: relative;
	top: 70px; left: 181px;
	width: 250px;
}

#home_feature {
	background-image:url(/images/pvm1010-object.png);
	background-repeat: no-repeat;
	position: relative;
	height: 309px;
	width: 480px;
}

#home_pvm1010 {
	margin-left: 15px;
	width: 479px;
	background-repeat: no-repeat;
	position: relative;
}

.home_pvm1010Text {
	font-size: 11px; line-height : 170%; color: #747474; font-family :  Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;
	position: relative;
	top: 0px; left: 15px;
	width: 200px;
}

.home_starlink {
	font-size: 11px; line-height : 130%; color: #747474; font-family :  Tahoma, Arial, Helvetica, sans-serif; font-weight: none;
	position: relative;
	width: 150px;
	margin-left: 8px;
}

#title_block {
	position: absolute;	left: 17px; top: 184px;
	background-image: url(/images/title_block_scale.gif);
	width: 80%;
	height: 45px;
}

#title_block_left {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 45px;
	position: absolute;
	z-index: 1;
	width: 267px;
	overflow: visible;
}

#title_block_right {
	position: relative;
	top: 0px;
	right: 0px;
	background-image: url(/images/title_block_right.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 267px;
}

#return {
	position: absolute; top: 235px; left: 60%;
	font-family: verdana, helvetica, sans-serif; font-size: 11px; 
}

h1 {
	color: #3c3c3c;
	font-size: 20px;
	font-weight: bolder;
	margin-bottom: 5px;
	text-indent: 0px;
	font-family: arial, helvetica, sans-serif;
	z-index: 5;
	white-space: nowrap;
	border-bottom: 1px dotted #ccc;
}

h2 {
	position: relative;
	clear: both;
	margin-top: 0px;
	color: #295d94;
	font-size: 140%;
	font-size: 13px;
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
}

p {
	font-family: verdana, trebuchet MS, helvetica, sans-serif; font-size: 12px; color: #4C4C4C;
	line-height: 170%;
	margin-bottom: 1px;
}

.pageDesc
{
	font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #4C4C4C;
	line-height: 155%;
	padding: 0px 0px 10px 0px;
	width: 100%;
	margin-bottom: 8px;
}

#feedback{
 	position: absolute; top: 193px; right: 60px;
}

.abouttitle { font-size : 16px; line-height : 140%; color: #000000;	font-family :  Arial, Helvetica, sans-serif; font-weight : bold;}

.font { font-size : 13px; line-height : 140%; color: #4B4B4B;	font-family :  verdana, Helvetica, sans-serif; font-weight : none;}
a.font { text-decoration: none; color : #3971aa; }
a.font:hover { text-decoration: underline; color : #F29409; }

.faqfont { font-size : 11px; line-height : 140%; color: #4B4B4B;	font-family :  verdana, Helvetica, sans-serif; font-weight : none;}
a.faqfont { text-decoration: none; color : #3971aa; }
a.faqfont:hover { text-decoration: underline; color : #F29409; }

.toutext
{ font-size : 11px; line-height : 130%; color: #333333;	font-family : Verdana, Helvetica, sans-serif; font-weight : none;}
a.text { text-decoration: none; color : #3971aa; }
a.text:hover { text-decoration: underline; color : #F29409; }

.text
{ font-size : 10px; line-height : 120%; color: #333333;	font-family : Verdana, Helvetica, sans-serif; font-weight : none;}
a.text { text-decoration: none; color : #3971aa; }
a.text:hover { text-decoration: underline; color : #F29409; }

.customertitle { font-size : 16px; line-height : 160%; color: #497cbb;	font-family :  Arial, Helvetica, sans-serif; font-weight : bold;}

.datafont {  font-size : 11px;  line-height : 250%; color: #000000;	font-family :  Arial, Helvetica, sans-serif; font-weight : bold;}

.monitorfont {  font-size : 11px;  line-height : 130%; color: #000000;	font-family :  Arial, Helvetica, sans-serif; font-weight : bold;}

.burst {
 background-image: url(/images/newsletter_burst.gif); background-repeat: no-repeat;
 /*background-color: #FCFCFC;*/
}

.formborder2 {
border: 1px solid #ffce73;
}

.glossarytitle { font-size : 14px; line-height : 120%; color: #000000;	font-family :  Arial, Helvetica, sans-serif; font-weight : bold;}

/* Color font: Yellow */
.color2 { color : #666;}	

.stringstep { font-size : 16px; line-height : 100%; color: #497cbb;	font-family :  Arial, Helvetica, sans-serif; font-weight : bold;}


/* TABLE CLASSES */

div.hr {
  height: 1px;
  background: #ccc url(/images/horizontal_dash.gif);
  background-repeat: repeat-x ;
  width: 78%;
  margin: 0px 0px 10px 0px;
}
div.hr hr {
  display: none;
}

.formtext
{
	font-family: verdana,trebuchet,sans-serif; font-size: 11px; color: #666666;
	line-height: 100%;
	padding: 3px;
}

.hdash  { height: 1px; background-image: url(/images/horizontal_dash.gif);  background-repeat: repeat-x ; margin: 5px 0px;}

/* FOOTER */

#footer
{
	width: 100%; 
	background-image: url(/images/pvpowered_logo_footer.gif); background-repeat: no-repeat; background-position: top right;	
}

#footerCorner {
	position: absolute; bottom left;
	width: 4px; height: 27px;
	background-image: url(/images/footer_bckgnd_corner.gif);
	background-repeat: no-repeat;
}

#ul
{
	position: relative; left: 15px; top: 8px;
	margin-bottom: 0px;
	width: 750px;
	height: 70px;
	background-image: url(/images/ul_mark.gif); background-repeat: no-repeat; background-position: top left;
}

#footer_line
{
	width: 100%; height: 27px;
	background-image: url(/images/footer_bckgnd_blue.gif);
    z-index: 1;
}

.footertext  { font-size : 10px; color : #FFFFFF; font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }
a.footertext { text-decoration: none; color: #FFCC6C; font-weight: bold; }
a.footertext:visited { text-decoration: none; color: #FFCC6C; font-weight: bold; }
a.footertext:hover { color: #FFDB97; font-weight: bold; }

#footer_links
{
	position: relative; left: 15px; top: 5px;
	width: 700px;
}

.ultext
{ 
	position: relative; left: 60px; top: 8px; height: 0px; width: 500px;
	font-size: 12px; 
	color: #333333;	font-family : Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

/* USERS CLASSES */
div#user_company {
  position: absolute;
  top: 242px;
  left: 592px;
}

tr.hdashuser {
  height: 24px;
  background-image: url(/images/horizontal_dash.gif);
  background-repeat: repeat-x ;
  background-position: 0px 23px;
}

/* Some General Classes */

.note
{
	color: #e29200;
	font-size: 10px;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3
{
	font-size: 13px; 
	color: #ffb239;	font-family : Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-decoration: underline;
}

h4
{
	font-size: 12px; 
	color: #606060;	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-decoration: none;
}

.nohover a:hover { color: #fff; background-color: #fff;}
.odd { color: inherit; background: #eeeee8; }
.even { color: inherit; background: #fbfbfb; }
.action { width: 30px; text-align: center; padding-top: 3px; }
.submit { margin: 20px 0px 30px 0px; }
.cancel { margin: 20px 0px 30px 0px; }

.step4_submit {
	margin: 8px 0px 10px 0px;
}

.formborder {
border: 2px solid #e3e3e3;
}

/* ROUNDED CORNER Classes */

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
background: transparent url(/images/box_rounded_corners.png) no-repeat bottom right; 
}

.cssbox ul{
list-style:none;
}

h2 
{ background: transparent url(/images/box_rounded_corners.png) no-repeat bottom right; } 

.cssbox { 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
} 

/* set the top-right image */ 
.cssbox_head { 
background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
background-position: top left; margin: 0; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
background-position: bottom left; margin-right: 25px; /* interior-padding right */ 
padding: 15px 0 15px 60px; /* mirror .cssbox_head right/left */ 
} 

/* Home Menu Classes */

/* set the image to use and establish the lower-right position */ 
.homebox, .homebox_body, .homebox_head, .homebox_head h2 { 
background: transparent url(/images/home_box2.png) no-repeat bottom right; 
}

.homebox ul{
list-style: disc;
font-size: 9px; font-weight: bold;
color: #606060;	font-family : tahoma, Arial, Helvetica, sans-serif;
margin-left: 7px;
}

h2 
{ background: transparent url(/images/home_box2.png) no-repeat bottom right; } 

.homebox { 
padding-right: 0px; /* the gap on the right edge of the image (not content padding) */ 
} 

/* set the top-right image */ 
.homebox_head { 
background-position: top right; margin-right: 0px; /* pull the right image over on top of border */ 
padding-right: 0px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.homebox_head h2 { 
background-position: top left; margin: 0; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Hack */ 
} 

/* set the lower-left corner image */ 
.homebox_body { 
background-position: bottom left; margin-right: 0px; /* interior-padding right */ 
padding: 0px 0 0px 0px; /* mirror .cssbox_head right/left */ 
} 

/* Side Menu Classes */

/* set the image to use and establish the lower-right position */ 
.menubox, .menubox_body, .menubox_head, .menubox_head h2 { 
background: transparent url(/images/menu_box.png) no-repeat bottom right; 
}

.menubox ul{
list-style:none;
}

h2 
{ background: transparent url(/images/menu_box.png) no-repeat bottom right; } 

.menubox { 
padding-right: 1px; /* the gap on the right edge of the image (not content padding) */ 
} 

/* set the top-right image */ 
.menubox_head { 
background-position: top right; margin-right: -1px; /* pull the right image over on top of border */ 
padding-right: 0px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.menubox_head h2 { 
background-position: top left; margin: 0; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 1px 0 1px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Hack */ 
} 

/* set the lower-left corner image */ 
.menubox_body { 
background-position: bottom left; margin-right: 0px; /* interior-padding right */ 
padding: 1px 0 1px 0px; /* mirror .cssbox_head right/left */ 
} 

/* Wizard Classes */

#regSteps{
	position: relative;
	margin: 5px 0px 10px 0px;
}

#regSteps_Installer {
	background: url(/images/regwiz_installer_bckgnd.gif);
	background-repeat: repeat-x;
	position: relative; left: 9%;
	width: 449px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#wizardform { 
   width: 250px; 
   text-align: left; 
}

#loading {
  position: absolute;
  top: 270px;
  right: 200px;
}

.label {
  float: left;
  width: 100px;
  text-align: right;
  margin-right: 10px;
}

.label_signup {
  float: left;
  width: 130px;
  text-align: right;
  margin-right: 10px;
}

.input {
  width: 150px;
}

/* LOGIN Classes */

#loginform { 
   position: relative;
   width: 250px; 
   text-align: right; 
}

#loginform h3 {
   padding: 0px 0px 15px 0px; 
   margin: 0;
   text-align: center;
}

#loginform label { 
   width: 43%; 
   float: left; 
   margin-bottom: 8px;
}

.loginfield { 
   width: 49%; 
   float: right; 
   margin-bottom: 5px; 
}

#errorExplanation {
  width: 400px;
  border: 1px dotted #ccc; 
  padding: 7px 7px 12px 7px;
  margin-bottom: 20px;
  color: inherit;
  background: #f2f2f2;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background: none;
}

#errorExplanation p {
  color: #333;
  background-color: inherit;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: circle;
  margin-left: 30px;
}

.fieldWithErrors { margin: 0 0 -20px 0; }
.fieldWithErrors input { border: 1px solid #ffa517; }
.fieldWithErrors label { color: red; }

#notice {
 border: 1px dotted #c9c9c9;
 padding: 10px 10px 10px 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 color: #006699;
 width: 80%;
 background-color: #fafafa;
 font-size: 11px;
}

#login_error{
	background-image: url(/images/notice.gif); background-repeat: no-repeat;
	margin-bottom: 20px;
	height: 30px;
	font-weight: bolder;
	text-indent: 35px;
}


div.auto_complete {
              width: 350px;
              background: #fff;
            }
            div.auto_complete ul {
              border:1px solid #888;
              margin:0;
              padding:0;
              width:100%;
              list-style-type:none;
            }
            div.auto_complete ul li {
              margin:0;
              padding:3px;
            }
            div.auto_complete ul li.selected { 
              background-color: #ffb; 
            }
            div.auto_complete ul strong.highlight { 
              color: #800; 
              margin:0;
              padding:0;
            }

/* INVERTER Styles */

#inverter_left {
 float: left;
 width: 350px;
 border: 1px dashed #ccc;
 padding: 10px;
}

#inverter_right {
 float: left;
 width: 250px;
 border: 1px dashed #ccc;
 padding: 10px;
 margin-left: 10px;
}

#new_inverter {
 float: right;
 width: 275px;
 text-align: right;
 margin-top: -75px;
}

#new_inverter_form, #installation_location, #installation_inverters {
 color: inherit;
 background-color: inherit;
}

#new_inverter_form {
 padding: 20px 20px 20px 20px;
 background-color: #fafafa;
 border: 1px dotted #c9c9c9;
}

#new_inverter_form select {
 width: 125px;
}

#clear {
 clear: both;
}

/* INSTALLATION Styles */

#installation_location {
 float: left;
}

#inverters select {
  width: 120px;
  margin-right: 20px;
}

#inverters li {
  margin-bottom: 7px;
}

#user {
 clear: both;
}

#serial_number {
  margin-left: 110px;
}

#nickname {
  margin-left: 70px;
}

#company_address {
  width: 340px;
  margin-left: 110px;
}

/* USER Styles */
#user_role {
   width: 210px;
}

/* Homeowner Portal Styles */

#mypvp {
   float: left;
   width: 50%;
   margin-right: 35px;
   text-align: justify;
   font-family: verdana, helvetica, sans-serif;
	font-size: 11.5px;
	text-decoration: none;
	color: #333;
}

#mypvp_update {
   float: left;
   width: 25%;
   margin-right: 15px;
   font-family: verdana, helvetica, sans-serif;
   font-size: 11.5px;
   text-decoration: none;
   color: #333;
}

#mypvp ul{
	font-size: 12px;
  	list-style: circle;
  	margin: 10px 0px 10px 25px;
	color: #fba600;
}

#weather_widget {
   position: absolute; top: 225px; left: 470px;
   width: 260px;
}

#news {
   position: absolute; top: 550px; left: 180px;
   width: 400px;
}

#news_item {
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px dotted #ccc;
   	margin-bottom: 10px;
	line-height: 140%;
}

#buynow {
	float: left;
	background-image: url(/images/buy_now.gif); 
	background-repeat: no-repeat;
}

#graph-options {
  float: left;
  width: 160px;
}

#graph-inverter-wrapper {
   margin-top: 30px;
}

#graph-inverter-text {
	text-indent: 15px;
	margin-left: 16px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

#homebox-text {
	margin-top: 7px;
	text-indent: 15px;
	margin-left: 16px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

#graph-change-time {
  float: left;
  width: 143px;
  background-image: url(/images/change_time_interval.gif); background-repeat: no-repeat;
}

#graph-options select {
  width: 115px;
  margin: 45px 0px 0px 32px;
}

#graph {
  float: left;
  width: 485px;
  text-align: center;
}

#quick-glance {
position: absolute; top: 300px; left: 650px;
font-size: 0.8em;
background-image: url(/images/quick_glance_bckgnd.png); background-repeat: no-repeat;
width: 151px; height: 350px;
}

#quick-glance li {
list-style: none; padding-top: 9px;
}

* html #quick-glance li {list-style: none; padding-top: 8px;}

#label {
position: absolute; top: 30px; left: 12px;
width: 90px;
color: #666;
}

#value {
position: relative; top: 30px; left: 37px;
color: #f7b229;
font-weight: bolder;
text-align: right;
width: 100px;
}

.interval-select {
   width: 200px;
}

#homeowner_left {
 float: left;
 width: 230px;
}

#homeowner_right {
 float: left;
 margin-left: 50px;
 width: 270px;
}

.title_accountoptions{
	font-size: 13px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	text-decoration: underline;
	color: #f7ba4a;
	font-weight: bold;
}

#signup_error_text {
position: absolute; top: 300px; left: 85px;
font-size: 0.8em;
width: 101px; height: 350px;
}

.faq {
	font-size: 11px;
}

#forgotPassword {
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	top: -12px;
	left: 114px;
}

#serviceRequest label { 
   margin-bottom: 2px 0px 5px 0px;
}

#installerSummary {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13.5px;
	color: #333;
	margin-right: 20px;
}
.grey_line {
	border-bottom: 1px solid #CCC;
}
.dashed_line {
	border-bottom: 1px dashed #CCC;
}

.imgscroll {color: #000000; background-color: #FFFFFF; width: screen.availWidth; height: 100px; overflow: auto}

.tdcolor {
	background-color: #cedebd;
}

div.installation {
  float: left;
  width: 300px;
  background-color: #eff5fe;
  padding: 10px;
  border: 1px solid #e3e3e3;
}

div.installation h1 {
  position: relative;
  top: 0;
  left: -17px;
  margin: 0; padding: 0;
  background-color: transparent;
}

#new_quote {
  position: relative; top: 30px; left: 12px;
  width: 160px;
  min-height: 250px;
}

/*---------------------
5200 Reliability Widget
---------------------*/
div#reliability {
  width: 450px;
}

div#reliability_header {
  background-image: url(/images/installers_header.gif);
  background-repeat: no-repeat;
  height: 44px;
}

div#reliability_content_wrapper {
  background-image: url(/images/filler.gif);
  background-repeat: repeat-y;
}


div#reliability_content {
  background-image: url(/images/main_art.gif);
  background-repeat: no-repeat;
  background-position: 0% 100%;
  height: 210px;
  min-height: 210px;
}

html>body div#reliability_content { height: auto; }

div#reliability_footer {
  height: 42px;
  background-image: url(/images/footer.gif);
  background-repeat: no-repeat;
}

div.reliability_quote {
  width: 280px;
  margin-left: 12px;
  padding-top: 14px;
  line-height: 18px;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
}

div.quotee {
  margin-top: 8px;
  text-align: right;
  font-style: italic;
}

img.quote-image {
  float: left;
  margin: 0 14px 8px 0;
}

div#quotes {
  float: right;
  margin-top: 8px;
  padding-top: 14px;
}

div#quotes a {
  line-height: 20px;
  font-family: Verdana;
  font-size: 11px;
  color: blue;
  margin-right: 18px;
}

#newsletter {
}
#newsletter h1 {
	color: #1F4596;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	font-size: 22px;
	line-height: normal;
	margin: 0px;
}
#newsletter h2 {
	color: #1F4596;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
	background-image: none;
	position: relative;
	height: auto;
	width: auto;
	background-color: #FFFFFF;
	line-height: normal;
	text-align: left;
	display: block;
	float: none;
	clear: none;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}
#newsletter .rightColumn {
	background-color: #eeeeee;
	float: right;
	width: 200px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 30px;
	border: 1px solid #CCCCCC;
	padding: 0px;
}
#newsletter .rightColumn h1 {
	font-size: 14px;
	background-color: #1F4596;
	color: #FFFFFF;
	padding: 5px;
	margin: 0px;
}
#newsletter .rightColumn ul li {
	list-style-position: outside;
	list-style-type: disc;
	padding: 0px;
	line-height: normal;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 11px;
	color: #333333;
}
#newsletter p {
	margin-bottom: 15px;
	line-height: 18px;
}
#newsletter h3 {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	line-height: normal;
}
#newsletter .rightColumn ul {
	list-style-type: disc;
	padding-left: 2em;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-right: 1em;
}
#newsletter .columnLeft {
	float: left;
	margin-top: 6px;
	line-height: normal;
}
#newsletter p.caption {
	font-size: 9px;
	color: #333333;
	line-height: normal;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin: 0px;
}
#newsletter .columnLeft p {
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#newsletter .pullquote {
	background-color: #eeeeee;
	display: block;
	border: 1px solid #EEB456;
	padding: 5px;
	margin-bottom: 12px;
}
#newsletter .pullquote p {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #333333;
}
#newsletter .rightColumn p {
	margin-left: 5px;
	font-size: 11px;
	line-height: normal;
}