body {
  font-family: Verdana, Arial;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: url(img/header_bg.gif) repeat-x;
}

h1 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  color: #9bb23d;
  border-bottom: 2px solid #eff0e1;
}

h1 a {
  color: #9bb23d;
  text-decoration: none;
}

h1 a:visited {
  color: #9bb23d;
  text-decoration: none;
}

h2 {
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 20px;
  color: #5d6a27;
}

h2 a {
  color: #5d6a27;
}

h2 a:visited {
  color: #5d6a27;
}

h3 {
  font-size: 14px;
  color: #000000;
  font-weight: normal;
}

h3 a {
  color: #0b7ac1;
}

h3 a:visited {
  color: #0b7ac1;
}

input, textarea, select {
  border: 1px solid #859D31;
}

label {
  display: block;
}

a {
  color: #0b7ac1;
}

a:visited {
  color: #0b7ac1;
}

hr {
  color: #eff0e1;
  background-color: #eff0e1;
  height: 2px;
  margin: 10px 0px 10px 0px;
  clear: both;
  float: left;
  width: 100%;
  border: 0;
}

.largeBold {
  font-size: 16px;
  font-weight: bold;
}

.largeFont {
  font-size: 14px;
}

.nowrap {
  white-space: nowrap;
}

.barHeading {
  /*background-color: #e4e7d9;*/
  /* Solid bar */
  background-color: #dfe7c5;
  border-top: 1px solid #9caa66;
  border-bottom: 1px solid #9caa66;
  color: #41433a;
  margin: 20px 0px 20px 0px;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  clear: both;
  
  /* Underlined title
  border-bottom: 2px solid #5d6a27;
  color: #5d6a27;
  margin: 10px 0px 20px 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  clear: both;
  */
}

.barHeading a {
  color: #000000;
  text-decoration: none;
}

.barHeading a:visited {
  color: #000000;
  text-decoration: none;
}

.headingUnderlined {
  border-bottom: 1px solid #5d6a27;
  font-size: 14px;
  font-weight: bold;
}

.borderedBox {
  border: 1px solid #9caa66;
  background-color: #e4e7d9;
  padding: 5px;
}

.borderedBox h2 {
  margin-top: 0px;
}

.borderedBoxAlt {
  border: 1px solid #0b7ac1;
  background-color: #e0e5e8;
  padding: 5px;
}

.solutionLarge {
  border: 1px solid #57574e;
  float: left;
  width: 600px;
  clear: both;
  margin: 5px;
  padding: 0px;
}

.solutionLarge h2 {
  font-size: 16px;
  margin: 0px;
  background-color: #a8b574;
  color: #111;
  float: left;
  height: 35px;
}

.solutionLarge h2 a {
  color: #000000;
  text-decoration: none;
  margin: 8px;
  float: left;
}

.solutionLarge h2 a:visited {
  color: #000000;
}

.solutionLargeImage {
  width: 150px;
  height: 150px;
  float: left;
  margin: 0px 20px 20px 0px;
  border: 1px solid #859D31;
}

.solutionLargeDetails {
  /*width: 375px;*/
  margin: 1px;
}

#solutionDetails {
  clear: both;
  float: left;
  width: 100%;
}


#solutionDetailTable {
}

#solutionDetailTable th {
}

#solutionPopularity {
  font-size: 16px;
}

#solutionPopularity b {
  font-size: 20px;
}

#solutionBenefits {
  width: 400px;
  float: left;
}

.solutionLargeTable {
  width: 400px;
  margin-top: 10px;
  border-top: 1px solid #57574e;  
  /*border-left: 1px solid #57574e;  */
}

.solutionLargeTable th {
  width: 225px;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #57574e;  
  /*border-right: 1px solid #57574e;  */
  background-color: #efefef;
}

.solutionLargeTable td {
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #57574e;  
  /*border-right: 1px solid #57574e;  */
  background-color: #efefef;
}

.solutionSmallName {
  float: left;
  width: 300px;
  clear: both;
  padding: 0px;
  font-size: 10px;
  position: relative;
  margin-top: 5px;
}

.solutionSmallName a {
  color: #000000;
}

.solutionSmallName a:visited {
  color: #000000;
}

.solutionSmallBar {
  float: left;
  clear: both;
  font-size: 8px;
  position: relative;
  background-color: #9eb542;
  color: #ffffff;
  border: 1px solid #7e824d;
  height: 10px;
  cursor: pointer;
  text-align: center;
  font-weight: normal;
  padding-top: 0px;
  white-space: no-wrap;
  overflow: visible;
}

.solutionSmallValue {
  float: left;
  width: 200px;
  padding: 0px;
  font-size: 10px;
  position: absolute;
  z-Index: 1000;
  visibility: hidden;
  font-weight: normal;
  font-size: 8px;
}

.solutionSmallName a {
  color: #000000;
  text-decoration: none;
}

.solutionWrapper {
  margin: 5px;
  float: left;
}

.solutionAttr {
  float: left;
  width: 400px;
  margin: 3px;
}

.solutionDesc {
  width: 550px;
  float: left;
  margin-top: 10px;
}

.solutionNote {
  margin: 5px 0px 5px 20px;
  float: left;
  clear: both;
  width: 550px;
}

.solutionLinks {
  width: 575px;
  float: left;
  margin-top: 10px;
}

.solutionLinks a {
  float: left;
  margin-right: 25px;
}

.solutionsList {
  width: 75px;
  padding-left: 100px;
}

.solutionsListWrapper {
  width: 600px;
}

.solutionsGrid {
  width: 760px;
  height: 654px;
  margin: 5px;
  padding: 15px 0px 25px 0px;
  background-image: url(img/grid_bg.jpg);
  background-repeat: no-repeat;
}

#solutionsGridSortIcon {
  float: left;
  margin-right: 5px;
}

#solutionsGridTop {
  float: left;
  width: 500px;
}

