* {
  font-family: helvetica;
}
html {
  overflow-y: scroll;
}
html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
body {
  color: #4c4b4b;
  font-size: 13px;
  background: url('http://www.earn.org/static/img/body_bkg.png') repeat-y 0 0;
  background-position: center top;
}
.hidden {
  display: none !important;
}
.rounded {
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-border-radius: 14px;
}
.roundedTr {
  -moz-border-radius: 0 0 0 14px;
  border-radius: 0 0 0 14px;
  -webkit-border-radius: 0 14px 0 0;
}
img.roundedBannerCondensed {
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
  -webkit-border-radius: 14px 0 0 14px;
  margin-bottom: 15px;
}

.bkGreen {
  background: #5aa048;
}
img {
  border: none;
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4 {
  color: #69ab58;
  /*line-height: 1px;*/
}
h1 {
  margin: 10px 0 10px 20px;
  padding: 0;
  font-size: 32px;
  line-height: 32px;
  font-weight: normal;
  line-height: auto;
}
a {
  text-decoration: none;
  color: #69ab58;
  font-weight: bold;
}
a.big {
  font-size: 14px;
}
a:hover {
  text-decoration: underline;
}
a.button img {
  opacity: .9;
}
a.button img:hover {
  opacity: 1;
}
a.button {
  opacity: .9;
}
a.button:hover {
  opacity: 1;
}
body {
  font-size: 12px;
}
#outer {
  width: 920px;
  margin: 0 auto;
  background: #fff;
}
#header {
  padding: 5px 0;
}
#header_lang_links a {
  color: #a8a8a8;
  margin-left: 10px;
}
#featuredFlash {
  background: #eeeeee;
  width: 920px;
  height: 424px;
}
#menu a {
  float: left;
}
#homeMiddleContent {
  border-top: 4px solid #58b04a;
  padding: 0 0 10px 0;
}
#homeMiddleLeft {
  float: left;
  width: 640px;
}
#homeMiddleRight {
  float: right;
  width: 280px;
  background: url('http://www.earn.org/static/img/middle_right_bkg.png') no-repeat 0 0;
}
#tweetsOuter {
  margin-left: 20px;
  margin-top: 10px;
  height: 400px;
  overflow: auto;
}
#tweets {
 padding-right: 10px
}

#slideshow {
  width: 100%;
  height: 110px;
  line-height: 110px;
  position: relative;
  margin-bottom: 30px;
}
#slideshow .thumbs {
  position: absolute;
  float: left;
  margin: 0;
  text-align: center;
  margin: 0 6%;
  width: 88%;
}
#slideshow .thumbs .thumb_group {
  position: absolute;
  top: 0;
  left: 50px;
}

#slideshow a.goLeft, #slideshow a.goRight  {
  display: block;
  position: absolute;
  width: 23px;
  height: 100%;
  padding: 0 16px;
}
#slideshow a.goLeft {
  float: left;
  background: url('http://www.earn.org/static/img/button/slide_left.png') no-repeat 0 0 ;
  background-position: center;
}
#slideshow a.goRight {
  top: 0;
  right: 0;
  background: url('http://www.earn.org/static/img/button/slide_right.png') no-repeat 0 0 ;
  background-position: center;
}
#slideshow img.thumb {
  border: 2px solid #fff;
  width: 114px;
  height: 74px;
  margin: 0 11px;
  vertical-align: middle;
}



#middleContent .right .successLeft {
  float: left;
  width: 410px;
}
#middleContent .right .successLeft {
  float: left;
  width: 410px;
}
#middleContent .right .successLeft hr {
  border: none;
  border-bottom: 1px dotted #eaeaea;
  height: 0;
}
#middleContent .right .successRight {
  float: right;
  width: 235px;
}



