/*
  title: account css
  author: maximilian schoening (@mschoening)
*/

/* section: login, register & reset
---------------------------------------------- */
#login form p input[type='text'],
#login form p input[type='password'],
#register form p input[type='text'],
#register form p input[type='password'],
#reset form p input[type="text"],
#reset form p input[type="password"] {
  width: 394px;
}
/* ------------------------------------------- */

/* section: aside
---------------------------------------------- */
#account > aside {
  float: left;
  margin: 0 32px 0 0;
  width: 204px;
}

#account > aside ul {
  list-style: none;
  padding: 0;
}

#account > aside ul li {
  border-top: 1px solid #e5e5e5;
  margin: 0;
  padding: 12px;
}

#account > aside ul li a:link, #account > aside ul li a:visited {
  color: #a7a7a7;
  display: block;
  font-size: 14px;
  font-weight: normal;
}

#account > aside ul li a:hover, #account > aside ul li a:active {
  color: #477daf;
}
/* ------------------------------------------- */

/* section: main
---------------------------------------------- */
#account .main {
  float: left;
  width: 724px;
}

#account .main .pane {
  border-top: 1px solid #f2f2f2;
  margin: 0 0 48px 0;
  padding: 12px 0 0 0;
}

#account .main .pane:last-child {
  margin: 0;
}

#account .main .pane hgroup {
  float: left;
  margin: 0 32px 0 0;
  width: 164px;
}

#account .main .pane .content {
  float: left;
  width: 528px;
}

#account .main .pane .content form p input[type="submit"] {
  min-width: 96px;
}

  /* section: settings
  ---------------------------------------------- */
  #account #settings input[type="text"], #account #settings input[type="password"] {
    width: 264px;
  }
  /* ------------------------------------------- */

  /* section: privacy
  ---------------------------------------------- */
  #account #privacy .default_settings {
    margin: 0 0 24px 0;
  }

  #account #privacy .default_settings .options {
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }

  #account #privacy .default_settings .options label {
    border-bottom: 1px solid #ccc;
    display: block;
    margin: 0;
    padding: 10px 8px;
  }

  #account #privacy .default_settings .options label:last-child {
    border: none;
  }

  #account #privacy .default_settings .options label span {
    display: inline-block;
    width: 48px;
  }

  #account #privacy .default_settings .options label code {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Monaco, mono-space;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 3px;
  }

  #account #privacy .default_settings p small {
    color: #a7a7a7;
    font-size: 11px;
  }

  #account #privacy .update_items h3 a:link, #account #privacy .update_items h3 a:visited {
    background: url("images/account_privacy_default_settings_arrow.png") left center no-repeat;
    color: #626262;
    padding: 0 0 0 12px;
  }

  #account #privacy .update_items h3.open a:link, #account #privacy .update_items h3.open a:visited {
    background: url("images/account_privacy_default_settings_arrow_open.png") left center no-repeat;
  }

  #account #privacy .update_items p .red {
    color: #cc0000;
  }
  /* ------------------------------------------- */

  /* section: domain
  ---------------------------------------------- */
  #account #domain fieldset {
    margin: 0 0 12px 0;
  }

  #account #domain fieldset .left {
    float: left;
    width: 258px;
  }

  #account #domain fieldset .domain {
    margin: 0 12px 0 0;
  }

  #account #domain fieldset .left input[type="text"] {
    width: 244px;
  }

  #account #domain fieldset label small {
    color: #a7a7a7;
    display: block;
    font-size: 11px;
    font-weight: normal;
  }
  /* ------------------------------------------- */

  /* section: billing
  ---------------------------------------------- */
  #account #store table {
    margin: 0 0 12px 0;
    width: 528px;
  }

  #account #store table th {
    color: #a7a7a7;
    font-size: 11px;
    text-align: center;
    padding: 0 8px 8px 8px;
  }

  #account #store table th:first-child {
    text-align: left;
  }

  #account #store table tr td {
    background: #fafafa;
    border-top: 1px solid #ccc;
    color: #8b8b8b;
    font-size: 18px;
    padding: 10px 8px;
    text-align: center;
  }

  #account #store table tr td:first-child {
    border-left: 1px solid #ccc;
    text-align: left;
  }

  #account #store table tr td:last-child {
    border-right: 1px solid #ccc;
    text-align: right;
  }

  #account #store table tr:first-child td:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
  }

  #account #store table tr:first-child td:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
  }

  #account #store table tr:last-child td {
    border-bottom: 1px solid #ccc;
  }

  #account #store table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  #account #store table tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }

  #account #store table tr td strong {
    color: #484848;
    font-weight: normal;
  }

  #account #store table tr td .compare {
    color: #e5e5e5;
    text-decoration: line-through;
  }

  #account #store table tr td.action a:link, #account #store table tr td.action a:visited, #account #store table tr td.action span {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    min-width: 24px;
    padding: 5px;
    text-align: center;
  }

  #account #store table tr td.action a:link, #account #store table tr td.action a:visited {
    background: -moz-linear-gradient(top, #1fc000, #19a500) #1fc000;
    background: -webkit-gradient(linear, left top, left bottom, from(#1fc000), to(#19a500)) #1fc000;
    border: 1px solid #1b8800;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
  }

  #account #store table tr td.action span {
    background: #efefef;
    border: 1px solid #d1d1d1;
    color: #aaa;
    text-shadow: 0 1px 1px #fff;
  }

    /* =pro
    ---------------------------------------------- */
    #account #pro .billing_frequency {
      margin: 0 0 12px 0;
    }

    #account #pro .billing_frequency p {
      background: #fafafa;
      border: 1px solid #ccc;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      padding: 8px;
      text-align: center;
    }

    #account #pro .billing_frequency p label {
      display: inline;
      margin: 0 12px 0 0;
    }

    #account #pro .billing_frequency p label em {
      color: #a7a7a7;
    }

    #account #pro .billing_frequency p label .save {
      color: #19a500;
      font-size: 11px;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      padding: 0 4px;
    }

    #account #pro .credit_card_info .accepted_credit_cards {
      margin: 0 0 12px 0;
    }

    #account #pro .credit_card_info .accepted_credit_cards ul {
      list-style: none;
    }

    #account #pro .credit_card_info .accepted_credit_cards ul li {
      float: left;
    }

    #account #pro .credit_card_info .accepted_credit_cards ul .mastercard {
      background: url("images/credit_card_mastercard.png") no-repeat;
      height: 33px;
      text-indent: -99999px;
      width: 45px;
    }

    #account #pro .credit_card_info .accepted_credit_cards ul .visa {
      background: url("images/credit_card_visa.png") no-repeat;
      height: 33px;
      text-indent: -99999px;
      width: 45px;
    }

    #account #pro .credit_card_info .accepted_credit_cards ul .gift_card {
      color: #a7a7a7;
      font-size: 11px;
      line-height: 14px;
      margin: 3px 0 0 8px;
    }

    #account #pro .credit_card_info fieldset {
      margin: 0 0 12px 0;
    }

    #account #pro .credit_card_info fieldset .expiration {
      margin: 0 12px 0 0;
    }

    #account #pro .credit_card_info fieldset .cvc {
      width: 60px;
    }

    #account #pro .credit_card_info .cvc input[type="text"] {
      width: 46px;
    }
    /* ------------------------------------------- */
  /* ------------------------------------------- */
/* ------------------------------------------- */