#solutionsGridTopLegend {
  width: 100%;
  float: left;
  text-align: center;
  margin: 10px 0px 5px 0px;
  font-weight: bold;
  font-size: 14px;
}

#solutionsGridTopLegendSubtitle {
  width: 100%;
  float: left;
  text-align: center;
  margin: 5px 0px 5px 0px;
}

#solutionsGridHint {
  width: 250px;
  float: right;
  margin-bottom: 5px;
}

#solutionsGridTitle {
  margin-top: 10px;
  margin-bottom: 0px;
  float: left;
}

#controls {
  float: left;
  width: 750	px;
  margin-top: 10px;
}

#sortControls {
  width: 400px;
  float: left;
}

#viewControls {
  width: 300px;
  float: right;
  text-align: right;
}

#solutionsArea {
  float: left;
  margin-top: 20px;
}

.gridMarkerLabel {
  position: absolute;
  font-size: 10px;
  float: left;
  width: 40px;
  height: 20px;
  z-Index: 100;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

.gridMarker {
  position: absolute;
  font-size: 10px;
  float: left;
  width: 5px;
  height: 20px;
  z-Index: 100;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

#gridSolutionPopup {
  position: absolute;
  z-Index: 1000;
  width: 610px;
  border: 3px solid #57574e;
  background-color: #eee;
  padding: 3px;
}

#gridSolutionPopup .solutionLarge {
  background-color: #ffffff;
  float: left;
}

#gridSolutionPopupClose {
  float: right;
}

#solutionInternalLinks {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}

#solutionInternalLinks a {
  margin-right: 20px;
}

#solutionReferences {
  float: right;
  width: 375px;
}

#solutionReferences table {
  margin-top: 10px;
}

#solutionReferences td {
  font-size: 16px;
  padding: 2px;
}

#solutionRelatedItems {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.solutionArticles {
  width: 800px;
  float: left;
}

.solutionArticles p {
  float: left;
  clear: both;
  width: 600px;
  text-align: right;
}

.solutionArticles h2 {
  margin-bottom: 2px;
  width: 600px;
}

.solutionArticles .smallfont {
  margin-bottom: 10px;
}

.solutionArticle {
  width: 600px;
  float: left;
  clear: both;
  margin-bottom: 8px;
}

.solutionArticle h3 {
  margin: 0px;
}

#solutionsTable {
  width: 600px;
}

#solutionsTable .solutionLogo {
  border: 1px solid #859D31;
}

#mainwrapper {
  border-top: 1px solid transparent;
  width: 800px;
  margin-top: 0px;
  margin: 0 auto;
  padding: 0px;
  text-align: left;
}

#titlebar {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 800px;
  position: relative;
  height: 75px;
}

#titlebar h1 {
  height: 75px;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 200px;
  clear: none;
  border: 0;
}

#titlebar h1 a {
  text-decoration: none;
  height: 75px;
  width: 200px;
  margin: 0px
  padding: 0px;
  float: left;
}

#titlebar h1 a img {
  float: left;
  height: 75px;
  width: 200px;
  margin: 0px
  padding: 0px;
}

#titlebar h1 a:visited {
  text-decoration: none;
  height: 75px;
  width: 200px;
  margin: 0px
  padding: 0px;
  float: left;
}

#titlebar #titleTagline {
  width: 185px;
  float: right;
}

#titleMemberName {
  margin: 0px 10px 0px 10px;
  color: #efefef;
}

#titleAccount {
  padding-top: 20px;
}

#titleActions {
  margin-top: 5px;
  font-size: 12px;
}

.titleLinks {
  color: #efefef;
  float: left;
  width: 400px;
  margin: 10px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
}

.titleLinks a {
  margin: 0px 10px 0px 10px;
  color: #efefef;
}

.titleLinks a:visited {
  color: #efefef;
}

.titleLinks a:hover {
  text-decoration: underline;
}

#titleSearch {
  float: right;
  width: 250px;
  padding-top: 15px;
  text-align: right;
  margin-left: 20px;
}

#titleSearch input {
  margin-top: 4px;
}

#navbar {
  padding: 0px 1px 10px 1px;
  margin: 0px 0px 0px 80px;
  float: left;
  width: 800px;
  height: 40px;
}

#navbar ul {
  list-style: none;
  margin: 0px 1px 1px 30px;
  padding: 1px;
  float: left;
  height: 40px;
}

#navbar ul li {
  display: inline;
  padding: 0px;
  margin: 0px;
}

#navbar li {
  margin: 0px;
  padding: 0px;
  float: left;
  text-align: center;
  cursor: pointer;
  height: 40px;
}

#navbar a {
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  padding: 0px;
  margin-top: 0px;
  text-decoration: none;
  height: 40px;
  display: block;
  cursor: pointer;
}

#navbar div {
  height: 20px;
  padding-top: 15px;
}

#navbar a:visited {
  color: #ffffff;
}

#navbar a:hover {
  text-decoration: underline;
}

.navBGLeft {
  background-image: url(img/nav_tab_left.gif);
  background-repeat: no-repeat;
  width: 119px;
}

.navBGLeft div {
  width: 119px;
}

.navBGMiddle {
  background-image: url(img/nav_tab_middle.gif);
  background-repeat: no-repeat;
  width: 120px;
}

.navBGMiddle div {
  width: 120px;
}

.navBGRight {
  background-image: url(img/nav_tab_right.gif);
  background-repeat: no-repeat;
  width: 124px;
}

.navBGRight div {
  width: 124px;
}

#navbarSecondary {
  padding: 5px 1px 5px 30px;
  margin: 0px 0px 0px 80px;
  float: left;
  width: 800px;
  height: 40px;
}

#navbarSecondary ul {
  list-style: none;
  margin: 0px 1px 1px 30px;
  padding: 1px;
  float: left;
}

#navbarSecondary img {
  float: left;
  margin-right: 2px;
}

#navbarSecondary ul li {
  display: inline;
  float: left;
}

