/* -- WebSite Accelerator 3.0.0.0 --

  WSA Stylesheet Master
  Copyright  2005 PowerServe International.
  All Rights Reserved.
  Creation Date: 2004.12.13
  Last Modified
	  Date: 05|15|2009
	  By: Josh Wilkerson
  Layout: Three Column
		Header
		Top Nav
		Left Nav
		Col 1: Left Nav
		Col 2: Content
		Col 3: Right Side
		Footer
*/
/*	Colors.............
	Background		099
	Text			044
	Links			099
	links Hover		066
	Headings		099
	...................*/
	
/*	Flags.............
	=Header
	=subnav
	=Leftnav
	=Mainpage
	=Rightside
	=Rightbar
	=Footer
	=Forms
	=Imagegallery
	=Calendar
	=Weeklycal
	=Eventdetails
	=Productpage
	=Headings
	=Text
	...................*/


/*Style Reset or Baseline*/
  @import url("/include/scripts/css/reset.css");
  
/* WSA Global Styles - DO NOT REMOVE! */
  @import url("/common/wsaglobal.css");

/*Core Styles*/
body {
  	background:url(/images/bg.jpg) top center no-repeat #003466;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center; 
	}
.container {
	/*background:url(/images/containerbg.png) top center repeat-y; /* disabled in ie6.css -pr */
	margin:13px auto;
	padding:0 9px;
	width:860px;
	text-align:left;
	}
	
/* =Header Style */
#header {
	background:#fff;
	margin:0 auto;
	text-align:left;
	height:132px; 
	}
* html #header { margin:0 0 -29px; }
#date {
	color:#fff;
	float:right;
	font-size:16px;
	padding:10px;
	}
#header h1 {
	background:url(/images/logo.jpg) top left no-repeat;
	width:227px;
	height:132px;
	text-indent:-9999px;
	float:left;
	margin:0;
	padding:0;
	}
#header h1 a {
	display:block;
	float:left;
	width:227px;
	height:132px;
	}
/*End Header*/
#topnav {
	background:url(/images/topnavbg.jpg) top left no-repeat #25517c;
	float:right;
	width:633px;
	height:69px;
	}
#topnav ul {
	list-style:none;
	margin-top:8px;
	}
#topnav ul li {
	background:url(/images/topnavdivider.png) center left no-repeat;
	float:left;
	}
#topnav ul li.first {
	background:none;
	}
#topnav ul li a {
	color:#fff;
	display:block;
	padding:23px 20px;
	text-transform:uppercase;
	text-decoration:none;
	}
#topnav ul li a:hover, #topnav ul li.current a {
	background:url(/images/topnavlinkbg.png) top left repeat-x;
	}
 

/* =subnav */
#subnav {
	float:right;
	background:url(/images/subnavbg.png) top left repeat-x #74b951;
	height:63px;
	margin:0 0 30px 0;
	padding:0;
	width:625px;
	border-right:8px solid #fff;
	}
#subnav ul li {
	float:left;
	background:url(/images/subnavdivider.png) center left no-repeat;
	}
#subnav ul li.first {
	background:none;
	}
#subnav ul li a {
	color:#000033;
	display:block;
	padding:24px 20px;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	}
#subnav ul li a:hover, #subnav ul li.current a {
  	background:#a6d38f;
  	}
/*End subnav*/
#splash {
	background:url(/images/splash.jpg) top left no-repeat;
	border:solid #fff;
	border-width:0 8px 0 7px;
	margin:0;
	padding:0;
	width:845px;
	height:136px;
	}
#splash.home {
	background:url(/images/homesplash.jpg) top left no-repeat;
	height:267px;
	}
.content {
	background:url(/images/contentbg.png) top center repeat-y #003261;
	width:860px;
	/*osition:relative;*/
	}
/* =Leftnav Col 1*/
#leftnav {
	background:url(/images/leftnavbg.jpg) top left no-repeat #349800;
	border-left:7px solid #fff;
	font-size:14px;
	float:left;
	padding:0 0 100px;
	width:220px;
	text-align:right;
	margin:0;
	}
#leftnav p {
	color:#222;
	line-height:1.4em;
	}
