﻿* {
    margin:0; 
    padding:0; 
}
body {
	margin: 0; 
	padding: 0; 
	font: .75em/1.5em  Verdana, Tahoma, Helvetica, sans-serif; 
	color: #666666; 
	background: #A9BAC3 url(/App_Themes/images/bg.gif) repeat-x; 
	text-align: center; 
}

/* links */
a { 
	color: #4284B0; 
	background-color: inherit; 
	text-decoration: none; 
}
a:hover {
	color: #9EC068; 
	background-color: inherit; 
}

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif; 
	color: #333; 	
}
h1 { font-size: 1.8em; color: #6297BC; } 
h2 { font-size: 1.4em; color: #6297BC; }
h3 { font-size: 1.2em; }

p, h1 {
	margin: 10px 0px; 
}
h2, h3 {
	margin: 5px 0px; 
} 
ul, ol {
	margin: 10px 30px; 
	padding: 0 15px; 
	color: #9EC068; 
}
hr {
    width:690px;
    height:0px;
    border:none;
    border-top:solid 1px #9EC068;
    margin:25px 0;
}
/* images */
img {
	border: 2px solid #CCC; 
}
img.no-border, div.no-border img {
	border: none; 
}
img.float-right {
  margin: 5px 0px 5px 15px; 
}
img.float-left {
  margin: 5px 15px 5px 0px; 
}

code {
  margin: 5px 0; 
  padding: 10px; 
  text-align: left; 
  display: block; 
  overflow: auto; 
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; 
  /* white-space: pre; */
  background: #FAFAFA; 
  border: 1px solid #f2f2f2; 
  border-left: 4px solid #4284B0; 
}
acronym {
  cursor: help; 
  border-bottom: 1px solid #777; 
}
blockquote {
	margin: 15px; 
 	padding: 0 0 0 20px; 	
  	background: #FAFAFA; 
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0; 
	color: #4284B0; 
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* form elements */

label {
	display:block; 
	font-weight:bold; 
	margin:5px 0; 
}
input {
	padding: 2px; 
	border:1px solid #ccc; 
	font: normal 1em Verdana, sans-serif; 
	color:#777; 
}
textarea {
	width:300px; 
	padding:2px; 
	font: normal 1em Verdana, sans-serif; 
	border:1px solid #ccc; 
	height:100px; 
	display:block; 
	color:#777; 
}
select {
	padding: 1px; 
	border:1px solid #ccc; 
	font: normal 1em Verdana, sans-serif; 
	color:#777; 
}
.StyledButton { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border-left: 1px solid #aaa; 
	border-top: 1px solid #aaa; 
	border-bottom: 1px solid #555; 
	border-right: 1px solid #555; 
	background: #ddd; 
	padding: 5px; 
	color: #4284B0; 	
    cursor:pointer;
    display:inline;
}
.StyledButton:hover { 
	color: #9EC068; 	
    background: #eee; 
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #777; 
	border-right: 1px solid #777; 
}
.NavButton
{
    vertical-align:middle;
    height:24px;
    width:24px;
    margin:0px 1px;
    border:0px;
}
.NavButtonSmall
{
    vertical-align:middle;
    height:16px;
    width:16px;
    margin:0px 1px;
    padding:4px;
}
a:hover img.NavButton,a:hover img.NavButton:hover,a img.NavButton
{
    border:none;
}
/***********************
	  LAYOUT
************************/
div#wrap {
	background: #fff url(/App_Themes/images/contentbg.gif) repeat-x; 
	width: 920px; height: 100%; 
	margin: 0 auto; 	
	text-align: left; 
}
#content-wrap {
	clear: both; 
	margin: 0; padding: 0; 	
}

/* header */
#header {
	position: relative; 
	height: 85px; 	
	background: #fff url(/App_Themes/images/headerbg.gif) repeat-x 0% 100%; 	
}
#header .flag {
    float:right;
    padding-top:8px;
    padding-right:2px;
}
#header .flag img {
    border:solid 1px #777;
}
#header h1#logo {
	position: absolute; 
	margin: 0; padding: 0; 
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif; 
	letter-spacing: -2px; 
	text-transform: lowercase; 
	top: -3px; 
	left: 5px; 	
	cursor:pointer;
}
#header h2#slogan {
	position: absolute; 	 
	top:50px; left: 5px; 
	color: #666666; 
	text-indent: 0px; 
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none; 	
}
#header form.searchform {
	position: absolute; 
	top: 0; right: -12px; 	
}
/* main */
#main {
	float: right; 
	margin-left: 15px; 
	margin-right: 10px; 
	padding: 0; 
	padding-bottom:50px; 
	width:700px;
}

