html {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height: 1; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  quotes: none; }

pre, a, abbr, acronym, address, big, cite, code {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: line-through; }

dfn, em, font, img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

kbd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

q {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  quotes: none; }

s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ol, ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none; }

li, fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

*:focus {
  outline: 0; }

*::-moz-focus-inner {
  padding: 0; }

#flash {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  height: 3em;
  width: 100%; }
  #flash .title {
    text-transform: uppercase;
    font-weight: bold; }
  #flash .flash {
    z-index: 1000;
    height: 90px;
    line-height: 90px;
    width: 100%;
    padding: 10px 20px;
    color: white;
    font-size: 1.2em;
    text-align: center;
    opacity: 0.9; }
    #flash .flash:hover {
      opacity: 1; }
  #flash .flash.error {
    background: #942d2d; }
  #flash .flash.notice {
    background: #3d6931; }

*:focus {
  outline: 0; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 5px;
  line-height: 110%; }

h1 {
  font-size: 1.8em; }

h2 {
  font-size: 1.4em; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.1em; }

h5 {
  font-size: 1.1em; }

h6 {
  font-size: 1em; }

a {
  color: #3d6931; }
  a:hover {
    color: #1b470f; }

label {
  font-weight: bold;
  color: #444444; }

p {
  margin: 0 0 10px 0; }

body {
  color: #222222;
  background: #cccccc;
  font-family: Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  min-width: 1080px; }
  body .content {
    width: 1074px;
    margin: 0 auto; }
  body #header {
    margin: 0 auto;
    padding: 10px 0 20px;
    background: #617161;
    color: #d8dbd8;
    border-bottom: 4px solid #aaaaaa; }
    body #header #admin_bar {
      color: black;
      background-color: cyan;
      min-width: 300px;
      padding: 10px;
      font-size: 1.4em;
      position: absolute;
      top: 10px;
      left: 10px; }
      body #header #admin_bar a {
        color: blue; }
      body #header #admin_bar.stop_being {
        font-weight: bold;
        background-color: pink; }
    body #header .menu {
      text-align: right;
      font-size: 1.1em;
      margin: 0;
      padding: 10px 0 10px 0;
      font-weight: bold; }
    body #header a {
      color: #eeeeee; }
      body #header a:hover {
        color: #cccccc; }
    body #header h1.logo {
      margin: 0; }
      body #header h1.logo a {
        display: block;
        margin: 0;
        width: 160px;
        height: 79px;
        text-indent: -9999px;
        background: url(/images/v2/mogo-header-logo-trans.png) no-repeat;
        float: left; }
    body #header .user-status {
      text-align: right;
      font-weight: bold;
      font-size: 1em; }
      body #header .user-status a {
        color: #d8dbd8; }
        body #header .user-status a:hover {
          color: #b6b9b6; }
  body .body {
    margin: 0 auto;
    line-height: 1.5em;
    padding-top: 10px;
    padding-bottom: 30px;
    background: white;
    border-bottom: 4px solid #aaaaaa; }
    body .body h3 {
      background: url(/images/v2/bullet.png) no-repeat 0px 2px;
      color: black;
      padding-left: 15px;
      margin-top: 5px; }
    body .body .content table td {
      vertical-align: top; }
    body .body .content .inner {
      background: white;
      position: relative; }
    body .body .content .btn, body .body .content .buttons input[type='submit'], body .body .content .buttons button {
      padding: 6px 15px; }
    body .body .content .btn {
      display: block;
      float: left;
      margin: 0 10px 0 0;
      border: 2px solid #cccccc;
      background-color: #3d6931;
      background-image: url(/images/v2/button_overlay.png);
      background-repeat: repeat-x;
      color: white;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      font-size: 0.8em;
      font-weight: bold;
      text-decoration: none;
      cursor: pointer; }
      body .body .content .btn span {
        display: block;
        margin: 0;
        padding: 0;
        border: none;
        line-height: 20px;
        background-repeat: no-repeat; }
      body .body .content .btn:hover, body .body .content .btn:active, body .body .content .btn:focus, body .body .content .btn.selected {
        background-color: #5f8b53; }
    body .body .content .add span, body .body .content .show span, body .body .content .multi span, body .body .content .edit span, body .body .content .auth span, body .body .content .delete span, body .body .content .feed span, body .body .content .important span, body .body .content .retest span, body .body .content .zoom span {
      background-repeat: no-repeat; }
    body .body .content .important {
      background-color: #69da52; }
      body .body .content .important:hover, body .body .content .important:active, body .body .content .important:focus {
        background-color: #8bfc74; }
    body .body .content .retest {
      background-color: #dad9d9; }
      body .body .content .retest span {
        padding-left: 20px;
        background-image: url(/images/icon_retest.png); }
      body .body .content .retest:hover, body .body .content .retest:active, body .body .content .retest:focus {
        background-color: #fcfbfb; }
    body .body .content .add {
      background-color: #254370; }
      body .body .content .add span {
        padding-left: 20px;
        background-image: url(/images/icon_add.png); }
      body .body .content .add:hover, body .body .content .add:active, body .body .content .add:focus {
        background-color: #476592; }
    body .body .content .show span {
      padding-left: 20px;
      background-image: url(/images/icon_show.png); }
    body .body .content .show:hover, body .body .content .show:active, body .body .content .show:focus {
      background-color: #476592; }
    body .body .content .zoom span {
      padding-left: 20px;
      background-image: url(/images/icon_zoom.png); }
    body .body .content .multi {
      background-color: #333333; }
      body .body .content .multi span {
        padding-left: 32px;
        background-image: url(/images/icon_actions_toggle.png); }
      body .body .content .multi:hover, body .body .content .multi:active, body .body .content .multi:focus, body .body .content .multi.selected {
        background-color: #555555; }
    body .body .content .delete {
      background-color: #af1515; }
      body .body .content .delete span {
        color: white !important;
        padding-left: 20px;
        background-image: url(/images/icon_delete.png); }
      body .body .content .delete:hover, body .body .content .delete:active, body .body .content .delete:focus {
        background-color: #d13737; }
    body .body .content .auth {
      background-color: #5c5c5c; }
      body .body .content .auth span {
        padding-left: 20px;
        background-image: url(/images/icon_lock.png); }
      body .body .content .auth:hover, body .body .content .auth:active, body .body .content .auth:focus {
        background-color: #7e7e7e; }
    body .body .content .edit {
      background-color: #5c5c5c; }
      body .body .content .edit span {
        padding-left: 20px;
        background-image: url(/images/icon_edit.png); }
      body .body .content .edit:hover, body .body .content .edit:active, body .body .content .edit:focus {
        background-color: #7e7e7e; }
    body .body .content .feed {
      background-color: #d96800; }
      body .body .content .feed span {
        padding-left: 20px;
        background-image: url(/images/icon_feed.png); }
      body .body .content .feed:hover, body .body .content .feed:active, body .body .content .feed:focus {
        background-color: #fb8a22; }
    body .body .content ul#action-menu {
      position: absolute;
      margin-top: 32px;
      right: 10px;
      list-style-type: none;
      padding: 8px 0;
      width: 200px;
      z-index: 999;
      font-size: 0.9em;
      background-color: #7f7f7f;
      border: 2px solid #555555;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px; }
      body .body .content ul#action-menu li {
        padding: 5px 10px;
        font-weight: normal; }
        body .body .content ul#action-menu li .show, body .body .content ul#action-menu li .edit, body .body .content ul#action-menu li .delete, body .body .content ul#action-menu li .add, body .body .content ul#action-menu li .retest {
          background-color: transparent; }
        body .body .content ul#action-menu li:hover {
          background-color: #6e6e6e;
          cursor: pointer; }
        body .body .content ul#action-menu li button {
          border: 0;
          margin: 0;
          padding: 0;
          font-size: 1em;
          background: transparent; }
        body .body .content ul#action-menu li span, body .body .content ul#action-menu li a {
          color: white;
          text-decoration: none; }
    body .body .content #main {
      padding: 20px 0; }
      body .body .content #main.with_sidebar {
        margin-right: 250px;
        font-size: 0.9em; }
      body .body .content #main h2, body .body .content #main h3, body .body .content #main h4, body .body .content #main h5, body .body .content #main h6 {
        color: #3d6931;
        background-image: none;
        margin-bottom: 5px;
        padding-left: 0; }
    body .body .content #sidebar {
      vertical-align: top;
      width: 250px;
      padding: 20px 0 0 0;
      float: right; }
      body .body .content #sidebar .btn {
        font-size: 0.9em; }
      body .body .content #sidebar .content {
        background: #e8ebe8;
        line-height: 1.4em;
        padding: 5px 10px;
        margin: 0 0 30px 0;
        width: auto;
        min-width: auto;
        border: 2px solid #aaaaaa;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        position: relative; }
        body .body .content #sidebar .content p, body .body .content #sidebar .content div, body .body .content #sidebar .content ul, body .body .content #sidebar .content span {
          color: #444444;
          font-size: 0.9em; }
        body .body .content #sidebar .content ul {
          margin: 0;
          padding: 0;
          list-style-type: none; }
        body .body .content #sidebar .content #twitter_div li {
          margin-bottom: 10px; }
          body .body .content #sidebar .content #twitter_div li span {
            display: block; }
      body .body .content #sidebar p {
        margin-bottom: 1em; }
    body .body .columns #main {
      padding-right: 30px; }
  body .bottom {
    padding-top: 10px;
    background-color: #eeeeee; }
    body .bottom h2 {
      font-size: 2em;
      font-weight: normal; }
      body .bottom h2 a {
        text-decoration: none; }
    body .bottom .banner_content {
      margin: 10px auto 0; }
      body .bottom .banner_content .callout {
        margin-right: 370px; }
        body .bottom .banner_content .callout ul {
          list-style-type: disc;
          margin-left: 30px; }
      body .bottom .banner_content .subtitle {
        display: block;
        padding: 0;
        color: #444444;
        margin: 7px 0 0 0; }
      body .bottom .banner_content .actions {
        padding-top: 10px;
        float: right; }
        body .bottom .banner_content .actions form {
          margin: 0;
          padding: 0; }
        body .bottom .banner_content .actions input, body .bottom .banner_content .actions .btn {
          padding: 10px 15px;
          display: block; }
        body .bottom .banner_content .actions input[type='text'] {
          font-size: 0.9em;
          margin-right: 20px;
          float: left; }
        body .bottom .banner_content .actions input[type='submit'], body .bottom .banner_content .actions .btn, body .bottom .banner_content .actions .request_access {
          background-color: #5c5c5c; }
          body .bottom .banner_content .actions input[type='submit']:hover, body .bottom .banner_content .actions .btn:hover, body .bottom .banner_content .actions .request_access:hover {
            background-color: #7e7e7e; }
    body .bottom.unregistered-user {
      background-color: #fff7ca;
      font-size: 1.1em; }
      body .bottom.unregistered-user h2 {
        color: #3d6931; }
      body .bottom.unregistered-user ul {
        margin-top: 10px; }
      body .bottom.unregistered-user .callout {
        height: 220px;
        width: 56%;
        border-right: 3px dotted #aaaaaa;
        padding-right: 20px; }
        body .bottom.unregistered-user .callout .btn {
          margin-top: 15px;
          font-size: 1.4em;
          padding: 20px; }
      body .bottom.unregistered-user .actions {
        width: 40%;
        padding: 0 0 0 10px; }
        body .bottom.unregistered-user .actions form {
          margin-top: 15px; }
          body .bottom.unregistered-user .actions form input[type='text'] {
            margin-bottom: 10px;
            margin-right: 5px;
            font-size: 1.1em;
            float: left; }
          body .bottom.unregistered-user .actions form input[type='submit'] {
            display: block !important;
            font-size: 1.1em;
            margin: 0;
            float: left;
            margin-left: 5px; }
  body #footer {
    padding: 10px 0;
    font-size: 0.8em;
    background: #cccccc; }
    body #footer .copy {
      float: left;
      font-weight: bold;
      color: #444444; }
    body #footer .menu {
      text-align: right; }
  body .titlebar {
    background: #aaaaaa;
    padding: 5px 0;
    text-transform: uppercase;
    color: white;
    border-bottom: "4px solid" #aaaaaa; }
    body .titlebar .crumbs {
      font-weight: bold;
      font-size: 0.8em;
      white-space: nowrap;
      text-shadow: 1px 1px 2px #444444;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      body .titlebar .crumbs a {
        color: white;
        text-decoration: none;
        border-bottom: 1px dotted; }
        body .titlebar .crumbs a:hover {
          color: #e4f8e2; }
  body .menu ul {
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0; }
    body .menu ul li {
      display: inline;
      margin: 0 0 0 15px; }
      body .menu ul li a {
        text-decoration: none; }
  body .end {
    clear: left; }
  body .clear {
    clear: both; }

.head {
  margin-bottom: 20px; }

.head, .subhead {
  position: relative; }
  .head h3, .subhead h3 {
    font-size: 2.25em;
    font-weight: normal;
    color: #3d6931; }
  .head .subtitle, .subhead .subtitle {
    margin: 20px 0;
    margin-top: 10px;
    color: #969696; }
  .head .etc, .subhead .etc {
    position: absolute;
    top: 11px;
    right: 0; }
    .head .etc li, .subhead .etc li {
      position: relative;
      width: 175px;
      border-bottom: 1px dotted black; }
      .head .etc li a, .subhead .etc li a {
        margin: 1px;
        padding-left: 5px;
        background: white;
        display: block;
        position: absolute;
        bottom: -2px;
        right: 0;
        text-align: right;
        font-size: 0.9em;
        font-weight: bold;
        text-decoration: none;
        color: black; }

.subhead {
  display: block;
  margin: 25px 0; }
  .subhead h3 {
    font-size: 1.5em; }

.head.with_thumbnail {
  padding-left: 100px; }

.head .screenshot {
  position: absolute;
  top: 10px;
  left: 15px; }

.title.controls {
  float: right; }

.left {
  float: left; }

.right {
  float: right; }

.clickable {
  cursor: pointer; }

html[xmlns] #login .body, html[xmlns] #signup .body, html[xmlns] #password_resets .body, html[xmlns] .simple .body {
  min-height: 400px; }
html[xmlns] #login #main, html[xmlns] #signup #main, html[xmlns] #password_resets #main, html[xmlns] .simple #main {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  background: #f0fff0;
  border: 4px solid #aaaaaa;
  padding: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
html[xmlns] #login .titlebar, html[xmlns] #signup .titlebar, html[xmlns] #password_resets .titlebar, html[xmlns] .simple .titlebar {
  text-align: center; }
html[xmlns] #login form .buttons, html[xmlns] #signup form .buttons, html[xmlns] #password_resets form .buttons, html[xmlns] .simple form .buttons {
  margin-left: 0;
  float: right; }
html[xmlns] #login .tip, html[xmlns] #signup .tip, html[xmlns] #password_resets .tip, html[xmlns] .simple .tip {
  font-size: 1.1em;
  margin-bottom: 1.5em;
  line-height: 1.2em; }
html[xmlns] #login label, html[xmlns] #signup label, html[xmlns] #password_resets label, html[xmlns] .simple label {
  width: 180px; }
html[xmlns] #login .link-options, html[xmlns] #signup .link-options, html[xmlns] #password_resets .link-options, html[xmlns] .simple .link-options {
  margin-top: 5px;
  font-size: 1em; }
html[xmlns] #login .tip, html[xmlns] #signup .tip, html[xmlns] #password_resets .tip, html[xmlns] .simple .tip {
  font-style: italic;
  font-size: 1.1em; }
html[xmlns] #login .full, html[xmlns] #login .inline-errors, html[xmlns] #login .inline-hints, html[xmlns] #signup .full, html[xmlns] #signup .inline-errors, html[xmlns] #signup .inline-hints, html[xmlns] #password_resets .full, html[xmlns] #password_resets .inline-errors, html[xmlns] #password_resets .inline-hints, html[xmlns] .simple .full, html[xmlns] .simple .inline-errors, html[xmlns] .simple .inline-hints {
  margin-left: 180px; }
  html[xmlns] #login .full label, html[xmlns] #login .inline-errors label, html[xmlns] #login .inline-hints label, html[xmlns] #signup .full label, html[xmlns] #signup .inline-errors label, html[xmlns] #signup .inline-hints label, html[xmlns] #password_resets .full label, html[xmlns] #password_resets .inline-errors label, html[xmlns] #password_resets .inline-hints label, html[xmlns] .simple .full label, html[xmlns] .simple .inline-errors label, html[xmlns] .simple .inline-hints label {
    width: auto !important; }

form .disabled, form input[disabled='disabled'] {
  background-color: #707070 !important; }

html[xmlns] button, html[xmlns] input, html[xmlns] textarea, html[xmlns] select {
  font-family: Helvetica, sans-serif; }
html[xmlns] .commit_button, html[xmlns] form .commit input, html[xmlns] form input[type='submit'], html[xmlns] button, html[xmlns] .btn {
  background-image: url(/images/v2/button_overlay.png);
  background-repeat: repeat-x;
  color: white;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  border: 2px solid #cccccc;
  padding: 5px 10px;
  color: white; }
html[xmlns] form input[type='text'], html[xmlns] form input[type='password'], html[xmlns] form input[type='submit'], html[xmlns] form textarea, html[xmlns] form select, html[xmlns] select.big {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px; }
html[xmlns] form input[type='text'], html[xmlns] form input[type='password'], html[xmlns] form textarea, html[xmlns] form select, html[xmlns] select.big {
  background: #e8ebe8;
  border: 2px solid #aaaaaa;
  color: #575757;
  padding: 5px; }
html[xmlns] form input[type='text']:hover, html[xmlns] form input[type='text']:focus, html[xmlns] form input[type='password']:hover, html[xmlns] form input[type='password']:focus, html[xmlns] form select:hover, html[xmlns] form select:focus, html[xmlns] form textarea:hover, html[xmlns] form textarea:focus {
  background: #f3f6f3; }
html[xmlns] form input[type='submit'] {
  background: #3d6931 url(/images/v2/button_overlay.png) repeat-x top left; }
  html[xmlns] form input[type='submit']:hover, html[xmlns] form input[type='submit']:focus {
    background: #3d7a31; }
html[xmlns] form .required {
  font-weight: bold; }
html[xmlns] .formtastic input, html[xmlns] .formtastic textarea, html[xmlns] .formtastic select, html[xmlns] form.formtastic input, html[xmlns] form.formtastic textarea, html[xmlns] form.formtastic select {
  padding: 5px !important;
  margin: 0 !important; }
html[xmlns] .formtastic abbr[title=required], html[xmlns] form.formtastic abbr[title=required] {
  color: #575757;
  font-size: 0.5em;
  vertical-align: top; }
html[xmlns] .formtastic select, html[xmlns] form.formtastic select {
  width: 55%; }
html[xmlns] .formtastic .buttons, html[xmlns] form.formtastic .buttons {
  margin-left: 265px; }
  html[xmlns] .formtastic .buttons .commit input, html[xmlns] form.formtastic .buttons .commit input {
    width: 180px; }
html[xmlns] .formtastic .buttons, html[xmlns] .formtastic .extra, html[xmlns] .formtastic .formtastic .extra, html[xmlns] form.formtastic .buttons, html[xmlns] form.formtastic .extra, html[xmlns] form.formtastic .formtastic .extra {
  font-size: 1em; }
  html[xmlns] .formtastic .buttons label, html[xmlns] .formtastic .extra label, html[xmlns] .formtastic .formtastic .extra label, html[xmlns] form.formtastic .buttons label, html[xmlns] form.formtastic .extra label, html[xmlns] form.formtastic .formtastic .extra label {
    margin-left: 0 !important;
    padding: 0; }
html[xmlns] .formtastic .full, html[xmlns] .formtastic .extra, html[xmlns] .formtastic .inline-errors, html[xmlns] .formtastic .inline-hints, html[xmlns] form.formtastic .full, html[xmlns] form.formtastic .extra, html[xmlns] form.formtastic .inline-errors, html[xmlns] form.formtastic .inline-hints {
  margin-left: 265px; }
html[xmlns] .formtastic .extra .inline-hints, html[xmlns] .formtastic .extra .inline-errors, html[xmlns] form.formtastic .extra .inline-hints, html[xmlns] form.formtastic .extra .inline-errors {
  margin-left: 0;
  clear: left; }
html[xmlns] .formtastic form.retest, html[xmlns] form.formtastic form.retest {
  float: right;
  margin-top: 15px; }
html[xmlns] .formtastic .next, html[xmlns] form.formtastic .next {
  margin-top: 1.5em; }
html[xmlns] .formtastic .errors, html[xmlns] form.formtastic .errors {
  margin-bottom: 20px;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: white;
  background-color: #942d2d;
  border: 2px solid  #aaaaaa;
  width: 750px; }
  html[xmlns] .formtastic .errors ul li, html[xmlns] form.formtastic .errors ul li {
    display: block; }

.information_field {
  padding: 10px;
  font-size: 1.25em;
  margin-left: 265px; }
  .information_field ul li {
    margin-bottom: 0 !important; }

#tabs.ui-widget-content {
  border: 2px solid #aaaaaa; }
#tabs.ui-corner-all {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
#tabs .ui-tabs-panel {
  padding: 1em 20px; }

ul.paths {
  font-size: 0.8em;
  margin-top: 5px !important;
  margin-bottom: 30px !important; }
  ul.paths li {
    font-size: 1.4em;
    font-weight: bold;
    color: #969696;
    clear: both; }
    ul.paths li.small {
      font-size: 1.25em;
      font-weight: normal; }
      ul.paths li.small .path {
        padding-top: 1px; }
    ul.paths li .path {
      padding-top: 2px; }
    ul.paths li .icon {
      background: url(/images/icon_add.png) no-repeat 2px 2px;
      background-color: #3d6931;
      width: 16px;
      height: 16px;
      padding: 2px;
      margin: 0 5px 5px 0;
      float: left;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px; }

.progress_bar {
  display: block; }
  .progress_bar.one_step .step {
    width: 100%; }
  .progress_bar.three_steps .step {
    width: 33%; }
  .progress_bar.four_steps .step {
    width: 25%; }
  .progress_bar .step {
    float: left;
    height: 3px;
    background: #707070;
    color: #707070;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 40px; }
    .progress_bar .step.completed {
      height: 4px;
      background: #707070;
      color: #707070; }
    .progress_bar .step.current, .progress_bar .step.finished {
      height: 5px;
      background: #3d6931;
      color: #3d6931; }
    .progress_bar .step.finished {
      height: 3px; }
    .progress_bar .step a {
      color: #3d6931;
      text-decoration: none;
      font-weight: bold; }

.link {
  display: inline-block;
  height: 15px;
  width: 15px;
  background: url(/images/icon_link.png) no-repeat;
  text-indent: -9999px; }

a.login-link, a.logout-link {
  padding: 2px 5px;
  vertical-align: middle;
  background: white;
  color: #617161 !important;
  text-decoration: none;
  text-transform: lowercase;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  a.login-link:hover, a.logout-link:hover {
    background: #dddddd; }
  a.login-link span, a.logout-link span {
    font-size: 1.2em;
    vertical-align: bottom; }

a.logout-link {
  font-size: 0.9em;
  font-weight: normal; }

a.review-link {
  font-size: 13px;
  margin-left: 10px;
  padding: 2px 5px;
  vertical-align: top;
  background: #3d6931;
  color: white;
  font-weight: normal;
  text-decoration: none;
  text-transform: lowercase;
  white-space: nowrap;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  a.review-link:hover {
    background: #5f8b53; }

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

hr.divider {
  clear: both;
  margin: 20px 0; }

.btn.big {
  font-size: 1.5em !important;
  padding: 20px !important; }

.ui-widget {
  font-family: Helvetica, sans-serif; }
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Helvetica, sans-serif; }

h1.title {
  margin-top: 15px;
  margin-bottom: 20px; }

.content .post {
  border-bottom: 2px dashed #aaaaaa;
  padding-bottom: 20px; }
.content .post h1.title, .content #post h1.title {
  margin-bottom: 5px; }
.content .post .byline, .content #post .byline {
  font-style: italic;
  font-size: 0.9em;
  margin-bottom: 1em;
  color: #444444; }
.content .post .post-body, .content #post .post-body {
  font-size: 1em; }
  .content .post .post-body p, .content .post .post-body ul, .content .post .post-body pre, .content #post .post-body p, .content #post .post-body ul, .content #post .post-body pre {
    margin-top: 0.5em;
    margin-bottom: 1em; }
  .content .post .post-body pre, .content #post .post-body pre {
    background: #e8ebe8;
    padding: 5px 10px;
    line-height: 1.1em;
    border: 2px dashed #aaaaaa;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 700px;
    height: 100% !important;
    height: auto;
    overflow: auto;
    overflow-y: hidden; }
.content .post .comment, .content #post .comment {
  margin-top: 20px; }
.content .figure {
  margin-top: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
  color: #444444; }
  .content .figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; }
.content .quote {
  margin-bottom: 20px; }
  .content .quote p {
    font-style: italic;
    background: #e8ebe8;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid #aaaaaa;
    padding: 10px 18px;
    margin-bottom: 5px; }
  .content .quote .source {
    font-size: 0.8em;
    text-align: right;
    color: black;
    margin-bottom: 20px; }

#disqus {
  margin-top: 30px; }
  #disqus #dsq-content button {
    color: #222222 !important;
    border: 1px solid #999999 !important; }

.welcome .content .screenshot-examples {
  float: left;
  position: relative;
  width: 296px;
  height: 242px;
  margin-top: 10px;
  margin-top: 65px; }
  .welcome .content .screenshot-examples div {
    width: 256px;
    height: 192px;
    position: absolute; }
  .welcome .content .screenshot-examples .example1 {
    background: url(/images/v2/thumb-screenshot-example1.png);
    left: 0;
    top: 0;
    z-index: 101; }
  .welcome .content .screenshot-examples .example2 {
    background: url(/images/v2/thumb-screenshot-example2.png);
    left: 40px;
    top: 40px;
    z-index: 103; }
  .welcome .content .screenshot-examples .example3 {
    background: url(/images/v2/thumb-screenshot-example3.png);
    left: 20px;
    top: 20px;
    z-index: 102; }
.welcome .content .highlight {
  color: #3d6931; }
.welcome .content .bucket h3 {
  margin-bottom: 10px; }
.welcome .content .bucket .feature p {
  margin-left: 55px; }
.welcome .content .bucket .feature .icon {
  background: white;
  border: 2px solid #aaaaaa;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 5px;
  float: left; }
.welcome .content .bucket .feature.auth {
  background: transparent; }
.welcome .content .callout {
  margin-left: 340px;
  padding-top: 50px; }
  .welcome .content .callout h1 {
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 2em; }
  .welcome .content .callout h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #444444;
    font-size: 1.5em; }
  .welcome .content .callout input[type='text'] {
    width: 380px;
    font-size: 1.4em; }
  .welcome .content .callout input[type='submit'] {
    font-size: 1.4em;
    margin-left: 10px !important;
    padding: 5px 10px !important;
    line-height: 30px; }

.features table.features td.icon, .features table.opensource td.icon, .opensource table.features td.icon, .opensource table.opensource td.icon {
  text-align: center; }
.features table.features td.feature, .features table.opensource td.feature, .opensource table.features td.feature, .opensource table.opensource td.feature {
  padding: 0 20px 30px; }
  .features table.features td.feature strong, .features table.opensource td.feature strong, .opensource table.features td.feature strong, .opensource table.opensource td.feature strong {
    color: #3d6931; }
.features table.pricing, .opensource table.pricing {
  margin-bottom: 20px; }
.features ul, .opensource ul {
  list-style-type: none;
  margin: 0 0 0 15px;
  padding: 0;
  color: #444444; }
  .features ul li span, .opensource ul li span {
    font-weight: bold;
    font-color: #222222; }
.features .plan, .opensource .plan {
  background-color: white;
  background-repeat: no-repeat;
  background-position: 235px center;
  padding: 10px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px; }
.features .sub-group, .opensource .sub-group {
  background-image: url(/images/v2/icons/64x64/users.png); }
.features .sub-individual, .opensource .sub-individual {
  background-image: url(/images/v2/icons/64x64/user.png); }
.features .sub-project, .opensource .sub-project {
  background-image: url(/images/v2/icons/64x64/computer.png); }
.features .sub-info ul, .opensource .sub-info ul {
  font-size: 0.8em;
  list-style-type: disc; }
  .features .sub-info ul li, .opensource .sub-info ul li {
    margin-bottom: 5px;
    color: #666666; }
.features form.signup, .opensource form.signup {
  margin: 20px 0 0 10px; }
  .features form.signup input[type='text'], .features form.signup input[type='submit'], .opensource form.signup input[type='text'], .opensource form.signup input[type='submit'] {
    font-size: 1em; }
.features .btn.signup, .opensource .btn.signup {
  margin: 20px 0 0 10px !important;
  font-size: 1em !important;
  font-weight: normal !important; }
.features .pricing-data, .opensource .pricing-data {
  font-size: 0.9em;
  line-height: 1.2em;
  color: #444444; }
.features .pricing-custom, .opensource .pricing-custom {
  background-color: #e8ebe8;
  border: 2px solid #aaaaaa;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.about form.contact, .contact form.contact {
  width: 480px;
  padding-top: 10px;
  float: left; }
  .about form.contact label, .contact form.contact label {
    float: left;
    width: 100px; }
  .about form.contact input[type='text'], .about form.contact textarea, .contact form.contact input[type='text'], .contact form.contact textarea {
    width: 330px; }
  .about form.contact input[type='submit'], .contact form.contact input[type='submit'] {
    font-size: 1em;
    margin-left: 100px !important; }
.about .address, .contact .address {
  margin-left: 480px;
  padding-top: 10px;
  padding-left: 50px; }
  .about .address .highlight, .contact .address .highlight {
    background-color: #3d6931;
    color: white;
    padding: 2px 5px;
    font-size: 1.2em; }
.about ul.logos, .contact ul.logos {
  display: inline;
  margin: 0;
  padding: 0; }
  .about ul.logos li, .contact ul.logos li {
    display: inline;
    margin-right: 30px; }

form.single-page-test {
  margin-top: 30px; }

form.email-required {
  margin-left: 50px; }
  form.email-required label {
    width: 90px !important;
    font-size: 1.4em; }
  form.email-required .buttons {
    margin-left: 205px !important; }