* html #leftnav {
	overflow:hidden;
	}
#leftnav ul {
	margin:20px;;
	}
#leftnav ul li {
	display:inline;
	}
#leftnav ul li a {
	border-bottom:1px solid #408611;
	color:#000033;
	display:block;
	padding:10px;
	text-transform:uppercase;
	text-decoration:none;
	}
#leftnav ul li.first a {
	border-top:1px solid #408611;
	}
#leftnav ul li a:hover, #leftnav ul li.current a {
  	background:#a6d38f;
  	}

#leftnavcontent {
	margin:20px;
	}
#leftnavcontent .text {
	color:#003;
	font-size:14px;
	}
#leftnavcontent .text a {
	color:#000033;
	}
#leftnavcontent .text a:hover {
	color:#fff;
	text-decoration:underline;
	}	
/*End Leftnav Col 1*/



/* =Mainpage Col 2*/
#page {
	background:url(/images/pagebg.png) top center repeat-x;
	color:#fff;
	float:left;
	width:585px;
	vertical-align:top;
	margin:0;
	padding:20px 20px 0 20px;;
	min-height:185px;
	}
#page.home {
	width:605px;
	padding:0 0 0 20px;
	}
#page.home #maincontent {
	padding:0 197px 0 0;
	}
#page.home h1 {
	margin-top:20px;
	}
#page.home p.text span {
	font-size:22px;
	}
#page.home #recentprojects {
	background:url(/images/recentprojectsbg.gif) top left no-repeat;
	width:147px;
	height:236px;
	float:right;
	padding:0 25px 0 10px;
	}
#page.home #recentprojects h2 {
	font-size:15px;
	color:#003333;
	text-transform:uppercase;
	margin-top:-45px;
	position:relative;
	z-index:1;
	}
#page.home #recentprojects p.text {
	font-size:12px;
	color:#003333;
	line-height:1.6em;
	position:relative;
	z-index:1;
	}
#page.home #recentprojects p.text span {
	font-size:15px;
	font-weight:bold;
	}
#page.home #recentprojects p.text a {
	color:#003333;
	font-weight:bold;
	text-transform:uppercase;
	}
/* Custom Layout */

/*Start Residential Configurator*/
#config {}
#config form { margin:0 0 20px 0;}
#config label {
	display:block;
	}
#config .location, #config #OG300, #config #SizeOfSystem, #config #RoofStyle, #config #TypeOfInstallation, #config #RetrofitSystem4 { margin:0 0 20px 0;}
#config .question {
	font-size:16px;
	font-weight:bold;
	float:left;
	padding:0 0 7px 0;
	}
#config .help {
	color:#99CC7F;
	display:block;
	font-size:11px;
	float:left;
	margin:0 0 7px 7px;
	width:50px;
	text-align:center;
	text-decoration:underline;
	padding:2px;
	}
#config .helptext {
	padding:0 0 7px 0;
	}
#config input {}
#config .Results {
	background:#fff;
	color:#003;
	padding:10px;
	}
#config .Results h3 {
	color:#003;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	}
#config .Results #SystemType {
	border:1px solid #003;
	padding:10px;
	margin:0 0 10px 0;
	}
#config .Results #CollectorFootage, #config .Results #SystemPrice, #config .Results #SystemStyle {
	font-weight:bold;
	padding:0 0 0 10px;
	}
#config .Results #Roof {
	font-style:italic;
	}
#config .Results a {
	color:#349800;
	}
/*End Residential Configurator*/
#page .section1 {
	float:left;
	width:46%;
	margin:0 20px 0 0;
	}
#page .section1 h1 {
	border-bottom:7px solid #099;
	}
#page .section2 {
	float:left;
	width:50%;
	}
/*End Mainpage Col 2*/

/* =Footer */
#footer {
	background:url(/images/footer.jpg) top left no-repeat;
	font-size:11px;
	color:#fff;
	line-height:1.2em;
	padding:55px 0 0;
	}
#footer a {
	color:#fff;
	text-decoration:underline;
	}
#footer a:hover {
	color:#fff;
	text-decoration:none;
	}
#footer #links {
	float:left;
	width:60%;
	}
