body {
  background: #333333;
  text-rendering: optimizeLegibility; }

body.alternate {
  background: white; }

a {
  color: #ff3400; }

h1,
h2,
h3,
h4 {
  font-family: museo-1, museo-2, Helvetica, Helvetica Neue, Arial, sans-serif; }

h1 {
  font-weight: 900;
  font-size: 45px; }

h3,
h4 {
  color: #ff3400; }

p.preamble {
  font-size: 16px;
  line-height: 20px; }

table#zoom_table {
  border-top-width: 0;
  margin-top: 0; }
  table#zoom_table td {
    border-top-width: 0;
    padding: 0; }
  table#zoom_table div#zoom_content {
    padding-bottom: 0px; }

form input,
form textarea {
  border: 1px solid #CCC !important;
  padding: 4px 0px !important;
  line-height: 16px;
  -webkit-border-radius: 3px;
  position: relative;
  z-index: 999; }
  form input:focus,
  form textarea:focus {
    -webkit-box-shadow: 0px 0px 3px #18a3ea;
    -moz-box-shadow: 0px 0px 3px #18a3ea;
    -o-box-shadow: 0px 0px 3px #18a3ea;
    box-shadow: 0px 0px 3px #18a3ea;
    border-color: #0d69d9 !important; }
  form input.invalid,
  form textarea.invalid {
    border-color: red; }
form label {
  position: relative; }
  form label.width1 input {
    width: 224px; }
  form label.width2 input {
    width: 476px; }
form details,
form p.details {
  color: gray; }

header {
  height: 94px;
  width: 100%;
  background: url(/images/header-ripple-white.png) repeat-x;
  float: none; }
  header nav {
    bottom: 18px;
    width: 1040px;
    margin: 0 auto;
    float: none;
    position: relative;
    top: 50px; }
    header nav ul {
      margin: 0;
      top: 0; }
      header nav ul li {
        float: left;
        margin-right: 35px; }
        header nav ul li a {
          font-size: 16px;
          font-weight: bold;
          display: block;
          padding-top: 14px;
          color: white; }
          header nav ul li a.sign-up {
            color: #8cc63f; }
          header nav ul li a:hover {
            color: #ff3400; }
        header nav ul li#flatplan-logo a {
          width: 146px;
          height: 42px;
          background: url(/images/flatplanapp-logo.png) no-repeat; }
          header nav ul li#flatplan-logo a span {
            display: none; }

body.alternate header {
  background: url(/images/header-ripple-gray.png) repeat-x; }
  body.alternate header nav ul li a {
    color: #333333; }
    body.alternate header nav ul li a.sign-up {
      color: #8cc63f; }

#paperless {
  width: 1113px;
  margin: 0 auto; }

#page {
  width: 800px;
  height: 1167px;
  padding-left: 61px;
  padding-bottom: 0px; }
  #page .fold {
    height: 345px;
    padding-top: 18px; }

body.alternate #page {
  width: 990px;
  height: auto; }

#sidebar {
  color: white; }
  #sidebar h3 {
    font-weight: 900; }

h3.blog {
  background: url(/images/sidebar-icons.png) no-repeat 0 0;
  padding: 3px 0 3px 35px; }

ul.blog {
  margin: 0;
  list-style: none; }
  ul.blog a {
    color: white; }
  ul.blog time {
    display: block;
    font-size: 11px;
    color: gray; }

h3.support {
  background: url(/images/sidebar-icons.png) no-repeat 0 -28px;
  padding: 5px 0 5px 35px; }

h3.about {
  background: url(/images/sidebar-icons.png) no-repeat 0 -62px;
  padding: 5px 0 5px 35px; }

h3.changelog {
  background: url(/images/sidebar-icons.png) no-repeat 0 -92px;
  padding: 5px 0 5px 35px; }

a.button,
button.button {
  background: #ff3400 url(/images/button-backgrounds.png) repeat-x;
  padding: 7px 18px 6px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 -1px 1px #cc2a00;
  border-top: 1px solid #ffae99;
  border-bottom: 1px solid #cc2a00;
  position: relative;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  a.button.green,
  button.button.green {
    background: #8cc63f url(/images/button-backgrounds.png) repeat-x 0 -32px;
    text-shadow: 0 -1px 1px #71a230;
    border-top: 1px solid #d3e9b5;
    border-bottom: 1px solid #567b24; }

button.button {
  border: none;
  border-top: 1px solid #ffae99;
  border-bottom: 1px solid #cc2a00;
  padding: 6px 18px 7px;
  font-size: 12px; }

button.large {
  font-family: museo-1, museo-2, Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 28px;
  font-weight: 900;
  background: #ff3400 url(/images/button-backgrounds-large.png) repeat-x; }

#beta-ribbon {
  background: url(/images/beta-ribbon.png) no-repeat;
  width: 152px;
  height: 152px;
  position: absolute;
  top: -2px;
  right: 0px; }

.frontpage {
  background: url(/images/paperless-bg-three-folds-orage.png) no-repeat; }

#billboard .width2 h1 {
  margin-top: 28px;
  font-size: 40px;
  line-height: 47px; }
#billboard .width2 h4 {
  font-size: 19px;
  margin-bottom: 25px; }

