@import url("reset.css");
body#brochure {
  background: url("../images/c-130/content-background.gif"); }

#mce-EMAIL {
  font-size: 16px;
  line-height: 16px;
  width: 300px;
  margin-bottom: 0px;
  border: 1px solid #c9c9ba;
  text-align: center; }

.mce_inline_error {
  font-size: 12px;
  margin-top: 3px; }

.mce-success-response, .mce-error-response {
  font-size: 12px;
  margin-top: 3px; }

#mc-embedded-subscribe {
  margin: 15px auto 0 auto;
  width: 100px; }

fieldset {
  width: 400px;
  margin: 0 auto;
  text-align: center; }

#mc-embedded-subscribe-form {
  margin: 30px auto 15px auto;
  background: rgba(105, 73, 54, 0.1);
  padding: 10px;
  width: 400px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mc-field-group {
  margin: 0 auto;
  width: 400px; }

#content.coming-soon {
  text-align: center;
  min-height: 400px; }
  #content.coming-soon .big-plane {
    background: url("../images/c-130/brochure/big-plane.png") no-repeat;
    width: 562px;
    height: 325px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    left: 20px; }
  #content.coming-soon .coming-soon-headline {
    background: url("../images/c-130/brochure/coming-soon-headline.png") no-repeat;
    margin: 0 auto;
    margin-top: 20px;
    width: 695px;
    height: 42px;
    position: relative;
    left: -5px; }
  #content.coming-soon p {
    margin-top: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #3b3532;
    position: relative;
    left: -5px; }
    #content.coming-soon p a {
      font-weight: bold;
      color: #1492bc;
      text-decoration: underline; }

.nav {
  position: fixed;
  top: 0px;
  height: 24px;
  z-index: 10000000000;
  width: 100%;
  text-align: center; }
  .nav .login-dropdown {
    position: absolute;
    top: 21px;
    right: 0;
    text-align: left;
    padding: 10px;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 2px solid #fff;
    z-index: 10000000; }
    .nav .login-dropdown #user_remember_me {
      float: left; }
  .nav .nav-outer-container {
    background: #333333; }
  .nav .nav-inner-container {
    width: 1000px;
    margin: 0 auto; }
  .nav .nav-items {
    padding: 5px; }
  .nav ul {
    margin: 0 auto; }
    .nav ul.left {
      float: left; }
    .nav ul.right {
      float: right; }
  .nav li {
    float: left;
    margin-right: 5px; }
    .nav li.login {
      position: relative; }
      .nav li.login a {
        background: #a8480e;
        z-index: 100000000; }
        .nav li.login a:hover {
          background: #a8480e; }
    .nav li a {
      background: #138eb7;
      display: block;
      text-align: center;
      padding: 4px 20px;
      color: #fff;
      font-size: 16px;
      font-weight: normal;
      text-decoration: none; }
      .nav li a:hover {
        background: #17a8d8; }
      .nav li a.active {
        background: #a8480e; }
      .nav li a.login-active {
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background: #f7f7f7;
        color: #47555C;
        position: relative; }
        .nav li a.login-active:hover {
          background: #f7f7f7; }
  .nav .nav-shadow {
    margin: 0;
    padding: 0;
    width: 100%;
    background: url("../images/c-130/brochure/nav-shadow.png") repeat-x;
    height: 4px; }

#inner-footer {
  width: 1000px;
  margin: 0 auto;
  padding: 10px; }
  #inner-footer .footer-left {
    float: left; }
  #inner-footer h6 {
    text-shadow: none;
    font-weight: normal;
    padding-top: 38px;
    font-size: 16px;
    color: #3C6177; }
  #inner-footer .links {
    list-style: none;
    padding-top: 10px; }
  #inner-footer .link {
    float: left;
    margin-right: 15px; }
    #inner-footer .link a {
      color: #3C6177;
      font-size: 14px; }
  #inner-footer .copyright {
    margin-top: 15px;
    text-align: left;
    color: #3C6177;
    float: left;
    font-size: 12px; }
  #inner-footer .logo-sepia {
    background: url("../images/c-130/brochure/logo-small-sepia.png") no-repeat;
    width: 144px;
    height: 143px;
    float: left;
    margin: 0 30px 0 40px; }

#outer-footer {
  border-top: 1px solid #000;
  background: #09293d;
  position: absolute;
  bottom: 0;
  width: 100%; }

#content.home-page {
  text-align: center; }
  #content.home-page .headline-band {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    top: 88px;
    height: 103px;
    z-index: 0;
    width: 100%; }
  #content.home-page .outer-container#outer-pad {
    height: 100px; }
  #content.home-page .outer-container#outer-top {
    padding-bottom: 5px; }
  #content.home-page .outer-container#outer-featured-on {
    background: rgba(255, 255, 255, 0.25);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 20px; }
  #content.home-page .outer-container#outer-features {
    background: url("../images/c-130/content-background.gif");
    border-bottom: 1px solid #ccc; }
  #content.home-page .outer-container#outer-pricing {
    background: url("../images/c-130/brochure/map-crosshatch.gif");
    border-bottom: 1px solid #ccc; }
  #content.home-page .outer-container#outer-signup {
    background: url("../images/c-130/content-background.gif"); }
  #content.home-page .outer-container#outer-footer {
    border-top: 1px solid #000;
    background: #09293d; }
  #content.home-page .blurbs {
    margin-top: 20px; }
    #content.home-page .blurbs .blurb {
      position: relative;
      left: -300px;
      width: 250px;
      text-align: left;
      margin-bottom: 8px;
      padding: 8px 10px 8px 300px;
      background: rgba(218, 206, 188, 0.4); }
      #content.home-page .blurbs .blurb h4 {
        font-family: "atrament-web-1","atrament-web-2", Tahoma, Arial, Helvetica, sans-serif;
        font-size: 18px;
        text-shadow: 0 1px 0px #fff; }
        #content.home-page .blurbs .blurb h4.dropbox {
          background: url("../images/c-130/brochure/dropbox-icon.png") no-repeat 145px 0;
          display: block;
          line-height: 27px; }
      #content.home-page .blurbs .blurb p {
        padding: 10px 0 0 0;
        text-align: left;
        font-size: 14px;
        line-height: 16px;
        color: #555; }
  #content.home-page #outer-footer {
    position: static; }
  #content.home-page .inner-container {
    width: 1000px;
    margin: 0 auto;
    position: relative; }
    #content.home-page .inner-container#inner-top .left-side {
      top: -45px;
      left: 25px;
      position: absolute; }
    #content.home-page .inner-container#inner-top .screenshots {
      background: url("../images/c-130/brochure/screenshot-large-more-shadow.png") no-repeat;
      width: 597px;
      height: 357px;
      margin: 21px auto 10px auto; }
    #content.home-page .inner-container#inner-top .right-side {
      float: right;
      position: relative;
      margin: 0;
      width: 750px; }
      #content.home-page .inner-container#inner-top .right-side hr {
        margin: 3px 30px;
        border: 0;
        height: 1px;
        background: #eaeae0; }
      #content.home-page .inner-container#inner-top .right-side .headline {
        font-family: "adelle-1","adelle-2", Georgia, Times, serif;
        font-size: 42px;
        font-weight: normal;
        text-shadow: none;
        color: #472204;
        line-height: 50px; }
      #content.home-page .inner-container#inner-top .right-side .sub-headline {
        font-family: "adelle-1","adelle-2", Georgia, Times, serif;
        font-size: 24px;
        font-weight: normal;
        text-shadow: none;
        color: #138bb2;
        margin-bottom: 48px;
        text-shadow: 0 1px 0px #fff; }
      #content.home-page .inner-container#inner-top .right-side .action-button {
        width: 100%;
        padding: 5px 30px;
        -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid #b33610;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-family: "adelle-1","adelle-2", Georgia, Times, serif;
        text-decoration: none;
        font-size: 22px;
        background: #d74012;
        background: -webkit-gradient(linear, left top, left bottom, from(#f07752), to(#d74012));
        background: -moz-linear-gradient(top, #f07752, #d74012);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0775290', endColorstr='#d7401290');
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); }
        #content.home-page .inner-container#inner-top .right-side .action-button:hover {
          background: -webkit-gradient(linear, left top, left bottom, from(#ff8863), to(#d74012));
          background: -moz-linear-gradient(top, #ff8863, #d74012);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8863', endColorstr='#d74012'); }
        #content.home-page .inner-container#inner-top .right-side .action-button:active {
          -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px white, inset 0px 1px 1px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px white, inset 0px 1px 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px white, inset 0px 1px 1px rgba(255, 255, 255, 0.3); }
    #content.home-page .inner-container#inner-featured-on {
      padding: 10px 0;
      text-align: left; }
      #content.home-page .inner-container#inner-featured-on h6 {
        margin-left: 32px;
        font-family: "atrament-web-1","atrament-web-2", Tahoma, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333; }
      #content.home-page .inner-container#inner-featured-on .logo-bar {
        margin: 0 auto;
        background: url("../images/c-130/brochure/featured-on-logos.png") no-repeat;
        width: 825px;
        height: 56px; }
    #content.home-page .inner-container#inner-features {
      text-align: center;
      padding-top: 15px; }
      #content.home-page .inner-container#inner-features .map {
        background: url("../images/c-130/brochure/world-map.jpg") no-repeat;
        width: 947px;
        height: 481px;
        text-align: center;
        margin: 30px auto 0 auto;
        padding: 25px 0 0 0; }
        #content.home-page .inner-container#inner-features .map .features {
          margin: 0 auto;
          padding-left: 40px;
          list-style: none; }
        #content.home-page .inner-container#inner-features .map .feature {
          float: left;
          width: 280px;
          padding: 10px; }
        #content.home-page .inner-container#inner-features .map .feature-icon {
          width: 30px;
          height: 30px;
          float: left;
          margin-right: 5px;
          background: url("../images/c-130/brochure/feature-icons.png") no-repeat; }
          #content.home-page .inner-container#inner-features .map .feature-icon.dropbox {
            background-position: 0 0; }
          #content.home-page .inner-container#inner-features .map .feature-icon.package {
            background-position: 0 -30px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.request {
            background-position: 0 -60px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.share {
            background-position: 0 -90px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.one-time {
            background-position: 0 -120px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.custom-page {
            background-position: 0 -150px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.lock {
            background-position: 0 -180px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.cloud {
            background-position: 0 -210px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.calendar-mark {
            background-position: 0 -240px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.logo {
            background-position: 0 -270px; }
          #content.home-page .inner-container#inner-features .map .feature-icon.infinity {
            background-position: 0 -300px; }
        #content.home-page .inner-container#inner-features .map .feature-headline {
          color: #09293d;
          font-weight: bold;
          font-size: 16px;
          float: left;
          padding-top: 7px; }
        #content.home-page .inner-container#inner-features .map .feature-description {
          text-align: left;
          margin: 5px 0 0 3px;
          color: #545c60;
          font-size: 14px;
          line-height: 18px; }
    #content.home-page .inner-container#inner-pricing {
      padding: 70px 0 10px 0; }
      #content.home-page .inner-container#inner-pricing .pricing-left {
        float: left;
        width: 333px;
        margin-right: 70px; }
        #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card {
          background: url("../images/c-130/brochure/pricing-card.png") no-repeat;
          width: 377px;
          height: 488px;
          padding-top: 8px; }
          #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-icon {
            width: 31px; }
            #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-icon.star {
              background: url("../images/c-130/brochure/pricing-icons.png") no-repeat;
              height: 22px;
              background-position: 0 0; }
            #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-icon.checkmark {
              background: url("../images/c-130/brochure/pricing-icons.png") no-repeat;
              height: 24px;
              background-position: 0 -22px; }
          #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-head {
            position: relative;
            margin: 0 10px 0 10px;
            background: #816d55;
            padding: 8px 0 8px 0; }
            #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-head h5 a {
              color: #fff;
              text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
              text-decoration: none;
              font-weight: bold; }
            #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-head .star {
              position: absolute; }
              #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-head .star.left {
                top: 6px;
                left: 3px; }
              #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-head .star.right {
                top: 6px;
                right: 3px; }
          #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-price {
            margin: 15px 0;
            text-align: center;
            font-weight: bold;
            color: #64605c; }
            #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-price .price {
              font-weight: bold;
              font-size: 42px; }
            #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-price .interval {
              font-size: 14px; }
          #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-items {
            list-style: none; }
            #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-items .pricing-card-item {
              font-size: 18px;
              color: #64605c;
              padding: 10px 0px 10px 10px;
              margin: 0 10px 0 10px;
              border-top: 1px solid #eae4de;
              text-align: left; }
              #content.home-page .inner-container#inner-pricing .pricing-left .pricing-card .pricing-card-items .pricing-card-item .checkmark {
                float: left;
                margin-right: 10px; }
      #content.home-page .inner-container#inner-pricing .pricing-right {
        text-align: left;
        float: left;
        width: 570px;
        color: #4b433d;
        position: relative;
        top: -20px; }
        #content.home-page .inner-container#inner-pricing .pricing-right h2 {
          color: #4b433d;
          font-family: Helvetica, Arial, sans-serif;
          margin-bottom: 10px; }
        #content.home-page .inner-container#inner-pricing .pricing-right h6 {
          color: #4b433d;
          margin-top: 35px; }
        #content.home-page .inner-container#inner-pricing .pricing-right p {
          color: #4b433d;
          margin-top: 8px;
          font-family: Georgia, Times, serif;
          font-size: 14px;
          line-height: 20px; }
          #content.home-page .inner-container#inner-pricing .pricing-right p a {
            color: #4b433d;
            font-weight: bold; }
    #content.home-page .inner-container#inner-signup {
      text-align: center;
      padding: 45px 0 0 0; }
      #content.home-page .inner-container#inner-signup .alert {
        text-align: left;
        margin: 0 auto;
        background: rgba(218, 206, 188, 0.4);
        padding: 20px;
        -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
        #content.home-page .inner-container#inner-signup .alert .icon {
          float: left;
          margin-right: 20px; }
        #content.home-page .inner-container#inner-signup .alert .message {
          float: left; }
        #content.home-page .inner-container#inner-signup .alert li {
          padding-bottom: 5px; }
      #content.home-page .inner-container#inner-signup h4, #content.home-page .inner-container#inner-signup h1 {
        font-size: 22px;
        font-weight: bold;
        color: #472204;
        font-family: Helvetica, Arial, sans-serif;
        margin-bottom: 15px; }
      #content.home-page .inner-container#inner-signup h1 {
        margin: 0 auto 15px 0;
        text-align: center;
        font-size: 28px; }
      #content.home-page .inner-container#inner-signup label {
        color: #472204;
        font-weight: normal; }
      #content.home-page .inner-container#inner-signup input[type=text], #content.home-page .inner-container#inner-signup input[type=password] {
        font-size: 16px;
        line-height: 16px;
        width: 300px;
        margin-bottom: 15px;
        border: 1px solid #c9c9ba; }
        #content.home-page .inner-container#inner-signup input[type=text]#address_address1, #content.home-page .inner-container#inner-signup input[type=password]#address_address1 {
          display: block;
          margin-bottom: 4px; }
        #content.home-page .inner-container#inner-signup input[type=text]#billing_cvv, #content.home-page .inner-container#inner-signup input[type=password]#billing_cvv {
          width: 40px; }
        #content.home-page .inner-container#inner-signup input[type=text]#address_zip, #content.home-page .inner-container#inner-signup input[type=password]#address_zip {
          width: 100px; }
        #content.home-page .inner-container#inner-signup input[type=text]#username, #content.home-page .inner-container#inner-signup input[type=password]#username {
          width: 175px;
          text-align: left; }
        #content.home-page .inner-container#inner-signup input[type=text]#billing_card_number, #content.home-page .inner-container#inner-signup input[type=password]#billing_card_number {
          width: 180px; }
      #content.home-page .inner-container#inner-signup #card-group #card-number {
        float: left;
        padding-right: 8px; }
      #content.home-page .inner-container#inner-signup #card-group #cvv_group {
        float: left;
        padding-right: 8px; }
      #content.home-page .inner-container#inner-signup #card-group #expiration_group {
        float: left; }
        #content.home-page .inner-container#inner-signup #card-group #expiration_group .elements {
          padding-top: 5px; }
      #content.home-page .inner-container#inner-signup input[type=submit] {
        margin: 20px 0 20px 0;
        width: 250px;
        height: 40px; }
      #content.home-page .inner-container#inner-signup #prepping {
        margin: 20px 0 20px 0;
        width: 230px;
        height: 30px;
        line-height: 30px;
        text-shadow: none; }
      #content.home-page .inner-container#inner-signup select {
        margin-bottom: 15px; }
      #content.home-page .inner-container#inner-signup #signup-section {
        margin: 0 auto;
        width: 900px; }
      #content.home-page .inner-container#inner-signup .account-info {
        margin-top: 30px;
        float: left;
        margin-right: 50px;
        height: 390px;
        width: 360px;
        background: #f9f9f0;
        padding: 30px;
        text-align: left;
        -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
      #content.home-page .inner-container#inner-signup .billing-info {
        text-align: left;
        background: #f9f9f0;
        float: left;
        margin: 30px 0 50px 0;
        padding: 30px 30px 0 30px;
        width: 370px;
        -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
        #content.home-page .inner-container#inner-signup .billing-info .terms {
          margin-top: 10px; }
          #content.home-page .inner-container#inner-signup .billing-info .terms a {
            color: #333; }
        #content.home-page .inner-container#inner-signup .billing-info .signup-info {
          margin-top: 10px;
          line-height: 20px; }
  #content.home-page .logo {
    background: url("../images/c-130/brochure/airdropper-logo.png") no-repeat;
    width: 224px;
    height: 224px;
    z-index: 1; }