#navbarSecondary li {
  margin: 0px 40px 0px 0px;
  padding: 1px 3px 5px 3px;
}

#navbarSecondary a {
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  padding: 0px;
  margin-top: 1px;
}

#navbarSecondary a:visited {
  color: #ffffff;
}

#navbarSecondary a:hover {
  text-decoration: underline;
}

#footer {
  float: left;
  margin: 20px 0px 20px 0px;
  padding-bottom: 20px;
  width: 100%;
}

#copyright {
  text-align: center;
  font-size: 10px;
  margin-top: 10px;
  width: 800px;
  float: left;
}

#footerLinks {
  text-align: center;
  font-size: 12px;
  width: 800px;
  float: left;
}

#footerLinks a {
  margin-right: 30px;
  color: #000000;
}

#footerLinks a:visited {
  color: #000000;
}

#articleSubmit {
  margin-bottom: 10px;
  width: 600px;
}

#articleSubmitURL {
  margin: 5px 0px 5px 0px;
  font-size: 12px;
  width: 95%;
}

#articleSubmit div {
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}

#articleSubmitURL {
  margin-right: 20px;
}

#articleSubmitDesc {
  width: 95%;
}

#articleDescCountWrapper {
  text-align: right;
}

#articleDescriptionCount {
  padding-right: 50px;
  width: 300px;
  color: #111;
  text-align: right;
}

#homeSignupButton {
  margin: 10px 0px 0px 15px;
  float: right;
}

#homeGoals {
  float: right;
  width: 390px;
  margin-left: 0px;
  margin-top: 10px;
  text-align: left;
}

#homeGoals h2 {
  margin: 0px;
}

#homeImpactFacebook {
  width: 250px;
  float: right;
  margin-top: 40px;
}

#homeImpactFacebook img {
  float: left;
}

#homeImpactFacebook div {
  width: 210px;
  float: right;
}

#homeChallenges {
  width: 375px;
  float: right;
  padding: 0px;
  font-size: 12px;
  margin: 20px 0px 10px 0px;
}

#homeFeaturedChallenge {
}

.homeImpactSummaryWrapper {
  float: left;
  width: 375px;
  margin-bottom: 10px;
}

.homeImpactSummaryWrapper img {
  float: left;
  margin-top: 10px;
}

.homeImpactSummaryText {
  width: 325px;
  float: left;
  margin-left: 10px;
}

.homeImpactSummaryWrapper b {
  font-size: 16px;
}

#homeImpactSummaryLink {
  margin-top: 10px;
}

#articleList {
  margin-top: 20px;
  width: 800px;
}

#articleList h2 {
  margin: 0px;
}

#articleFeed {
  text-align: right;
  margin-left: 300px;
}

.article {
  width: 600px;
  float: left;
  margin-top: 15px;
}

.article h3 {
  font-weight: normal;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 3px;
}

.articleSummary {
  width: 550px;
  float: right;
  margin-top: 3px;
}

.articleCategory {
  width: 550px;
  float: right;
  margin-top: 5px;
  font-size: 11px;
}

.articleRating {
  float: left;
  width: 40px;
  text-align: center;
  margin: 3px 0px 3px 0px;
}

.articleRatingValue {
  float: left;
  width: 40px;
  height: 35px;
  border: 2px solid #98aa66;
  padding-top: 3px;
  background-color: #ced9a3;
  font-size: 10px;
  color: #000000;
}

.articleRatingValue b {
  font-size: 16px;
  font-weight: bold;
}

.articleRatingControls {
  float: left;
  width: 50px;
  font-size: 10px;
}

#articleSubmitButton {
  margin-left: 20px;
}

#articleSearchButton {
  margin-left: 20px;
}

#articleSearch {
  width: 100%;
  clear: both;
  margin-top: 10px;
}

#articleSearch div {
  margin: 5px;
}

.articleParamInQuery {
  font-weight: bold;
}

#articlesNoneFound {
  margin-top: 10px;
  float: left;
}

#impactCalculator {
  width: 500px;
  padding: 10px;
  float: left;
}

#impactCalculator h2 {
  margin: 0px;
  border-bottom: 1px solid #778a2b;
}

#calcIntro {
  float: left;
  width: 100%;
}

#calcIntroLeft {
  float: left;
  width: 500px;
}

#calcIntroRight {
  float: right;
  width: 275px;
}

#calcBody {
  padding: 5px;
  float: left;
}

#calcDescription {
}

#calcImage {
  float: left;
  width: 150px;
  height: 150px;
  margin: 10px 20px 20px 0px;
  border: 1px solid #859D31;
}

#calcResultsWrapper {
  width: 280px;
  float: right;
  display: none;
  padding: 15px;
  border: 1px solid #9caa66;
  background-color: #f5f8e0;
  font-size: 14px;
}

#calcResults b {
  font-size: 18px;
}

#calcActions {
  margin-top: 20px;
  float: left;
  width: 160px;
  clear: both;
}

#calcActions div {
  margin-top: 5px;
}

#calcInputs {
  clear: both;
}

#calcInputs .calcInputRow {
  margin: 4px 0px 4px 0px;
  font-weight: bold;
}

#calcFaq {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 20px;
}

#calcControls {
  width: 5pp;x;
  float: left;
  clear: both;
  margin: 5px 0px 10px 0px;
}

#calcDontSee {
  float: right;
  width: 250px;
  margin-bottom: 10px;
  font-size: 14px;
}

#calcBottomMessage {
  display: none;
  margin: 10px;
  width: 90%;
  float: left;
  padding: 10px;
  font-size: 14px;
}

#yourImpactWrapper {
  width: 250px;
  float: right;
  padding: 0px;
}

#yourImpactWrapper h2 {
  margin: 5px;
}

#yourImpactBody {
  float: left;
  padding: 5px;
}

#yourImpactBody p {
  margin-top: 5px;
  float: left;
}

#yourImpact {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
}

.impactItem {
  border: 1px solid #57574e;
}