.featuredSuccessItem {
  border-bottom: 1px dotted #eaeaea;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}
.featuredSuccessRight {
  float: right;
  width: 280px;
}
.featuredSuccessRight .title {
  font-size: 17px;
  font-weight: bold;
}
.featuredSuccessRight .subTitle {
  font-style: italic;
}
.featuredSuccessRight .desc {
  margin: 5px 0;
  line-height: 16px;
}
.featuredSuccessLeft {
  float: left;
}


#middleContent {
  border-top: 4px solid #e5e5e5;
  width: 920px;
}
hr.header {
  margin: 30px 0;
  padding: 0;
  border: none;
  height: 4px;
  background: #e5e5e5;
}
#middleContent.top {
  border-top: 1px solid #e5e5e5;
}
#middleContent p {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 10px 0;
}
#middleContent div.bannerImage {
  position: relative;
}
#middleContent div.bannerImage img {
  display: block;
}
#middleContent img.banner {
  margin-bottom: 15px;
}
.playVideo {
  display: block;
  position: absolute;
  right: 30px;
  bottom: 20px;
  width: 106px;
  height: 20px;
  background: url('http://www.earn.org/static/img/button/play_video.png') no-repeat 0 0;
  opacity: .8;
}
.playVideo:hover {
  opacity: 1;
}
h2.bannerTitle {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
}
h2.bannerCondensedTitle {
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: normal;
  padding: 0;
}
h2.bannerCondensedNewsTitle {
  margin: 0 0 0px 0;
  font-size: 18px;
  line-height: normal;
  color: #444444;
  padding: 0;
}
h2.successStory {
  margin: 0 0 5px 0;
  font-size: 16px;
  line-height: normal;
  padding: 0;
}
h3.successStory {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: normal;
  padding: 0;
  font-style: italic;
  color: #4c4b4b;
}
#middleContent .bannerCondensedRight {
  float: right;
  width: 230px;
}


#middleContent .featuredStories {
  border-top: 5px solid #dddddd;
  margin: 30px 0 10px 0;
  color: #69ab58;
  padding: 10px 0 0 0;
  font-size: 30px;
  font-weight: bold;
}

#middleContent .bannerInfo {
  margin: 0 40px 20px 40px;
}
#middleContent .bannerDesc * {
  font-size: 15px !important;
}
#middleContent .bannerDesc {
  margin: 0 0 10px 0;
  line-height: 20px;
  padding: 0;
}
#middleContent .bannerNewsLogo {
  overflow: hidden;
  margin: 0 0 10px 0;
}
#middleContent .bannerCondensedNewsDate {
  font-size: 12px;
  color: #737373;
  font-style: italic;
  margin: 0 0 10px 0;
}
#middleContent .left {
  float: left;
  width: 25%;
  padding: 10px 0 70px 0;
}
#middleContent.top .left {
  float: left;
  width: 25%;
  padding: 0px 0 70px 0;
}
#middleContent .rightW {
  float: left;
  width: 75%;
  background: green;
  background: url('http://www.earn.org/static/img/content_right_bkg.png') no-repeat 0 0 #fff;
}
#middleContent .right {
  margin: 0 0 0 20px;
  padding: 20px 0 30px 0px;
}
#middleContent .right .left {
  float: left;
  width: 425px;
  padding: 0 0 30px 0;
}
#middleContent .right .right {
  float: right;
  width: 235px;
  padding: 0;
  margin: 0 0 0 0px;
}

#middleContent .left a.button {
  display: block;
  line-height: 1px;
  margin: 20px 0 0 20px;
}