.clear-both {
  clear: both; }
  .clear-both.space50 {
    height: 50px; }
  .clear-both.space35 {
    height: 35px; }

#no-mans-land {
  float: right;
  height: 28px;
  margin: 5px 0;
  position: relative; }

#plane-letter-pressed {
  background: url("../images/c-130/plane-letter-pressed.png") no-repeat;
  width: 27px;
  height: 28px;
  margin: 0px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.who-am-i {
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  padding: 0px 8px 0px 8px;
  margin: 0px 8px 0px 6px;
  background: #dad6ac;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-width: 100px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  top: -10px;
  cursor: default; }

.sidebar {
  float: right; }

.no-packages-yet {
  background: url("../images/c-130/no-packages.png") no-repeat;
  width: 260px;
  height: 143px;
  margin: 0 auto; }

.no-packages {
  margin-top: 30px;
  line-height: 20px;
  text-align: center;
  color: #777; }

.no-packages-after-delete {
  font-size: 18px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif; }

.card {
  margin: 0px auto; }
  .card .card-middle {
    padding: 20px 25px;
    position: relative; }
  .card.main-with-sidebar {
    width: 634px;
    float: left; }
  .card.sidebar {
    width: 272px; }
  .card.medium {
    width: 555px; }
  .card.large {
    width: 911px; }
  .card.outsider {
    width: 704px; }

.no-boxshadow #content.package-request-show .main-with-sidebar .card-middle {
  padding: 0 7px; }