.wordLarge {
  text-transform: uppercase;
  font-weight: bold;
}

#notDoneYet {
  display: none;
}

.calculator {
  display: none;
}

.chart {
  margin-bottom: 25px;
}

.formattedTable {
  font-size: 12px;
  border-top: 1px solid #aaa;  
  border-left: 1px solid #aaa;  
}

.formattedTable th { 
  background-color: #e6ead8;
  text-align: left;
  padding: 5px;
  color: #414826;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #aaa;  
  border-right: 1px solid #aaa;  
}

.formattedTable th a {
  color: #414826;
}

.formattedTable th a:visited {
  color: #414826;
}

.formattedTable td {
  padding: 5px;
  border-bottom: 1px solid #aaa;  
  border-right: 1px solid #aaa;  
}

.formattedTable .rowA {
  background-color: #fafafa;
}

.formattedTable .rowB {
  background-color: #f1f1f1;
}

#myimpactLeft {
  width: 550px;
  float: left;
}

#myimpactRight {
  width: 200px;
  float: right;
}

#myimpactBody {
  width: 550px;
  float: left;
}

#myimpactBody h2 {
  margin-top: 0px;
}

#myimpactButton {
  margin-bottom: 10px;
}

#impactButton {
  margin: 0px 35px 20px 25px;
  float: right;
}

#myimpactWidget {
  width: 200px;
  float: right;
}

#myimpactTable {
  width: 550px;
  float: left;
  clear: both;
  margin-bottom: 25px;
  margin-top: 15px;
}

#myimpactCompare {
  font-size: 14px;
  clear: both;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.myimpactTotal {
  width: 225px;
  float: left;
  text-align: center;
  margin: 5px 15px 5px 15px;
}

.myimpactTotalNumber {
  font-size: 30px;
  font-weight: bold;
}

#impactCompare b {
  font-size: 14px;
}

#myimpactChart {
  border: 1px solid #859D31;
  margin: 0px 0px 10px 0px;
}

#mycompareimpactChart {
  border: 1px solid #859D31;
  margin: 0px 0px 10px 0px;
}

#myimpactFacebookAssociate {
  width: 550px;
  padding: 10px;
  background-color: #f2f4f7;
  border: 1px solid #444;
  float: left;
  margin-bottom: 10px;
}

#myimpactFacebookAssociate img {
  float: left;
  margin: 0px 10px 0px 0px;
}

#myimpactIntro {
  width: 550px;
  float: left;
}

#myimpactSummary {
  width: 200px;
  float: right;
  margin-top: 25px;
}

#myimpactGuru {
  width: 200px;
  float: right;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  background-color: #c5d9f2;
  border: 1px solid #035f99;
}

#myimpactGuru h3 {
  margin: 0px;
}

#myimpactSummary h3 {
  margin-top: 0px;
  font-size: 12px;
}

#myimpactSummaryLogo {
  float: left;
  margin: 0px 5px 5px 0px;
}

.myimpactSummarySaving {
  font-size: 14px;
}

.myimpactSummaryAwards {
  margin-top: 15px;
  clear: both;
}

.myimpactSummaryAwardsInfo {
  font-size: 10px;
  float: right;
  margin-top: 5px;
}

#impactSummary {
  width: 250px;
  float: right;
  margin-bottom: 20px;
}

#impactSummary h3 {
  margin-top: 0px;
  font-size: 12px;
}

#impactSummaryLogo {
  float: left;
  margin: 0px 5px 5px 0px;
}

.impactSummarySaving {
  font-size: 14px;
}

.impactSummaryAwards {
  margin-top: 15px;
}

.impactSummaryAwardsInfo {
  font-size: 10px;
  float: right;
  margin-top: 5px;
}

.myimpactHeading {
  clear: both;
  padding-top: 10px;
}

#impactChart {
  border: 1px solid #859D31;
}

#impactChallenges {
  width: 500px;
  float: left;
  clear: both;
  margin-bottom: 25px;
}

#myimpactChallenges {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 25px;
  font-size: 14px;
}

#myimpactChallenges b {
  font-size: 16px;
}

.myimpactChallenge {
  width: 500px;
  margin-bottom: 10px;
  border: 1px solid #859D31;
  background-color: #e4e7d9;
  padding: 5px;
}

.myimpactChallengeLogo {
  float: left;
  margin: 5px 10px 0px 0px;
}

.myimpactChallenge h3 {
  margin: 0px;
}

.myimpactChallengeDetails {

}

#impactTable {
  width: 500px;
  float: left;
  clear: both;
  margin-bottom: 25px;
}

#impactProfile {
  margin-left: 25px;
}

#impactActions {
  width: 500px;
}

#impactMemberDetails {
  width: 500px;
  float: left;
}

#challengeComments {
  width: 275px;
  float: right;
}

.challengeComment {
  padding: 3px;
  border: 1px solid #57574e;
  background-color: #eee;
  margin-bottom: 5px;
}

.challengeComment p {
  margin: 0px 0px 5px 0px;
  font-size: 12px;
}

.challengeCommentDetails {
  font-size: 10px;
}

#challengeList {
  width: 500px;
  float: left;
}

.mychallengesList {
  width: 500px;
  float: left;
}

.mychallengesList h2 {
  float: left;
  margin-bottom: 10px;
}

#challengeListRight {
  width: 205px;
  float: right;
  margin: 20px 0px 0px 0px;
}

#challengeCompleteGoal {
  font-size: 14px;
  padding: 10px;
}

.challenge {
  border: 1px solid #859D31;
  background-color: #e4e7d9;
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.challengeIcon {
  float: left;
  margin: 2px 10px 0px 0px;
}

.challenge h3 {
  font-size: 14px;
  margin: 0px 0px 0px 0px;
}

.challenge h3 a {
  color: #0b7ac1;
}

.challenge h3 a:visited {
  color: #0b7ac1;
}

#challengeList .challengeSummary {
  width: 450px;
  float: right;
}