.post-footer {
	background-color: #FAFAFA; 
	padding: 5px; margin: 20px 15px 0 15px; 
	border: 1px solid #f2f2f2; 
	font-size: 95%; 	
}
.post-footer .date {
	background: url(/App_Themes/images/clock.gif) no-repeat left center; 
	padding-left: 20px; margin: 0 10px 0 5px; 
}
.post-footer .comments {
	background: url(/App_Themes/images/comment.gif) no-repeat left center; 
	padding-left: 20px; margin: 0 10px 0 5px; 
}
.post-footer .readmore {
	background: url(/App_Themes/images/page.gif) no-repeat left center; 
	padding-left: 20px; margin: 0 10px 0 5px; 
}

/* sidebar */
#sidebar {
	float: left; 
	width: 180px; 
	margin: 0;
	padding: 0 0 0 10px; 
	display: inline; 
	padding-bottom:50px; 
	clear:both;
}
#sidebar div.sidebaritem {
	margin: 0;
	padding: 0 0 5px 0; 
}
#sidebar ul.sidemenu {
	list-style:none; 
	margin:10px 0 10px 0; 
	padding:0; 		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px; 
	border: 1px solid #f2f2f2; 
}
#sidebar ul.sidemenu a {
	display:block; 
	font-weight:bold; 
	color: #333; 	
	text-decoration:none; 	
	padding:2px 5px 2px 10px; 
	background: #f2f2f2; 
	border-left:4px solid #CCC; 	
	
	min-height:18px; 
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px; 
	background: #f2f2f2; 
	color: #339900; 
	border-left:4px solid #9EC630; 
}

/* Footer */
#footer { 
	clear: both; 
	color: #FFF; 
	background: #A9BAC3; 
	border-top: 5px solid #568EB6; 
	margin: 0; padding: 0; 
	height: 50px; 	  
	font-size: 95%; 		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold; 	
	color: #FFF; 
}
#footer .footer-left{
	float: left; 
	width: 75%; 
}
#footer .footer-right{
	float: right; 
	width: 20%; 
}

/* menu tabs */
#header ul {
	z-index: 999999; 
	position: absolute; 
   margin:0; padding: 0; 
   list-style:none; 
	right: 0; 
	bottom: 6px !important; bottom: 5px; 
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif; 	
}
#header li {
   display:inline; 
   margin:0; padding:0; 
}
#header a {
   float:left; 
   background: url(/App_Themes/images/tableft.gif) no-repeat left top; 
   margin:0; 
   padding:0 0 0 4px; 
   text-decoration:none; 
}
#header a span {
   float:left; 
   display:block; 
   background: url(/App_Themes/images/tabright.gif) no-repeat right top; 
   padding:6px 15px 3px 8px; 
   color: #FFF; 
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none; }
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF; 
}
#header a:hover {
   background-position:0% -42px; 
}
#header a:hover span {
   background-position:100% -42px; 
}
#header #current a {
   background-position:0% -42px; 
	color: #FFF; 
}
#header #current a span {
   background-position:100% -42px; 
	color: #FFF; 
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }

/* Alternating Table */
table.AlternatingTable
{
    width:680px;
    margin:5px 0;
}
table.AlternatingTable tr
{
    vertical-align:middle;
    line-height:25px;
}
table.AlternatingTable th
{
    border:none;
    background-color:#cccccc;
    color:#666666;
    border-bottom:solid 1px #999999;
    border-top:solid 1px #999999;
    padding:3px 5px 3px 5px;
}
table.AlternatingTable .LeftBorder
{
    border-left:solid 1px #999999;
}
table.AlternatingTable .RightBorder
{
    border-right:solid 1px #999999;
}
table.AlternatingTable tr.AlternatingRow1 td
{
    background-color:#E0FFDD;
}
table.AlternatingTable tr.AlternatingRow2 td
{
    background-color:#DDDDFC;
}
table.AlternatingTable td
{
    border:none;
    padding:5px;
    border-bottom:solid 1px #bbbbbb;
}
table.AlternatingTable tr.AlternatingPager td
{
    border:none;
    background-color:white;
    line-height:10px;
    padding:4px 5px 4px 5px;
    border:none;
    text-align:center;
    font-weight:bold;
    color:#bbbbbb;
}
table.AlternatingTable tr.AlternatingFooter td
{
    background-color:#cccccc;
    border-bottom:solid 1px #999999;
}
table.AlternatingTable tr.AlternatingEmpty td
{
    color:Red;
    border-top:dotted red 1px;
    border-bottom:dotted red 1px;
    background-color:#f9cccc;
    padding:5px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    margin-top:20px;
    margin-bottom:20px;
    line-height:12pt;
    color:red;
}
/* solar suppliers custom */
div.Error {
    color:Red;
    border-top:dotted Red 1px;
    border-bottom:dotted Red 1px;
    background-color:#f9cccc;
    padding:5px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    margin-top:10px;
    margin-bottom:20px;
    line-height:12pt;
    width:680px;
}
div.Response {
    color:Green;
    border-top:dotted green 1px;
    border-bottom:dotted green 1px;
    background-color:#ccf9cc;
    padding:5px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    margin-top:10px;
    margin-bottom:20px;
    line-height:12pt;
    width:680px;
}
table.InputTable {
    border-spacing:3px;
}
table.InputTable td.Input {
    padding:3px 15px 3px 0px;
}
table.InputTable td.Label {
    font-style:italic; 
    font-family:Tahoma; 
    letter-spacing:1px; 
    color:#aaa; 
    font-size:8pt; 
    border-left:solid 4px #6297BC;
    padding:3px 20px 3px 5px;
    background-color:#eee;
    cursor:default;
}
table.InputTable td.Label:hover {
    border-left:solid 4px #9EC068;
}
table.InputTable td.Validation {
    font-style:italic; 
    color:red; 
    font-size:8pt; 
    padding:3px 0px 3px 5px;
}
table.InputTable label {
	display:inline; 
	font-weight:normal; 
	margin:0 5px; 
    vertical-align:top;
}
table.InputTable td.Label label {
	margin:0; 
	cursor:pointer;
}
/* Results styles */
div.ResultSort {
    margin:10px 0 15px 0;
    text-align:right;
    width:690px;
}
div.ResultSort a.SortBy {
}
div.ResultSort a.SortBySelected {
    font-weight:bold;
}
table.ResultsTable {
}
div.ResultContainer {
    background:#f0fff0;
    margin:0;
    padding:5px;
    width:680px;
    border-top:solid 1px #9EC068;
}
div.ResultContainer.Alternate {
    background:#f0f0ff;
}
div.ResultContainer:hover {
    background:#ffffff;
    cursor:pointer;
}
div.ResultContainer h2 a {
    margin:0;
    padding:0;
	color: #9EC068; 
}
div.ResultContainer h2 a:hover {
	color: #4284B0; 
}
div.ResultCategories {margin:5px 0 0 0;}
div.ResultCategories ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
div.ResultCategories ul li {
    margin:0;
    padding:0 25px 0 0;
    list-style-type:none;
    float:left;
    font-weight:bold;
}
div.ResultDesciption {}
div.ResultLink {margin:5px 0 10px 0;clear:both;padding-top:5px;}
hr.Results {
    width:690px;
    height:0px;
    border:none;
    border-top:solid 1px #9EC068;
    margin:0;
}
div.ResultFooter {
    border-top:solid 1px #9EC068;
}
tr.ResultsEmpty td {
    color:Red;
}
tr.ResultsPager td {
    border:none;
    background-color:white;
    line-height:10px;
    padding:4px 8px 4px 0px;
    border:none;
    text-align:center;
    font-weight:bold;
    color:#bbbbbb;
}
/* Listing table */
div.Description {
    clear:both;
    padding-top:10px;
}
ul.Categories {
    margin:0;
    padding:0;
}
ul.Categories li {
    margin:0;
    padding:0 20px 0 0;
    list-style-type:none;
    float:left;
    font-weight:bold;
}
table.Listing {
    width: 100%;
    margin:10px 0;
    border-spacing:3px;
}
table.Listing td.Label {
    border-right:solid 4px #9EC630;
    padding:3px 25px 3px 5px;
    width:20%;
    font-weight:bold;
    background-color:#eee;
}
table.Listing td.Output {
    background-color:#fff;
    padding:3px 15px 3px 5px;
    width:90%;
}
/* other general elements */
span.label {
    font-style:italic;
}