ul.leftNav {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.leftNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.leftNav li.sub_level_0 {
  border-bottom: 1px solid #e5e5e5;
}
ul.leftNav li.sub_level_0:nth-child(even) {
  background: #fcfcfc;
}
ul.leftNav li.sub_level_1,li.sub_level_2,li.sub_level_3,li.sub_level_4 {
  margin-left: 20px;
}

ul.leftNav a {
  display: block;
  padding: 6px 5px 6px 20px;
  font-size: 12px;
  font-weight: bold;
  color: default;
  text-transform: uppercase;
}
ul.leftNav li {
  color: #353535;
}
ul.leftNav li a {
  color: inherit;
}
ul.leftNav li.active {
  color: #45a82b;
}

div.center25 {
  text-align: center;
  margin-top: 25px;
}
img.border {
  border: 1px solid #c0c0c0;
  padding: 2px;
}

.homePreviewItem {
  padding: 0 20px 0 10px;
  margin: 0 0 10px 0;
}
.homePreviewItem .left {
  float: left;
  width: 90px;
}
.homePreviewItem .right {
  float: right;
  width: 520px;
  border-bottom: 1px dotted #cccccc;
}

.homePreviewItem .title {
  font-weight: bold;
  font-size: 13px;
}
.homePreviewItem .date {
  font-style: italic;
  color: #aaaaaa;
}
.homePreviewItem .content {
  margin-top: 10px;
  font-size: 13px;
}
.homePreviewItem .buttons {
  margin: 10px 0;
}

.previewDate {
  font-style: italic;
  color: #aaaaaa;
  margin-bottom: 10px;
}

.tweet {
  font-weight: bold;
}
.tweetDesc {
  font-style: italic;
  color: #aaaaaa;
  margin-bottom: 20px;
}

#footer {
  border-top: 4px solid #58b04a;
  padding: 5px 0 30px 0;
  font-size: 11px;
}
#footer a {
  color: #a8a8a8;
}
#footer .left {
  float: left;
  width: 200px;
}
#footer .right {
  color: #a8a8a8;
  float: right;
}
#footerButtons {
  float: right;
  clear: both;
}
#footerButtons a {
  margin: 5px 0 0 0;
  float: left;
  margin-left: 10px;
}

#topNavTrail {
  margin: 10px 0 10px 20px;
  color: #353535;
}
#topNavTrail span { /*separator*/
  color: #dbdbdb;
}

#topFeature {
  margin: 30px 0 30px 20px;
  height: 20px auto;
  position: relative;
}
#topFeature.flushBottom {
  margin: 30px 0 0 20px;
}
#topFeature .left {
  float: left;
  width: 350px;
  padding: 20px 0;
}
#topFeature .right {
  float: right;
  text-align: right;
  line-height: 1px;
}
#topFeature p {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin: 0 0 10px 0;
}
#topFeature h1 {
  text-transform: uppercase;
  color: #69ab58;
  font-size: 50px;
  line-height: 45px;
  padding: 0;
  margin: 0 0 10px 0;
}

.mcgEditEntry {
  float: right;  
  font-size: 11px;
  font-family: arial !important;
  color: #666666;
  font-weight: bold;
  margin: 0 5px 0 0;
}
.mcgEditEntry a {
  font-size: 11px;
  font-family: arial !important;
  text-transform: none !important;
  font-weight: normal;
  color: blue;
}

hr.previewItem  {
  border: none;
  border-bottom: 1px dotted #cacaca;
  height: 1px;
  margin: 30px 0;
}
.separator {
}
.previewItemLeft {
  float: left;
}
.previewItemRight {
  float: right;
  width: 520px;
}
.previewItemRight p {
  font-size: 13px;
  line-height: 16px !important;
}
.previewTitle {
  color: #5aa048;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
}

div.rightPreviewButton {
  margin: 0 0 30px 0;
}
div.rightSocialButton {
  font-size: 1px;
  margin: 0 0 10px 0;
}
div.rightSocialButtonLast {
  font-size: 1px;
  margin: 0 0 30px 0;
}

.successStoryVideo {
  background: #69ab58;
  padding: 8px;
  height: 189px;
  width: 310px;
  float: right;
  margin: 0 0 15px 15px;
}
.videoBorder {
  background: #69ab58;
  padding: 8px;
}
.successStoryPreviewRight {
  float: right;
  width: 520px;
}
.successStoryPreviewTitle {
  color: #5aa048;
  margin: 0 0 0 0;
  font-weight: bold;
  font-size: 14px;
}
.successStoryPreviewContent {
}

.eventPreview {
  padding: 15px;
  background: #fafafa;
  border-top: 1px dotted #dedede;
  clear: both;
}
.eventPreview:nth-child(odd) {
  background: #fff;
}
.eventPreviewBlurb {
  padding: 0 15px 15px 15px;
}
.eventPreviewTitle {
  font-weight: bold;
  font-size: 14px;
}
.eventPreviewDate {
  font-style: italic;
  color: #a09d9d;
}
.eventPreviewAddress {
  font-style: italic;
  color: #a09d9d;
}
.eventPreviewDesc {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}
.eventEarnLogo {
  background: red;
  width: 28px;
  height: 42px;
  background: url('http://www.earn.org/static/img/logo_event.png') no-repeat 0 0;
  float: right;
}