#footer #links ul {
	list-style:none;
	}
#footer #links ul li {
	display:inline;
	}
#footer #links ul li a {
	margin:0 3px;
	text-transform:uppercase;
	}
#footer #links ul li.first a {
	margin:0 3px 0 0;
	}
#footer #copyright {
	color:#fff;
	float:right;
	text-align:right;
	width:40%;
	}
#footer h3, #footer .h3 {
	color:#fff;
	}
#footer .text {
	color:#fff;
	}
#footer .botnav {
	width:100%;
	text-align:center;
	padding:10px;
	}
#footer .botnav a {
	display:inline-block;
	padding:2px 10px;
	}
/*End Footer*/

/* =Rightbar */
#rightbar {
	float:right;
	padding:0 0 0 20px;
	width:30%;
	}
#rightbar .list, #rightbar .rightlist {
	}
#rightbar .list {
	background:#65CD32;
	color:#444;
	padding:0 0 10px 0;
	}
#rightbar .list h3 {
	color:#444;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:7px 10px;
	text-transform:uppercase;
	}
#rightbar .list ul {
	list-style:none;
	margin:10px 10px;
	}
#rightbar .list li { 
	display:inline;
	}
#rightbar .list a {
	border:solid #669a40;
	border-width:1px 0 0 0;
	color:#444;
	font-size:12px;
	display:block;
	padding:7px 5px;
	text-decoration:none;
	}
#rightbar .list li.first a {
	border:none;
	}
#rightbar .list a:hover {
	text-decoration:underline;
	}
/*Styles For Polls*/
.hotlisttable {
	background:#65CD32;
	}
.hotlisttitle {
	color:#444;
	font-size:16px;
	font-weight:normal;
	padding:7px 5px;
	}
.pollitem {
	color:#444;
	padding:7px 5px 7px 5px;
	font-size:12px;
	}
.pollitem input {
	margin-top:0px;
	}
.hotlisttable .votebuttom {
	background:#349800;
	color:#fff;
	padding:7px 17px;
	font-size:16px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
.hotlisttable .votebuttom:hover  {
	background:#90C774;
	border:1px solid #fff;
	cursor:pointer;
	}
/*End RightBar*/

/*Start Specific Page Styles*/
/* =Forms */

.forms td { 
	padding:5px 10px 5px 0;
}
.forms {
	display:block;
	font-size:14px;
	font-weight:normal;
	width:100%;
	margin:10px 0;
	}
.forms li {
	padding:0 0 7px 0;
	}
.forms li label {
	display:block;
	float:left;
	margin:0 7px 0 0;
	}
.captcha span {
	display:block;
	}
.captcha input {
	float:left;
	margin:7px 10px 0 0;
	}
.captcha img {
	border:1px solid #099;
	float:left;
	margin:7px 0 0 0;
	}
.forms .submit {}
.forms .submitbutton {
	float:left;
	margin:0 10px 0 0;
	}
.forms .required {
	display:block;
	font-size:14px;
	float:left;
	margin:23px 0 0 0;
	}
.forms sup {
	color:#c00;
	font-size:14px;
	font-weight:bold;
	vertical-align:baseline;
	}
.forms input, .forms textarea, .forms select { 
	font-size:14px;
	}
.forms .submitbutton, .forms .searchbutton {
	}
.forms .submitbutton:hover, .forms .searchbutton:hover {
	}
.forms .radio {
	float:none;
	clear:both;
	}
.errormessage {
	color:#c00;
	display:block;
	padding:10px;
	}
.submitted {
	line-height:normal;
	font-size:14px;
	}
form li {
	list-style:none;
	}
.required {display:none;}

/*End Forms */
	
/* =Imagegallery */
.imagegallerymain { 
	}
.imagecell {
	float:left;
	width:100px;
	margin:0 7px 7px 0;
	}
.imagecell .resourcethumbnail {
	}
.imagecell .caption {
	font-size:12px;
	padding:5px 0 10px 0;
	}
/*End Image Gallery*/

/* =Calendar */
/* Eventtype */
#eventtype {
	width:98%;
	border:1px solid #099;
	margin:10px 0px 10px 0px;
	-moz-border-radius: 7px ;
	-webkit-border-radius: 7px;
	}