#challengeList .challengeSummary div {
  margin-top: 5px;
}

.mychallengesList .challengeSummary {
  width: 310px;
  float: left;
}

.mychallengesList .challengeSummary div {
  margin-top: 5px;
}

.challengeImpactLeft {
  float: left;
  width: 180px;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  color: #333d0d;
}

.challengeImpactLeft b {
  font-size: 14px;
}

.challengeImpactRight {
  float: left;
  width: 180px;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  color: #333d0d;
}

.challengeImpactRight b {
  font-size: 14px;
}

.challengeDetailLink {
  float: right;
  width: 85px;
  margin-top: 10px;
}

.challengeDetailLink a { 
}

.mychallengesList .challengeActions {
  float: right;
  width: 125px;
  margin-top: 0px;
}

.mychallengesList .challengeActions a {
  float: right;
  margin-bottom: 5px;
}

.mychallengesList .challengeStatus {
  float: right;
  width: 110px;
  margin-top: 0px;
}

#mychallengesRight {
  width: 250px;
  float: right;
}

#mychallengesImageRight {
  margin-bottom: 20px;
}

.communityChallengeDetails {
  width: 300px;
  float: left;
}

.communityChallengeLink {
  width: 100px;
  float: right;
}

#challengeValue {
  margin-top: 10px;
  float: left;
  font-size: 14px;
}

#challengeLeft {
  width: 500px;
  float: left;
}

#challengeRight {
  width: 275px;
  float: right;
}

#challengeSynopsis {
  margin: 10px 0px 10px 0px;
  float: left;
}

#challengeExtraInfo {
  margin: 10px 0px 10px 0px;
  float: left;
}

#challengeExtraInfo h2 {
  margin-top: 0px;
}

#challengeImageRight {
  float: left;
  width: 250px;
  height: 166px;
}

#challengeLongDesc {
  padding-top: 10px;
  margin-top: 5px;
  border-top: 2px solid #eff0e1;
}

#communityChallengeLongDesc {
}

.challengeLongDescHeading {
  color: #9bb23d;
  font-size: 14px;
}

#challengeImpactTotals {
  margin-top: 20px;
}

#challengeIntroImage {
  margin-top: 5px;
}

#impactNotes {
  width: 250px;
  float: right;
}

#impactGuru {
  width: 200px;
  float: right;
  margin: 0px 25px 20px 25px;
  text-align: center;
  font-size: 12px;
  background-color: #c5d9f2;
  border: 1px solid #035f99;
}

#impactGuru h3 {
  margin: 0px;
}

#impactNotes img {
  float: left;
}

#impactNotes div {
  width: 210px;
  float: right;
}

#challengeHighlights {
  float: right;
  width: 250px;
}

#challengeHighlights h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.challengeHighlight {
  margin-bottom: 10px;
}

.challengeHighlight h3 {
  font-size: 12px;
  margin: 0px;
}

#challengeDetails {
  width: 500px;
  float: left;
}

#challengeDetails h2 {
}

#challengeStatus {
  width: 500px;
  float: left;
}

#challengeStatus h2 {
}

.challengeStatusFullWidth {
  clear: both;
  width: 100%;
}

#challengeCompletions {
  margin-top: 25px;
}

#challengeActionsTable {
  width: 100%;
}

#challengeActionsTable td {
  padding: 5px;
}

#challengeSearch {
  width: 500px;
  float: left;
  border: 1px solid #57574e;
  padding: 5px;
}

#challengeSearch h2 {
  margin: 0px 0px 5px 0px;
}

#challengeSearch div {
  float: left;
  margin-top: 5px;
}

#challengeSearch label {
  font-weight: normal;
  width: 200px;
  float: left;
  font-size: 11px;
  padding-top: 2px;
}

#challengeSearch input {
  float: left;
}

#challengeSearchImageRight {
  float: right;
}

#challengeSearchRight {
  width: 250px;
  float: right;
}

#challengeSearchRight .challengeRightButton {
  margin-top: 10px;
  float: right;
}

#challengeStatusLogIn {
  font-size: 14px;
}

#challengeSearchSubmit {
  margin-left: 195px;
  margin-top: 5px;
}

#challengeShare {
  width: 275px;
  float: right;
}

#challengeShare img {
  margin-left: 5px;
}

#challengeInviteWrapper {
  width: 265px;
  float: right;
  margin-top: 20px;
}

#challengeInviteWrapper h2 {
  margin-top: 0px;
}

#challengeInviteInfo {
  font-size: 10px;
}

#challengeCommentsMore {
  text-align: right;
}

#challengeJoinButton {
  float: left;
  margin: 0px 10px 20px 0px;
}

#challengeJoinDialog {
  display: none;
  margin-top: 5px;
  background-color: #e6e7e7;
  border: 1px solid #57574e;
  padding: 8px 5px 8px 5px;
  width: 400px;
  clear: both;
  float: left;
}

#challengeJoinDialog h3 {
  margin-top: 0px;
}

#challengeJoinDialog label {
  font-weight: bold;
}

#loginForm {
  width: 300px;
  float: left;
}

#loginSignupLink {
  float: left;
  width: 400px;
  margin-left: 50px;
}

.formRow label {
  font-weight: normal;
  width: 100px;
  float: left;
  font-size: 11px;
  margin-right: 10px;
}

.formRow input {
  float: left;
}

.formRow select {
  width: 250px;
  float: left;
}

.formRow {
  margin-bottom: 5px;
  padding: 3px;
  float: left;
  width: 99%;
}

.formRowSolution {
  margin-bottom: 5px;
  padding: 3px;
  float: left;
  width: 99%;
}

.formRowSolutions label {
  font-weight: bold;
  width: 100px;
  float: left;
  font-size: 10px;
  margin-right: 10px;
}

.formRowSolutions div {
  float: left;
}

#signupForm {
  width: 400px;
  float: left;
}

#signupRightContent {
  float: right;
  width: 350px;
}