#successStorySubmit {
  margin-bottom: 20px;
}
#successStorySubmit .inner {
  padding: 10px;
  text-align: center;
}
#successStorySubmit textarea {
  width: 190px;
  height: 130px;
  margin-bottom: 10px;
}
#successStorySubmit .fileUpload {
  border: 1px solid greeen;
  padding: 0;
  margin: 0;
}
#successStorySubmit .boxHeader {
  font-size: 14px;
  color: white;
  margin: 10px 0;
  font-weight: bold;
}

button.white {
  border: none;
  padding: 5px 15px;
  color: green;
  background: white;
  font-size: 15px;
}

button.submitStory {
  border: none;
  margin: 20px 0 10px 0;
  width: 100px;
  height: 20px;
  background: url('http://www.earn.org/static/img/button/submit_story.png') no-repeat 0 0;
}

#contactForm {
  margin: 0 auto;
  width: 350px;
  float: right;
  margin: 0 0 20px 20px;
}
.contactFormValue {
  margin-bottom: 15px;
}
.contactFormSubmit {
  margin: 30px 0 0 0;
  text-align: center;
}
#contactForm select {
  font-size: 15px;
}
#contactForm textarea {
  padding: 4px;
  width: 300px;
  height: 50px;
}
#contactForm input {
  font-size: 15px;
  width: 300px;
}
#contactForm .inner {
  padding: 20px 20px;
  font-size: 15px;
  color: white;
}

#topButtonDesc {
  height: 22px;
  width: 130px;
}
#topButtonDesc.share {
  background: url('http://www.earn.org/static/img/button/top_button_labels.png') no-repeat 0px 0 ;
}
#topButtonDesc.donate {
  background: url('http://www.earn.org/static/img/button/top_button_labels.png') no-repeat 25px -22px ;
}
#topButtonDesc.contact {
  background: url('http://www.earn.org/static/img/button/top_button_labels.png') no-repeat 50px -44px ;
}

img.viewAllButton {
  height: 10px;
  margin: 10px 0 10px 0;
}

.roundedCornerTL, .roundedCornerTR, .roundedCornerBL, .roundedCornerBR {
  position: absolute;
  height: 13px;
  width: 13px;
} 

.roundedCornerTL {
  top: 0;
  left: 0;
  background: url('http://www.earn.org/static/img/rounded_tl.png') no-repeat 0 0;
}
.roundedCornerTR {
  top: 0;
  right: 0;
  background: url('http://www.earn.org/static/img/rounded_tr.png') no-repeat 0 0;
}
.roundedCornerBL {
  bottom: 0;
  left: 0;
  background: url('http://www.earn.org/static/img/rounded_bl.png') no-repeat 0 0;
}
.roundedCornerBR {
  bottom: 0;
  right: 0;
  background: url('http://www.earn.org/static/img/rounded_br.png') no-repeat 0 0;
}

    #quizContentWrapper {
      margin: 0 auto;
      margin-top: 30px;
      width: 500px;
      min-height: 300px;
      font-size: 16px;
    }
    #questionNumberHeader {
      margin: 0 0 30px 0;
      text-align: center;
      font-size: 15px;
      color: #69ab58;
      font-weight: bold;
    }
    #quizQuestion, #quizQuestion p {
      font-size: 16px;
      margin-bottom: 30px;
    }
    #quizYesNoButtons, #quizValResponse,#quizBegin {
      text-align: center;
    }
    #quizYesNoButtons a {
    }
    #quizBegin  p{
      text-align: left;
    }
    .quizButton {
      display: inline-block;
      text-decoration: none;
      padding: 5px 20px;
      height: 30px;
      color: white;
      line-height: 30px;
      font-size: 20px;
      margin: 10px;
      background: #69ab58;
    }
    input.quizVal {
      font-size: 16px;
      width: 100px;
      padding: 5px;
    }
    #ineligible li {
      margin-bottom: 5px;
    }
    #quizData .quiz_question {
      background: #cccccc;
      margin-top: 10px;
    }
    #quizData .quiz_no_response {
      background: #eeeeee;
    }
    
    #incomeTable {
      border-collapse: collapse;
      margin: 0 auto;
      margin-top: 20px;
    }
    input.val {
      padding: 0 2px;
      border: none;
      border-bottom: 1px solid #999999;
      width: 80px;
      text-align: right;
      font-size: 14px;
      font-family: courier new;
    }
    #incomeTable td.val {
      white-space: nowrap;
    }
    input.error {
      background: red;
      color: white;
    }
    #incomeTable td,th {
      padding: 5px 10px;
      border: 1px solid #cccccc;
      font-size: 15px;
    }
    #incomeTable th {
      color: white;
      background: #69ab58;
    }