#eventtype td {
	font-size:12px;
	}
#eventtype th {
	background:#099;
	color:#fff;
	font-size:14px;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	}
#eventtype .selectall, #eventtype .showevents {
	background:#066;
	color:#fff;
	padding:2px 7px;
	font-size:14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#eventtype .selectall:hover, #eventtype .showevents:hover {
	background:#099;
	border:1px solid #fff;
	cursor:pointer;
	}

/* End Eventtype Selector Styles */

#calendar {
	width:98%;
	border:solid #099;
	border-width:1px 0 0 1px;
	font-size:12px;
	-moz-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	}
#calendar .choose td, #calendar .hdr td.weekly {
	border:solid #099;
	border-width:0 1px 0 0;
	-moz-border-radius:0 7px 0 0;
	-webkit-border-radius:0 7px 0 0;
	}
#calendar th {
	background:#099;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	}
#calendar div.selector {
	float:left;
	padding:7px;
	}
#calendar tr.selector {
	float: none;
	}
#calendar .prev, #calendar .next {
	background:#066;
	color:#fff;
	padding:0 7px 1px 7px;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#calendar .prev:hover, #calendar .next:hover {
	background:#099;
	border:1px solid #fff;
	cursor:pointer;
	}
#calendar .showweekly {
	float:right;
	padding:7px;
	}
#calendar tr.even {
	background:#fff;
	}
#calendar tr.odd {
	background:#cff;
	}
#calendar .odd td, #calendar .even td {
	border-color:#099;
	width:14%;
	}
#calendar .date {
	background:#fff;
	border: solid #099;
	border-width:0 1px 1px 0;
	color:#066;
	font-size:12px;
	-moz-border-radius:0 0 7px 0;
	-webkit-border-radius:0 0 7px 0;
	}
#calendar .today {
	background:#099;
	border: solid #099;
	border-width:0 1px 1px 0;
	color:#fff;
	font-weight:bold;
	}
#calendar .events li {
	border-color:#0aa;
	font-size:11px;
	}
#calendar strong {
	font-size:11px;
	font-weight:bold;
	}
/* end Calendar */

/* =Weeklycal */

#weekly #calendar { 
	border-bottom:1px solid #099;
	width:98%;
	margin:0 0 20px 0;
	}
tr.calhdr { 
	background:#099;
	}
.calhdr td {
	color:#fff;
	padding:7px;
	font-size:16px;
	}
#weekly td.eventeven, #weekly td.eventodd {
	border-right:1px solid #099;
	font-size:12px;
	padding:7px;
	}  
td.eventeven {
	background:#cff;
	}  
td.eventodd {
	background:#fff;
	}
.eventeven .info, .eventodd .info {
	color:#444;
	padding:7px;
	}
#weekly .calendar { margin:0; padding:3px; }
#weekly .calendar .event1 { font-size:9px; line-height:1em; margin:0 0 10px 0; padding:0; }
/* End Weeklycal */


/* =Eventdetails */
#eventdetail {
	border:1px solid #099;
	}
#eventdetail .type {
	background:#099;
	border:1px solid #099;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:7px;
	}	
#eventdetail .info {
	color:#444;
	font-size:14px;
	padding:7px;
	}
#eventdetail .resource {
	border:none;
	}
#eventdetail td {
	border:solid #099;
	border-width:0 0 1px 0;
	}
/* End Event Details */


/* =Productpage */
.searchresults {	
	}
.searchresults th {
	background:#444;
	color:#0ff;
	font-size:16px;
	font-weight:bold;
	padding:7px 10px;
	text-align:left;
	}
.searchresults .detail0 { 
	font-size:10px;
	background:#fff;
	}
.searchresults .detail1 {
	font-size:10px;
	background:#bff;
	}
.detail0 td, .detail1 td { 
	padding:5px 10px;
	}
#quantity {
	border:1px solid #999; 
	}
#quantity:hover {
	border:1px solid #099;
	}

/* End Productpage */

/* =Forum */
#forum table {
	width:97%;
	margin:0 0 20px 0;
	}