.no-boxshadow .card.main-with-sidebar .card-top {
  background: url("../images/c-130/card-medium-large-top.png") no-repeat;
  height: 6px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.main-with-sidebar .card-middle {
  padding: auto 7px;
  background: url("../images/c-130/card-medium-large-middle.png") repeat-y;
  margin: 0px;
  _height: 1px; }
.no-boxshadow .card.main-with-sidebar .card-bottom {
  background: url("../images/c-130/card-medium-large-bottom.png") no-repeat;
  height: 10px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.sidebar .card-top {
  background: url("../images/c-130/card-sidebar-top.png") no-repeat;
  height: 5px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.sidebar .card-middle {
  background: url("../images/c-130/card-sidebar-middle.png") repeat-y;
  margin: 0px;
  _height: 1px; }
.no-boxshadow .card.sidebar .card-bottom {
  background: url("../images/c-130/card-sidebar-bottom.png") no-repeat;
  height: 9px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.medium .card-top {
  background: url("../images/c-130/card-medium-top.png") no-repeat;
  height: 9px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.medium .card-middle {
  background: url("../images/c-130/card-medium-middle.png") repeat-y;
  margin: 0px;
  _height: 1px; }
.no-boxshadow .card.medium .card-bottom {
  background: url("../images/c-130/card-medium-bottom.png") no-repeat;
  height: 12px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.large .card-top {
  background: url("../images/c-130/card-large-top.png") no-repeat;
  height: 6px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.large .card-middle {
  background: url("../images/c-130/card-large-middle.png") repeat-y;
  margin: 0px;
  _height: 1px; }
.no-boxshadow .card.large .card-bottom {
  background: url("../images/c-130/card-large-bottom.png") no-repeat;
  height: 12px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.outsider .card-top {
  background: url("../images/c-130/card-700-top.png") no-repeat;
  height: 6px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }
.no-boxshadow .card.outsider .card-middle {
  background: url("../images/c-130/card-700-middle.png") repeat-y;
  margin: 0px;
  _height: 1px; }
.no-boxshadow .card.outsider .card-bottom {
  background: url("../images/c-130/card-700-bottom.png") no-repeat;
  height: 10px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px; }

.boxshadow .card {
  background-color: #f7f7f7;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px 2px 2px white;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
.boxshadow .card-middle {
  padding: 25px; }

.borderradius .card {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.giant-toggle {
  margin: 0 auto;
  background: url("../images/c-130/giant-toggle-background-with-space.png") no-repeat;
  width: 556px;
  height: 69px;
  position: relative; }
  .giant-toggle .toggle-container {
    font-family: "lemonde-courrier-1","lemonde-courrier-2", Georgia, Times, serif;
    position: absolute;
    top: 8px;
    left: 5px;
    width: 545px;
    height: 57px;
    background: url("../images/c-130/toggle-sprite-middle-space.png") 0px 0px no-repeat;
    color: #fff;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4); }
    .giant-toggle .toggle-container .left {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 267px;
      height: 57px;
      line-height: 54px;
      color: #fff;
      font-weight: bold;
      text-decoration: none; }
      .giant-toggle .toggle-container .left.active {
        color: #e6ebed;
        text-shadow: 0px -1px 3px black;
        background: url("../images/c-130/toggle-sprite-middle-space.png") 0px -57px no-repeat; }
    .giant-toggle .toggle-container .spacer {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 10px;
      height: 57px;
      background: url("../images/c-130/toggle-sprite-middle-space.png") 267px 0px no-repeat; }
    .giant-toggle .toggle-container .right {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 267px;
      height: 57px;
      line-height: 54px;
      color: #fff;
      font-weight: bold;
      text-decoration: none; }
      .giant-toggle .toggle-container .right.active {
        color: #e6ebed;
        text-shadow: 0px -1px 3px black;
        background: url("../images/c-130/toggle-sprite-middle-space.png") -278px -57px no-repeat; }

.no-textshadow .giant-toggle .toggle-container .left {
  color: #abaa9f; }
  .no-textshadow .giant-toggle .toggle-container .left.active {
    color: #e6ebed; }
.no-textshadow .giant-toggle .toggle-container .right {
  color: #abaa9f; }
  .no-textshadow .giant-toggle .toggle-container .right.active {
    color: #e6ebed; }

table.info {
  background: #f3f4ed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fffffe), to(#f3f4ed));
  background: -moz-linear-gradient(top, #fffffe, #f3f4ed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffe', endColorstr='#f3f4ed');
  font-family: Helvetica, Arial, sans-serif;
  color: #706e61;
  text-shadow: 0 1px 1px white;
  width: 92%;
  margin: 0 auto 0 auto;
  font-weight: bold;
  border: 1px solid #d2d2d2;
  border-collapse: separate;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  table.info tr .content {
    padding: 5px; }
  table.info tr td {
    padding-left: 25px;
    border-top: 1px solid #e3e3e3;
    font-weight: bold;
    height: 30px;
    line-height: 30px; }
    table.info tr td .value-container {
      display: inline;
      font-weight: bold; }
  table.info tr.first td {
    border-top: 0; }
  table.info tr.last td {
    border-bottom: 0; }
  table.info tr .title {
    cursor: default;
    font-weight: bold;
    color: #706e61;
    margin-right: 10px;
    padding-right: 20px;
    zoom: 1;
    *display: inline;
    border-right: 1px solid #e3e3e3; }
    table.info tr .title.with-icon {
      padding-left: 23px; }
    table.info tr .title.circle-star {
      height: 17px;
      line-height: 30px;
      background: url("../images/c-130/package-info-icons.png") 0px 0px no-repeat; }
    table.info tr .title.calendar {
      height: 19px;
      line-height: 30px;
      background: url("../images/c-130/package-info-icons.png") 0px -17px no-repeat; }
    table.info tr .title.link {
      height: 18px;
      line-height: 30px;
      background: url("../images/c-130/package-info-icons.png") 0px -36px no-repeat; }
  table.info tr .value {
    cursor: default; }
    table.info tr .value.important {
      background-color: #f4f2db; }
  table.info tr .action {
    height: 30px;
    width: 57px;
    vertical-align: top; }

ul.buttons li {
  margin-bottom: 5px; }
ul.files {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0; }
  ul.files li {
    padding: 4px 5px; }
    ul.files li .file-item {
      float: left; }
      ul.files li .file-item.name {
        width: 40%;
        text-decoration: underline; }
      ul.files li .file-item.size {
        font-family: "lemonde-courrier-1","lemonde-courrier-2", Georgia, Times, serif;
        color: #aaa;
        width: 30%; }
      ul.files li .file-item.action {
        float: right; }
        ul.files li .file-item.action a.file-delete-link {
          display: block;
          width: 11px;
          height: 11px;
          background: url("../images/c-130/small-red-x.png") no-repeat;
          cursor: pointer; }
    ul.files li.odd {
      background-color: #eef1f5; }
ul.vouchers {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0; }
  ul.vouchers li {
    font-sie: 12px;
    padding: 4px 5px; }
    ul.vouchers li .voucher-item {
      float: left; }
      ul.vouchers li .voucher-item.name {
        width: 45%;
        text-decoration: underline; }
        ul.vouchers li .voucher-item.name a {
          cursor: pointer; }
      ul.vouchers li .voucher-item.type {
        width: 20%; }
      ul.vouchers li .voucher-item.created_date {
        font-family: "lemonde-courrier-1","lemonde-courrier-2", Georgia, Times, serif;
        color: #aaa;
        width: 25%; }
      ul.vouchers li .voucher-item.status {
        width: 7%; }
        ul.vouchers li .voucher-item.status.pending {
          color: #b4b600; }
        ul.vouchers li .voucher-item.status.complete {
          color: #547e18; }
        ul.vouchers li .voucher-item.status.canceled {
          color: #c92700; }
      ul.vouchers li .voucher-item.action {
        float: right; }
        ul.vouchers li .voucher-item.action a.delete-link {
          display: block;
          width: 11px;
          height: 11px;
          background: url("../images/c-130/small-red-x.png") no-repeat;
          cursor: pointer; }
    ul.vouchers li.odd {
      background-color: #eef1f5; }

.destinations .delete-destination {
  background: url("../images/c-130/cancel.png") no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer; }
.destinations .logo {
  margin: 0 auto; }
  .destinations .logo.dropbox {
    background: url("../images/c-130/dropbox_logo.gif") no-repeat;
    width: 67px;
    height: 60px; }
.destinations li {
  float: left;
  margin: 10px 30px 10px 10px;
  padding: 10px;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 120px;
  position: relative; }
.destinations .destination-detail {
  padding: 65px 0 0 0px;
  font-size: 16px; }
.destinations .button {
  margin-top: 8px;
  width: 20px; }
.destinations .name {
  font-size: 12px;
  margin-top: 10px;
  background: #dde8f2;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

html {
  overflow-y: scroll;
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-color: #3c6177;
  font-line-height: 18px; }

a:visited {
  color: #1d4d7a; }

body {
  font-size: 100%;
  line-height: 1.0;
  min-height: 100%;
  position: relative;
  background-color: #f2f0eb;
  background: url("../images/c-130/content-background.gif"); }

#big-container {
  width: 100%;
  padding-bottom: 200px; }

#little-container {
  width: 920px;
  height: 100%;
  margin: 0 auto; }

h1, h2 {
  font-family: "lemonde-courrier-1","lemonde-courrier-2", Georgia, Times, serif;
  font-size: 30px;
  font-weight: bold;
  color: #3b3b3b;
  text-shadow: 0 1px 1px #fff; }

h3, h4 {
  font-family: "lemonde-courrier-1","lemonde-courrier-2", Georgia, Times, serif;
  font-size: 22px;
  font-weight: bold;
  color: #3c6177;
  text-shadow: 0 1px 1px #fff; }

h5, h6 {
  font-size: 18px;
  font-weight: bold;
  color: #47555C;
  text-shadow: 0 1px 1px #fff; }

p {
  margin-bottom: 8px; }

hr {
  border: 0;
  background: #ddd;
  height: 1px; }

.spinner {
  background: url("../images/c-130/ajax-loader.gif") no-repeat;
  width: 16px;
  height: 16px; }

.question {
  background: url("../images/c-130/question.png") no-repeat;
  width: 18px;
  height: 18px; }

.question-label label {
  float: left; }
.question-label .question {
  display: block;
  float: left;
  position: relative;
  margin-left: 10px; }

.alert .icon {
  background: url("../images/c-130/alert-icons.gif") no-repeat;
  width: 26px;
  height: 24px;
  float: left;
  margin-right: 10px; }
  .alert .icon.exclamation {
    background-position: 0 0; }
  .alert .icon.check {
    background-position: 0 -24px; }
.alert .message {
  color: #c64a47;
  font-weight: bold;
  padding-top: 0px;
  line-height: 18px;
  position: relative;
  top: 3px; }
  .alert .message.success {
    color: #7f9b0a; }

.loading {
  background: url("../images/ajax-loader.gif");
  width: 16px;
  height: 16px; }

.number-box {
  background-color: #D8DFEA;
  color: #324f61;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  padding: 1px 2px;
  line-height: 14px;
  min-width: 12px;
  float: left;
  margin-right: 4px;
  position: relative;
  top: -2px; }

.button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
  display: block;
  cursor: pointer;
  text-decoration: none;
  padding: 3px 8px;
  min-width: 100px;
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 1px rgba(255, 255, 255, 0.3);
  border: 1px solid #777; }
  .button:visited {
    color: #fff; }
  .button.blue {
    border: 1px solid #314f5b;
    background: #2e5167;
    background: -webkit-gradient(linear, left top, left bottom, from(#7c94a4), to(#2e5167));
    background: -moz-linear-gradient(top, #7c94a4, #2e5167);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c94a4', endColorstr='#2e5167'); }
    .button.blue:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#8da5b5), to(#2e5167));
      background: -moz-linear-gradient(top, #8da5b5, #2e5167);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8da5b5', endColorstr='#2e5167'); }
  .button.dark-blue {
    border: 1px solid #24607e;
    background: #2f5165;
    background: -webkit-gradient(linear, left top, left bottom, from(#89bcd5), to(#2f5165));
    background: -moz-linear-gradient(top, #89bcd5, #2f5165);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89bcd5', endColorstr='#2f5165'); }
    .button.dark-blue:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#9acde6), to(#2f5165));
      background: -moz-linear-gradient(top, #9acde6, #2f5165);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9acde6', endColorstr='#2f5165'); }
  .button.request-red {
    border: 1px solid #530e16;
    background: #b61a24;
    background: -webkit-gradient(linear, left top, left bottom, from(#d55860), to(#b61a24));
    background: -moz-linear-gradient(top, #d55860, #b61a24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d55860', endColorstr='#b61a24'); }
    .button.request-red:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#e66971), to(#b61a24));
      background: -moz-linear-gradient(top, #e66971, #b61a24);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e66971', endColorstr='#b61a24'); }
  .button.green {
    border: 1px solid #788d2f;
    background: #9fba3e;
    background: -webkit-gradient(linear, left top, left bottom, from(#cce089), to(#9fba3e));
    background: -moz-linear-gradient(top, #cce089, #9fba3e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce089', endColorstr='#9fba3e'); }
    .button.green:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#ddf19a), to(#9fba3e));
      background: -moz-linear-gradient(top, #ddf19a, #9fba3e);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce089', endColorstr='#9fba3e'); }
  .button.red {
    border: 1px solid #971818;
    background: -webkit-gradient(linear, left top, left bottom, from(#e97474), to(#c72020));
    background: -moz-linear-gradient(top, #e97474, #c72020);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e97474', endColorstr='#c72020'); }
    .button.red:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#fa8585), to(#c72020));
      background: -moz-linear-gradient(top, #fa8585, #c72020);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e97474', endColorstr='#c72020'); }
  .button.orange {
    border: 1px solid #b33610;
    background: #d74012;
    background: -webkit-gradient(linear, left top, left bottom, from(#f07752), to(#d74012));
    background: -moz-linear-gradient(top, #f07752, #d74012);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0775290', endColorstr='#d7401290');
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); }
    .button.orange:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8863), to(#d74012));
      background: -moz-linear-gradient(top, #ff8863, #d74012);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8863', endColorstr='#d74012'); }
  .button.burnt-orange {
    border: 1px solid #7b350b;
    background: #a8480e;
    background: -webkit-gradient(linear, left top, left bottom, from(#cf6321), to(#a8480e));
    background: -moz-linear-gradient(top, #cf6321, #a8480e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf632190', endColorstr='#a8480e90');
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); }
    .button.burnt-orange:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#e07432), to(#a8480e));
      background: -moz-linear-gradient(top, #e07432, #a8480e);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e07432', endColorstr='#a8480e'); }
  .button.disabled {
    color: #333;
    border: 1px solid #7e7e7e;
    background: #e3e3db;
    background: -webkit-gradient(linear, left top, left bottom, from(#fffff9), to(#e3e3db));
    background: -moz-linear-gradient(top, #fffff9, #e3e3db);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff9', endColorstr='#e3e3db'); }
  .button:active {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px white, inset 0px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px white, inset 0px 1px 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px white, inset 0px 1px 1px rgba(255, 255, 255, 0.3); }
  .button span {
    font-weight: bold; }
    .button span.plus-sign {
      background: url("../images/c-130/one-time-button-icons.png") no-repeat 0 0;
      text-indent: 30px;
      display: block; }
    .button span.email {
      background: url("../images/c-130/one-time-button-icons.png") no-repeat 0 -20px;
      text-indent: 30px;
      display: block; }
    .button span.list {
      background: url("../images/c-130/files-sort-icons.png") no-repeat 0 0px;
      text-indent: 30px;
      display: block; }
    .button span.clock {
      background: url("../images/c-130/files-sort-icons.png") no-repeat 0 -16px;
      text-indent: 30px;
      display: block; }

label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #47555c; }

input[type=text] {
  border: 1px solid #AAA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Helvetica, Arial, san-serif;
  margin: 2px 0 0 0;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 23px;
  padding: 3px; }

textarea {
  border: 1px solid #b4c7ca;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Helvetica, Arial, san-serif;
  margin: 2px 0 0 0;
  border: 1px solid #AAA;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  padding: 3px; }

input[type=password] {
  border: 1px solid #AAA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Helvetica, Arial, san-serif;
  margin: 2px 0 0 0;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  padding: 3px; }

.tabs {
  margin-top: 20px; }
  .tabs h6 {
    font-weight: normal;
    font-size: 14px;
    display: inline;
    color: #3B3B3B; }
  .tabs a:visited {
    color: #fff; }
  .tabs ul {
    list-style: none; }
    .tabs ul li {
      display: inline-block;
      zoom: 1;
      *display: inline;
      float: left;
      margin: 0;
      padding: 0; }
      .tabs ul li .button {
        font-size: 14px;
        padding: 3px 8px;
        line-height: 14px;
        filter: none;
        background: #d3d0b1;
        border-left: 0;
        border-right: 0;
        border-right: 1px solid #7f846d;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px rgba(0, 0, 0, 0.2); }
        .tabs ul li .button.active {
          background: #9eba3d;
          -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 1px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 1px rgba(0, 0, 0, 0.2); }
        .tabs ul li .button.first {
          -webkit-border-top-left-radius: 20px;
          -webkit-border-bottom-left-radius: 20px;
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-bottomleft: 20px;
          border-top-left-radius: 20px;
          border-bottom-left-radius: 20px;
          border-left: 1px solid #7f846d;
          border-right: 1px solid #7f846d; }
        .tabs ul li .button.last {
          -webkit-border-top-right-radius: 20px;
          -webkit-border-bottom-right-radius: 20px;
          -moz-border-radius-topright: 20px;
          -moz-border-radius-bottomright: 20px;
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
          border-right: 1px solid #7f846d; }

table td .column-container {
  position: relative; }

table.packages {
  margin-top: 15px;
  width: 100%;
  border-collapse: collapse; }
  table.packages th {
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    line-height: 12px;
    color: #c7c7c7;
    text-align: left;
    padding: 2px 0px; }
    table.packages th.name {
      padding-left: 10px; }
  table.packages tr.package {
    border-top: 1px solid #e5e5e0;
    height: 25px; }
    table.packages tr.package.odd {
      background-color: #f2f2f2; }
    table.packages tr.package.hover {
      background: #faf7e5;
      cursor: pointer; }
    table.packages tr.package td {
      border-top: 1px solid #e5e5e0;
      height: 25px;
      line-height: 25px; }
      table.packages tr.package td.name {
        padding-left: 10px;
        width: 30%; }
      table.packages tr.package td.description {
        font-family: Georgia, Times, serif;
        font-style: italic;
        width: 30%; }
      table.packages tr.package td.summary {
        width: 18%; }
      table.packages tr.package td.date {
        width: 18%; }
      table.packages tr.package td.actions {
        width: 4%; }
        table.packages tr.package td.actions a.package-action {
          margin-right: 7px;
          display: block;
          float: left;
          cursor: pointer; }
          table.packages tr.package td.actions a.package-action.resend {
            background: url("../images/c-130/refresh.png") no-repeat;
            width: 15px;
            height: 18px;
            position: relative;
            top: 4px; }
          table.packages tr.package td.actions a.package-action.cancel {
            background: url("../images/c-130/cancel.png") no-repeat;
            width: 16px;
            height: 16px;
            position: relative;
            top: 4px;
            margin-right: 0px; }
          table.packages tr.package td.actions a.package-action.download {
            background: url("../images/c-130/download-icon.png") no-repeat;
            width: 15px;
            height: 17px;
            position: relative;
            top: 4px; }
          table.packages tr.package td.actions a.package-action.history {
            background: url("../images/c-130/history-icon.png") no-repeat;
            width: 17px;
            height: 17px;
            position: relative;
            top: 4px;
            margin-right: 0px; }
    table.packages tr.package.last td {
      border-bottom: 1px solid #e5e5e0; }

table.inboxes {
  width: 100%;
  border-collapse: collapse; }
  table.inboxes tr.inbox {
    border-top: 1px solid #e5e5e0; }
    table.inboxes tr.inbox.odd {
      background-color: #f2f2f2; }
    table.inboxes tr.inbox td {
      border-top: 1px solid #e5e5e0; }
      table.inboxes tr.inbox td .column-container {
        padding: 15px 0px; }
      table.inboxes tr.inbox td.name {
        padding-left: 10px;
        width: 265px; }
        table.inboxes tr.inbox td.name .detail {
          margin-top: 3px; }
      table.inboxes tr.inbox td.summary {
        width: 380px; }
        table.inboxes tr.inbox td.summary .link {
          position: absolute;
          top: 14px; }
        table.inboxes tr.inbox td.summary .request-count {
          font-size: 12px;
          position: absolute;
          top: 34px;
          color: #4f6675; }
      table.inboxes tr.inbox td.actions {
        color: #324f61; }
        table.inboxes tr.inbox td.actions .button {
          color: #324f61;
          font-size: 12px;
          background: #c9d7e3;
          background: -webkit-gradient(linear, left top, left bottom, from(#e2e9ef), to(#c9d7e3));
          background: -moz-linear-gradient(top, #e2e9ef, #c9d7e3);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e9ef', endColorstr='#c9d7e3');
          border: 1px solid #7d92a4;
          text-shadow: none;
          padding: 0px 5px;
          position: absolute;
          top: 19px;
          right: 15px;
          -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); }
    table.inboxes tr.inbox.last td {
      border-bottom: 1px solid #e5e5e0; }

table.files {
  margin-top: 0px;
  width: 100%;
  border-collapse: collapse; }
  table.files#pending {
    display: none; }
  table.files th {
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    line-height: 12px;
    color: #c7c7c7;
    text-align: left;
    padding: 2px 0px; }
    table.files th.name {
      padding-left: 10px; }
  table.files tr.file {
    border-top: 1px solid #e5e5e0;
    padding: 0;
    height: 26px; }
    table.files tr.file.odd {
      background-color: #f2f2f2; }
    table.files tr.file td {
      border-top: 1px solid #e5e5e0;
      padding: 0; }
      table.files tr.file td.name {
        text-align: left;
        padding-left: 10px;
        width: 720px;
        line-height: 26px; }
      table.files tr.file td.actions {
        width: 36px; }
        table.files tr.file td.actions .file-action {
          display: block;
          cursor: pointer;
          position: relative; }
          table.files tr.file td.actions .file-action.cancel {
            background: url("../images/c-130/small-red-x.png") no-repeat;
            width: 16px;
            height: 16px;
            top: 5px; }
          table.files tr.file td.actions .file-action.sending {
            background: url("../images/c-130/ajax-loader.gif") no-repeat;
            width: 16px;
            height: 16px;
            cursor: default; }
          table.files tr.file td.actions .file-action.sent {
            background: url("../images/c-130/check-mark.png") no-repeat;
            width: 16px;
            height: 16px;
            cursor: default; }
    table.files tr.file.last td {
      border-bottom: 1px solid #e5e5e0; }

#top-strip {
  background: url("../images/c-130/nav-background.gif") repeat-x; }
  #top-strip #nav {
    width: 911px;
    height: 33px;
    position: relative;
    margin: 0 auto; }
    #top-strip #nav ul {
      list-style: none;
      position: absolute; }
      #top-strip #nav ul li {
        background: url("../images/c-130/nav-background.gif") repeat-x;
        -webkit-transition: background 0.2s linear;
        display: inline-block;
        zoom: 1;
        *display: inline;
        position: relative;
        color: #ebf7f8;
        text-shadow: 0px 1px 1px #000;
        cursor: pointer;
        line-height: 33px;
        width: 130px;
        height: 33px;
        text-align: center;
        float: left;
        font-size: 14px;
        font-weight: bold; }
        #top-strip #nav ul li:hover {
          background: url("../images/c-130/nav-background-light.gif") repeat-x; }
        #top-strip #nav ul li.active {
          background: url("../images/c-130/nav-background-dark.gif") repeat-x; }
          #top-strip #nav ul li.active a {
            text-shadow: 0px -1px 1px black; }
        #top-strip #nav ul li a {
          display: block;
          color: #ebf7f8;
          text-shadow: 0px 1px 1px #000;
          font-weight: bold;
          text-decoration: none;
          height: 33px;
          width: 130px;
          float: left; }
          #top-strip #nav ul li a:visited {
            color: #ebf7f8;
            text-shadow: 0px 1px 1px #000;
            font-weight: bold;
            text-decoration: none; }
        #top-strip #nav ul li .divider {
          background: url("../images/c-130/nav-divider.gif") no-repeat;
          width: 1px;
          height: 33px;
          position: absolute;
          top: 0px; }
          #top-strip #nav ul li .divider.dark {
            background: url("../images/c-130/nav-divider-dark.png") no-repeat; }
          #top-strip #nav ul li .divider.right {
            right: 0px; }
          #top-strip #nav ul li .divider.left {
            left: 0px; }
        #top-strip #nav ul li.logo .logo-container {
          background: url("../images/c-130/airdropper-logo.png") no-repeat 0px 0px;
          width: 92px;
          height: 17px;
          position: absolute;
          top: 9px;
          left: 19px; }
        #top-strip #nav ul li.logo a {
          text-indent: -100em;
          overflow: hidden; }
        #top-strip #nav ul li.contains-sub-item {
          text-align: left; }
          #top-strip #nav ul li.contains-sub-item a {
            margin-left: 8px; }
      #top-strip #nav ul.left {
        left: 0px; }
      #top-strip #nav ul.right {
        right: 0px; }
      #top-strip #nav ul.sub-list {
        background: #fff;
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }
        #top-strip #nav ul.sub-list li {
          width: 129px;
          position: relative;
          left: -1px; }
          #top-strip #nav ul.sub-list li.sub-item {
            background: #fff;
            background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e5e5dc));
            background: -moz-linear-gradient(top, white, #e5e5dc);
            border-left: 1px solid #333;
            border-right: 1px solid #333;
            border-bottom: 1px solid #333;
            text-align: left; }
            #top-strip #nav ul.sub-list li.sub-item a {
              color: #333;
              text-shadow: none;
              margin: 0 0 0 7px;
              background: transparent; }
          #top-strip #nav ul.sub-list li.last {
            border-bottom: 1px solid #777; }
          #top-strip #nav ul.sub-list li:hover {
            -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
            -webkit-transition: background 0.2s linear;
            background: rgba(26, 71, 94, 0.9); }
            #top-strip #nav ul.sub-list li:hover a {
              color: #e6ebed; }

#par-avion {
  background: url("../images/c-130/par-avion.png") repeat-x;
  height: 7px; }

#content {
  margin: 0 auto; }

#content.new-package .alert {
  margin: 30px 30px 0 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px; }
  #content.new-package .alert .message {
    float: left; }
  #content.new-package .alert ul {
    margin-top: 10px; }
    #content.new-package .alert ul li {
      display: block;
      margin-top: 5px; }
#content.new-package form {
  margin: 40px 30px 0 30px; }
#content.new-package .help-text {
  float: left;
  color: #ccc;
  font-family: Georgia, Times, serif;
  font-size: 14px; }
  #content.new-package .help-text.under-field {
    margin-top: 5px;
    clear: both;
    margin-bottom: 30px;
    margin-left: 0px; }
#content.new-package label {
  margin-bottom: 5px;
  font-size: 18px; }
#content.new-package .choice label {
  font-size: 14px; }
#content.new-package .label-with-help label {
  margin-bottom: 5px;
  float: left; }
#content.new-package .label-with-help.under {
  margin-left: 0px; }
  #content.new-package .label-with-help.under label {
    float: none; }
  #content.new-package .label-with-help.under .help-text {
    float: none; }
#content.new-package input {
  margin-bottom: 30px; }
  #content.new-package input#package_submit {
    margin-bottom: 10px; }
#content.new-package #package_request_name, #content.new-package #package_send_name {
  font-weight: bold; }
#content.new-package textarea {
  border: 1px solid #AAA;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  width: 500px;
  height: 50px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Helvetica, Arial, san-serif;
  margin: 2px 0 0 0;
  font-size: 14px;
  padding: 3px; }
#content.new-package hr {
  border: 0;
  height: 1px;
  background: #ddd;
  margin-top: 25px; }
#content.new-package .expiration_choices ul {
  margin-top: 10px; }
  #content.new-package .expiration_choices ul .choice {
    margin: 0px 0 10px 0; }
    #content.new-package .expiration_choices ul .choice input[type=radio] {
      margin: 0 10px 0 0;
      float: left; }
  #content.new-package .expiration_choices ul #expires_at_custom {
    margin: 0 0 0 0;
    border: none;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none; }
#content.new-package input[type=submit] {
  width: 200px;
  height: 40px;
  margin: 30px 0 30px 0; }
#content.new-package .action-bar {
  margin-left: 20px; }
#content.new-package #progress-bar {
  margin-left: 21px; }
#content.new-package #files {
  margin: 20px 0 0 20px;
  padding: 0; }

#content.inboxes a.inbox-name {
  font-weight: bold;
  font-size: 16px;
  color: #3b3b3b;
  text-decoration: none; }
  #content.inboxes a.inbox-name:hover {
    cursor: pointer;
    text-decoration: underline; }
#content.inboxes #headline {
  margin-left: 10px;
  margin-bottom: 20px; }
#content.inboxes .detail {
  font-size: 12px;
  font-style: italic;
  color: #3b3b3b; }
#content.inboxes .button.new-inbox {
  width: 130px; }
#content.inboxes #top-new-inbox {
  position: absolute;
  top: 20px;
  right: 27px; }
#content.inboxes #new {
  background-color: #e9f4f6;
  padding: 15px 0px 15px 9px;
  display: none;
  border-top: 1px solid #e5e5e0; }
  #content.inboxes #new .column {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    #content.inboxes #new .column.middle .link {
      position: static; }
  #content.inboxes #new .left {
    float: left; }
  #content.inboxes #new .right {
    float: right; }
  #content.inboxes #new #submit {
    margin-top: 25px;
    margin-right: 10px;
    width: 120px;
    text-shadow: 0px -1px 1px #b44949;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left; }
  #content.inboxes #new #cancel {
    margin: 33px 0px 0px 10px;
    text-decoration: underline;
    font-size: 12px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    text-align: center; }
  #content.inboxes #new label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #47555c; }
  #content.inboxes #new input[type=text] {
    border: 1px solid #b4c7ca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Helvetica, Arial, san-serif;
    margin: 2px 0 0 0;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
    #content.inboxes #new input[type=text]#name {
      font-weight: bold;
      font-size: 16px;
      padding: 3px;
      width: 220px; }
    #content.inboxes #new input[type=text]#description {
      font-size: 14px;
      padding: 4px 3px 4px 3px;
      width: 700px; }
  #content.inboxes #new #url {
    border: 1px solid #b4c7ca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    position: relative;
    height: 24px;
    line-height: 25px;
    padding-left: 5px;
    margin-top: 2px;
    width: 460px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    @-moz-document url-prefix() {
      input[type=text] {
        position: relative;
        top: -3px; } }
 }
    #content.inboxes #new #url .link {
      margin: 0px;
      float: left;
      background: url("../images/c-130/link.png") no-repeat 0px 6px; }
    #content.inboxes #new #url input[type=text] {
      background-color: #ffffff;
      font-size: 14px;
      line-height: 14px;
      width: 200px;
      border: 0;
      left: 232px;
      font-weight: bold;
      color: #324F61;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  #content.inboxes #new .sub-text {
    font-weight: normal; }
  #content.inboxes #new .row {
    margin-top: 20px; }
  #content.inboxes #new .column.first {
    padding-left: 0; }
  #content.inboxes #new .column.middle {
    padding-left: 8px; }
#content.inboxes.even {
  background-color: #f2f2f2; }
#content.inboxes.last {
  border-bottom: 1px solid #e5e5e0; }

#content.outbox a.name {
  font-size: 14px;
  color: #3b3b3b;
  text-decoration: none;
  font-weight: bold; }
  #content.outbox a.name:hover {
    text-decoration: underline; }

#content.inbox h1 {
  font-size: 30px;
  color: #3b3b3b; }
#content.inbox h1 + p {
  margin-top: 5px;
  font-size: 14px;
  font-style: italic; }
#content.inbox a.name {
  font-size: 14px;
  color: #3b3b3b;
  text-decoration: none;
  font-weight: bold; }
  #content.inbox a.name:hover {
    text-decoration: underline; }
#content.inbox #headline {
  margin-left: 10px; }
#content.inbox .detail {
  font-size: 12px;
  font-style: italic;
  color: #3b3b3b; }
#content.inbox #upload-link {
  position: absolute;
  left: 434px;
  top: 20px; }
  #content.inbox #upload-link.active .link-container {
    background-color: #d0d0c9; }
    #content.inbox #upload-link.active .link-container .link {
      background-color: #d0d0c9; }
      #content.inbox #upload-link.active .link-container .link .custom {
        background-color: #d0d0c9; }
      #content.inbox #upload-link.active .link-container .link input[type=text] {
        background-color: #d0d0c9; }
  #content.inbox #upload-link h6 {
    font-weight: bold;
    font-size: 12px;
    color: #3b3b3b;
    margin-bottom: 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    top: 0px;
    left: 5px; }
  #content.inbox #upload-link a#change {
    position: absolute;
    top: 25px;
    right: 0px;
    height: auto;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    background: #d7e3eb;
    color: #43687e;
    padding: 2px 10px;
    cursor: pointer; }
    #content.inbox #upload-link a#change:hover {
      background: #c9d6df; }
  #content.inbox #upload-link .link-container {
    position: relative;
    background: #e7e7e1;
    padding: 3px 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 440px;
    height: 16px;
    line-height: 16px; }
    #content.inbox #upload-link .link-container .link {
      position: relative; }
      #content.inbox #upload-link .link-container .link .custom {
        position: relative;
        left: 1px; }
    #content.inbox #upload-link .link-container input[type=text].link-name {
      height: 16px;
      display: none;
      border: 0;
      background: #e7e7e1;
      padding: 0;
      margin: 0;
      font-size: 14px;
      font-family: Helvetica, Arial, san-serif;
      font-weight: bold; }