#flatplan-screenshot img {
  position: absolute;
  top: 34px;
  left: 20px; }

#play-demo img {
  position: relative;
  top: 2px;
  left: -2px; }

#buzz {
  color: white; }
  #buzz h3 {
    color: white;
    font-weight: 900;
    margin-bottom: 18px; }
    #buzz h3 img {
      position: relative;
      top: 5px;
      margin-right: 10px; }
  #buzz blockquote {
    font-size: 18px;
    padding: 0; }
    #buzz blockquote cite {
      font-size: 13px;
      font-style: italic;
      display: block; }

section#features {
  padding-top: 36px !important; }

.plans {
  background: url(/images/paperless-bg-three-folds-orage.png) no-repeat; }

#plans h1 {
  text-align: center; }
#plans h3 {
  font-weight: 700; }
#plans h4 {
  text-align: center;
  padding-bottom: 20px;
  color: black; }
#plans div.plan {
  border-left: solid 6px #cccccc;
  width: 228px; }
  #plans div.plan.first {
    border-left: none;
    width: 234px; }
    #plans div.plan.first .price del {
      background: url(/images/plans-price-strike.png) no-repeat;
      width: 120px;
      height: 35px;
      position: absolute;
      left: 50px;
      top: 10px;
      z-index: 1000; }
  #plans div.plan h3,
  #plans div.plan p,
  #plans div.plan li {
    text-align: center; }
  #plans div.plan .price {
    line-height: 50px; }
    #plans div.plan .price .currency {
      color: #8cc63f;
      font-weight: bold;
      position: relative;
      top: -22px;
      left: 4px; }
    #plans div.plan .price .value {
      font-size: 43px;
      font-weight: 700;
      color: #ff3400;
      font-family: museo-1, museo-2, Helvetica, Helvetica Neue, Arial, sans-serif; }
    #plans div.plan .price .month {
      color: #8cc63f;
      font-weight: bold;
      position: relative;
      left: -5px; }
  #plans div.plan .info {
    font-weight: bold; }
  #plans div.plan .includes {
    list-style: none;
    margin-left: 0; }

#faq-plans h6 {
  color: #ff3400; }
#faq-plans .width2 {
  position: relative;
  top: 15px; }
#faq-plans blockquote {
  background: url(/images/buzz-icon-large.png) no-repeat 15px 40px;
  position: relative;
  top: 60px; }

#faq-flatplan {
  color: white; }
  #faq-flatplan .width2 {
    position: relative;
    top: 40px; }
  #faq-flatplan blockquote {
    background: url(/images/buzz-icon-large.png) no-repeat -210px 40px;
    position: relative;
    top: 60px; }
  #faq-flatplan a {
    color: white; }

#faq-plans blockquote,
#faq-flatplan blockquote {
  font-size: 18px;
  padding: 0; }
  #faq-plans blockquote cite,
  #faq-flatplan blockquote cite {
    font-size: 13px;
    font-style: italic;
    display: block; }

#trial-drop-in {
  position: relative;
  top: 175px; }
  #trial-drop-in h3 {
    color: #8cc63f;
    text-align: center;
    position: relative; }
    #trial-drop-in h3 img {
      position: absolute;
      top: -10px;
      left: -30px; }
  #trial-drop-in p {
    text-align: center; }

.signup {
  background: url(/images/paperless-bg-three-folds-green.png) no-repeat; }