#forum th {
	background:#099;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	padding:7px;
	}
#forum .first {
	-moz-border-radius:7px 0 0 0;
	-webkit-border-radius:7px 0 0 0;
	}
#forum .last {
	-moz-border-radius:0 7px 0 0;
	-webkit-border-radius:0 7px 0 0;
	}
#forum .forumsub td {
	color:#444;
	padding:7px;
	border:solid #099;
	border-width:1px 0 1px 0;
	}
#forum .commentinfo td {
	background:#cff;
	border:solid #099;
	border-width:0 0 1px 0;
	color:#444;
	font-size:12px;
	line-height:14px;
	padding:7px;
	}

#forum .comment td {
	background:#dff;
	color:#444;
	font-size:12px;
	padding:7px;
	}
#forum .commentinfo {
	font-size:14px;
	line-height:20px;
	margin:0 0 10px 0;
	}
#forum .captcha{
	margin:7px 0 7px 0;
	}
#forum .captcha sup {
	color:#c00;
	vertical-align:baseline;
	}
#forum .submit{
	margin:7px 0 20px 0;
	}
#forum .submitbutton {}
#forum .submitbutton:hover {}

/*Legacy Styles*/

.adminlink, .adminmsg {
 font:normal 11px "lucida grande", tahoma, verdana, sans-serif;
 color:#444;
 background:#e6e6e6;
 border:1px solid #ccc;
 display:block;
 padding: 10px;
 margin:0px auto 10px auto;
 text-align:left;
 width:760px;
 }

/*=Headings Styles*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .imagegallerytitle, .boldlargetext {
	color:#fff;
	margin:0 0 7px 0;
	}
h1, .h1 {
	font-weight:normal;
	font-size:28px; 
	}
h2, .h2 {
	font-size:22px;
	font-weight:normal;
	color:#99CC7F;
	letter-spacing:-1px;
	}
h3, .h3, .subheader, .imagegallerytitle, .boldlargetext {
	font-size:18px;
	color:#fff;
	font-weight:bold;
	margin:5px 0 7px 0;
	border-bottom:1px solid #24588A;
	}
h4, .h4 {
	font-size:16px;
	font-weight:bold;
	}
h5, .h5 {
	font-size:14px;
	font-weight:bold;
	}
h6, .h6 {
	font-size:12px;
	font-weight:bold;
	}
/*End Heading Styles*/

/*=Text*/
p, .text, .textitalics, .textbold, .small, .smallbold, p.error {padding:0 0 10px 0; }
p, .text, .textitalics, .textbold, p.error {font-size:14px;}
.small, .smallbold, small {font-size:10px;}
.text{}
.textitalics, em, i {font-style: italic; }
.textbold, strong, b {font-weight:bold; }
.small, small { font-size:12px; }
.smallbold {font-weight:bold; }
p.error {font-weight:normal;}
.large {font-size:18px; letter-spacing:-1px;}
.largebold {font-size:20px; font-weight:bold; letter-spacing:1px;}
.xlarge { font-size:22px; }
/*End Text Styles*/

/*Basic Styles*/
p { line-height:1.1em; }
ul {}
ol { list-style: decimal; margin:0 0 0 30px;}
li {}
div {}
td { vertical-align:top;}
span {}
font {display:block;}
a {color:#FFD62E; text-decoration:underline;}
a:hover {text-decoration:none; }
input { margin-top:5px;}
input:hover {}
textarea {}
textarea:hover {}
.pdfname {padding:10px 20px 30px 40px;}
#maincontent ul {
	list-style:disc;
	margin-left:15px;
	}
#maincontent ul li {
	margin-bottom:15px;
	}
#maincontent img.resource {
	margin:5px;
	}
/*Classes*/
.hide {display:none;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.shim {display:none;}
.error { float:right; color:#c00; font-size:12px; }
div.resource { clear:both;}
.data td { border:1px solid #ccc;}
.Left { text-align:left;}
.Center { text-align:center;}
.Right { text-align:right;}

/* fixed height designs only */
.scroll-pane {
	float:left;
	height:500px;
	overflow:auto;
	width:100%;
	}