* {
  margin: 0;
  padding: 0; }

body {
  text-align: center;
  color: #fff;
  font-size: 80%;
  font-family: helvetica, arial, sans-serif; }
  body a {
    color: #fff; }

.container #content {
  padding-top: 4em;
  padding-bottom: 2em; }
  .container #content h2 {
    font-weight: normal;
    font-size: 13em;
    font-family: georgia, serif; }
  .container #content h3, .container #content h4 {
    font-weight: normal;
    font-size: 1.5em;
    padding-top: .5em; }
  .container #content .content-body {
    padding-top: 3em;
    padding-bottom: 8em; }
    .container #content .content-body a {
      color: #fff; }
  .container #content .content-footer {
    width: 40em;
    margin: 0 auto;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    background-color: #eee;
    text-align: left; }
    .container #content .content-footer td {
      padding-top: 1em;
      padding-bottom: 1em; }
    .container #content .content-footer .badge_intro {
      padding-left: 1em;
      padding-right: 2em;
      background-image: url(arrow-fade.gif);
      background-repeat: no-repeat;
      background-position: right center; }
      .container #content .content-footer .badge_intro h1 {
        font-size: 110%;
        text-transform: lowercase; }
      .container #content .content-footer .badge_intro .badge_toggle {
        white-space: nowrap; }
    .container #content .content-footer .badge {
      white-space: nowrap;
      padding-right: 1em;
      padding-left: 1em; }
    .container #content .content-footer #toggle_body {
      padding: 0 1em 1em 1em; }
    .container #content .content-footer textarea {
      width: 100%;
      border: 1px solid #ccc;
      word-break: break-word;
      font-family: monaco, monospace;
      height: 8em;
      line-height: 1.5em;
      font-size: 85%; }

#browserchallenge_badge {
  font-family: georgia, serif !important;
  text-decoration: none !important;
  font-weight: normal !important;
  font-size: 180% !important;
  line-height: 1.3em !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  padding: .3em !important;
  color: #fff !important;
  white-space: nowrap !important; }

.browserchallenge_goodbrowser {
  background-color: #2e7f3a !important;
  color: #fff !important;
  background-image: url(http://browserchallenge.com/badge-bg-good.png) !important;
  background-repeat: repeat-x !important;
  background-position: center bottom !important; }
  .browserchallenge_goodbrowser:hover {
    background-color: #1d6e29 !important; }

.browserchallenge_badbrowser {
  background-color: #7f0100 !important;
  color: #fff !important; }
  .browserchallenge_badbrowser:hover {
    background-color: #6e0000 !important; }

#bad {
  background-color: #7f0100; }
  #bad .container #content .content-footer td {
    color: #6e0000; }
    #bad .container #content .content-footer td a {
      color: #7f0100; }
      #bad .container #content .content-footer td a:hover {
        color: #5d0000; }
  #bad .container #content .content-footer textarea {
    color: #7f0100; }
  #bad #footer {
    color: #f67877; }
    #bad #footer a {
      color: #f67877; }

#good {
  background-color: #2e7f3a; }
  #good .content-footer td {
    color: #2e7f3a; }
    #good .content-footer td a {
      color: #2e7f3a; }
      #good .content-footer td a:hover {
        color: #0c5d18; }
  #good .content-footer textarea {
    color: #2e7f3a; }
  #good #footer {
    color: #a5f6b1; }
    #good #footer a {
      color: #a5f6b1; }

#footer {
  font-size: .85em;
  padding-bottom: 1em;
  font-family: verdana, sans-serif; }
  #footer .translate img {
    border-style: none !important;
    margin-bottom: -.2em; }