form#sign-up {
  padding-top: 18px; }
  form#sign-up h1, form#sign-up h4 {
    text-align: center; }
  form#sign-up fieldset {
    margin-bottom: 18px; }
    form#sign-up fieldset#personal {
      margin-top: 0px;
      height: 318px; }
    form#sign-up fieldset.fold {
      /* margin-top: 18px; */
      height: 327px; }
  form#sign-up legend {
    font-size: 22px;
    font-family: museo-1, museo-2, Helvetica, Helvetica Neue, Arial, sans-serif;
    color: #8cc63f;
    padding-bottom: 0;
    text-shadow: 0px 1px 1px gray; }
  form#sign-up input[type=text],
  form#sign-up input[type=password] {
    /* -webkit-box-shadow: inset 2px 2px 3px rgb(240, 240, 240); */ }
  form#sign-up input[type=checkbox],
  form#sign-up input[type=radio] {
    width: auto; }
  form#sign-up aside {
    position: relative;
    top: 18px;
    height: 200px !important; }
  form#sign-up #billing {
    padding-top: 70px;
    color: #333333; }
    form#sign-up #billing legend {
      color: #333333;
      top: 60px; }
      form#sign-up #billing legend img {
        position: relative;
        top: 5px;
        left: 5px; }
    form#sign-up #billing .cc_card {
      width: 50px;
      height: 30px;
      display: inline-block;
      position: relative;
      top: 10px; }
    form#sign-up #billing #cc_visa_icon {
      background: url(/images/cc-icons.png) no-repeat 0 0; }
    form#sign-up #billing #cc_mastercard_icon {
      background: url(/images/cc-icons.png) no-repeat -51px 0; }
    form#sign-up #billing #cc_americanexpress_icon {
      background: url(/images/cc-icons.png) no-repeat -102px 0; }
    form#sign-up #billing #cc_dinersclub_icon {
      background: url(/images/cc-icons.png) no-repeat -153px 0; }
    form#sign-up #billing #tos-label {
      margin-top: 9px;
      margin-bottom: 18px; }
      form#sign-up #billing #tos-label a {
        color: #333333; }
  form#sign-up aside:last-child {
    top: 36px;
    /* color: $darkGray; */ }

span.error {
  background: red;
  color: white !important;
  font-size: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 1px 7px 2px; }

input.invalid,
textarea.invalid {
  border: 1px solid red; }

#thank-you-for-choosing {
  position: relative;
  top: 68px;
  left: 160px; }

table#zoom_table {
  border-top-width: 0;
  margin-top: 0; }
  table#zoom_table td {
    border-top-width: 0;
    padding: 0; }
  table#zoom_table div#zoom_content {
    padding-bottom: 0px; }

table#recaptcha_table {
  border-width: 1px !important;
  border-color: silver !important;
  position: relative;
  top: 2px;
  width: 485px;
  background: white; }
  table#recaptcha_table tr:nth-child(odd) td {
    background-color: white; }
  table#recaptcha_table #recaptcha_response_field {
    border-color: silver !important; }
  table#recaptcha_table div#recaptcha_image {
    border-width: 0 !important; }

div#recaptcha_widget_div,
div#recaptcha_area {
  padding-bottom: 0px; }

.contact {
  height: 789px !important; }
  .contact .border-left,
  .contact .border-right,
  .contact .border-bottom,
  .contact .border-fold {
    position: absolute;
    z-index: 800;
    padding: 0px; }
  .contact .border-left {
    background: url(/images/paperless-bg-two-folds-transparent-l.png) no-repeat;
    height: 760px;
    width: 38px;
    left: 0px; }
  .contact .border-right {
    background: url(/images/paperless-bg-two-folds-transparent-r.png) no-repeat;
    height: 760px;
    width: 38px;
    right: 0px; }
  .contact .border-bottom {
    background: url(/images/paperless-bg-two-folds-transparent-b.png) no-repeat;
    height: 29px;
    width: 861px;
    bottom: 0px;
    left: 0px; }
  .contact .border-fold {
    background: url(/images/paperless-bg-two-folds-transparent-f.png) no-repeat;
    width: 810px;
    height: 36px;
    left: 27px;
    top: 365px; }
  .contact #gmap {
    background-color: white;
    width: 809px;
    height: 771px;
    padding: 0px;
    position: absolute;
    left: 27px; }
  .contact .contact-info {
    background: #f2efe9;
    position: absolute;
    top: 18px;
    z-index: 800;
    padding: 18px 10px 18px 10px;
    border: solid 1px #dfd8c9;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px black; }
    .contact .contact-info h3,
    .contact .contact-info p {
      text-align: center !important; }
    .contact .contact-info h3 {
      font-weight: 900;
      margin-bottom: 9px; }

footer {
  width: 1040px;
  margin: 0 auto 18px auto;
  float: none;
  clear: both;
  color: white; }
  footer a {
    color: white; }
    footer a:hover {
      color: #ff3400; }
  footer #upstruct-logo {
    float: right;
    margin-right: 245px; }
    footer #upstruct-logo img {
      position: relative;
      top: -2px; }

body.alternate footer {
  color: #333333; }
  body.alternate footer a {
    color: #333333; }