.inline {
  display: inline; }

.errors_for {
  font-size: 12px;
  color: #550000;
  font-weight: bold; }

.fyi {
  position: absolute;
  background: white;
  border: solid 4px #dddddd;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 300px; }

.weakling {
  font-size: 11px;
  font-weight: bold; }
  .weakling .default {
    color: #a0a0a0; }
  .weakling .error {
    color: #c80000; }
  .weakling .weak {
    color: #646400; }
  .weakling .average {
    color: #c800c8; }
  .weakling .strong {
    color: #00c800; }

form {
  margin: 0px; }
  form p {
    margin: 10px 0;
    font-size: 12px; }
  form h3 {
    margin-top: 5px;
    font-size: 16px; }
  form .option_fields label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px; }
    form .option_fields label em, form .option_fields label i {
      margin-left: 10px;
      font-size: 10px;
      font-weight: normal;
      font-style: normal;
      color: #999999; }
  form .text_field, form .text_area {
    margin-bottom: 10px; }
    form .text_field label, form .text_area label {
      display: block;
      font-size: 12px;
      font-weight: bold;
      padding-bottom: 5px; }
      form .text_field label em, form .text_field label i, form .text_area label em, form .text_area label i {
        margin-left: 10px;
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        color: #999999; }
    form .text_field input, form .text_field textarea, form .text_area input, form .text_area textarea {
      font-size: 16px;
      padding: 5px;
      border-top: solid 1px #c4c4c4;
      border-left: solid 1px #e9e9e9;
      border-bottom: solid 1px #e9e9e9;
      border-right: solid 1px #c4c4c4; }
    form .text_field textarea, form .text_area textarea {
      width: 538px; }
    form .text_field .label, form .text_area .label {
      display: block;
      margin-top: 10px;
      margin-bottom: 5px; }
      form .text_field .label label, form .text_area .label label {
        display: inline;
        font-weight: bold; }
      form .text_field .label .description, form .text_area .label .description {
        display: inline;
        margin-left: 5px;
        font-size: 10px;
        color: #969696; }
  form .select label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
    float: left;
    padding-right: 10px; }
    form .select label em, form .select label i {
      margin-left: 10px;
      font-size: 10px;
      font-weight: normal;
      font-style: normal;
      color: #999999; }
  form .date_fields {
    margin-bottom: 10px; }
    form .date_fields .pick_date {
      margin-right: 20px; }
      form .date_fields .pick_date .calendar_date_select, form .date_fields .pick_date .cds_header {
        background: transparent; }
  form .submit {
    font-size: 12px; }
  form .errorExplanation {
    display: block;
    padding: 0px;
      padding-left: 10px;
    font-size: 12px;
    border: 2px #b43232 solid;
    background: #ffc8c8;
    margin-bottom: 20px; }
    form .errorExplanation h2, form .errorExplanation p {
      display: none; }
    form .errorExplanation ul {
      padding-left: 20px; }
  form .fieldWithErrors input {
    background: #ffe6e6;
    border: 1px #c86464 solid; }
  form .form_error {
    border: 1px red solid;
    background: #ffc8c8; }
  form .text_actions {
    text-decoration: underline; }

form.app_form {
  background: #ffffdc;
  border: 1px solid #c8c878;
  padding: 20px;
  margin-bottom: 15px; }

div.header {
  margin: 8px 0 5px 0; }
  div.header:after {
    content: " ";
    visibility: hidden;
    height: 0;
    font-size: 0;
    display: block;
    clear: both; }
  * html div.header {
    height: 1px; }
  *:first-child + html div.header {
    overflow: hidden; }
  div.header h1 {
    margin: 0; }
    div.header h1 a {
      display: block;
      float: left;
      width: 134px;
      height: 36px; }
  div.header .upgrade_header {
    font-size: 12px;
    padding: 0;
    margin: 10px 0 0 20px;
    float: left; }

#plans_signup {
  margin: 20px 0; }
  #plans_signup a {
    display: inline-block;
    background: #9cc33f;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
    font-size: 1.3em;
    padding: 0.7em 1.5em;
    text-decoration: none;
    border: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #9cc33f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    margin: 0.2em 0; }
    #plans_signup a:before {
      content: "▶ ";
      font-size: 90%; }

p.light {
  color: #999999; }

.plans_container {
  padding-bottom: 30px; }
  .plans_container .plan {
    float: left;
    width: 225px;
    border: none;
    padding: 0;
    margin: 0; }
    .plans_container .plan .box {
      border: 3px solid #cccccc;
      background-color: #eeeeee;
      height: 390px; }
      .plans_container .plan .box h3, .plans_container .plan .box p {
        text-align: center;
        padding: 0; }
      .plans_container .plan .box h3 {
        font-size: 26px;
        margin: 10px 0; }
      .plans_container .plan .box p.price_striked {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 10px;
        text-decoration: line-through;
        color: #999999; }
      .plans_container .plan .box p.price {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 15px; }
      .plans_container .plan .box p.note {
        color: #555555;
        margin-bottom: 15px; }
      .plans_container .plan .box p.projects, .plans_container .plan .box p.storage, .plans_container .plan .box p.users, .plans_container .plan .box p.search {
        font-size: 16px; }
      .plans_container .plan .box p.upgrade {
        font-size: 18px;
        font-weight: bold;
        padding: 15px 0; }
        .plans_container .plan .box p.upgrade a {
          text-decoration: underline;
          color: #555555; }
      .plans_container .plan .box p.refund {
        color: #999999;
        font-size: 11px; }
  .plans_container .starter, .plans_container .pro, .plans_container .corporate {
    padding-top: 10px;
    z-index: 30000; }
  .plans_container .starter .box {
    border-right: none; }
  .plans_container .starter p.users {
    margin-bottom: 93px; }
  .plans_container .pro .box {
    border-left: none;
    border-right: none; }
  .plans_container .basic .box {
    background-color: #eeffee;
    border: 3px solid #55aa55;
    -webkit-box-shadow: #999999 0px 2px 8px;
    z-index: 50000;
    height: 420px; }
    .plans_container .basic .box h3 {
      font-size: 36px;
      margin: 5px 0; }
    .plans_container .basic .box p.projects, .plans_container .basic .box p.storage, .plans_container .basic .box p.users, .plans_container .basic .box p.search {
      font-size: 18px; }
    .plans_container .basic .box p.upgrade {
      padding-bottom: 5px; }
      .plans_container .basic .box p.upgrade a {
        color: #ff5555; }

.centered {
  text-align: center; }

.billing_organizations .current_plan, .billing_organizations .next_plan {
  display: inline-block;
  float: left;
  width: 250px;
  border: 4px solid white; }
.billing_organizations .next_plan {
  width: 300px;
  height: 250px;
  margin-left: 50px;
  border: 4px solid #dddddd;
  text-align: center;
  background-color: #ffffcc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(white, rgba(255, 255, 255, 0)); }
  .billing_organizations .next_plan h3 {
    font-size: 24px;
    margin-bottom: 5px; }
  .billing_organizations .next_plan p.explain {
    margin: 5px 0 15px;
    font-size: 12px; }
  .billing_organizations .next_plan p {
    font-size: 18px; }
  .billing_organizations .next_plan p.upgrade {
    margin-top: 40px; }
    .billing_organizations .next_plan p.upgrade a.button {
      font-size: 20px; }
.billing_organizations form {
  margin-top: 40px; }
.billing_organizations table {
  margin-top: 30px;
  width: 630px; }
  .billing_organizations table tr {
    border-bottom: 1px solid #dddddd; }
    .billing_organizations table tr:hover td {
      background-color: #ffffcc;
      background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
      background-image: -moz-linear-gradient(white, rgba(255, 255, 255, 0)); }
  .billing_organizations table th {
    padding-bottom: 5px;
    font-size: 12px;
    color: #999999; }
  .billing_organizations table td {
    background-color: #f6f6f6;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold; }
  .billing_organizations table .plan {
    padding-left: 10px; }
  .billing_organizations table td.plan, .billing_organizations table td.price {
    font-size: 16px; }
  .billing_organizations table td.price {
    color: #999999; }
  .billing_organizations table td.subscribe {
    text-align: right;
    padding-right: 10px; }
  .billing_organizations table .projects, .billing_organizations table .storage, .billing_organizations table .search {
    text-align: center; }
.billing_organizations .yearly {
  margin-top: 20px;
  text-align: center;
  color: #555555; }
.billing_organizations p.upgrade a.button {
  margin: 0;
  color: white;
  font-weight: normal;
  text-shadow: #005200 1px 1px 0px;
  background-color: #4fb833;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 133, 0, 0)), to(#1c8500));
  background-image: -moz-linear-gradient(rgba(28, 133, 0, 0), #1c8500); }
  .billing_organizations p.upgrade a.button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1c8500), to(rgba(28, 133, 0, 0)));
    background-image: -moz-linear-gradient(#1c8500, rgba(28, 133, 0, 0)); }
  .billing_organizations p.upgrade a.button:active {
    color: #125100;
    text-shadow: #222222 1px 1px 0px; }

/*
 *	FancyBox playground - just playing
 *	v.1.3.0 - RC2 02.01.10 */
#fancybox-loading {
  position: fixed;
  height: 40px;
  width: 40px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  display: none;
  overflow: hidden;
  background: transparent;
  z-index: 200; }

* html #fancybox-loading {
  /* for IE6 */
  position: absolute;
  margin-top: 0; }

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background: transparent url(../images/fancy_progress.png) no-repeat; }

#fancybox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  display: none;
  z-index: 80; }

* html #fancybox-overlay {
  /* for IE6 */
  position: absolute;
  width: 100%; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  margin: 0;
  z-index: 90;
  display: none; }

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: white; }

#fancybox-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  outline: none;
  overflow: hidden;
  padding: 0;
  margin: 0; }

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent; }

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  height: 30px;
  width: 30px;
  background: url(../images/fancy_close.png) top left no-repeat;
  cursor: pointer;
  z-index: 165;
  display: none; }

#fancybox-content {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0; }

#fancybox-img {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  -ms-interpolation-mode: bicubic;
  outline: none;
  line-height: 0;
  font-size: 0;
  vertical-align: top; }

#fancybox-frame {
  position: relative;
  width: 100%;
  height: 100%; }

#fancybox-tmp {
  display: none;
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: top;
  overflow: auto; }

#fancybox-title {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  z-index: 112; }

.fancybox-title-inside {
  padding: 10px 0;
  padding-top: 10px;
  color: #333333; }

.fancybox-title-outside {
  padding-top: 10px;
  color: white;
  font-weight: bold; }

#fancybox-title-wrap {
  display: inline-block; }
  #fancybox-title-wrap span {
    height: 32px;
    float: left; }

#fancybox-title-left {
  padding-left: 15px;
  background: transparent url(../images/fancy_title_left.png) repeat-x; }

#fancybox-title-main {
  line-height: 29px;
  background: transparent url(../images/fancy_title_main.png) repeat-x;
  color: white; }

#fancybox-title-right {
  padding-left: 15px;
  background: transparent url(../images/fancy_title_right.png) repeat-x; }

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  z-index: 111;
  display: none;
  background-image: url("data:image/gif;base64,AAAA");
  outline: none; }

#fancybox-left {
  left: 0px; }

#fancybox-right {
  right: 0px; }

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  z-index: 112;
  cursor: pointer;
  display: block; }

#fancybox-left-ico {
  left: -9999px;
  background: transparent url(../images/fancy_nav_left.png) no-repeat; }

