/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
* {
  word-wrap: break-word;
  background-repeat: no-repeat; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

input, select {
  vertical-align: middle; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible; }

/* these work great with modernizr */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

.ie6 input {
  vertical-align: text-bottom; }

/* fancy stuff */
::-moz-selection {
  background: #00baec;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #00baec;
  color: #fff;
  text-shadow: none; }

/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #fcd700; }

input {
  border: 1px solid #999;
  border-radius: 3px;
  background: #fff;
  color: #333; }
  input:focus {
    border-color: #666; }

textarea {
  font-family: Helvetica; }

input[type=search] {
  -webkit-appearance: none; }

input[type='checkbox'] {
  opacity: 0;
  position: absolute;
  display: none; }

input[type='checkbox'] + label {
  margin: 0;
  clear: none;
  font-size: 11px;
  padding: 5px 0 4px 24px;
  cursor: pointer;
  position: relative; }
  input[type='checkbox'] + label:before {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border-radius: 3px;
    border: 1px solid #bbb;
    background: #eeeeee;
    background: -moz-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, white 0%, #eeeeee 100%);
    background: linear-gradient(top, white 0%, #eeeeee 100%);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  input[type='checkbox'] + label:after {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px; }
  input[type='checkbox'] + label:hover:before {
    border-color: #00baec;
    -webkit-box-shadow: 0 0 4px #00baec;
    -moz-box-shadow: 0 0 4px #00baec;
    box-shadow: 0 0 4px #00baec; }

input[type='checkbox']:checked + label:after {
  background: url(../images/icn-checkbox.png) 60% 50% no-repeat; }

input[type='radio'] {
  opacity: 0;
  position: absolute;
  display: none; }

input[type='radio'] + label {
  margin: 0;
  clear: none;
  font-size: 11px;
  padding: 5px 0 4px 24px;
  cursor: pointer;
  position: relative; }
  input[type='radio'] + label:before {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border-radius: 17px;
    border: 1px solid #bbb;
    background: #eeeeee;
    background: -moz-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, white 0%, #eeeeee 100%);
    background: linear-gradient(top, white 0%, #eeeeee 100%);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  input[type='radio'] + label:after {
    position: absolute;
    content: "";
    left: 5px;
    top: 7px;
    width: 9px;
    height: 9px;
    border-radius: 8px; }
  input[type='radio'] + label:hover:before {
    border-color: #00baec;
    -webkit-box-shadow: 0 0 4px #00baec;
    -moz-box-shadow: 0 0 4px #00baec;
    box-shadow: 0 0 4px #00baec; }

input[type='radio']:checked + label:after {
  background: #00baec;
  -webkit-box-shadow: inset 0 1px 1px #007ea0;
  -moz-box-shadow: inset 0 1px 1px #007ea0;
  box-shadow: inset 0 1px 1px #007ea0; }

.required label {
  position: relative; }
  .required label:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #c00;
    border-radius: 10px;
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top: -4px; }
  .required label:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -2px;
    border-radius: 4px; }

form .errors {
  padding: 5px 20px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-size: 12px;
  background: #cc0000;
  background: -moz-linear-gradient(top, #e60000 0%, #cc0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e60000), color-stop(100%, #cc0000));
  background: -webkit-linear-gradient(top, #e60000 0%, #cc0000 100%);
  background: -o-linear-gradient(top, #e60000 0%, #cc0000 100%);
  background: -ms-linear-gradient(top, #e60000 0%, #cc0000 100%);
  background: linear-gradient(top, #e60000 0%, #cc0000 100%); }

form dl label {
  font-size: 12px; }
form dl dt {
  display: block;
  padding: 5px 20px 0; }
form dl dd {
  display: block;
  padding: 0 20px 5px;
  position: relative; }
  form dl dd input[type=text] {
    padding: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); }
  form dl dd input[type=text]:focus {
    -webkit-box-shadow: 0 0 5px #00baec;
    -moz-box-shadow: 0 0 5px #00baec;
    box-shadow: 0 0 5px #00baec;
    outline: none;
    border: 1px solid #00baec; }
form dl .error input[type=text] {
  border-color: #c00;
  -webkit-box-shadow: inset 0 1px 1px rgba(200, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 1px rgba(200, 0, 0, 0.3);
  box-shadow: inset 0 1px 1px rgba(200, 0, 0, 0.3); }
form dl .error .field-validation-error {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  right: 20px;
  top: 4px;
  background: #cc0000 url(../images/icn-exclamation.png) left top no-repeat; }
  form dl .error .field-validation-error span {
    width: 190px;
    display: none;
    position: absolute;
    bottom: 22px;
    right: -3px;
    color: #fff;
    background: #cc0000;
    background: -moz-linear-gradient(top, #e60000 0%, #cc0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e60000), color-stop(100%, #cc0000));
    background: -webkit-linear-gradient(top, #e60000 0%, #cc0000 100%);
    background: -o-linear-gradient(top, #e60000 0%, #cc0000 100%);
    background: -ms-linear-gradient(top, #e60000 0%, #cc0000 100%);
    background: linear-gradient(top, #e60000 0%, #cc0000 100%);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8);
    border: 1px solid #c00;
    border-radius: 3px;
    z-index: 999;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    padding: 10px;
    font-size: 12px; }
    form dl .error .field-validation-error span:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      bottom: -10px;
      border: 5px solid transparent;
      border-top: 5px solid #c00;
      right: 5px; }
  form dl .error .field-validation-error:hover span {
    display: block; }

#ui-datepicker-div {
  background: #fff;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.8);
  position: relative;
  border-radius: 3px;
  margin-top: 5px; }
  #ui-datepicker-div:before {
    position: absolute;
    content: "";
    top: -10px;
    left: 20px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid #fff; }
  #ui-datepicker-div .ui-datepicker-prev {
    padding: 0 10px;
    background: #00a6d3;
    background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
    background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #00a6d3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    float: left;
    font-size: 11px;
    margin: 4px 0 4px 4px; }
    #ui-datepicker-div .ui-datepicker-prev:hover {
      background: #333;
      border-color: #000;
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
      -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
  #ui-datepicker-div .ui-datepicker-next {
    padding: 0 10px;
    background: #00a6d3;
    background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
    background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #00a6d3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    float: right;
    font-size: 11px;
    margin: 4px 4px 4px 0; }
    #ui-datepicker-div .ui-datepicker-next:hover {
      background: #333;
      border-color: #000;
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
      -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
  #ui-datepicker-div .ui-datepicker-title {
    text-align: center;
    padding: 5px 0; }
  #ui-datepicker-div table {
    border-collapse: collapse; }
  #ui-datepicker-div th {
    padding: 3px 5px;
    border-bottom: 1px solid #eee;
    text-align: center; }
  #ui-datepicker-div td a {
    display: block;
    padding: 3px 5px;
    border-bottom: 1px solid #eee;
    text-align: center; }
  #ui-datepicker-div .ui-state-active {
    padding: 0 10px;
    background: #00a6d3;
    background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
    background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
    background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #00a6d3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    display: block;
    padding: 3px 5px; }
    #ui-datepicker-div .ui-state-active:hover {
      background: #333;
      border-color: #000;
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
      -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }

/* TODO */
/*

- date picker - 30min
- dropdown - 30min
- checkbox - 15min
- radio - 15min
- error messages - done

*/
body {
  background: #eee; }

#landing {
  width: 960px;
  margin: 65px auto 20px;
  position: relative;
  z-index: 100;
  line-height: 20px; }
  #landing h1 {
    font-size: 24px;
    color: #00baec;
    line-height: 30px;
    margin: 0 0 20px; }
  #landing h2 {
    font-size: 18px;
    margin: 0 0 10px; }
  #landing h3 {
    font-size: 14px;
    margin: 0 0 10px; }
  #landing .error,
  #landing .newFormError {
    padding: 10px 15px !important;
    background: #c00;
    color: #fff;
    display: block;
    border-radius: 3px;
    margin-bottom: 20px;
    font-size: 14px;
    margin-left: 5px !important;
    margin-right: 5px !important; }
    #landing .error a,
    #landing .newFormError a {
      color: #fff;
      text-decoration: underline; }
  #landing .skip {
    padding: 0 20px;
    zoom: 1; }
    #landing .skip:after {
      content: "";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0; }
    #landing .skip a {
      float: left;
      padding: 0 10px;
      background: #00a6d3;
      background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
      background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
      color: #fff;
      border: none;
      cursor: pointer;
      border-radius: 3px;
      border: 1px solid #00a6d3;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
      padding: 10px 20px;
      font-size: 14px; }
      #landing .skip a:hover {
        background: #333;
        border-color: #000;
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
      #landing .skip a:hover {
        text-decoration: none; }
      #landing .skip a strong {
        font-size: 16px;
        margin-right: 5px; }
  #landing #choice {
    padding: 20px 0 0;
    background: #f6f6f6;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px; }
    #landing #choice h1 {
      background: url(../images/logo-evernote+shoeboxed.png) left top no-repeat;
      margin: 0 16px 10px;
      height: 57px;
      text-indent: -9999em; }
    #landing #choice h2 {
      padding: 20px; }
    #landing #choice img {
      display: block; }
    #landing #choice .steps {
      border-top: 1px solid #fff;
      margin: 0;
      padding: 0;
      zoom: 1;
      margin-bottom: 20px; }
      #landing #choice .steps:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0; }
      #landing #choice .steps li {
        float: left;
        width: 50%;
        padding: 10px 20px;
        margin: 0;
        list-style: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center; }
    #landing #choice p.have_an_envelope {
      zoom: 1;
      padding: 20px 20px 10px; }
      #landing #choice p.have_an_envelope:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0; }
    #landing #choice .have_an_envelope a {
      float: left;
      padding: 0 10px;
      background: #00a6d3;
      background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
      background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
      color: #fff;
      border: none;
      cursor: pointer;
      border-radius: 3px;
      border: 1px solid #00a6d3;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
      padding: 10px 20px;
      font-size: 14px; }
      #landing #choice .have_an_envelope a:hover {
        background: #333;
        border-color: #000;
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
      #landing #choice .have_an_envelope a:first-child {
        border-radius: 3px 0 0 3px; }
      #landing #choice .have_an_envelope a:last-child {
        padding: 0 10px;
        background: #595959;
        background: -moz-linear-gradient(top, #737373 0%, #595959 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #737373), color-stop(100%, #595959));
        background: -webkit-linear-gradient(top, #737373 0%, #595959 100%);
        background: -o-linear-gradient(top, #737373 0%, #595959 100%);
        background: -ms-linear-gradient(top, #737373 0%, #595959 100%);
        background: linear-gradient(top, #737373 0%, #595959 100%);
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #595959;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        padding: 10px 20px;
        border-radius: 0 3px 3px 0; }
        #landing #choice .have_an_envelope a:last-child:hover {
          background: #333;
          border-color: #000;
          -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
      #landing #choice .have_an_envelope a:hover {
        text-decoration: none; }
      #landing #choice .have_an_envelope a strong {
        display: block;
        font-size: 16px; }
    #landing #choice .go_to_account {
      padding: 10px 20px 30px; }
      #landing #choice .go_to_account a {
        padding: 0 10px;
        background: #00a6d3;
        background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
        background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #00a6d3;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        padding: 10px 20px;
        font-size: 14px;
        text-decoration: none; }
        #landing #choice .go_to_account a:hover {
          background: #333;
          border-color: #000;
          -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
    #landing #choice .token_form {
      background: #fff;
      margin-left: 20px;
      margin-bottom: 10px;
      margin-right: 20px;
      border-radius: 3px;
      border: 1px solid #e0e0e0;
      position: relative; }
      #landing #choice .token_form:before {
        content: "";
        position: absolute;
        left: 220px;
        top: -20px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom: 10px solid #e0e0e0; }
      #landing #choice .token_form .where_to_find {
        position: absolute;
        right: 0;
        top: 0;
        border: 3px solid #00baec;
        border-radius: 0 3px 3px 0; }
      #landing #choice .token_form p {
        padding: 20px 20px 10px; }
      #landing #choice .token_form li {
        padding: 5px 20px;
        list-style: none; }
      #landing #choice .token_form ul {
        margin: 0; }
      #landing #choice .token_form label {
        width: 150px;
        float: left;
        font-size: 12px;
        padding: 6px 0; }
        #landing #choice .token_form label.required {
          font-weight: bold; }
      #landing #choice .token_form input {
        padding: 5px;
        width: 240px;
        font-size: 14px; }
      #landing #choice .token_form button {
        padding: 0 10px;
        background: #00a6d3;
        background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
        background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #00a6d3;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        padding: 5px 10px;
        font-size: 14px; }
        #landing #choice .token_form button:hover {
          background: #333;
          border-color: #000;
          -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
      #landing #choice .token_form .submit {
        margin-left: 150px;
        padding-top: 10px;
        padding-bottom: 20px; }
  #landing #permission {
    width: 592px;
    display: table-cell;
    padding: 20px 0 0;
    background: #f6f6f6;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px 0 0 3px; }
    #landing #permission h1 {
      background: url(../images/logo-evernote+shoeboxed.png) left top no-repeat;
      margin: 0 16px 10px;
      height: 57px;
      text-indent: -9999em; }
    #landing #permission h2 {
      padding: 10px 20px; }
    #landing #permission .breadcrumbs {
      zoom: 1;
      padding: 0 20px;
      height: 20px;
      background: #ccc;
      margin-bottom: 30px;
      margin-top: 30px; }
      #landing #permission .breadcrumbs:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0; }
      #landing #permission .breadcrumbs em {
        float: left;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        color: #333;
        font-style: normal;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-right: 10px; }
      #landing #permission .breadcrumbs li {
        float: left;
        list-style: none;
        margin-right: 10px; }
      #landing #permission .breadcrumbs a, #landing #permission .breadcrumbs span {
        background: #fff;
        border: 2px solid #0092b9;
        float: left;
        height: 26px;
        width: 26px;
        margin-top: -5px;
        line-height: 26px;
        text-align: center;
        font-size: 12px;
        border-radius: 25px;
        text-decoration: none;
        font-weight: bold; }
        #landing #permission .breadcrumbs a.current, #landing #permission .breadcrumbs span.current {
          background: #00baec;
          color: #fff; }
      #landing #permission .breadcrumbs a.passed {
        background: #ccc;
        border-color: #aaa;
        color: #fff; }
    #landing #permission .grant_permission {
      padding: 10px 0; }
      #landing #permission .grant_permission a {
        padding: 0 10px;
        background: #418325;
        background: -moz-linear-gradient(top, #55ab31 0%, #418325 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #55ab31), color-stop(100%, #418325));
        background: -webkit-linear-gradient(top, #55ab31 0%, #418325 100%);
        background: -o-linear-gradient(top, #55ab31 0%, #418325 100%);
        background: -ms-linear-gradient(top, #55ab31 0%, #418325 100%);
        background: linear-gradient(top, #55ab31 0%, #418325 100%);
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #418325;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none; }
        #landing #permission .grant_permission a:hover {
          background: #333;
          border-color: #000;
          -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
    #landing #permission .forms li {
      list-style: none;
      padding: 5px 20px;
      zoom: 1; }
      #landing #permission .forms li:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0; }
      #landing #permission .forms li label {
        width: 120px;
        float: left;
        font-size: 12px;
        padding: 6px 0;
        margin-right: 10px;
        text-align: right; }
        #landing #permission .forms li label.required {
          font-weight: bold; }
      #landing #permission .forms li select {
        font-size: 14px; }
      #landing #permission .forms li input {
        padding: 5px;
        width: 200px;
        font-size: 14px; }
    #landing #permission p.submit {
      margin-left: 150px;
      padding-top: 10px;
      padding-bottom: 20px;
      margin-bottom: 0; }
      #landing #permission p.submit button, #landing #permission p.submit a {
        padding: 0 10px;
        background: #00a6d3;
        background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
        background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #00a6d3;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        padding: 5px 10px;
        font-size: 14px;
        text-decoration: none; }
        #landing #permission p.submit button:hover, #landing #permission p.submit a:hover {
          background: #333;
          border-color: #000;
          -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
    #landing #permission p {
      margin: 0 20px 20px; }
    #landing #permission .footer {
      border-top: 1px solid #fff;
      padding: 10px 20px 10px 45px;
      font-size: 12px;
      color: #666;
      background: url(../images/icn-lock.png) 20px 50% no-repeat; }
  #landing #payment_information {
    width: 592px;
    display: table-cell;
    vertical-align: top;
    padding: 20px 0 0;
    background: #f6f6f6;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px 0 0 3px; }
    #landing #payment_information.wide {
      display: block;
      padding-top: 0;
      width: auto;
      border-radius: 3px; }
      #landing #payment_information.wide h2 {
        text-align: left;
        padding: 20px 20px 10px !important;
        font-size: 24px;
        color: #00baec; }
    #landing #payment_information.plans {
      display: block;
      padding-top: 0;
      width: auto;
      border-radius: 3px; }
      #landing #payment_information.plans h2 {
        text-align: center;
        padding: 20px 20px 10px !important;
        font-size: 24px;
        color: #00baec; }
      #landing #payment_information.plans p {
        text-align: center;
        padding-bottom: 20px; }
      #landing #payment_information.plans th {
        padding: 20px 20px;
        text-align: center;
        background: #fff;
        color: #00baec;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd; }
      #landing #payment_information.plans td {
        padding: 10px 20px;
        text-align: center;
        border-bottom: 1px solid #ddd;
        font-size: 14px; }
      #landing #payment_information.plans .action a {
        padding: 0 10px;
        background: #00a6d3;
        background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
        background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #00a6d3;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        padding: 10px 20px;
        font-size: 14px; }
        #landing #payment_information.plans .action a:hover {
          background: #333;
          border-color: #000;
          -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
        #landing #payment_information.plans .action a:hover {
          text-decoration: none; }
      #landing #payment_information.plans .price td {
        font-size: 18px;
        font-weight: bold; }
      #landing #payment_information.plans .action td {
        padding: 20px; }
      #landing #payment_information.plans tr:last-child td {
        border-bottom: none;
        padding: 20px; }
    #landing #payment_information .breadcrumbs {
      zoom: 1;
      padding: 0 20px;
      height: 20px;
      background: #ccc;
      margin-bottom: 30px;
      margin-top: 30px; }
      #landing #payment_information .breadcrumbs:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0; }
      #landing #payment_information .breadcrumbs em {
        float: left;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        color: #333;
        font-style: normal;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-right: 10px; }
      #landing #payment_information .breadcrumbs li {
        float: left;
        list-style: none;
        margin-right: 10px; }
      #landing #payment_information .breadcrumbs a, #landing #payment_information .breadcrumbs span {
        background: #fff;
        border: 2px solid #0092b9;
        float: left;
        height: 26px;
        width: 26px;
        margin-top: -5px;
        line-height: 26px;
        text-align: center;
        font-size: 12px;
        border-radius: 25px;
        text-decoration: none;
        font-weight: bold; }
        #landing #payment_information .breadcrumbs a.current, #landing #payment_information .breadcrumbs span.current {
          background: #00baec;
          color: #fff; }
      #landing #payment_information .breadcrumbs a.passed {
        background: #ccc;
        border-color: #aaa;
        color: #fff; }
    #landing #payment_information h1 {
      background: url(../images/logo-evernote+shoeboxed.png) left top no-repeat;
      margin: 0 16px 10px;
      height: 57px;
      text-indent: -9999em; }
    #landing #payment_information h2 {
      padding: 10px 20px; }
    #landing #payment_information p {
      padding: 0 20px 20px; }
    #landing #payment_information .forms {
      margin-bottom: 20px; }
      #landing #payment_information .forms li {
        list-style: none;
        padding: 5px 20px;
        font-size: 12px;
        zoom: 1; }
        #landing #payment_information .forms li:after {
          content: "";
          display: block;
          clear: both;
          visibility: hidden;
          height: 0; }
        #landing #payment_information .forms li label {
          width: 120px;
          float: left;
          font-size: 12px;
          padding: 6px 0;
          margin-right: 10px;
          text-align: right; }
          #landing #payment_information .forms li label.required {
            font-weight: bold; }
        #landing #payment_information .forms li select {
          font-size: 14px; }
        #landing #payment_information .forms li input {
          padding: 5px;
          width: 200px;
          font-size: 14px; }
          #landing #payment_information .forms li input.small {
            width: 50px; }
    #landing #payment_information .forms + p {
      font-size: 12px;
      margin-left: 130px; }
    #landing #payment_information p.submit {
      padding-bottom: 20px;
      margin-bottom: 0;
      margin-left: 130px; }
      #landing #payment_information p.submit button, #landing #payment_information p.submit a {
        padding: 0 10px;
        background: #00a6d3;
        background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
        background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
        background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #00a6d3;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        padding: 5px 10px;
        font-size: 14px;
        text-decoration: none; }
        #landing #payment_information p.submit button:hover, #landing #payment_information p.submit a:hover {
          background: #333;
          border-color: #000;
          -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
    #landing #payment_information .footer {
      border-top: 1px solid #fff;
      padding: 10px 20px 10px 45px;
      font-size: 12px;
      color: #666;
      background: url(../images/icn-lock.png) 20px 50% no-repeat; }
  #landing #form {
    width: 592px;
    display: table-cell;
    padding: 20px 0 0;
    background: #f6f6f6;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px 0 0 3px; }
    #landing #form h1, #landing #form .submit, #landing #form p {
      padding: 0 20px; }
    #landing #form li {
      list-style: none;
      padding: 5px 20px; }
      #landing #form li label {
        width: 120px;
        float: left;
        font-size: 12px;
        padding: 6px 0;
        margin-right: 10px;
        text-align: right; }
        #landing #form li label.required {
          font-weight: bold; }
      #landing #form li input {
        padding: 5px;
        width: 240px;
        font-size: 14px; }
      #landing #form li input + label {
        float: none;
        margin-right: 0;
        padding-left: 24px;
        text-align: left;
        margin-left: 130px; }
    #landing #form ul {
      margin-bottom: 15px; }
    #landing #form ul + .submit {
      padding-left: 150px; }
    #landing #form strong {
      display: block; }
    #landing #form .help {
      position: absolute;
      font-size: 11px;
      background: #ccc;
      border-radius: 20px;
      margin-left: 5px;
      width: 20px;
      height: 20px;
      text-align: center;
      color: #fff;
      cursor: help; }
      #landing #form .help:hover {
        background: #999; }
    #landing #form .note {
      display: none;
      font-size: 12px;
      background: #fff;
      margin-left: 20px;
      margin-top: 0;
      margin-bottom: 10px;
      padding: 10px;
      margin-right: 20px;
      border-radius: 3px;
      border: 1px solid #e0e0e0;
      position: relative; }
      #landing #form .note:before {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom: 10px solid #e0e0e0; }
    #landing #form p {
      margin-bottom: 20px; }
    #landing #form .submit a, #landing #form .submit button {
      padding: 0 10px;
      background: #00a6d3;
      background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
      background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
      color: #fff;
      border: none;
      cursor: pointer;
      border-radius: 3px;
      border: 1px solid #00a6d3;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
      padding: 5px 10px;
      font-size: 14px; }
      #landing #form .submit a:hover, #landing #form .submit button:hover {
        background: #333;
        border-color: #000;
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
      #landing #form .submit a:hover, #landing #form .submit button:hover {
        text-decoration: none; }
    #landing #form .other_logins {
      border-top: 1px solid #fff;
      padding: 10px 20px;
      color: #666; }
      #landing #form .other_logins h2 {
        font-size: 14px; }
      #landing #form .other_logins p {
        padding: 0;
        margin: 0;
        height: 3em;
        line-height: 3em;
        font-size: 12px; }
        #landing #form .other_logins p a {
          margin-right: 20px; }
    #landing #form .footer {
      border-top: 1px solid #fff;
      padding: 10px 20px 10px 45px;
      font-size: 12px;
      color: #666;
      background: url(../images/icn-lock.png) 20px 50% no-repeat; }
  #landing #encouragement {
    width: 368px;
    display: table-cell;
    padding: 10px 20px;
    background: #f6f6f6;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 0 3px 3px 0; }
    #landing #encouragement ul {
      counter-reset: encouragement 0;
      list-style: none; }
    #landing #encouragement li {
      position: relative;
      list-style: none;
      padding: 10px 0 10px 40px;
      font-size: 12px; }
    #landing #encouragement li:before {
      counter-increment: encouragement 1;
      content: counter(encouragement, decimal);
      background: #999;
      position: absolute;
      border-radius: 30px;
      height: 30px;
      width: 30px;
      font-size: 11px;
      font-weight: bold;
      line-height: 30px;
      text-align: center;
      opacity: 0.8;
      color: #fff;
      left: 0;
      top: 50%;
      margin-top: -15px; }
    #landing #encouragement ul.bullets li {
      padding: 10px 0 10px 20px; }
    #landing #encouragement ul.bullets li:before {
      content: "";
      width: 10px;
      height: 10px;
      top: 50%; }
    #landing #encouragement p {
      font-size: 14px;
      margin-bottom: 10px; }
    #landing #encouragement p + p {
      padding-top: 10px; }
    #landing #encouragement ul {
      margin-bottom: 20px; }
    #landing #encouragement ul + p a {
      padding: 0 10px;
      background: #00a6d3;
      background: -moz-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06caff), color-stop(100%, #00a6d3));
      background: -webkit-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -o-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: -ms-linear-gradient(top, #06caff 0%, #00a6d3 100%);
      background: linear-gradient(top, #06caff 0%, #00a6d3 100%);
      color: #fff;
      border: none;
      cursor: pointer;
      border-radius: 3px;
      border: 1px solid #00a6d3;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
      padding: 5px 10px;
      font-size: 12px;
      text-decoration: none; }
      #landing #encouragement ul + p a:hover {
        background: #333;
        border-color: #000;
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
    #landing #encouragement blockquote {
      padding: 20px;
      margin-top: 40px;
      border-radius: 3px;
      background: #fff; }
      #landing #encouragement blockquote p {
        font-size: 16px; }
      #landing #encouragement blockquote cite {
        font-size: 12px;
        color: #999; }
    #landing #encouragement blockquote + blockquote {
      margin-top: 20px; }
  #landing #press {
    clear: both;
    width: 960px;
    padding: 40px 0 20px;
    text-align: center; }
    #landing #press h2 {
      font-size: 12px;
      text-transform: uppercase; }
    #landing #press li {
      list-style: none;
      display: inline;
      margin: 0 5px; }
    #landing #press a {
      opacity: 0.7; }
      #landing #press a:hover {
        opacity: 1; }

.ie8 #landing {
  border: 1px solid #bbb !important; }