h3.popup {
  margin: 0 0 10px 0;
}

#htmlBubbles {
  width: 920px;
  height: 424px;
  margin-bottom: 5px;
}
#htmlBubbles table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
table.htmlBubbles td {
  text-align: center;
  vertical-align: center;
}
#htmlBubbles table td.bubble {
  padding: 2px;
}

div.bubble {
  cursor: pointer;
  height: 100%;
  width: 100%;
  position: relative;
}
div.bubbleActive {
}
div.bubbleButton {
  display: block;
  width: 29px;
  height: 29px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: url('http://www.earn.org/static/img/button/bubbles_open_close.png') no-repeat 0 0;
  background-position: bottom;
}
div.bubbleButtonActive {
  background-position: 0 0;
}
.bubbleFace {
    position: absolute;
    height: 100%;
    width: 100%;
}

/* Styles the front of the card */
.front 
{
}
 
 
/* Styles the back of the card */
.back 
{
}

td.bubble1 {
  width: 300px;
}
td.bubble2, td.bubble5 {
  width: 350px;
}


.card 
{
    position: absolute;
    height: 300px;
    width: 200px;
    left: 60px;
    top: 28px;
}
 
 
/* Applies the flip animation to the card */
.card.flipped
{
 
    /* Rotate the card 180 degrees along the y-axis. This animation allows the card to
      toggle between its regular and flipped states. */
}
 
 
/* Styles the card and hides its "back side" when the card is flipped */
.face 
{
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  font-size: 14px;
  color: #fff !important;
}
.face * {
  color: #fff !important;
}
.face a {
/*
  padding-left: 12px;
  background: url('http://www.earn.org/static/img/button/link_arrow.png') no-repeat 0 1px;
*/
}

  
.bubbleFront 
{
  width: 100%;
  height: 100%;
}
 
 
.bubbleBack 
{
  width: 100%;
  height: 100%;
  background: #5aa048 !important;
  text-align: left;
}
.bubbleInner {
  margin: 10px;
  color: white;
}
.bubbleInner p {
  color: white;
  font-size: 14px;
}
.bubbleBack p
{
  text-align: left;
}


/*
#at16pf {
  display: none !important;
}
*/

#topSearchWrapper {
  
}
#topSearchWrapper div {
  float: left;
}
#topSearchBoxWrapper {
  height: 21px;
  width: 145px;
  background: url('http://www.earn.org/static/img/top_search_bkg.png') no-repeat 0 0;
}
#topSearchBox {
  width: 92px;
  height: 21px;
  border: none;
  background: none;
  padding: none;
  margin: 0 0 0 32px;
  outline: none;
  font-size: 12px;
  line-height: 21px;
  padding-top: 4px;
}
.buttonSearch {
  border: none;
  padding: 0;
  cursor: pointer;
  width: 55px;
  height: 20px;
  background: url('http://www.earn.org/static/img/button/search.png') no-repeat 0 0;
  margin-left: 3px;
}
#topLanguageLinks {
  text-align: right;
  margin-top: 7px;
}

#home_page_banner {
  background: #5aa048;
  color: #eee;
  padding: 10px;
  margin-bottom: 10px;
}

#home_page_banner p {
  margin-top: 0 !important;
}
#home_page_banner * {
  color: #eee;
}
#home_page_banner_close {
  float: right;
}