#accountEditForm {
  width: 400px;
  padding: 10px;
  float: left;
}

#accountEditRight {
  width: 300px;
  float: right;
}

#accountEditRight h2 {
  margin-top: 0px;
}

.formHint {
  padding-left: 50px;
  font-size: 10px;
  color: #999;
  width: 90%;
}

#termsLabel {
  width: auto;
  margin-right: 10px;
  font-weight: normal;
}

.inputText {
  width: 250px;
}

#createChallengeForm {
  width: 400px;
  float: left;
}

#createChallengeForm textarea {
  width: 250px;
  height: 150px;
}

#createChallengeTips {
  width: 300px;
  float: right;
}

#createChallengeTips h2 {
  margin-top: 0px
}

#manageChallengeForm {
  width: 600px;
  float: left;
}

#manageChallengeForm textarea {
  width: 450px;
  height: 150px;
}

#manageChallengeForm .inputText {
  width: 400px;
}

#challengeMessageForm {
  float: left;
  width: 400px;
  margin-top: 20px;
}

#challengeMessageForm h3 {
  margin-top: 0px;
}

#challengeMessageForm label {
  font-weight: bold;
}

#challengeMessageForm textarea {
  width: 375px;
  height: 75px;
}

#challengeMessageForm input {
  width: 375px;
}

.actionMessage {
  color: green;
  margin-bottom: 10px;
  /*float: left;
  margin-top: 10px;
  margin-bottom: 0px;*/
}

.actionMessageBox {
  border: 1px solid #9caa66;
  background-color: #ddf1d7;
  padding: 5px;
}

.errorMessage {
  color: red;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

#messageIcon {
  float: left;
  margin: 0px 5px 5px 0px;
}

#messageWrapper {
  float: left;
  width: 100%;
}

#messageWrapper p {
  float: left;
}

/* Used in form validation */
.error {
  color: red;
}

label.errorInLine {
  width: 95%;
  color: red;
}

#searchHints {
  margin-left: 100px;
  padding: 0px;
  font-size: 10px;
  width: 250px;
  color: #999;
}

.loadingspan {
  background-color: #008B00;
  color: #ffffff;
  padding: 30px;
}

.loadingspanerror {
  background-color: #8B0000;
  color: #ffffff;
  padding: 30px;
}

.loadingspandone {
  background-color: #ffffff;
  color: #ffffff;
  background-color: #008B00;
  padding: 30px;
}

#statusDiv {
  z-Index: 1000;
  left: 20px;
  visibility: hidden;
  position: absolute;
  width: 400px;
  font-size: 18px;
}

#solutionImage {
  width: 150px;
  height: 150px;
  float: left;
  margin: 0px 20px 20px 0px;
  border: 1px solid #859D31;
}

#solutionDetailsDesc {
  float: right;
}

.buttonInputLarge {
  background-color: transparent;
  background-image: url(img/button_bg_150.gif);
  background-position: center center;
  background-repeat: no-repeat;
  border: 0px;
  width: 150px;
  height: 19px;
  font-size: 11px;
  color: #fff;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

.buttonInputLarge:hover {
  background-image: url(img/button_bg_150_hover.gif);
}

.buttonInputMedium {
  background-color: transparent;
  background-image: url(img/button_bg_100.gif);
  background-position: center center;
  background-repeat: no-repeat;
  border: 0px;
  width: 100px;
  height: 19px;
  font-size: 11px;
  color: #fff;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

.buttonInputMedium:hover {
  background-image: url(img/button_bg_100_hover.gif);
}

.buttonImageMedium {
  background-image: url(img/button_bg_100.gif);
  background-position: center center;
  background-repeat: no-repeat;
  border: 0px;
  width: 100px;
  height: 19px;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  float: left;
  margin: 0px 5px 0px 5px;
  text-decoration: none;
}

.buttonImageMedium:hover {
  background-image: url(img/button_bg_100_hover.gif);
}

.buttonImageMedium span {
  font-size: 11px;
  float: left;
  color: #fff;
  margin-top: 2px;
  margin-left: 5px;
  white-space: nowrap;
}

.buttonImageMedium:visited {
  color: #fff;
}

#homeSplash {
  margin-bottom: 10px;
  float: left;
  width: 400px;
}

#homeSolutions {
  margin: 20px 0px 10px 0px;
  float: left;
  width: 410px;
}

#homeSolutions div {
  float: left;
}

#homeSolutions p {
  float: left;
}

#homeSolutions .solutionLogo {
  border: 1px solid #859D31;
}

#homeTitle {
  float: left;
  margin: 0px 0px 20px 0px;
}

#homeTitle .titleNameInline {
  font-size: 22px;
  font-weight: normal;
  color: #9bb23d;
}

.titleGoal {
  font-size: 18px;
  color: #9bb23d;
}

#homeSolutionsSummary {
  margin-bottom: 5px;
  margin-top: 10px;
}

#homeMessage {
  width: 400px;
  float: left;
  text-align: center;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 10px 0px;
  font-size: 14px;
}

#homeArticles {
  width: 400px;
  float: left;
  text-align: left;
  margin: 0px;
}

#homeArticles h3 {
  margin: 0px 5px 10px 5px;
}

#homeArticles div {
  margin: 5px;
  font-size: 14px;
}

.thumbnail {
  border: 1px solid #9caa66;
  vertical-align: middle;
}

#homeArticlesAll {
  font-size: 12px;
  text-align: right;
}

#homeGuru {
  width: 300px;
  float: right;
  margin-right: 25px;
}

#homeGuru img {
  border: 1px solid #0b7ac1;
}

#homeButton {
  float: left;
  width: 400px;
  text-align: center;
}

#messageBox {
  width: 100%;
  float: left;
}

#messageBox ul {
  float: left;
}

#messageBox li {
  width: 100%;
}

#messageBox label {
  width: 100%;
}