#content.inbox #package {
  margin-top: 40px; }
  #content.inbox #package h6 {
    font-weight: normal;
    font-size: 14px;
    display: inline;
    color: #3B3B3B; }
#content.inbox tr.inbox .number-box {
  float: left; }

@-webkit-keyframes pulse-glow {
  0% {
    -webkit-box-shadow: 0px 0px 90px rgba(202, 217, 78, 0.8), 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 2px 2px rgba(255, 255, 255, 0.8); }

  50% {
    -webkit-box-shadow: 0px 0px 20px rgba(202, 217, 78, 0.3), 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 2px 2px rgba(255, 255, 255, 0.8); }

  100% {
    -webkit-box-shadow: 0px 0px 90px rgba(202, 217, 78, 0.8), 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 2px 2px rgba(255, 255, 255, 0.8); } }

#uploading-error {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  padding: 20px;
  margin: 20px 20px 0 20px;
  line-height: 1.5em;
  background: #B5B9B0;
  color: #505045; }

.action-bar {
  background: url("../images/c-130/action-bar-background-2.gif");
  width: 613px;
  height: 61px;
  margin: 30px 0 0 20px;
  position: relative; }
  .action-bar .add-files {
    position: absolute;
    top: 4px;
    left: 5px; }
  .action-bar .file-count {
    text-align: center;
    position: absolute;
    top: 7px;
    left: 249px;
    color: #aaa; }
    .action-bar .file-count .number {
      font-weight: bold;
      font-size: 28px;
      color: #aaa;
      padding-top: 2px; }
    .action-bar .file-count .sub-text {
      font-weight: normal;
      font-size: 14px;
      color: #ccc; }
  .action-bar a.send-files {
    width: 158px;
    height: 43px;
    font-size: 22px;
    line-height: 42px;
    top: 4px;
    left: 431px;
    position: absolute;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 2px 2px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 2px 2px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 2px 2px rgba(255, 255, 255, 0.8);
    background: #77aa24;
    background: -webkit-gradient(linear, left top, left bottom, from(#98bf5a), to(#77aa24));
    background: -moz-linear-gradient(top, #98bf5a, #77aa24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98bf5a', endColorstr='#77aa24'); }
    .action-bar a.send-files:hover {
      background: #97bf58;
      background: -webkit-gradient(linear, left top, left bottom, from(#b7d38c), to(#77ab25));
      background: -moz-linear-gradient(top, #b7d38c, #77ab25);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7d38c', endColorstr='#77ab25'); }
    .action-bar a.send-files.pulse-glow {
      -webkit-animation: pulse-glow 3s ease-out infinite; }
    .action-bar a.send-files:active {
      -webkit-box-shadow: 0px 1px 1px white, inset 0px 2px 2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3), inset 0px 2px 2px rgba(0, 0, 0, 0.8);
      box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3), inset 0px 2px 2px rgba(0, 0, 0, 0.8); }
    .action-bar a.send-files.disabled {
      color: #fff;
      border: 1px solid #7e7e7e;
      background: #e3e3db;
      background: -webkit-gradient(linear, left top, left bottom, from(#eeeee8), to(#e3e3db));
      background: -moz-linear-gradient(top, #eeeee8, #e3e3db);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeee8', endColorstr='#e3e3db'); }

#progress-bar {
  display: none;
  width: 610px;
  margin: 15px 0 20px 20px; }
  #progress-bar .ui-progress {
    width: 0%; }
  #progress-bar .ui-label {
    font-size: 12px; }

#files {
  padding: 20px; }
  #files table.files {
    width: 611px; }
    #files table.files th {
      font-family: Georgia, Times, serif;
      font-size: 14px;
      padding-bottom: 5px; }
    #files table.files .file.even {
      background: #eee; }
    #files table.files .file td.name {
      width: 587px; }
    #files table.files .file .actions {
      width: 25px; }
    #files table.files .file .icon {
      width: 17px;
      height: 19px;
      float: left;
      margin: 3px 10px 0 0; }
      #files table.files .file .icon.file {
        background: url("../images/c-130/file-activity-icons.gif") no-repeat 0 0; }
      #files table.files .file .icon.check {
        background: url("../images/c-130/file-activity-icons.gif") no-repeat 0 -57px; }
      #files table.files .file .icon.error {
        background: url("../images/c-130/file-activity-icons.gif") no-repeat 0 -19px; }
      #files table.files .file .icon.cancel {
        background: url("../images/c-130/file-activity-icons.gif") no-repeat 0 -19px; }
        #files table.files .file .icon.cancel:hover {
          background: url("../images/c-130/file-activity-icons.gif") no-repeat -17px -19px; }