#fancybox-right-ico {
  left: -9999px;
  background: transparent url(../images/fancy_nav_right.png) no-repeat; }

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; }

#fancybox-left:hover span {
  left: 20px; }

#fancybox-right:hover span {
  left: auto;
  right: 20px; }

div.fancy-bg {
  position: absolute;
  z-index: 70;
  border: 0;
  padding: 0;
  margin: 0; }
div#fancy-bg-n {
  top: -20px;
  width: 100%;
  height: 20px;
  background: transparent url(../images/fancy_shadow_n.png) repeat-x; }
div#fancy-bg-ne {
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url(../images/fancy_shadow_ne.png) no-repeat; }
div#fancy-bg-e {
  right: -20px;
  height: 100%;
  width: 20px;
  background: transparent url(../images/fancy_shadow_e.png) repeat-y; }
div#fancy-bg-se {
  bottom: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url(../images/fancy_shadow_se.png) no-repeat; }
div#fancy-bg-s {
  bottom: -20px;
  width: 100%;
  height: 20px;
  background: transparent url(../images/fancy_shadow_s.png) repeat-x; }
div#fancy-bg-sw {
  bottom: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url(../images/fancy_shadow_sw.png) no-repeat; }
div#fancy-bg-w {
  left: -20px;
  height: 100%;
  width: 20px;
  background: transparent url(../images/fancy_shadow_w.png) repeat-y; }
