.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

body {
  font-family: 'Lucida Grande', 'Bitstream Vera Sans', 'Dejavu Sans', Tahoma, Calibri, Corbel, Verdana, Arial, sans-serif;
  font-size: small;
  text-align: left;
  margin: 0 auto;
  margin-top: 6px;
  margin-bottom: 6px;
  width: 780px;
  color: #333; }

a {
  color: #333; }
  a:hover {
    color: #eeaa33; }

img {
  border: none; }

code {
  font-family: 'Bitstream Vera Sans Mono', Monaco, Consolas, 'Dejavu Sans Mono', 'Lucida Console', 'Courier New', Courier, Monospace;
  font-size: small;
  display: block;
  background: #222;
  color: #eee;
  padding: 16px;
  border: 1px solid #000;
  border-bottom: none;
  border-right: none;
  
  margin: 6px 16px 16px 16px; }
  code .kw, code .keyword {
    font-weight: bold;
    color: #d00; }
  code .co, code .comment {
    color: #999;
    font-style: italic; }
  code .st, code .string {
    color: #6d5;
    background: #232; }
  code .sy, code .symbol {
    color: #59e; }
  code .op, code .operator {
    color: #a94; }
  code .li, code .literal {
    color: #c5a; }
  code .self {
    text-decoration: underline; }

input[type="text"], input[type="password"], input[type~="text"], input[type~="password"] {
  font-family: 'Lucida Grande', 'Bitstream Vera Sans', 'Dejavu Sans', Tahoma, Calibri, Corbel, Verdana, Arial, sans-serif;
  font-size: small;
  border-style: solid;
  border-width: 1px;
  border-top-color: #aaa;
  border-left-color: #aaa;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
  
  color: #333;
  background-color: #fff;
  padding: 3px; }

input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"], button {
  font-family: 'Lucida Grande', 'Bitstream Vera Sans', 'Dejavu Sans', Tahoma, Calibri, Corbel, Verdana, Arial, sans-serif;
  font-size: small;
  font-weight: bold;
  
  padding: 4px;
  padding-right: 8px;
  padding-left: 8px;
  
  color: #fff;
  border: none;
  background-color: #feba43;
  cursor: pointer; }

input[type="submit"]:hover, input[type="button"]:hover, input[type~="submit"]:hover, input[type~="button"]:hover, button:hover {
  background-color: #eeaa33; }

.content {
  background: #eeeeee;
  padding: 8px 0 8px 0; }
  .content .container {
    float: left;
    background: #fff;
    padding: 10px;
    margin-left: 8px;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-color: #dedede; }
    .content .container h2 {
      margin: 5px 0 12px 0;
      padding: 0;
      font-size: medium;
      font-weight: bold; }
    .content .container h3 {
      margin: 3px 0 12px 0;
      padding: 0;
      font-size: small; }
    .content .container p {
      margin: 0;
      padding: 0; }
    .content .container .after {
      margin-top: 8px; }
    .content .container .the_math {
      font-size: medium;
      color: #ae6a00;
      padding: 20px 0 20px 45px; }
      .content .container .the_math span.underline {
        border-bottom: 1px solid #eee;
        border-bottom-color: #eeaa33; }
    .content .container ul {
      margin: 0 0 0 20px;
      padding: 0; }
      .content .container ul li {
        margin-top: 6px;
        margin-bottom: 6px; }
    .content .container dl {
      margin: 1px;
      padding: 0; }
      .content .container dl dt {
        margin: 1px;
        padding: 9px 4px 0 0;
        float: left;
        text-align: right;
        width: 80px; }
        .content .container dl dt label {
          color: #444;
          text-align: right;
          width: 100%; }
      .content .container dl dd {
        margin: 0;
        padding-top: 4px;
        float: left;
        width: 200px; }
        .content .container dl dd input[type="text"], .content .container dl dd input[type="password"], .content .container dl dd input[type~="text"], .content .container dl dd input[type~="password"] {
          width: 100%; }
    .content .container .buttons {
      text-align: right;
      margin: 16px 8px 12px 0; }
      .content .container .buttons .reset_password {
        margin-top: 6px;
        margin-left: 12px;
        
        float: left; }
        .content .container .buttons .reset_password a {
          margin-right: 32px;
          font-size: x-small;
          padding: 3px 6px 3px 6px;
          text-decoration: none;
          color: #ce8a13;
          background: #ffea73; }
          .content .container .buttons .reset_password a:hover {
            background: #ffda63; }
  .content .page_menu {
    width: 744px;
    margin: 0 0 8px 8px; }
    .content .page_menu ul {
      margin: 0 8px 4px 0; }
      .content .page_menu ul li {
        float: left;
        margin: 0;
        list-style-type: none;
        padding-right: 16px; }
        .content .page_menu ul li a {
          color: #777;
          text-decoration: none; }
          .content .page_menu ul li a:hover {
            color: #333; }
        .content .page_menu ul li h2 {
          display: inline;
          padding-right: 4px; }
          .content .page_menu ul li h2 a {
            color: #333; }
      .content .page_menu ul li.active {
        font-weight: bold; }
        .content .page_menu ul li.active a {
          color: #333; }
  .content .page_sub_menu {
    width: 756px;
    margin: -8px 0 8px 12px;
    padding: 0;
    background: #f8f8f8;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-color: #dedede; }
    .content .page_sub_menu ul {
      margin: 0 0 0 8px;
      padding: 0;
      list-style-type: none; }
      .content .page_sub_menu ul li {
        float: left;
        margin-right: 12px; }
        .content .page_sub_menu ul li a {
          color: #777;
          text-decoration: none; }
          .content .page_sub_menu ul li a:hover {
            color: #333; }
        .content .page_sub_menu ul li h2 {
          font-size: small;
          margin: 0 4px 0 0;
          padding: 0; }
          .content .page_sub_menu ul li h2 a {
            color: #333; }
      .content .page_sub_menu ul li.active a {
        color: #333; }
    .content .page_sub_menu ul.actions li {
      float: right; }
  .content .full_width {
    width: 744px; }
  .content .new_translation dl {
    clear: both; }
    .content .new_translation dl dt {
      text-align: left;
      clear: both;
      width: 600px; }
    .content .new_translation dl dd {
      clear: both;
      width: 600px; }
  .content .about {
    width: 399px; }
    .content .about h2 {
      display: none; }
    .content .about p {
      margin: 0;
      padding: 0; }
    .content .about .learn_more ul {
      margin: 0;
      padding: 6px 0 6px 0; }
      .content .about .learn_more ul li {
        font-size: small;
        float: right;
        list-style-type: none; }
        .content .about .learn_more ul li a {
          color: #555;
          text-decoration: none; }
          .content .about .learn_more ul li a:hover {
            text-decoration: underline; }
  .content .doc {
    padding-bottom: 22px; }
    .content .doc h2 {
      font-size: large;
      margin: 10px 8px 16px 8px;
      border-bottom: 2px solid #fff;
      border-bottom-color: #ffea73; }
    .content .doc h3 {
      font-size: medium;
      border-bottom: 1px solid;
      border-bottom-color: #ffea73;
      margin: 28px 16px 14px 14px; }
    .content .doc p {
      margin-left: 16px;
      margin-right: 16px; }
    .content .doc ul {
      list-style-type: none;
      margin-left: 16px; }
    .content .doc .status_codes .block {
      width: 300px;
      margin-left: 48px;
      float: left; }
      .content .doc .status_codes .block h4 {
        font-size: medium;
        padding: 0;
        margin: 16px 0 4px 0; }
      .content .doc .status_codes .block table tr td.status {
        width: 50px;
        color: #666;
        font-weight: bold; }
      .content .doc .status_codes .block table tr td.verb {
        font-weight: bold;
        width: 80px; }
      .content .doc .status_codes .block table tr td.text {
        width: 230px; }
    .content .doc .status_codes .successes h4 {
      color: #080; }
    .content .doc .status_codes .failures h4 {
      color: #d00; }
  .content .the_team {
    text-align: center;
    width: 240px;
    padding-top: 26px;
    padding-bottom: 32px; }
    .content .the_team img.team {
      padding-bottom: 8px; }
    .content .the_team img.logo {
      padding: 20px; }
    .content .the_team p.thanks_to {
      padding-top: 4px;
      font-size: x-small;
      color: #999; }
      .content .the_team p.thanks_to a {
        color: #999; }
        .content .the_team p.thanks_to a:hover {
          color: #333; }
  .content .how_it_works {
    padding-bottom: 20px;
    width: 475px; }
    .content .how_it_works p {
      margin: 0 16px 0 10px; }
    .content .how_it_works h1 {
      margin: 8px 0 8px 8px; }
    .content .how_it_works h2 {
      margin: 16px 0 4px 10px; }
  .content .login {
    width: 315px;
    background: #ffff93;
    border-color: #dfdf73; }
    .content .login dl dd.remember_me {
      margin-top: 10px;
      text-align: right;
      color: #541; }
  .content .sign_up {
    width: 315px; }
  .content .sign_up_info {
    width: 399px;
    background-color: #fffff3; }
  .content .show_locale {
    padding: 8px;
    margin: 0 8px 0 8px;
    width: 748px; }
    .content .show_locale dl dt {
      padding: 0;
      margin: 0;
      width: 100px;
      font-weight: bold; }
    .content .show_locale dl dd {
      padding: 0;
      margin: 0 0 0 4px;
      width: 640px; }
  .content .project {
    padding: 8px;
    margin: 0 8px 0 8px;
    width: 748px; }
    .content .project dl dt {
      padding: 0;
      margin: 0;
      width: 80px;
      font-weight: bold; }
    .content .project dl dd {
      padding: 0;
      margin: 0 0 0 4px;
      width: 640px; }
  .content .invite {
    width: 744px;
    padding-bottom: 20px;
    margin-bottom: 8px; }
    .content .invite .inputs {
      padding: 0;
      margin: 0;
      float: left; }
      .content .invite .inputs dl {
        padding: 0;
        margin: 0; }
        .content .invite .inputs dl dt {
          color: #555;
          width: 60px;
          padding: 6px;
          margin: 0; }
        .content .invite .inputs dl dd {
          width: 230px;
          padding: 0;
          margin: 0; }
    .content .invite .buttons {
      padding: 0;
      margin: 0 0 0 52px;
      float: left; }
  .content .block_list {
    width: 754px;
    padding-bottom: 2px;
    padding-left: 0; }
    .content .block_list ul {
      border: 1px solid #bbb;
      background: #efe;
      padding: 0 10px 0 10px;
      float: left;
      margin: 0 0 8px 8px;
      width: 221px;
      list-style-type: none;
      overflow: hidden; }
      .content .block_list ul li {
        color: #666; }
        .content .block_list ul li span.count {
          font-style: italic; }
        .content .block_list ul li h3 {
          margin: 10px 0 8px 0;
          font-size: medium; }
        .content .block_list ul li a {
          text-decoration: none; }
          .content .block_list ul li a:hover {
            text-decoration: underline; }
      .content .block_list ul ul.actions {
        border: none;
        background: transparent; }
        .content .block_list ul ul.actions li {
          float: right;
          padding-right: 20px; }
    .content .block_list ul.user li.name {
      color: #333;
      font-weight: bold; }
    .content .block_list ul.user li.email a {
      color: #666;
      text-decoration: none; }
      .content .block_list ul.user li.email a:hover {
        text-decoration: underline; }
    .content .block_list ul.user li.type {
      color: #666;
      font-style: italic; }
    .content .block_list ul.invited {
      background: #fafafa; }
  .content .list {
    width: 744px; }
    .content .list ul {
      list-style-type: none;
      margin: 0;
      padding: 4px 8px 4px 8px;
      border-bottom: 1px solid #eee;
      border-bottom-color: #ffca53;
      background-color: #ffffd3; }
      .content .list ul li {
        margin: 0;
        float: left; }
      .content .list ul li a {
        text-decoration: none; }
        .content .list ul li a:hover {
          text-decoration: underline; }
      .content .list ul li.edit {
        float: right; }
        .content .list ul li.edit a {
          color: #881; }
      .content .list ul li.delete {
        float: right; }
        .content .list ul li.delete a {
          color: #c00; }
      .content .list ul li.view {
        float: right; }
        .content .list ul li.view a {
          color: #048; }
    .content .list ul.odd {
      background-color: #ffffe3; }
    .content .list ul.translation li.name a:hover {
      color: #333; }
    .content .list ul.translation li.edit {
      padding-right: 10px; }
    .content .list ul.translation li.view {
      padding-right: 10px; }
    .content .list ul.translation li.text {
      width: 730px; }
      .content .list ul.translation li.text a {
        color: #888; }
    .content .list ul.translation li.version {
      width: 80px; }
    .content .list ul.translation_rev li.version {
      color: #555;
      text-align: right;
      padding-right: 16px;
      width: 80px; }
    .content .list ul.translation_rev li.text a:hover {
      color: #333; }
    .content .list .current {
      background-color: #ddf;
      border-bottom: 1px solid #aaf; }
    .content .list ul.key_or_locale li {
      text-align: right;
      float: right;
      padding-left: 32px; }
      .content .list ul.key_or_locale li a {
        text-decoration: none; }
        .content .list ul.key_or_locale li a:hover {
          color: #333;
          text-decoration: underline; }
    .content .list ul.key_or_locale li.name {
      padding-left: 0;
      text-align: left;
      float: left;
      font-weight: bold; }
      .content .list ul.key_or_locale li.name span.code {
        padding-left: 16px;
        font-weight: normal;
        font-style: italic; }
    .content .list ul.key_or_locale li.translations em.number {
      font-style: italic;
      color: #881; }
    .content .list ul.key_or_locale li.export a {
      color: #048; }
    .content .list ul.key_or_locale li.edit a {
      color: #060; }
    .content .list ul.key_or_locale li.delete a {
      color: #c00; }

.header {
  background: #eeaa33;
  height: 54px; }
  .header h1 {
    float: left;
    margin: 0;
    padding-top: 9px;
    padding-left: 32px;
    padding-right: 0;
    
    color: #fff;
    font-size: x-large;
    text-transform: lowercase; }
    .header h1 img {
      border: none; }
    .header h1 a {
      color: #fff;
      text-decoration: none; }
  .header .menu {
    margin-top: 16px;
    float: left; }
    .header .menu ul {
      margin: 0;
      list-style-type: none; }
      .header .menu ul li {
        font-size: small;
        float: left;
        margin-right: 5px;
        margin-top: 3px; }
        .header .menu ul li a {
          display: block;
          padding: 8px 10px 0 8px;
          height: 27px;
          font-weight: bold;
          color: #fed;
          text-decoration: none; }
          .header .menu ul li a:hover {
            background: #de9a23; }
      .header .menu ul li.active a {
        background: #ffca53;
        color: #fff; }
  .header .session_actions {
    float: right;
    margin: 2px 16px 0 0; }
    .header .session_actions ul {
      list-style-type: none; }
      .header .session_actions ul li {
        font-size: x-small;
        font-weight: bold; }
        .header .session_actions ul li a {
          text-decoration: none;
          color: #ae6a00; }
          .header .session_actions ul li a:hover {
            color: #8e4a00; }

.sub_menu {
  background: #ffca53;
  min-height: 6px; }
  .sub_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .sub_menu ul li {
      font-size: small;
      float: right;
      padding: 4px 0 5px 0;
      margin-right: 4px; }
      .sub_menu ul li:hover {
        background: #eee; }
      .sub_menu ul li a {
        padding: 0 6px 0 6px;
        font-weight: normal;
        text-decoration: none;
        color: #ae6a00; }
        .sub_menu ul li a:hover {
          color: #333; }
    .sub_menu ul li.active {
      color: #333;
      background: #eee;
      border-right: 1px solid #fff;
      border-right-color: #feba43; }
      .sub_menu ul li.active a {
        color: #333; }

.footer {
  background: #feba43;
  padding: 2px 8px 3px 8px;
  text-align: right; }
  .footer small#copyright {
    color: #fff;
    font-weight: bold;
    font-size: x-small; }
  .footer #copyright a {
    color: #fff;
    text-decoration: none; }
    .footer #copyright a:hover {
      color: #fff;
      text-decoration: underline; }

.understate {
  color: #aaa; }

.flash {
  background: #fff;
  border: 1px solid #ddd;
  margin: 0 8px 8px 8px;
  padding: 8px;
  font-size: small;
  color: #333; }
  .flash h2 {
    color: #333;
    font-size: medium;
    margin: 4px 0 0 0;
    padding: 0; }

.success {
  color: #595;
  background: #efe;
  border-color: #aea; }
  .success h2 {
    color: #bfb; }

.warning {
  color: #993;
  background: #ffe;
  border-color: #ee9; }
  .warning h2 {
    color: #ffb; }

.error {
  color: #955;
  background: #fee;
  border-color: #fcc; }
  .error h2 {
    color: #fbb; }

.errorExplanation {
  float: left;
  border: 1px solid #fcc;
  background: #fee;
  padding: 8px;
  margin: 0 0 8px 8px;
  width: 747px;
  color: #333; }
  .errorExplanation h2 {
    color: #d33;
    font-size: medium;
    margin: 4px 0 0 0;
    padding: 0; }
  .errorExplanation h3 {
    margin: 3px 0 12px 0;
    padding: 0;
    font-size: small; }