#content.new-package-transaction {
  margin-top: 30px; }
  #content.new-package-transaction .header-container {
    text-align: center;
    padding: 10px 0 30px 0; }
    #content.new-package-transaction .header-container .header {
      margin: 0 auto;
      font-size: 32px;
      color: #406276;
      text-shadow: #fff 0px 2px 1px;
      font-weight: bold; }
  #content.new-package-transaction .wave {
    background: url("../images/c-130/wave.gif") repeat-x;
    width: 100%;
    height: 15px; }
  #content.new-package-transaction .tutorial {
    padding: 30px 0 10px 20px;
    width: 620px; }
    #content.new-package-transaction .tutorial .icon {
      background: url("../images/c-130/package-transaction-add-send-icons.gif");
      width: 72px;
      height: 39px;
      float: left;
      margin-right: 15px; }
    #content.new-package-transaction .tutorial h6 {
      font-size: 18px;
      color: #7b7b70; }
      #content.new-package-transaction .tutorial h6 .add-files {
        font-weight: bold;
        color: #267ea3; }
      #content.new-package-transaction .tutorial h6 .send-them {
        font-weight: bold;
        color: #6e9414; }
    #content.new-package-transaction .tutorial p {
      margin-top: 6px;
      font-size: 14px;
      font-family: Georgia, Times, serif;
      color: #4e4e45; }
      #content.new-package-transaction .tutorial p .account-name {
        font-weight: bold; }
  #content.new-package-transaction .package-description {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee; }
    #content.new-package-transaction .package-description .icon {
      background: url("../images/c-130/file-bubble.gif");
      width: 81px;
      height: 71px;
      float: left;
      margin: 0 5px 0 20px; }
    #content.new-package-transaction .package-description .message {
      float: left;
      padding-top: 20px;
      width: 500px; }
      #content.new-package-transaction .package-description .message h4.name {
        color: #505045;
        font-size: 22px;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;
        font-style: normal; }
      #content.new-package-transaction .package-description .message .description {
        margin-top: 4px;
        color: #aaa;
        font-size: 16px;
        font-weight: normal;
        word-wrap: break-word; }
  #content.new-package-transaction.share .files {
    margin-top: 20px; }
  #content.new-package-transaction.share .file-item.name {
    width: 85%; }
    #content.new-package-transaction.share .file-item.name a {
      color: #333;
      text-decoration: none; }
      #content.new-package-transaction.share .file-item.name a:hover {
        color: #fff;
        background: #3C6177;
        text-decoration: none; }
  #content.new-package-transaction.share .file-item.size {
    width: 15%; }