#articlePageControls {
  float: left;
  margin-top: 25px;
  width: 100%;
  text-align: center;
  border: 1px solid #57574e;
  padding: 5px;
  background-color: #e6e7e7;
}

#articlePageSummary {
  float: left;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  border: 1px solid #57574e;
  padding: 5px;
  background-color: #e6e7e7;
}

#articlePageControls a {
  margin-left: 25px;
}

#challengeMemberList {
  width: 700px;
  float: left;
  clear: both;
  margin-right: 200px;
  margin-bottom: 25px;
}

.smallfont {
  font-size: 10px;
}

.note {
  background-color: #eee;
  border: 1px solid #444;
  padding: 5px;
  margin: 20px 0px 20px 0px;
  clear: both;
}

.featuredChallenge {
  border: 1px solid #859D31;
  background-color: #e4e7d9;
  padding: 10px 10px 10px 10px;
  float: left;
  margin: 10px 0px 10px 0px;
}

.featuredChallenge h3 {
  font-size: 14px;
  margin: 0px 0px 0px 0px;
}

.featuredChallenge h3 a {
  color: #0b7ac1;
}

.featuredChallenge h3 a:visited {
  color: #0b7ac1;
}

.featuredChallengeSummary {
  float: left;
  width: 260px;
}

.featuredChallengeSummary div {
  margin-top: 5px;
}

.featuredChallengeDetailLink {
  float: right;
  width: 85px;
  margin-top: 10px;
}

#homeFeaturedChallengeWrapper {
  margin-top: 20px;
  float: left;
}

#homeFeaturedChallengeWrapper h3 {
  margin: 0px 0px 5px 0px;
}

.top10ArticleListItem {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 5px;
  margin-bottom: 20px;
  padding-top: 5px;
  border-top: 1px solid #eff0e1;
}

#top10ArticleContent h2 {
  width: 100%;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

#top10ArticleContent li {
}

.top10ArticleImage {
  float: left;
  margin: 0px 10px 10px 0px;
  border: 1px solid #859D31;
}

.top10ArticlePaging {
  font-size: 16px;
  color: #0b7ac1;
  margin-left: 20px;
  float: left;
}

.top10ArticleShareButton {
  float: right;
  margin-right: 30px;
}

.top10ArticleShare {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.top10ArticleItem {
  width: 625px;
  float: right;
}

.top10ArticleItem p {
  margin-top: 0px;
}

.articleContent h2 {
  clear: both;
}

#articleListTable td {
  padding: 10px;
}

#articleListTable th {
  padding: 5px;
}

.faqItem p {
  margin-left: 20px;
}

#memberListTable {
  width: 100%;
  
}

#memberListTable b {
  font-size: 16px;
}

#memberListTable td {
  padding: 5px;
}

#memberListLeft {
  width: 600px;
  float: left;
}

#memberListRight {
  width: 175px;
  float: right;
}

#memberListRight b {
  font-size: 14px;
}

.memberListSummaryLogo {
  float: left;
  margin: 0px 5px 5px 0px;
}

#MOVENEUTRAL_CERT {
  float: right;
  
}

#widgetExample {
  width: 200px;
  float: right;
}

#widgetDescription {
  float: left;
  width: 550px;
}

.recommendType {
  float: left;
}

.recommendSolution {
  width: 500px;
  margin: 5px 0px 5px 0px;
  float: left;
  font-size: 12px;
}

.recommendSolution b {
  font-size: 14px;
}

.recommendSolution a {
  font-size: 14px;
}

.recommendSolution div {
  margin-bottom: 3px;
}

.recommendSolutionSummary {
  margin: 0px;
  width: 415px;
  float: right;
}

.recommendSolutionLogo {
  float: left;
  border: 1px solid #859D31;
}

.recommendSolutionLinks {
  float: right;
  text-align: right;
}

.recommendSolutionLinks a {
  margin-left: 25px;
  font-size: 12px;
}

.recommendTabContent {
  display: none;
  width: 525px;
}

.recommendTabContent h2 {
  margin: 0px;
}

#recommendTabControls {
  float: left;
  width: 250px;
  font-size: 18px;
  padding-top: 30px;
}

#recommendTabControls img {
  margin-left: 5px;
}

#recommendTabControls table {
  width: 250px;
}

#recommendTabControls th {
  padding: 2px;
  height: 35px;
}

#recommendTabControls td {
  padding: 2px;
  height: 35px;
}

.cellHighlight:hover {
  background-color: #f7f8f4;
}

.cellHighlight:hover td {
  background-color: #f7f8f4;
}

.cellHighlight:hover th {
  background-color: #f7f8f4;
}

#recommendTabControls h2 {
  margin-top: 0px;
}

.recommendTabControlsSmall {
  margin-top: 20px;
  font-size: 12px;
}

#recommendContentTabs { 
  float: left;
  width: 525px;
  background-color: #f7f8f4;
  padding: 10px;
  border: 1px solid #859D31;
}

#recommendPopular {
  display: block;
}

.recommendTabArrow {
  display: none;
}

#recommendPopularArrow {
  display: inline;
}

.recommendTabRowSelected td {
  background-color: #f7f8f4;
  border-top: 1px solid #9caa66;
  border-bottom: 1px solid #9caa66;
}

.recommendTabRowSelected th {
  background-color: #f7f8f4;
  border-top: 1px solid #9caa66;
  border-bottom: 1px solid #9caa66;
  border-left: 1px solid #9caa66;
}

.recommendTabRowUnSelected td {
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.recommendTabRowUnSelected th {
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#recommendContentTabsAll {
  margin-top: 20px;
}

#gamesTable {
  float: left;
  width: 700px;
}

#gamesTable td {
  padding: 5px;
}

.gamesTableImage {
  border: 1px solid #0b7ac1;
}

.homeenergySection {
  float: left;
  width: 100%;
}

#homeenergyEnter {
  width: 400px;
}

#homeenergyEnter div {
  float: left;
}

#homeenergyChart {
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
  font-size: 10px;
}