div#fancy-bg-nw {
  top: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url(../images/fancy_shadow_nw.png) no-repeat; }

.tipsy {
  padding: 5px;
  font-size: 10px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-repeat: no-repeat;
  background-image: url(../images/tipsy.gif); }

.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.tipsy-north {
  background-position: top center; }

.tipsy-south {
  background-position: bottom center; }

.tipsy-east {
  background-position: right center; }

.tipsy-west {
  background-position: left center; }

.CodeRay {
  background-color: #f8f8f8;
  border: 1px solid silver;
  font-family: "Monaco", "Courier New", "Terminal", monospace;
  color: #110000; }
  .CodeRay pre {
    margin: 0px; }

span.CodeRay {
  white-space: pre;
  border: 0px;
  padding: 2px; }

table.CodeRay {
  border-collapse: collapse;
  width: 100%;
  padding: 2px; }
  table.CodeRay td {
    padding: 2px 4px;
    vertical-align: top; }

.CodeRay .line_numbers, .CodeRay .no {
  background-color: #ddeeff;
  color: gray;
  text-align: right; }
.CodeRay .line_numbers tt {
  font-weight: bold; }
.CodeRay .no {
  padding: 0px 4px; }
.CodeRay .code {
  width: 100%; }

ol.CodeRay {
  font-size: 10pt; }
  ol.CodeRay li {
    white-space: pre; }

.CodeRay .code pre {
  overflow: auto; }
.CodeRay .af {
  color: #0000cc; }
.CodeRay .an {
  color: #000077; }
.CodeRay .av {
  color: #770000; }
.CodeRay .aw {
  color: #cc0000; }
.CodeRay .bi {
  color: #550099;
  font-weight: bold; }
.CodeRay .c {
  color: #888888; }
.CodeRay .ch {
  color: #0044dd; }
  .CodeRay .ch .k {
    color: #0044dd; }
  .CodeRay .ch .dl {
    color: #003399; }
.CodeRay .cl {
  color: #bb0066;
  font-weight: bold; }
.CodeRay .co {
  color: #003366;
  font-weight: bold; }
.CodeRay .cr {
  color: #00aa00; }
.CodeRay .cv {
  color: #336699; }
.CodeRay .df {
  color: #009999;
  font-weight: bold; }
.CodeRay .di {
  color: #008888;
  font-weight: bold; }
.CodeRay .dl {
  color: black; }
.CodeRay .do {
  color: #997700; }
.CodeRay .ds {
  color: #dd4422;
  font-weight: bold; }
.CodeRay .e {
  color: #666666;
  font-weight: bold; }
.CodeRay .en {
  color: #880000;
  font-weight: bold; }
.CodeRay .er {
  color: red;
  background-color: #ffaaaa; }
.CodeRay .ex {
  color: red;
  font-weight: bold; }
.CodeRay .fl {
  color: #6600ee;
  font-weight: bold; }
.CodeRay .fu {
  color: #0066bb;
  font-weight: bold; }
.CodeRay .gv {
  color: #dd7700;
  font-weight: bold; }
.CodeRay .hx {
  color: #005588;
  font-weight: bold; }
.CodeRay .i {
  color: #0000dd;
  font-weight: bold; }
.CodeRay .ic {
  color: #bb4444;
  font-weight: bold; }
.CodeRay .il {
  background: #eeeeee; }
  .CodeRay .il .il {
    background: #dddddd; }
    .CodeRay .il .il .il {
      background: #cccccc; }
  .CodeRay .il .idl {
    font-weight: bold;
    color: #888888; }
.CodeRay .in {
  color: #bb22bb;
  font-weight: bold; }
.CodeRay .iv {
  color: #3333bb; }
.CodeRay .la {
  color: #997700;
  font-weight: bold; }
.CodeRay .lv {
  color: #996633; }
.CodeRay .oc {
  color: #4400ee;
  font-weight: bold; }
.CodeRay .on {
  color: black;
  font-weight: bold; }
.CodeRay .pc {
  color: #003388;
  font-weight: bold; }
.CodeRay .pd {
  color: #336699;
  font-weight: bold; }
.CodeRay .pp {
  color: #557799; }
.CodeRay .pt {
  color: #333399;
  font-weight: bold; }
.CodeRay .r {
  color: #008800;
  font-weight: bold; }
.CodeRay .rx {
  background-color: #fff0ff; }
  .CodeRay .rx .k {
    color: #880088; }
  .CodeRay .rx .dl {
    color: #440044; }
  .CodeRay .rx .mod {
    color: #cc22cc; }
  .CodeRay .rx .fu {
    color: #440044;
    font-weight: bold; }
.CodeRay .s {
  background-color: #fff0f0; }
  .CodeRay .s.s {
    background-color: #ffe0e0; }
  .CodeRay .s.s.s {
    background-color: #ffd0d0; }
  .CodeRay .s.k {
    color: #dd2200; }
  .CodeRay .s.dl {
    color: #771100; }
.CodeRay .sh {
  background-color: #f0fff0; }
  .CodeRay .sh .k {
    color: #22bb22; }
  .CodeRay .sh .dl {
    color: #116611; }
.CodeRay .sy {
  color: #aa6600; }
  .CodeRay .sy .k {
    color: #aa6600; }
  .CodeRay .sy .dl {
    color: #663300; }
.CodeRay .ta {
  color: #007700; }
.CodeRay .tf {
  color: #007700;
  font-weight: bold; }
.CodeRay .ts {
  color: #dd7700;
  font-weight: bold; }
.CodeRay .ty {
  color: #333399;
  font-weight: bold; }
.CodeRay .v {
  color: #003366; }
.CodeRay .xt {
  color: #444444; }

html {
  margin: 0px;
  padding: 0px; }

body {
  margin: 0px;
  padding: 0px;
  font: normal 14px "Lucida Grande", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4 {
  font-family: Helvetica, Arial;
  font-size: 15px;
  margin: 0px; }

p {
  margin: 10px 0px;
  line-height: 1.7em; }

a {
  color: blue;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

img {
  display: block;
  border: none; }

br {
  clear: both; }

div.clear {
  clear: both; }
div.header {
  display: none; }
div.navigation_wrap {
  background: url(/images/nav_bg.gif) repeat-x top;
  height: 38px; }
div.navigation {
  width: 900px;
  margin: 0px auto; }
  div.navigation ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto; }
  div.navigation li {
    display: block;
    float: left;
    margin: 0;
    padding: 0; }
    div.navigation li a {
      font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;
      font-size: 15px;
      display: block;
      float: left;
      color: #3d3d3d;
      text-decoration: none;
      padding: 8px 16px 7px;
      border-bottom: none; }
      div.navigation li a:hover {
        color: white;
        background: #41b5c1;
        border-bottom: 1px solid #41b5c1; }
      div.navigation li a.active {
        color: white;
        background: #0b0b0a;
        border-bottom: 1px solid #0b0b0a; }
    div.navigation li.right_side {
      float: right; }
      div.navigation li.right_side a {
        padding-left: 50px;
        padding-right: 50px; }

/* Header------------------------------------------------------------------------- */
/* Navigation--------------------------------------------------------------------- */
/* Content------------------------------------------------------------------------ */
h1 {
  color: #111111;
  font-family: Georgia, sans-serif;
  font-size: 270%;
  font-weight: normal;
  margin: 0 0 15px 0; }

h2 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 195%;
  margin: 0 0 15px 0;
  font-weight: bold; }

h3 {
  margin-top: 10px;
  margin: 30px 0 15px 0; }

.new_session p.right_link, .create_session p.right_link {
  float: right;
  padding-right: 100px; }

.flash_box {
  display: block;
  margin: 15px 0;
  float: none; }

form {
  margin: 20px 0; }
  form .text_field label {
    font-weight: normal; }

.new_users .text_field, .new_users .select, .create_users .text_field, .create_users .select {
  margin: 15px 0; }
  .new_users .text_field label, .new_users .select label, .create_users .text_field label, .create_users .select label {
    display: inline-block;
    width: 130px;
    text-align: right;
    font-weight: normal;
    padding-right: 10px; }
  .new_users .text_field select, .new_users .select select, .create_users .text_field select, .create_users .select select {
    margin-left: 5px; }
.new_users .errors_for, .new_users .fieldWithErrors, .create_users .errors_for, .create_users .fieldWithErrors {
  display: inline;
  font-size: 12px;
  color: red; }
.new_users .weakling, .new_users .field_note, .create_users .weakling, .create_users .field_note {
  font-weight: normal;
  padding: 5px 0 0 148px;
  font-size: 10px; }
.new_users .field_note, .create_users .field_note {
  color: #a0a0a0; }

.oauth_logins {
  margin-top: 50px; }

.time_zone {
  margin-top: 10px; }

div.wrapper {
  width: 900px;
  padding: 20px;
  margin: 0px auto; }
div.content {
  float: left;
  width: 570px;
  padding-bottom: 25px; }
div.sidebar, div.content_single {
  padding-bottom: 25px; }
div.wrapper a {
  text-decoration: none;
  border-bottom: 1px dotted #ddddff;
  color: #0000c8; }
div.splash {
  border-bottom: 1px solid #f0f0f0; }
  div.splash .text {
    display: block;
    width: 500px;
    float: left; }
  div.splash .screenshot {
    display: inline-block;
    width: 395px;
    vertical-align: bottom; }
  div.splash .text {
    margin-top: 20px;
    margin-bottom: 7px; }
    div.splash .text h1 {
      color: #111111;
      font-family: Georgia, sans-serif;
      font-size: 36px;
      font-weight: normal;
      margin: 0px;
      margin-top: 20px; }
    div.splash .text p.tagline {
      font-family: Georgia, sans-serif;
      margin: 10px 0px;
      font-size: 15px; }
    div.splash .text p.features {
      font-size: 12px;
      margin: 0px;
      color: #646464;
      padding-bottom: 10px; }
    div.splash .text .center {
      width: 400;
      text-align: center;
      padding-right: 80px; }
    div.splash .text a.signup {
      display: inline-block;
      margin-top: 20px;
      border: none; }
    div.splash .text a.login {
      display: block;
      margin-top: 20px;
      border: none;
      color: #e06100;
      text-decoration: underline; }

img.hbar {
  padding: 0;
  margin: 0; }

div.screenshots {
  text-align: center; }
  div.screenshots a {
    display: inline-block;
    width: 150px;
    height: 113px;
    margin: 5px; }
  div.screenshots img {
    border: solid 1px #c8c8c8; }
div.reasons {
  margin: 10px 0px; }
  div.reasons h2 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 6px;
    border-bottom: solid 2px #f0f0f0; }
  div.reasons ol {
    padding: 0px;
    margin: 0px;
    padding-left: 25px; }
  div.reasons li {
    padding: 2px 0px;
    font-size: 12px; }
div.users {
  display: block;
  margin: 30px 0 0 0;
  padding-left: 44px; }
  div.users .logos {
    float: right;
    width: 450px;
    height: 120px; }
  div.users .text {
    float: left;
    width: 340px;
    font-size: 12px; }
    div.users .text h2 {
      font-size: 16px; }
div.more {
  clear: both; }
  div.more .left {
    float: left;
    width: 500px; }
  div.more .right {
    float: right;
    padding-left: 20px;
    width: 370px; }
div.quick_contact {
  clear: both;
  margin: 0;
  padding-top: 20px; }
  div.quick_contact h2 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px; }
  div.quick_contact div.rss, div.quick_contact div.twitter {
    margin-top: 10px; }
  div.quick_contact img {
    float: left; }
  div.quick_contact div.contains {
    font-size: 12px;
    float: right;
    width: 270px; }
    div.quick_contact div.contains p {
      margin: 0px; }
  div.quick_contact div.rss {
    width: 320px;
    float: left; }
  div.quick_contact div.twitter {
    width: 240px;
    float: left; }
    div.quick_contact div.twitter div.contains {
      width: 180px; }
div.take_action {
  padding: 5px;
  text-align: center;
  margin: 20px 0px;
  padding-left: 60px; }
  div.take_action p {
    font-size: 18px;
    margin: 0px; }
  div.take_action a {
    color: #e06100; }
    div.take_action a.signup {
      float: left; }
  div.take_action div.login {
    float: left;
    padding-top: 10px;
    margin-left: 5px; }
div.tour_screenshots h2 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 24px;
  border-top: solid 3px #c8c8c8;
  padding-top: 40px;
  margin-top: 20px; }
div.tour_screenshots img {
  border: solid 1px #a0a0a0;
  margin: 5px 0px; }
div.tour_screenshots div.marker {
  font: bold 11px/19px Helvetica, Arial, Verdana, sans-serif;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  background: url(/images/marker.png) no-repeat left top;
  text-align: center;
  color: white; }
div.tour_screenshots a.signup {
  display: block;
  border: none;
  padding: 50px 0px 30px 250px; }
  div.tour_screenshots a.signup img {
    border: none; }
div.tour_show_me {
  width: 500px;
  margin: 30px auto; }
  div.tour_show_me img {
    float: left; }
  div.tour_show_me div.description {
    float: left;
    font-size: 18px;
    margin-top: 20px;
    margin-left: 15px; }
div.column {
  float: right;
  width: 320px; }
div.highlights {
  font-size: 12px; }
  div.highlights img {
    float: left;
    margin-right: 10px; }
  div.highlights p {
    margin: 0px; }
  div.highlights div.client {
    padding-top: 20px; }
  div.highlights div.contains {
    float: left;
    width: 250px; }
    div.highlights div.contains p {
      line-height: 1.4em; }
div.box {
  padding: 15px 5px;
  margin-top: 20px;
  border: 1px solid #dbd6d1;
  background-color: #efedeb;
  margin-bottom: 20px; }
  div.box h2 {
    font-size: 18px;
    margin-bottom: 2px; }
div.footer {
  border-top: solid 1px #dcdcdc;
  clear: both;
  color: #777777;
  width: 900px;
  margin: 0px auto;
  padding: 3px 0px 15px 0px; }
  div.footer p {
    font-size: 12px;
    margin: 0px;
    text-align: right; }
    div.footer p.copyright {
      float: left; }
  div.footer a {
    color: #777777; }

/* Column------------------------------------------------------------------------- */
/* Footer------------------------------------------------------------------------- */
blockquote {
  font-family: Georgia, sans-serif;
  font-style: italic;
  color: #777777;
  margin: 20px 0px 0px;
  padding-left: 10px; }

.core_teambox .person {
  display: block;
  margin: 30px 0; }
  .core_teambox .person .avatar {
    float: left;
    display: inline;
    width: 100px; }
  .core_teambox .person .info {
    float: left;
    display: inline;
    width: 460px; }
    .core_teambox .person .info h3 {
      margin-top: 0; }

/* Code------------------------------------------------------------------------- */
.CodeRay {
  margin-top: 10px;
  margin-bottom: 20px; }
  .CodeRay .code pre {
    padding: 8px; }