#content.account-settings #settings-tabs {
  margin-bottom: 30px; }
#content.account-settings .alert {
  margin: 5px 10px 20px 0;
  padding: 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  #content.account-settings .alert .message {
    float: left; }
  #content.account-settings .alert ul {
    margin-top: 10px; }
    #content.account-settings .alert ul li {
      margin-top: 5px; }
#content.account-settings input[type=text], #content.account-settings input[type=password] {
  font-weight: bold;
  width: 360px;
  margin-bottom: 20px; }
#content.account-settings label {
  font-weight: normal;
  font-family: Georgia, Times, serif;
  color: #7a888f;
  margin-bottom: 3px; }
#content.account-settings .personal-info {
  float: left; }
  #content.account-settings .personal-info h5 {
    margin-bottom: 12px; }
#content.account-settings .divider {
  float: left;
  margin-left: 60px;
  height: 280px;
  border-left: 1px solid #e3e3e3; }
#content.account-settings .public-info {
  padding-right: 40px;
  float: right; }
  #content.account-settings .public-info h5 {
    margin-bottom: 12px; }
  #content.account-settings .public-info .logo-preview {
    margin: 10px 0;
    border: 1px dashed #B4C7CA;
    padding: 5px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    #content.account-settings .public-info .logo-preview img {
      margin: 0 auto; }
  #content.account-settings .public-info #account_logo {
    margin-top: 10px; }
#content.account-settings .button-container {
  width: 800px;
  text-align: center;
  margin: 0 auto; }
#content.account-settings #account_submit {
  margin: 20px auto;
  text-align: center;
  height: 40px;
  width: 200px; }
#content.account-settings #destinations-section .logo {
  margin: 0 auto; }
  #content.account-settings #destinations-section .logo.dropbox {
    background: url("../images/c-130/dropbox_logo.gif") no-repeat;
    width: 67px;
    height: 60px; }
#content.account-settings #destinations-section li {
  float: left;
  margin: 10px 30px 10px 10x;
  padding: 10px;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 120px; }
#content.account-settings #destinations-section .button {
  margin-top: 8px;
  width: 20px; }
#content.account-settings #destinations-section .name {
  font-size: 12px;
  margin-top: 10px;
  background: #dde8f2;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
#content.account-settings #billing-section input {
  font-size: 16px;
  line-height: 18px; }
#content.account-settings #billing-section .button {
  width: 200px; }
#content.account-settings #billing-section #delete-account {
  width: 200px; }
#content.account-settings #billing-section .next-payment {
  margin-bottom: 20px; }
#content.account-settings #billing-section #card-group {
  margin: 20px auto 20px auto; }
#content.account-settings #billing-section #card-number {
  float: left;
  margin-right: 20px; }
#content.account-settings #billing-section #cvv_group {
  float: left;
  margin-right: 20px; }
#content.account-settings #billing-section .alert {
  border: 0;
  margin: 10px 0 0 0;
  padding: 13px 0 5px 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  #content.account-settings #billing-section .alert ul {
    margin-top: 0; }
  #content.account-settings #billing-section .alert li {
    margin-top: 0; }
  #content.account-settings #billing-section .alert .message {
    float: left;
    width: 600px;
    top: -3px; }
#content.account-settings #billing-section p.info {
  margin: 10px 0 10px 0;
  font-size: 12px;
  line-height: 20px; }
#content.account-settings #billing-section .billing-message {
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  margin-top: 15px; }
#content.account-settings #billing-section .success {
  background: #D9E1CE;
  color: #374128; }
#content.account-settings #billing-section .error {
  background: #F5C7BC;
  color: #A1361F; }
#content.account-settings #billing-section #switch-billing-button {
  cursor: pointer;
  text-decoration: underline;
  color: #5F98BD; }
#content.account-settings #billing-section #billing-actions .billing-action {
  float: left;
  margin-right: 10px; }
  #content.account-settings #billing-section #billing-actions .billing-action .billing-action-button {
    display: inline;
    padding: 3px;
    background-color: #5F98BD;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    #content.account-settings #billing-section #billing-actions .billing-action .billing-action-button:hover {
      background-color: #9EBA3D; }
  #content.account-settings #billing-section #billing-actions .billing-action.last {
    float: none; }

#delete-confirmation #delete-confirmation-button {
  width: 200px;
  float: left;
  margin-right: 30px; }
#delete-confirmation #delete-cancel-button {
  width: 100px;
  float: left;
  background: none;
  border: 0;
  text-shadow: none;
  color: #000;
  font-size: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
  top: 6px; }

.package-description {
  margin: 5px 0 0 0;
  color: #aaa;
  font-style: italic;
  word-wrap: break-word; }

.no-files {
  text-align: center;
  width: 100%;
  padding: 20px 0 20px 0;
  border-top: 1px solid #fff; }
  .no-files .no-files-plane {
    margin: 0 auto;
    background: url("../images/c-130/no-files.png") no-repeat;
    width: 190px;
    height: 134px; }

#content.package-container .package-description {
  cursor: text;
  float: left;
  position: relative;
  cursor: pointer; }
  #content.package-container .package-description .editable {
    right: -23px;
    top: -3px; }
  #content.package-container .package-description:hover {
    color: #000; }
#content.package-container input#package-description {
  margin: 3px 0 -3px 0;
  font-size: 12px;
  padding: 2px;
  width: 400px;
  position: relative;
  top: -7px;
  left: -2px;
  line-height: 12px; }
#content.package-container .package-name {
  cursor: text;
  margin-bottom: 9px;
  float: left;
  position: relative;
  cursor: pointer; }
  #content.package-container .package-name .editable {
    right: -23px;
    top: 5px; }
  #content.package-container .package-name:hover {
    color: #000; }
