/* Green text #10903B */

@import url("/assets/font-awesome/font-awesome-e5745670.css");

@font-face {
  font-family: "Myriad Pro";
  src: url("/assets/MyriadPro-Light-98e77f69.otf");
  font-weight: 300;
}

@font-face {
  font-family: "Myriad Pro";
  src: url("/assets/MyriadPro-Regular-2b902e89.otf");
  font-weight: 400;
  font-style: normal;
}

/*

Don't use these fonts for now since they are 100kb each.

@font-face {
  font-family: 'Myriad Pro';
  src: url("/assets/MyriadPro-Bold-69cd2088.otf");
  font-weight: bold;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url("/assets/MyriadPro-Semibold-3d762000.otf");
  font-weight: bold;
}
*/


html { height:100%; width:100%; }
body { background:url("/assets/background-357adbd5.png") #e6f1f6; padding:0; margin:0; font-size:13px; font-family: Helvetica, arial, sans-serif; color:#333333; height:100%; width:100% }

img { border:0 }
a, a:visited { color: #4183C4; text-decoration:none }
a:hover { color:#000 }
hr {
  border-style: solid;
  border-width: 1px 0 0 0;
  color: #ddd;
  &.light {
    color: #eee;
  }
}

.errorExplanation { font-size:12px; background-color:#883333; color:#ffffff; padding:10px; margin:0 0 12px; }
.errorExplanation ul { list-style:inside disc; }
.errorExplanation li { padding:2px 0; }

.rounded_4 { -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; }

.content { margin:auto; padding:15px 0 15px 0 }

.gradient-top { background:url("/assets/gradient-24bd6047.png") repeat-x; width:100%; height:183px; position:absolute; top:0; left:0; z-index:-1000;}
.gradient { background:url("/assets/gradient-24bd6047.png") repeat-x; width:100%; height:183px }
.gradient-reverse { background:url("/assets/gradient_reverse-cd2ea279.png") repeat-x; width:100%; height:183px }

.bar-container { height:25px; padding:45px 0 30px 0 }
  .bar { width:960px; margin:auto }
  .bar a { font-size:16px }

.home-menu { float:right; margin-top:0px; }
  .home-menu img { position:relative; top:11px;}
  .home-menu input[type=text],
  .home-menu input[type=password] { font-size:14px; border:solid 1px #ddd; color:#000; width:250px; font-weight:bold; }
  .home-menu input[type=submit] {  }
  .home-menu label { margin-left:10px; color:#888 }
  .home-menu .signup-link { margin-right:25px }
  .home-menu .homepage-link { margin-right:25px; }
  .home-menu .prices-link { margin-right:25px; }
  .home-menu .signin-link {
    margin-right:25px;
    .signin-icon {
      font-size: 28px;
      position: relative;
      top: 0.15em;
      padding-left: 4px;
    }
  }

.home { padding: 0; margin: 0; font-size:16px; font-family: "Myriad Pro", Helvetica, arial, clean, sans-serif; }
  .home h1 { font-size:36px; font-weight:normal; color:#000; text-shadow: 1px 1px white; line-height:1.3em; }
  .home h2 { font-size:32px; font-weight:normal; color:#000; text-align:center; text-shadow: 1px 1px #FFF; margin:30px 0; }
  .home h3 { font-size:24px; font-weight:normal; color:#10903B }
  .home .smooth-center { text-align:center; font-size:18px; color:#777; text-shadow:none; line-height:1.5em; width:700px; margin:20px auto 0 auto; margin-top:5px}
  .home .mainpic { height:366px; margin-top:-100px }
    .home .mainpic .mainpic-middle { background-color:#fff; height:750px }
  .home .content { }
    .home .anywhere-anyone { font-size:18px; display:inline-block; margin:30px auto 0 auto; line-height:1.4em; }
    .home .anywhere-anyone h3 { font-size:32px; font-weight:lighter; margin:40px 0 15px 0; line-height:1.2em; }
      .home .anywhere-anyone strong { color:#10903B }
      .home .anywhere-anyone .column { float:left; width:430px; margin:0 25px;}
    .home .announcement { position:relative; text-align:center; margin:30px 0; font-size:26px; line-height:1.5em;  }
      /*.home .announcement .annotations { position:absolute; top:27px; left:-50px }*/
      .home .left p { margin:20px 40px }
    .home .who-uses { display:inline-block }
      .home .who-uses h2 { margin-bottom:0 }
      .home .who-uses h3 { margin:30px 0 -8px 0; font-weight:lighter; }
      .home .who-uses .column { width:300px; float:left; margin-right:30px }
      .home .who-uses .column:last-child { margin-right:0 }
      .home .who-uses p { line-height:1.5em }
    .home .what-more { padding:20px; background-color:#fff; border-bottom:solid 1px #e5e5e5; margin:auto;}
      .home .what-more h3 { margin-left:60px; }
      .home .what-more ul { line-height:2em; font-size:14px; list-style:none; padding-left:80px }
      .home .what-more ul li { background: url("/assets/check_icon-4aa52086.jpg") no-repeat 5px 4px; padding-left:28px }
  .home .box-container { width:960px; margin:auto; display:inline-block }
    .home .product-box { float: left; line-height:1.5em; display:inline-block; width:300px; padding:0 10px}
    .home .product-box strong { color:#10903B; font-weight:bold; }
    .home .product-box h3 { line-height:1.3em; font-weight:bold; font-size:22px;}
    .home .product-box .screenshot { border:solid 1px #ddd; margin:0px; width:280px }
  .home .signup { text-align:center; color:#888; margin:30px 0 30px 0; font-weight:normal; }
  .home .signup p { margin-top:25px; font-size:12px; }
  .home .footer { font-size:18px; text-align:center; color:#333333; padding:15px 0; margin:-280px 0 0 0}
    .home .footer-background { margin: -80px 0 0 0}
    .home .footer .logos { padding-bottom:0px }
    .home .footer .logos img { margin:30px }
  .home .footer-bottom { height:300px; }
  .home .all-you-need { background-color:#fafafa; margin-top:70px; }
    .home .all-you-need img { margin:20px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) }

/* =============================== */
/* =            Login            = */
/* =============================== */
.login-box { margin:40px auto 0 auto; border:solid 1px #dddddd; background-color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:20px; width:300px; background-color:#fefefe; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) }
  .login-box h2 { font-weight:normal; font-size:20px; color:#555; margin-bottom:20px; text-align:center; }
  .login-box input[type=text], .login-box input[type=password] { font-weight:bold; font-size:15px; width:280px; padding:7px 6px; border:solid 1px #eee; }
  .login-box label { color:#777777 }
  .login-box input[type=submit] { width:100px }
  .login-box .login-error { background-color:#990000; color:#ffffff; padding:10px; margin:0 -40px 20px -40px; text-align:center}
.login-footer { width:300px; margin:10px auto 0 auto; font-size:12px; color:#999; text-align:center; line-height:1.5em;  }


/* ============================ */
/* =      Plans & Payment     = */
/* ============================ */

.plans { margin-top:70px; }
  .plans strong { color:#10903B; font-weight:normal; }

.plans-table { border-collapse:collapse; font-family: Helvetica, arial, sans-serif; border:solid 1px #eaeaea; }
  .plans-table td, .plans-table th { border-right:solid 1px #eaeaea; text-align:center;}
  .plans-table td:last-child, .plans-table th:last-child { border-right:0 }
  .plans-table td { padding:20px 4px; font-size:16px; width:120px; background-color:#fafafa; line-height:1.5em; }
  .plans-table th { padding-top:30px; font-size:24px; background-color:#fafafa}
  .plans-table .signup-container { padding:10px 0 15px 0; }

.signup-box { width:600px; font-size:16px; padding:18px 15px; margin:15px auto 0 auto}

label.placeholder { cursor:text; padding:4px; color:#ccc; }
/* html5 placeholder support */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#ccc; }
input:placeholder, textarea:placeholder { color:#ccc; }

.sign-up-form { width:400px; margin:auto; padding:20px; background-color:#fff; border:solid 1px #ddd }
  .sign-up-form input[type=text],
  .sign-up-form input[type=password] { font-size:17px; border:solid 1px #eee; padding:4px; width:390px;}
  .sign-up-form .field { margin-bottom: 10px;}
  .sign-up-form .errorExplanation { padding:2px 25px }
  .sign-up-form .errorExplanation ul { text-align:left; padding:0; font-size:14px;}
.sign-up-footer { margin-top:15px; color:#999; font-size:14px }

.account-confirmation { font-family: "Myriad Pro", Helvetica, arial, clean, sans-serif; font-size:18px; width: 500px; margin:80px auto 0 auto; background-color:#fff; padding:40px; border:solid 1px #ddd; border-left:solid 6px #10903B; }
  .account-confirmation h2 { text-align:center; font-size:28px; margin-top:0; font-weight:normal; }
  .account-confirmation p { line-height:1.4em; text-align:center; color:#333 }
  .account-confirmation .explore { text-align:center; margin-top:55px; }

.index-topics .paper { color:#444; width:580px; margin:10px auto 40px auto; padding:25px 25px 25px 50px; float:left; font-size:16px; line-height:1.5em; background-color:#ffffff; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
  .index-topics .paper h2 { padding-left:5px; font-size:23px; color:#129e41; text-align:center; margin:15px 0 40px 0; font-weight:bold;}
  .index-topics .paper b { color:#000; }
  .index-topics .paper img { border:solid 1px #ddd; margin:15px 0; display:block; }
  .index-topics .paper img.window { margin:-10px 0 -30px 0; border:0 }
  .index-topics .number { position:relative; left:-35px; border-radius: 50%; line-height:25px; background-color:#129e41; color:#fff; display:inline-block; width:25px; text-align:center; font-size:13px; margin-right:-25px}
.index-topics .topics { font-size:15px; float:left; width:270px;}
  .index-topics .topics ul { padding:0 20px 0 0; }
  .index-topics .topics li { padding:5px; list-style-type:none; margin-left:0; }
  .index-topics .topics a:hover { text-decoration:none; color:#000 ;}
  .index-topics .topics a.selected { color:#000; font-weight:bold; }
.index-topics .paper code,
.index-topics .paper pre { font-size:14px }

.topics h3.discrete { font-size:15px; color:#666; margin:10px 0 0 0 ; }