#homeenergyYear {
  width: 125px;
  margin-top: 5px;
}

#homeenergyMonth {
  width: 250px;
  margin-top: 5px;
}

#homeenergykWh {
  clear: both;
  margin-top: 5px;
  width: 95%;
}

#homeenergySubmit {
  float: left;
  clear: both;
  margin-top: 10px;
}

#homeenergyList {
  float: right;
  width: 300px;
}

#homeenergyList table {
  width: 100%;
}

#homeenergyTips {
  float: right;
  width: 45%;
}

#homeenergyTips h2 {
  margin-top: 0px;
}

#homeenergyIntro {
  width: 45%;
}

#discussCommentList {
  width: 600px;
  float: list;
}

.discussComment {
  padding: 6px;
  margin-bottom: 5px;
}

.discussComment p {
  margin: 0px 0px 10px 0px;
  font-size: 12px;
}

.discussCommentDetails {
  font-size: 10px;
  margin-left: 10px;
  color: #57574e;
  height: 16px;
  line-height: 16px;
}

#discussAddComment {
  float: left;
  width: 475px;
}

#discussAddComment h2 {
  margin-bottom: 3px;
}

#discussAddComment textarea {
  width: 450px;
  height: 100px;
  margin-bottom: 3px;
}

#baseFootprintDesc {
  width: 500px;
  float: left;
}

#baseFootprintSave {
  width: 250px;
  float: right;
}

#baseFootprintSave .smallfont {
  margin-top: 5px;
}

#baseFootprintSave h2 {
  margin-top: 0px;
}

#baseFootprintInput {
  width: 50px;
}

#baseCalcFrame {
  margin-top: 10px;
}

#footprintExplanation {
  font-size: 14px;
  float: left;
}

.footprintRow {
  float: left;
  margin-bottom: 15px;
  margin-top: 10px;
}

.footprintTitle {
  float: left;
  width: 250px;
  font-size: 18px;
  color: #5d6a27;
}

.footprintDesc {
  float: left;
  width: 450px;
}

#threadList {
  width: 600px;
  float: left;
}

#threadList td {
  padding: 8px;
  line-height: 16px;
  font-size: 12px;
}

#threadList th {
  padding: 8px;
  font-size: 12px;
}

#discussAddThreadWrap {
  width: 400px;
  display: none;
  position: absolute;
  z-index: 100;
  top: 200px;
  left: 325px;
  background-color: #c5d9f2;
  border: 1px solid #035f99;
  padding: 0px;
}

#discussAddThreadWrap h2 {
  margin-top: 0px;
  font-size: 18px;
  color: #000000;
  padding: 10px 10px 0px 10px;
}

#discussAddThread {
  padding: 0px 10px 10px 10px;
  font-size: 14px;
  color: #000000;
}

#discussAddThread div {
  margin-top: 3px;
}

#discussAddThread input {
  border: 1px solid #335588;
}

#discussAddThread textarea {
  width: 95%;
  height: 200px;
  border: 1px solid #035f99;
}

#discussAddThread #title {
  width: 95%;
  border: 1px solid #035f99;
}

#discussAddThread .formHint {
  color: #777;
  padding-left: 25px;
  margin-bottom: 10px;
}

#discussAddButton {
  width: 200px;
  float: right;
  text-align: right;
}

#discussCommentFormat {
  width: 300px;
  float: left;
  margin-top: 40px;
}

#discussCommentFormat h2 {
  margin-top: 0px;
}

#carbonChart {
  margin: 10px 0px 20px 0px;
  border: 1px solid #9bb23d;
  width: 600px;
  float: left;
}

#carbonChartRight {
  float: right;
  width: 194px;
}

#carbonChartRight div {
  margin-top: 20px;
}

#carbonChartInfo {
  width: 100%;
  float: left;
}

#feedLeft {
  width: 550px;
  float: left;
}

#feedRight {
  width: 250px;
  float: right;
}

#feedTable td {
  padding: 5px;
}

#feedRightImpactLink {
  float: right;
  font-size: 16px;
  margin-top: 20px;
  text-align: right;
}

#cyclingEnter {
  width: 400px;
  float: left;
}

#cyclingEnter #weeklydistance {
  width: 40px;
}

#cyclingEnter #roundtrips {
  width: 40px;
}

#cyclingEnter h2 {
  margin-top: 0px;
}

#cyclingEstimates {
  margin: 10px 0px 0px 0px;
  float: left;
  display: none;
}

#cyclingEstimates h3 {
  margin-top: 0px;
}

.cyclingEstimate {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.cyclingEstimate div {
  font-size: 14px;
}

.cyclingEstimate div b {
  font-size: 18px;
}

#cyclingList {
  clear: both;
  width: 550px;
  float: left;
  margin-top: 20px;
}

#cyclingSubmit {
  margin-top: 10px;
}

#cyclingFacts {
  float: right;
  width: 350px;
  margin: 0px 0px 0px 0px;
}

#cyclingFacts h3 {
  margin-top: 0px;
}

#cyclingPartner {
  float: right;
  width: 208px;
  margin-top: 30px;
}

#cyclingPartner img {
  border: 1px solid #335588;
  margin-top: 5px;
}

.cyclingCalcInput {
  margin-bottom: 5px;
}

#aboutBoxes {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 25px;
}

.aboutBox {
  width: 350px;
  float: left;
  margin: 10px;
  border: 1px solid #9caa66;
  background-color: #e4e7d9;
  padding: 0px;
}

.aboutBox h3 {
  margin: 0px;
  padding: 5px;  
  background-color: #0b7ac1;
  color: #ffffff;
  font-size: 16px;
}

.aboutBox ul {
  margin: 10px 0px 10px 0px;
}

#energyUseRightButtons {
  float: right;
  width: 200px;
  margin-left: 20px;
}

#energyUseRightButtons div {
  margin-bottom: 10px;
}

#relatedChallengesList {
  font-size: 16px;
}