#content.package-container .editable {
  background: url("../images/c-130/pencil-icon.png") no-repeat;
  background-position: 1px 1px;
  width: 13px;
  height: 13px;
  position: absolute;
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: none; }
  #content.package-container .editable:hover {
    display: block;
    background-position: -12px 1px; }
  #content.package-container .editable.hovered {
    display: block;
    background-position: -12px 1px; }
#content.package-container input#package-name {
  font-size: 24px;
  font-family: "lemonde-courrier-1","lemonde-courrier-2", Helvetica, Arial, sans-serif;
  font-weight: bold;
  position: relative;
  top: -4px;
  left: -4px;
  padding: 2px;
  width: 400px;
  margin: 0; }
#content.package-container #package-toggle {
  float: right;
  margin: 20px 16px 0 0;
  padding: 3px;
  background: #fff;
  font-size: 11px;
  color: #aebac1;
  text-align: center;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#efefef));
  background: -moz-linear-gradient(top, white, #efefef);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd; }
  #content.package-container #package-toggle .open-close-toggle {
    background: url("../images/c-130/open-close-toggle.png") no-repeat;
    width: 106px;
    height: 25px;
    display: block;
    margin: 0 auto; }
    #content.package-container #package-toggle .open-close-toggle.open {
      background-position: 0 0; }
    #content.package-container #package-toggle .open-close-toggle.closed {
      background-position: 0 -25px; }
#content.package-container .package.content {
  background-color: #F7F7F7;
  padding-top: 20px; }
#content.package-container .request-share {
  background-color: #fff; }
#content.package-container ul.request-share {
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2; }
#content.package-container .info-container {
  padding: 0px 0; }
  #content.package-container .info-container table.info {
    -webkit-box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8), 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8), 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8), 0 1px 1px rgba(0, 0, 0, 0.05); }
  #content.package-container .info-container .value-container {
    cursor: text; }
    #content.package-container .info-container .value-container:hover {
      color: #3B3B3B; }
#content.package-container .action-container {
  position: relative; }
#content.package-container input.password {
  font-size: 14px;
  height: 15px;
  line-height: 15px;
  -webkit-box-shadow: 0 1px 1px white, inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px white, inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px white, inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  #content.package-container input.password.error {
    border: 1px solid #a12121; }
#content.package-container #history {
  padding: 20px 0; }
#content.package-container #add-files {
  padding-bottom: 20px;
  text-align: center; }
  #content.package-container #add-files .action-bar {
    margin-bottom: 25px; }
  #content.package-container #add-files hr {
    border-top: 1px solid #fff; }
  #content.package-container #add-files #queued-files {
    padding: 20px 20px 0 20px; }
    #content.package-container #add-files #queued-files .notice {
      margin: 0;
      padding: 10px 0;
      background: #d9e1ce;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      color: #374128;
      font-weight: bold;
      font-size: 14px;
      text-align: center; }
#content.package-container #links {
  padding: 20px; }
#content.package-container .add-files-container {
  margin: 0 auto; }
#content.package-container .tiny-button {
  display: block;
  width: 21px;
  height: 21px;
  border: 1px solid #F3F4ED;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f3f4ed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fffffe), to(#f3f4ed));
  background: -moz-linear-gradient(top, #fffffe, #f3f4ed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffe', endColorstr='#f3f4ed');
  margin-top: 4px; }
  #content.package-container .tiny-button:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#fffffe), to(#f3f4ed));
    background: -moz-linear-gradient(top, #fffffe, #f3f4ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffe', endColorstr='#f3f4ed');
    border: 1px solid #c2c1b7;
    cursor: pointer; }
  #content.package-container .tiny-button:active {
    border: 1px solid #c2c1b7;
    -webkit-box-shadow: 0 1px 1px white, inset 0px 1px 2px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 1px 1px white, inset 0px 1px 2px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 1px white, inset 0px 1px 2px rgba(255, 255, 255, 0.1);
    background: -webkit-gradient(linear, left top, left bottom, from(#e2e3dc), to(#f3f4ed));
    background: -moz-linear-gradient(top, #e2e3dc, #f3f4ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e3dc', endColorstr='#f3f4ed'); }
#content.package-container .refresh-button {
  float: left;
  margin-right: 5px; }
  #content.package-container .refresh-button .icon {
    background: url("../images/c-130/package-password-icons.png") no-repeat;
    background-position: 0 -34px;
    margin: 2px 0 0 4px;
    width: 14px;
    height: 17px; }
#content.package-container .change-button {
  float: left;
  margin-right: 5px; }
  #content.package-container .change-button .icon {
    background: url("../images/c-130/package-password-icons.png") no-repeat;
    background-position: 0 -17px;
    margin: 2px 0 0 4px;
    width: 14px;
    height: 17px; }
#content.package-container .package-actions {
  float: right; }
#content.package-container .tab-container {
  text-align: center;
  margin: 30px 0; }
  #content.package-container .tab-container .tabs#sort-files {
    margin: 0px 0px 0px 180px; }
    #content.package-container .tab-container .tabs#sort-files a {
      padding: 6px 10px; }
      #content.package-container .tab-container .tabs#sort-files a span {
        height: 16px;
        line-height: 16px; }
      #content.package-container .tab-container .tabs#sort-files a.last span {
        margin-right: 8px; }
#content.package-container ul.files {
  margin: 0px; }
  #content.package-container ul.files .file-item.name {
    width: 80%; }
    #content.package-container ul.files .file-item.name a {
      color: #333; }
      #content.package-container ul.files .file-item.name a:hover {
        color: #fff;
        background: #3C6177;
        text-decoration: none; }
  #content.package-container ul.files .file-item.size {
    width: 15%; }
  #content.package-container ul.files .file-item.action {
    float: right; }
    #content.package-container ul.files .file-item.action a.file-delete-link {
      display: block;
      width: 11px;
      height: 11px;
      background: url("../images/c-130/small-red-x.png") no-repeat;
      cursor: pointer;
      position: relative;
      top: 2px; }
#content.package-container .empty-section {
  margin: 0 20px;
  padding: 10px 0;
  background: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #777;
  font-weight: bold;
  font-size: 14px;
  text-align: center; }
  #content.package-container .empty-section.files {
    margin: 0; }
  #content.package-container .empty-section.links {
    margin: 0; }
#content.package-container #history .files {
  margin: 10px 20px; }
#content.package-container #history .transaction {
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff; }
  #content.package-container #history .transaction.first {
    padding-top: 10px;
    border-top: 0; }
  #content.package-container #history .transaction.last {
    border-bottom: 0; }
  #content.package-container #history .transaction .transaction-header {
    margin: auto 20px; }
  #content.package-container #history .transaction .transaction-date {
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 14px;
    color: #aaa;
    margin-bottom: 15px; }
  #content.package-container #history .transaction .uploaded-by {
    margin: 0px 0 3px 0;
    color: #3C6177;
    font-size: 16px;
    background: url("../images/c-130/one-human-icon.png") no-repeat 0 0;
    text-indent: 25px;
    display: block; }
#content.package-container .days-from-now {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 3px;
  color: #aaa; }
#content.package-container .sidebar hr {
  border: 0;
  height: 1px;
  background: #ddd;
  margin-top: 20px; }
#content.package-container .sidebar .unredeemed-link-header {
  font-size: 12px;
  background: #aaa;
  color: #fff;
  font-weight: bold;
  margin: 10px 0;
  padding: 3px;
  text-align: center;
  text-shadow: none; }
#content.package-container .sidebar .no-links {
  text-align: center;
  color: #aaa; }
#content.package-container .sidebar .unredeemed-links .unredeemed-link {
  padding: 4px 4px;
  font-size: 12px;
  width: 100%; }
  #content.package-container .sidebar .unredeemed-links .unredeemed-link:hover {
    background: #f2f2f2; }
    #content.package-container .sidebar .unredeemed-links .unredeemed-link:hover a.delete-link {
      background: url("../images/c-130/small-red-x.png") no-repeat;
      cursor: pointer; }
  #content.package-container .sidebar .unredeemed-links .unredeemed-link a.unredeemed-link-title {
    color: #3B3B3B;
    cursor: pointer;
    float: left; }
    #content.package-container .sidebar .unredeemed-links .unredeemed-link a.unredeemed-link-title:hover {
      color: #da1a1a; }
  #content.package-container .sidebar .unredeemed-links .unredeemed-link a.delete-link {
    float: right;
    display: block;
    background: none;
    width: 11px;
    height: 11px; }
#content.package-container .sidebar .load-more {
  margin: 10px 0 0 0;
  padding: 12px 0 0 0;
  border-top: 1px solid #ddd;
  text-align: center; }
  #content.package-container .sidebar .load-more .spinner {
    margin: 0 auto; }
  #content.package-container .sidebar .load-more #load-more-unredeemed {
    text-decoration: underline;
    cursor: pointer; }
#content.package-container ul.package-actions li {
  margin-top: 8px; }
  #content.package-container ul.package-actions li.first {
    margin-top: 0; }

.link-modal .section {
  border-top: 1px solid #ddd;
  padding: 15px; }
  .link-modal .section.info {
    color: #777;
    line-height: 1.4em; }
  .link-modal .section.first {
    border: 0; }
  .link-modal .section.last {
    border: 0;
    background: #efefef;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
  .link-modal .section.action {
    border-top: 1px solid #ccc; }
.link-modal .link-field {
  font-size: 12px;
  margin: 0 auto;
  width: 100%;
  padding: 3px 0 3px 0;
  font-weight: bold;
  text-align: center; }
.link-modal label {
  display: block;
  font-size: 12px; }

#email-request-links-form, #email-share-links-form {
  width: 500px; }
  #email-request-links-form textarea, #email-share-links-form textarea {
    width: 455px;
    font-size: 14px; }
  #email-request-links-form .info, #email-share-links-form .info {
    font-size: 12px;
    color: #aaa; }
  #email-request-links-form #email-request-links-form-close, #email-request-links-form #email-share-links-form-close, #email-share-links-form #email-request-links-form-close, #email-share-links-form #email-share-links-form-close {
    width: 300px;
    float: left; }
  #email-request-links-form #email-links-form-cancel, #email-share-links-form #email-links-form-cancel {
    width: 100px;
    float: left;
    background: none;
    border: 0;
    text-shadow: none;
    color: #000;
    font-size: 14px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
    text-decoration: underline; }

#fancybox-wrap {
  margin: -150px 0 0 0; }

body#outsiders {
  background: url("../images/c-130/content-background.gif"); }
  body#outsiders .card {
    margin-top: 40px;
    margin-bottom: 40px; }

#content.outsider-authentication-new hr {
  border: 0;
  background-color: #ddd;
  height: 1px; }
#content.outsider-authentication-new .header {
  text-align: center;
  margin: 0 auto 20px auto;
  font-size: 32px;
  color: #406276;
  text-shadow: #fff 0px 2px 1px;
  font-weight: bold; }
  #content.outsider-authentication-new .header img {
    margin: 0 auto; }
#content.outsider-authentication-new form.new_outsider_authorization {
  margin: 25px 0 0 0; }
  #content.outsider-authentication-new form.new_outsider_authorization .alert {
    margin: 0 0 25px 10px; }
  #content.outsider-authentication-new form.new_outsider_authorization .prompt {
    font-weight: bold;
    margin: 20px 0 5px 0;
    color: #47555C; }
  #content.outsider-authentication-new form.new_outsider_authorization input.password {
    display: block;
    margin-bottom: 5px; }
    #content.outsider-authentication-new form.new_outsider_authorization input.password.hidden {
      display: none; }
  #content.outsider-authentication-new form.new_outsider_authorization #show_password {
    float: left; }
  #content.outsider-authentication-new form.new_outsider_authorization label[for=show_password] {
    color: #777;
    font-weight: normal;
    font-size: 12px;
    padding-top: 3px;
    margin-left: 20px;
    clear: right; }
  #content.outsider-authentication-new form.new_outsider_authorization #outsider_authorization_submit {
    margin-top: 20px; }

.big-icon {
  background: url("../images/c-130/big-icons.gif");
  width: 135px;
  height: 121px; }
  .big-icon.success {
    background-position: 0 -121px; }
  .big-icon.error {
    background-position: 0 0; }

.three-dots {
  background: url("../images/c-130/three-dots.gif");
  width: 96px;
  height: 25px; }

#content.package-transaction h3 {
  font-family: Helvetica, Arial, san-serif;
  font-size: 24px;
  color: #423326; }
#content.package-transaction .content-area {
  margin-top: 20px; }
#content.package-transaction .header-container {
  text-align: center;
  padding: 10px 0 30px 0; }
  #content.package-transaction .header-container .header {
    margin: 0 auto;
    font-size: 32px;
    color: #406276;
    text-shadow: #fff 0px 2px 1px;
    font-weight: bold; }
#content.package-transaction .wave {
  background: url("../images/c-130/wave.gif") repeat-x;
  width: 100%;
  height: 15px; }
#content.package-transaction .big-icon {
  float: left;
  margin-right: 20px; }
#content.package-transaction .message {
  float: left; }
  #content.package-transaction .message .info {
    margin-top: 8px;
    color: #423326;
    font-size: 16px;
    font-family: Georgia, Times, serif; }

#content.sign-in .alert {
  margin: 20px 0 10px 0px;
  padding: 10px 0 8px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  #content.sign-in .alert .message div {
    font-weight: bold; }
#content.sign-in form.user_new {
  margin-top: 20px; }
  #content.sign-in form.user_new label {
    margin-bottom: 5px; }
  #content.sign-in form.user_new p {
    margin-bottom: 20px; }
  #content.sign-in form.user_new input#user_remember_me {
    float: left;
    margin-right: 5px; }
  #content.sign-in form.user_new label[for=user_remember_me] {
    padding-top: 2px; }
  #content.sign-in form.user_new .helper-link {
    color: #777; }

#content.goodbye .card {
  margin-top: 30px; }
#content.goodbye p {
  padding: 10px 0 10px 0;
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px; }

#content.boring .card {
  margin: 30px auto 30px auto; }
#content.boring a {
  color: #fff;
  background: #333;
  padding: 5px;
  margin: 10px 0 20px 0; }
  #content.boring a:visited {
    color: #fff; }
#content.boring hr {
  border: 0;
  background: #ccc;
  height: 1px;
  margin: 10px 0px 20px 0px; }
#content.boring h4 {
  margin-bottom: 20px; }
#content.boring p {
  padding: 10px 0 10px 0;
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px; }

#content.contact .card {
  padding-bottom: 0;
  margin: 30px auto 30px auto; }
#content.contact hr {
  border: 0;
  background: #ccc;
  height: 1px;
  margin: 10px 0px 20px 0px; }
#content.contact .logo {
  margin: 0 auto 20px auto;
  background: url("../images/c-130/logo-small.png") no-repeat;
  width: 144px;
  height: 143px;
  z-index: 1; }
#content.contact a {
  color: #fff;
  background: #333;
  padding: 5px;
  margin: 10px 0 20px 0; }
  #content.contact a:visited {
    color: #fff; }

#content.welcome a.important {
  color: #fff;
  background: #333;
  padding: 5px;
  margin: 10px 0 20px 0; }
  #content.welcome a.important:visited {
    color: #fff; }
#content.welcome #top-close {
  position: absolute;
  right: 5px;
  top: -3px; }
#content.welcome .card-middle {
  padding: 30px; }
#content.welcome .header {
  text-align: center; }
#content.welcome .help-screenshot {
  border: 2px solid #333; }
  #content.welcome .help-screenshot.left {
    margin: 20px 20px 20px 0px;
    float: left; }
  #content.welcome .help-screenshot.right {
    margin: 20px 0px 20px 20px;
    float: right; }
#content.welcome hr {
  margin: 20px auto; }
#content.welcome h1 {
  font-size: 42px;
  padding-bottom: 40px;
  margin: 0 auto; }
#content.welcome h2 {
  font-size: 28px;
  padding-bottom: 10px;
  margin: 0 auto;
  font-family: Helvetica, Arial, sans-serif;
  color: #3B3B3B; }
#content.welcome h4 {
  font-family: Helvetica, Arial, sans-serif;
  color: #3B3B3B; }
#content.welcome h6 {
  color: #3B3B3B;
  position: relative;
  top: -2px; }
#content.welcome .plane {
  background: url("../images/c-130/drop-plane-med.png") no-repeat;
  width: 235px;
  height: 135px;
  position: absolute;
  top: -30px;
  left: -45px; }
#content.welcome .important-link {
  font-weight: bold;
  color: #333;
  text-decoration: none; }
  #content.welcome .important-link:hover {
    text-decoration: underline; }
#content.welcome .check-mark {
  background: url("../images/c-130/check-mark.png") no-repeat;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 10px; }
#content.welcome .section {
  padding: 10px;
  background: #efefef;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
#content.welcome p {
  padding: 10px 0 0 0;
  margin-bottom: 20px;
  line-height: 22px; }
#content.welcome .subtext {
  display: block;
  margin: 4px 0 15px 0;
  color: #aaa;
  font-style: italic; }
#content.welcome #logo {
  display: block;
  margin-top: 15px; }
#content.welcome #connect-dropbox {
  width: 180px; }
#content.welcome #upload-logo {
  width: 180px;
  margin-top: 10px; }

#error_explanation {
  font-family: Helvetica, Arial, sans-serif;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  color: #CC2323; }
  #error_explanation h2 {
    font-weight: bold;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    color: #CC2323; }
  #error_explanation ul {
    margin-top: 10px; }
  #error_explanation li {
    font-size: 12px; }

.tipsy {
  padding: 5px;
  font-size: 10px;
  position: absolute;
  z-index: 100000; }
  .tipsy.package .copy-link {
    width: 500px;
    font-size: 12px;
    background: black;
    color: #fff;
    border: 0;
    margin-bottom: 2px; }
  .tipsy.passphrase-error-message {
    padding: 5px;
    font-size: 12px; }
  .tipsy.tipsy-question {
    font-size: 12px; }
    .tipsy.tipsy-question .tipsy-inner {
      background: #000;
      padding: 5px 10px; }

.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 900px;
  text-align: center; }

.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.6); }

.tipsy-arrow {
  position: absolute;
  background: url("../images/c-130/tipsy.gif") no-repeat top left;
  width: 9px;
  height: 5px; }

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px; }

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px; }

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px; }

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left; }

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left; }

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left; }

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right; }

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px; }

.nav-bar, .nav-bar * {
  margin: 0;
  padding: 0;
  list-style: none; }

.nav-bar {
  line-height: 1.0; }

.nav-bar ul {
  position: absolute;
  top: -999em;
  width: 130px;
  /* left offset of submenus need to match (see below) */ }

.nav-bar ul li {
  width: 100%; }

.nav-bar li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.nav-bar li {
  float: left;
  position: relative; }

.nav-bar a {
  display: block;
  position: relative; }

.nav-bar li:hover ul,
.nav-bar li.sfHover ul {
  left: 0;
  top: 33px;
  /* match top ul list item height */
  z-index: 1000000000000000000; }

ul.nav-bar li:hover li ul,
ul.nav-bar li.sfHover li ul {
  top: -999em; }

ul.nav-bar li li:hover ul,
ul.nav-bar li li.sfHover ul {
  left: 130px;
  /* match ul width */
  top: 0; }

ul.nav-bar li li:hover li ul,
ul.nav-bar li li.sfHover li ul {
  top: -999em; }

ul.nav-bar li li li:hover ul,
ul.nav-bar li li li.sfHover ul {
  left: 130px;
  /* match ul width */
  top: 0; }

.sf-sub-indicator {
  position: absolute;
  display: block;
  right: 21px;
  top: 13px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/c-130/sub-indicator.png") no-repeat;
  width: 11px;
  height: 10px; }

/* Webkit animation keyframes */
@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 44px 0; } }

/* Bar which is placed behind the progress */
.ui-progress-bar {
  /* Usual setup stuff */
  position: relative;
  height: 35px;
  /* Pad right so we don't cover the borders when fully progressed */
  padding-right: 2px;
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #d6d5d5;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  /* Webkit background gradient */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d6d5d5), color-stop(1, #c6c6c6));
  /* Mozilla background gradient */
  background: -moz-linear-gradient(#9da5b0 0%, #b6bcc6 100%);
  /* Give it the inset look by adding some shadows and highlights */
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white; }

/* Progress part of the progress bar */
.ui-progress {
  /* Usual setup stuff */
  position: relative;
  display: block;
  overflow: hidden;
  /* Height should be 2px less than .ui-progress-bar so as to not cover borders and give it a look of being inset */
  height: 33px;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* Set the background size so the stripes work correctly */
  -webkit-background-size: 44px 44px;
  /* Webkit */
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #cbc008;
  /* Webkit background stripes and gradient */
  background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0, rgba(255, 255, 255, 0.17)), color-stop(0.25, rgba(255, 255, 255, 0.17)), color-stop(0.26, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.51, rgba(255, 255, 255, 0.17)), color-stop(0.75, rgba(255, 255, 255, 0.17)), color-stop(0.76, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(0, #cbc008), color-stop(1, #dcd005));
  /* Mozilla (Firefox etc) background stripes */
  /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */
  background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(#9bdd62 0%, #74d04c 100%);
  /* Webkit embossing */
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 1px rgba(0, 0, 0, 0.1);
  /* Mozilla embossing */
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 1px rgba(0, 0, 0, 0.1);
  /* IE9 and Opera embossing */
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 1px rgba(0, 0, 0, 0.1);
  /* Give it a higher contrast outline */
  border: 1px solid #9b9316;
  /* Webkit magic */
  -webkit-animation: animate-stripes 2s linear infinite;
  /* TODO: Wait for Mozilla to support animation, then implement */ }

/* Progress indicator text */
.ui-progress span.ui-label {
  font-size: 1.2em;
  position: absolute;
  right: 0;
  line-height: 33px;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: rgba(255, 255, 255, 0.45) 0 1px 0px;
  white-space: nowrap; }
