/*=================================================*/
/*  SUBSCRIPTION FORM ELEMENTS
/*=================================================*/

#processTitle {
    color: #777;
    display: inline-block;
    font-size: 18px;
    left: 260px;
    text-shadow: 0 1px 1px #fff;
    position: absolute;
    top: 11px;
}

.questions {
    color: #555;
    margin-bottom: 5px;
    padding-right: 5px;
    text-align: right;
}
.questions.billing {
}
.questions.confirm {
}

.main-content {
    border: 1px solid #ddd;
    color: #555;
    font-family: Arial, Verdana, san-serif;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 0 20px 20px;
    position: relative;
    width: 686px;
    z-index: 20;
}
.main-content + .main-content {
    margin-top: 20px !important;
}
.main-content h1, .cancelHead {
    background: #d5d5d5; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f0f0 0%, #d5d5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%); /* W3C */
    border: 1px solid #ddd;
    color: #777;
    font-size: 18px;
    font-weight: normal;
    height: 39px;
    line-height: 37px;
    margin: -1px -21px 15px;
    padding: 0 20px;
    text-shadow: 0 1px 1px #fff;
}
.cancelHead {
    margin: 0px;
}
.main-content p {
    color: #555;
}

/*=================================================*/
/*  ORDER DETAILS FORMATTING
/*=================================================*/
.order-details h2 {
    color: #333;
    font-size: 14px;
    margin-right: 40px;
    margin-top: 0;
}
.order-details .details {
    background-color: #eff4f6;
    color: #222;
    float: left;
    font-size: 13px;
    padding: 10px;
    position: relative;
}
.order-details .details.ordernum {
    padding-left: 115px;
    width: 150px;
}
.order-details .details > span {
    font-size: 11px;
    left: 15px;
    position: absolute;
    top: 10px;
}
.order-details .order-details-text {
    width: 500px;
}
.order-details .additional-options {
    width: 450px;
}

#promolink {
    color: #888;
}
#promolink:hover{
    color: #555;
}

#applyPromoCodeBtn {
    position: relative;
    top: -1px;
    left: 10px;
}

#promoCodeWrapper {
    margin-top:10px;
    display:inline-block;
}
#activePromoCodeDiv {
    padding:10px;
    display:inline-block;
    background-color:#eff7f9;
    color:#0e5e7c;
    font-family:Arial, Verdana, sans-serif;
    font-size: 12px;    
}

#activePromoCodeDiv.disabled {
    background-color: #F5F5F5;
    color: #929292 !important;
    border: solid 1px #fe6518;
}
#activePromoCodeDiv.disabled #removePromoCode {
    color: #929292 !important;
}
#activePromoCodeDiv.disabled + #promo-disabled {
    display: block; 
}

#promo-disabled {
    display: none;
    margin: 5px 0;
    color: #fe6518;
    font: 12px Arial;
    font-weight: bold;
}

#removePromoCode {
    color:#0e5e7c;
    text-decoration:underline;
}
#removePromoCode:hover {
    color:#DB0303;
}

#promoCodeDiv #promoCodeTxt {
    font-family:Arial, Verdana, sans-serif;
    font-size: 12px;    
    color: #555555;
}

.message_promo {
    margin-top:10px;
    padding:15px;
    width:400px;
    font-size: 12px;
    font-family:Arial, Verdana, sans-serif;
}

.error_promo {
    color: #DE3A12;;
    background-color:#FFEFEC;
}

.success_promo {
    color: #0E5E7C;
    background-color:#EFF7F9; 
}

#orderDetails .alert {
    background-color: #FFFFF8;
    color: #FC8017;
    border: 1px solid #FC8017;
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0;
    padding: 10px 14px;
    padding-left: 25px;
    position: relative;
}

#orderDetails .alert .top {
    font-size: 16px;
    line-height: 22px;
}

#orderDetails .bonus {
    position: relative;
    height: 40px;
    margin: -15px -20px 10px;
    padding: 10px 25px;
    background-image: -webkit-linear-gradient(#FADE90, #FAE7A5);
    background-image: -moz-linear-gradient(#FADE90, #FAE7A5);
    background-image: -o-linear-gradient(#FADE90, #FAE7A5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FADE90), to(#FAE7A5));
    background-image: linear-gradient(#FADE90, #FAE7A5);
    background-color: #FAE7A5;
    color: #9c4000;
    font-size: 14px;
    line-height: 40px;
}

#orderDetails .bonus .bonus-code {
    float: right;
}
#orderDetails .bonus .bonus-code a {
    vertical-align: middle;
}


/*=================================================*/
/*  ORDER SUMMARY FORMATTING
/*=================================================*/
.order-summary {
    width: 686px;
}
.order-summary .item {
    clear: left;
    position: relative;
}
.order-summary .item > .name,
.order-summary .item > .payplan,
.order-summary .item > .currentplan,
.order-summary .item > .newplan,
.order-summary .item > .price {
    color: #333;
    float: left;
    font-size: 13px;
    line-height: 18px;
    padding: 15px 10px;
}
.order-summary .item > .name {
    width: 255px;
}
.order-summary .item > .payplan {
    padding-left: 20px;
    width: 240px;
}
.order-summary .item > .currentplan {
    width: 255px;
}
.order-summary .item > .newplan {
    padding-left: 20px;
    width: 240px;
}
.order-summary .item > .price {
    width: 121px;
}
.order-summary .item > .price strong {
    display: block;
    padding: 4px 0;
    width: 121px;
}
.order-summary .item.even {
    background-color: #f5f5f5;
}
#subscribeBillingForm .order-summary .item.even {
    min-height: 182px;
}
/* ORDER SUMMARY: Header row */
.order-summary > .head {
    border-bottom: 1px solid #ccc;
    height: 23px;
}
.order-summary > .head > .name, 
.order-summary > .head > .payplan, 
.order-summary > .head > .currentplan, 
.order-summary > .head > .newplan, 
.order-summary > .head > .price {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    line-height: 24px;
    padding: 1px 10px 0;
    text-transform: uppercase;
}
.order-summary > .head > .name {
}
.order-summary > .head > .payplan {
    padding-left: 20px;
    width: 240px;
}
.order-summary > .head > .currentplan {
}
.order-summary > .head > .newplan {
    padding-left: 20px;
    width: 240px;
}
.order-summary > .head > .price {
    text-align: left;
}
/* ORDER SUMMARY: Subtotal, Tax, and Total rows */
.order-summary > .summary {
    float: right;
    margin-top: 8px;
}
.order-summary > .summary > .item {
    border-bottom: 0;
}
.order-summary > .summary > .item > .name {
    width: 70px;
}
.order-summary > .summary > .item > .name.large {
    width: 100px;
}
.order-summary > .summary > .item > .name, 
.order-summary > .summary > .item > .price {
    padding: 5px 10px;
}
.order-summary > .summary > item.first-child > .name, 
.order-summary > .summary > item.first-child > .price {
    border-top: 1px solid #ccc;
}
.order-summary > .summary > .subtotal > .name, 
.order-summary > .summary > .tax > .name,
.order-summary > .summary > .discount > .name, 
.order-summary > .summary > .total > .name {
    color: #666;
    text-align: right;
}
.order-summary > .summary > .discount > .name, 
.order-summary > .summary > .discount > .price {
    color: #0e5e7c;
} 
.order-summary > .summary > .subtotal > .name, 
.order-summary > .summary > .subtotal > .price {
}
.order-summary > .summary > .total > .name, 
.order-summary > .summary > .total > .price {
    background-color: #f2f6f8;
    border-top: 1px solid #c0c9ce;
    color: #123546;
    font-weight: bold;
    padding: 5px 10px 7px;
}

input[type=radio][name=planId] {
    margin: 2px 5px 0 6px;
}

#planName {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.autorenew, 
.nextbilldate {
    color: #888;
    font-size: 11px;
    line-height: 15px;
}

#planFeatures {
    margin-top: 5px;
}
#planFeatures ul {
    color: #888;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
#planFeatures ul li {
    margin-left: 20px;
    margin-bottom: 0px;
}
.creditdetails #planFeatures {
    font-size: 11px;
    margin: 10px 0;
}

.payplan .promo {
    display: block;
    font-size: 12px;
    margin-top: 3px;
}
.payplan .promo_name {
    font-weight: bold;
    text-transform: uppercase;
}
.payplan .extra {
    font-weight: bold;
}

.paymentplan {
    margin-left: -10px;
    margin-right: 30px;
    padding: 4px;
}
.paymentplan + .paymentplan {
    margin-top: 10px;
}
.paymentplan.bestdeal {
    background-color: #fffef0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 4px #ccc;
    -moz-box-shadow: 0 0 4px #ccc;
    padding: 3px;
    border: 1px solid #f0d67d;
}
.paymentplan .note,
.payplan .note {
    color: #9999A1;
}
.plandisabledbubble {
    /* background-color:#FDFBCB; */
    position: absolute;
    width: 300px;
    z-index: 3;
    display: none;
    padding: 0 15px;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px #ccc;
    -moz-box-shadow: 0 0 4px 1px #ccc;
    background: #fff;
}
#pmDisabled {
    background-color: #FFFDE1;
    border: 1px solid #E4D26E;
    line-height: 1.3;
    margin: 10px 0;
    padding: 10px 14px;
    position: relative;
}
.paymentplan .bestvalue {
    display: block;
    font-size: 12px;
    margin-left: 7px;
    margin-top: 3px;
}
.paymentplan .promo {
    margin-left: 7px;
}
.paymentplan .promo_name {
}
.paymentplan .extra {
}
/*
.paymentplan.paymentplan-credits {
}
.paymentplan.paymentplan-credits input[type=radio] {
  margin-bottom:20px;
  float:left;
}*/
.paymentplan input {
  display:inline-block;
}
.paymentplan label {
  display:inline-block;
}

.change .currentplan .paymentplan {
    margin-left: 0;
    padding-left: 0;
}
.change .currentplan .paymentplan.bestdeal {
    padding-left: 6px;
}
.change .currentplan .paymentplan .bestvalue {
    margin-left: 0;
}

#studentdisc {
    background: transparent url(/images/pro/subscribe/studenthat.png) no-repeat 0 1px;
    color: #555;
    font-size: 13px;
    padding-left: 24px;
}
#learnmore {
    font-size: 11px;
    margin-top: 7px;
}

#changeNote {
    font-size: 11px;
    line-height: 14px;
    margin-top: 15px;
    /*width: 380px;*/
}

#subscribeBillingForm #studentdisc {
    /*position: absolute;*/
    margin-top: 7px;
}
#cancelForm #studentdisc, 
#changeSubscription #studentdisc,
#updateBillingForm #studentdisc {
    display: inline-block;
    margin-top: 7px;
}

#billingAgreement {
    float: left;
}

#billingAgreement + label {
    color: #555;
    display: block;
    font-size: 10px;
    margin-left: 17px;
}

.fullpage-progress {
    /*background: url("/images/computing.gif") no-repeat scroll center 25px white;*/
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 7px #aaa;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    left: 50%;
    margin-left: -140px;
    margin-top: -55px;
    padding: 70px 20px 20px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 240px;
    z-index: 301;
}
.fullpage-progress img {
    height: 32px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    top: 25px;
    width: 32px;
}

#savingGift, #redeemingGift, #processingOrder {
    height: 28px;
}


div.section-container {
    border: 1px solid #ddd;
    padding: 0;
    position: relative;
}
div.section-container > h2.section-header {
    background: #d5d5d5; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f0f0 0%, #d5d5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%); /* W3C */
    border: 1px solid #ddd;
    color: #777;
    font-size: 12px;
    font-weight: normal;
    height: 29px;
    line-height: 30px;
    margin: -1px -1px 15px;
    padding: 0 9px;
    text-shadow: 0 1px 1px #fff;
}
div.section-container > div.section-contents {
    padding: 0 20px 20px;
    position: relative;
}


/*=================================================*/
/*  BILLING INFORMATION
/*=================================================*/
#billingAddress {
    margin-bottom: 10px;
}

#orderDetails > .prg-container {
    display: none;
}
#orderDetails > .prg-container > .recalc-tax-prg {
    background-color: #888;
    opacity: 0.5;
    height: 100%;
    left: 0;
    /*margin: -15px -15px 0;
    padding: 15px 15px 0;*/
    position: absolute;
    top: 0;
    width: 100%;
}
#orderDetails > .prg-container > .prg-msg {
    background: #fff url("/images/computing.gif") no-repeat scroll center 25px;
    border: 1px solid #bdbdbd;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 7px #aaa;
    color: #888;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    left: 50%;
    margin-left: -95px;
    margin-top: -55px;
    padding: 70px 20px 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 150px;
    z-index: 301;
}

#autoFillForm {
    
}

.tax-field-error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-size: 13px;
    margin: 11px 0 6px;
    padding: 8px 10px 9px;
}

.cc-field-error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-size: 13px;
    margin: 11px 0 6px;
    padding: 8px 10px 9px;
}

.validation-warning,
.validation-error {
    color: #dc0000 !important;
}
.custom-error {
    background-color: #fbdbdc;
    border: 1px solid #dc0000 !important;
}

/*=================================================*/
/*  CONFIRMATION PAGE
/*=================================================*/
#orderNumber {
    margin-bottom: 20px;
}

#printPage {
    background: transparent url(/images/pro/subscribe/printericon.png) no-repeat scroll 0 0;
    float: right;
    line-height: 10px;
    margin-top: 5px;
    padding-left: 17px;
}
#printPage:hover {
    background-position: 0 -11px;
}

/*=================================================*/
/*  PAYMENT OPTIONS FORMATTING
/*=================================================*/
#paymentOptions {
    position: relative;
    z-index: 10;
}
#paymentOptions .c1 {
    float: left;
    width: 419px;
}
#paymentOptions .c1.expanded {
    width: 726px;
}
#paymentOptions .c2 {
    float: left;
    margin-left: 10px;
    width: 299px;
}
#paymentOptions .opt1 {
    width: 417px;
}
#paymentOptions .c1.expanded .opt1 {
    width: 726px;
}
#paymentOptions .opt2 {
    width: 297px;
}
#paymentOptions .opt2 .methods {
    position: relative;
    padding: 0 20px 20px;
    z-index: 2;
}
#paymentOptions .option .shading {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* W3C */
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}
#paymentOptions #changeCreditCard {
    margin-top: 14px;
}

#paymentOptions .billingaddr {
    border-top: 1px solid #ddd;
}
#paymentOptions .cardinfo {
    min-height: 130px;
    z-index: 3;
}
#paymentOptions .billingaddr {
    min-height: 130px;
    z-index: 2;
}
#paymentOptions .cardinfo .cnt, 
#paymentOptions .billingaddr .cnt, 
#paymentOptions .billingagree .cnt, 
#paymentOptions .methods .cnt {
    /*padding-top: 15px;*/
    position: relative;
    z-index: 2;
}
#paymentOptions .methods .cnt {
    min-height: 219px;
}
#page.giftbilling #paymentOptions .cardinfo .cnt,
#page.giftbilling #paymentOptions .billingaddr .cnt {
    padding-top: 15px;
}
#page.giftbilling #paymentOptions .cardinfo .cnt {
    margin-top: -15px;
}
#page.giftbilling #paymentOptions .billingaddr h2,
#page.updatebilling #updatePaymentOptions .billingaddr h2 {
    color: #333;
    font-size: 14px;
    margin-top: 0;
}
#paymentOptions .expdatediv {
    display: inline-block;
    text-align: center;
    width: 9px;
}
#paymentOptions .expdatemonth {
    color: #888;
    display: inline-block;
    width: 39px;
}
#paymentOptions .expdateyear {
    color: #888;
    display: inline-block;
    width: 54px;
}
#paymentOptions .savepayment {
    color: #555;
    font-size: 11px;
    margin: 15px 0; 
}
#paymentOptions .formaction {
    clear: both;
    margin: 15px 0 0;
}
#paymentOptions .ccfill,
#updatePaymentOptions .ccfill {
    color: #ccc;
}

#paymentOptions .accept-terms {
    color: #db0303;
    margin: 0 0 10px;
}

#formErrors {
    clear: both;
}

#cclogos {
    margin-top: 7px;
    /*background: transparent url(/images/pro/subscribe/creditcards.png) no-repeat 0 0;
    height: 31px;
    margin-top: 7px;
    width: 166px;*/
}
.cc_logo {
    background: transparent url(/images/pro/subscribe/creditcards.png) no-repeat 0 0;
    float: left;
    height: 31px;
    width: 45px;
}
.cc_logo + .cc_logo {
    margin-left: 15px;
}
.cc_visa {
    background-position: 0 0;
}
.cc_mastercard {
    background-position: -61px 0;
}
.cc_amex {
    background-position: -122px 0;
}
.cc_discover {
    background-position: -183px 0;
}
#verisign {
    background: transparent url(/images/pro/subscribe/verisign.png) no-repeat 0 0;
    height: 40px;
    float: right;
    width: 81px;
}

#placeOrderBtn {
}
#placeOrderBtn.disabled {
    color: #666 !important;
}
br.clear {
  clear:both;
  width:0;
  height:0;
  visibility:hidden;
}
#agreement {
    color: #555;
    font-size: 11px;
    line-height: 15px;
    width: 250px;
    float: right;
}
#paymentOptions .c1.expanded #agreement {
    margin-right: 307px;
}
#payAgreement {
    color: #777;
    width: 377px;
}
#altPayAgreement {
    color: #777;
    font-size: 11px;
    line-height: 15px;
}

#pmPayPal, #pmAmazon {
    display: block;
    margin-bottom: 10px;
    margin-left: -4px;
}

.paymentOptions_disable {
    opacity:0.20;
    filter:alpha(opacity=20);
    pointer-events: none;
    cursor: default;
}

.helptip {
    display: inline-block;
    float: right;
    margin-left: 4px;
    position: relative;
}
.helptip .arrow {
    background: transparent url(/images/pro/subscribe/uparrow.png) no-repeat scroll 0 0;
    display: block;
    height: 15px;
    left: 120px;
    margin-left: -9px;
    position: absolute;
    top: -13px;
    width: 18px;
}
.helptip.twocards .arrow {
    left: 60px;
}
.helptip_anchor {
    background: transparent url(/images/pro/subscribe/question.png) no-repeat 0 0;
    display: block;
    height: 14px;
    margin-left: 4px;
    margin-top: 6px;
    width: 13px;
}
.helptip_anchor:hover {
    background-position: 0 -15px;
}
.helptip_bubble {
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px #ccc;
    -moz-box-shadow: 0 0 4px 1px #ccc;
    background: #fff;
    display: none;
    left: -110px;
    padding: 0 15px;
    position: absolute;
    top: 30px;
    width: 300px;
    z-index: 3;
}
.helptip.twocards .helptip_bubble {
    left: -50px;
    width: 120px;
}
.helptip_bubble .close {
    background: -moz-linear-gradient(center top , #FDFDFD 0%, #EDEDED 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 0 6px 0 6px;
    color: #999;
    font-size: 10px;
    height: 16px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 20px;
    z-index: 1;
}
.helptip_bubble .loc {
    border-bottom: 1px solid #ccc;
    margin: 0 -15px 10px;
    padding: 8px 15px;
    font-size: 11px;
}

#credHelp {
    float: none;
    margin-left: 0;
    vertical-align: middle;
}
#credHelpAnchor {
    margin-left: 0;
    margin-top: -2px;
}
#credHelpBubble {
    left: -114px;
    top: 25px;
}

#secCodeHelpBubble .cardback {
    background: #ffffff;
    background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
    background: linear-gradient(top, #f0f0f0 0%,#ffffff 100%);
    margin: -10px -15px 5px;
    padding: 10px 15px 0;
}
#secCodeHelpBubble .visa {
    float: left;
    font-size: 11px;
    height: 100px;
    width: 150px;
}
#secCodeHelpBubble .amex {
    float: left;
    font-size: 11px;
    height: 100px;
    margin-left: 40px;
    width: 110px;
}
#visaCardBack {
    background: transparent url(/images/pro/subscribe/creditcards_visa.png) no-repeat 0 0;
    height: 62px;
    width: 110px;
}
#amexCardBack {
    background: transparent url(/images/pro/subscribe/creditcards_amex.png) no-repeat 0 0;
    height: 62px;
    width: 110px;
}

/*=================================================*/
/*  CANCELLATION PAGE
/*=================================================*/

.cancel-main-content {
    border: 1px solid #ddd;
    color: #555;
    font-family: Arial, Verdana, san-serif;
    line-height: 18px;
    margin-bottom: 10px;
    position: relative;
    width: 728px;
    z-index: 20;
}
.cancelRemember, .cancelMidText {
    margin: 0px 35px 0px 35px;
}
.orangeHead {
    background-color: #f48e00;
    padding: 10px 35px 10px 35px;
    color: #ffffff;
}
.orangeHead img {
    padding: 8px 0px 0px 0px;
}
.cancelErrorHead {
    padding: 15px 0px 0px 35px;
}
.cancelAd {
    width: 635px;
    margin: 30px auto 0px auto;
}
.cancelAd a img, .examplesAdImg img {
    border-width: 0px;
}
.cancelAdImg {
    float: left;
    padding: 0px 25px 35px 25px;
}
.cancelMid {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 35px 0px 0px 0px;
}
.examplesAd {
    margin: 20px 0px 35px 25px;
}
.examplesAdImg {
    float: left;
    padding: 0px 12px 0px 12px;
}
.examplesSubtitle {
    font-size: 16px;
    font-weight: 900;
    color: #fe6518;
    padding-left: 35px;
}
#cancelFiles {
    margin: 20px 0px 50px 0px;
}
#cancelFileList {
    margin: 20px 0px 0px 25px;
}
#cancelData {
    margin: 0px 0px 35px 0px;
}
#cancelDataList {
    margin: 20px 0px 0px 25px;
}
.cancelPreviewImage {
    float: left;
    padding: 0px 12px 0px 12px;
    font-size: 13px;
}
.cancelPreviewImage img {
    border: solid 1px #dddddd;
    margin-bottom: 10px;
    width: 110px;
}
.cancelPreviewData {
    float: left;
    padding: 5px 25px 5px 10px;
}
.cancelPreviewData img {
    float: left;
    margin: 0px 8px 10px 2px;
    border-width: 0px;
}
.cancelPreviewData a, .cancelPreviewData a:visited, .cancelPreviewData a:link, .cancelPreviewData a:active {
    color: #555555;
}
.cancelPreviewData .fileName {
    margin: -1px 0px 0px 0px;
    float: left;
}
.cancelPreviewData .dataPreview {
    display: block;
    width: 150px;
    height: 75px;
    overflow: hidden;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    padding: 8px;
    font-size: 12px;
    clear: both;
}
#cancelSubscription {
    font-size: 14px;
    padding: 50px 10px;
    text-align: center;
}
#cancelSubscription.cancelform {
    padding: 35px 0px 0px 0px;
    text-align: left;
}
#cancelSubscription.cancelform #reason {
    font-family: Arial, Verdana;
    font-size: 12px;
    margin-top: 8px;
    padding: 4px;
    resize: none;
}
#cancelSubscription.cancelform .yousure {
    margin-bottom: 5px;
    margin-top: 35px;
}
#cancelSubscription.cancelform .lostitems {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    margin-bottom: 18px;
}
#cancelActions {
    margin-top: 30px;
}
#cancelSubscription.cancelform  #cancelActions {
    margin-top: 20px;
    text-align: center;
}
.cancelFoot {
    padding: 35px;
    background: linear-gradient(to bottom, #ffffff, #f6f6f6);
}
.cancelLoseAccess {
    margin-top: 10px;
}
#yesCancel {
    margin-left: 15px;
}
.spinAdjust {
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    margin: 0px auto 0px auto;
}
.spinAdjust div {
    margin: 8px 0px 0px 8px;
}
#spinContainer {
    width: 100%;
    padding-bottom: 35px;
}
#dataSpinContainer {
    width: 100%;
    padding-top: 35px;
}


/*=================================================*/
/*  CHANGE PLAN PAGE
/*=================================================*/
/*#changeSubscription {
    font-size: 14px;
    padding: 50px 10px;
    text-align: center;
}
#changeActions {
    margin-top: 30px;
}*/

/*=================================================*/
/*  UPDATE BILLING PAGE
/*=================================================*/
/*#updateBillingInformation {
    font-size: 14px;
    padding: 50px 10px;
    text-align: center;
}
#updateBillingActions {
    margin-top: 30px;
}*/

/*=================================================*/
/*  NEED SUBSCRIPTION PAGE
/*=================================================*/
/*#needSubscription {
    font-size: 14px;
    padding: 50px 10px;
    text-align: center;
}
#needActions {
    margin-top: 30px;
}*/

/*=================================================*/
/*  RESTRICTED PAGE
/*=================================================*/
/*#purchaseRestricted {
    font-size: 14px;
    padding: 50px 10px;
    text-align: center;
}
#restrictedActions {
    margin-top: 30px;
}*/

/*=================================================*/
/*  UPDATE BILLING PAGE
/*=================================================*/
#updateBillingForm .cardinfo,
#updateBillingForm .billingaddr {
    width: 419px;
}

#billingInfoUpdated, #billedAmazon, #billedPayPal {
    font-size: 14px;
    padding: 50px;
    text-align: center;
}
.amazon-button {
    background: transparent url(https://authorize.payments-sandbox.amazon.com/pba/images/GMSubscribeWithLogo.png) no-repeat 0 0;
    display: block;
    height: 43px;
    margin: 0 auto;
    width: 173px;
}
.paypal-button {
    background: transparent url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif) no-repeat 0 0;
    display: block;
    height: 42px;
    margin: 0 auto;
    width: 145px;
}

/*=================================================*/
/*  ERROR PAGE
/*=================================================*/
/*#errorPage {
    font-size: 14px;
    padding: 50px 10px;
    text-align: center;
}
#errorPageActions {
    margin-top: 30px;
}*/

/*=================================================*/
/*  MISCELLANEOUS POD FORMATTING
/*=================================================*/
.static-content {
    font-size: 14px;
    padding: 50px 10px;
    text-align: center;
}
.static-actions {
    margin-top: 30px;
}

#errorMsg {
    background-color: #fff0f0;
    border: 1px solid #eb9b9b;
    color: #ce2424;
    margin-bottom: 10px;
    padding: 5px 8px 6px;
}

#welcomeToPro {
    border: 1px solid #ddd;
    padding: 10px 10px 0;
}

#welcomeToProHeader {
    background: transparent url(/images/pro/subscribe/welcome-to-pro.png) no-repeat 0 0;
    height: 23px;
    margin: 10px 0 10px 20px;
    width: 245px;
}

#welcomeToPro.nomarketing {
    padding-top: 0;
}

.pro_feature {
    color: #888;
    float: left;
    font-size: 12px;
    line-height: 17px;
    padding-left: 80px;
    padding-top: 20px;
    width: 140px;
}
.pro_feature + .pro_feature {
    margin-left: 20px;
}
.pro_feature strong {
    color: #666;
    font-size: 14px;
}
.pro_feature a {
    color: #666;
}
.pro_feature a:hover {
    color: #db0303;
}

#pro_input {
    background: transparent url(/images/pro/subscribe/go-beyond.png) no-repeat -10px -13px;
}
#pro_results {
    background: transparent url(/images/pro/subscribe/get-richer.png) no-repeat -10px -13px;
}
#pro_download {
    background: transparent url(/images/pro/subscribe/customize.png) no-repeat -10px -13px;
}

#welcomeToPro .stripe {
    background: #acc1d3;
    background: -moz-linear-gradient(top, #f1f8fe 0%, #acc1d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f8fe), color-stop(100%,#acc1d3));
    background: -webkit-linear-gradient(top, #f1f8fe 0%,#acc1d3 100%);
    background: -o-linear-gradient(top, #f1f8fe 0%,#acc1d3 100%);
    background: -ms-linear-gradient(top, #f1f8fe 0%,#acc1d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f8fe', endColorstr='#acc1d3',GradientType=0 );
    background: linear-gradient(top, #f1f8fe 0%,#acc1d3 100%);
    border: 1px solid #b9cbda;
    color: #888;
    margin: 25px -11px -1px;
    padding: 20px;
    text-align: center;
}
#welcomeToPro.nomarketing .stripe {
    margin-top: -1px;
}
#welcomeToPro .or {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}
#goBackResult {
    padding: 5px 10px;
    vertical-align: middle;
}
#goBackResult:hover {
    color: #fff;
}
#tryexamples {
    background: transparent url(/images/pro/subscribe/try-examples.png) no-repeat 0 0;
    display: inline-block;
    height: 19px;
    margin-top: 6px;
    width: 135px;
    vertical-align: middle;
}
#tryexamples:hover {
    background-position: 0 -19px;
}
#readfaqs {
    background: transparent url(/images/pro/subscribe/read-faqs.png) no-repeat 0 0;
    display: inline-block;
    height: 17px;
    margin-left: 10px;
    margin-top: 4px;
    width: 114px;
    vertical-align: middle;
}
#readfaqs:hover {
    background-position: 0 -19px;
}
#learnMore {
    color: #ef6518;
    margin-left: 5px;
}

.smpod {
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* W3C */
    border: 1px solid #c8c8c8;
    font-size: 11px;
    height: 60px;
    padding: 25px;
    position: relative;
}
.getstarted {
    background-color: #f6f6f6;
    border: 1px solid #d1d1d1;
    float: left;
    height: 39px;
    padding: 24px 25px 20px 240px;
    position: relative;
    width: 154px;
}
.getstarted .pointer {
    background: transparent url(/images/pro/subscribe/getstarted_bg.png) no-repeat scroll 0 0;
    height: 85px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 221px;
}
.getstarted span {
    color: #d8d8d8
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: 25px
}
.getstarted #goBackResult, 
.getstarted #goBackAccount {
    font-size: 13px;
    text-align: left;
    width: 150px;
} 
.getstarted #goBackAccount {
    margin-top: 5px;
}



#collectZipCode {
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px #555;
    -moz-box-shadow: 0 0 4px 1px #555;
    background: #fff;
    display: block;
    left: 50%;
    /*height: 80px;*/
    margin-left: -143px;
    margin-top: -40px;
    padding: 10px 25px 20px;
    position: fixed;
    top: 50%;
    width: 236px;
    z-index: 400;
}

#collectZipCode #manualZip {
    margin-right: 10px;
    vertical-align: middle;
    width: 90px;
}

#collectZipCode #setZip {
    margin-top: -1px;
    vertical-align: middle;
}

#collectZipCode .enterzip {
    color: #555;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 15px;
}

#collectZipCode .badloc {
    color: #ff0000;
    font-size: 12px;
    padding: 15px 0 0;
}



/*=================================================*/
/*  SIGN IN FORM
/*=================================================*/
#updateBillingInfo {
    margin-left: 15px;
}



/*=================================================*/
/*  SIGN IN FORM
/*=================================================*/
.simplebox {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d0d0d0;
    font-family: Arial;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 12px #ddd;
    width: 400px;
}
.simplebox .header {
    background: #fdfdfd;
    background: -moz-linear-gradient(center top, #fff 0%, #fdfdfd 64%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(64%,#fdfdfd), color-stop(100%,#eee));
    background: -webkit-linear-gradient(top, #fff 0%,#fdfdfd 64%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%,#fdfdfd 64%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%,#fdfdfd 64%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    background: linear-gradient(top, #fff 0%,#fdfdfd 64%, #eee 100%);
    background: -moz-linear-gradient(center top , #fff 0%, #FDFDFD 64%, #eee 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #bbb;
    border-radius: 8px 8px 0 0;
    font-size: 18px;
    font-weight: normal;
    height: 80px;
    margin: 0 0 5px;
    position: relative;
}
.simplebox .header h1 {
    color: #F77445;
    font-size: 25px;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-top: 26px;
    text-shadow: 2px 2px 3px #CCCCCC;
    vertical-align: middle;
}
.simplebox .body {
    background: #fff;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    padding-bottom: 71px;
    padding: 10px 25px 25px;
}

.simplebox input[type=text], .simplebox input[type=password] {
    border: 1px solid #ccc;
    font-family: Arial;
    font-size: 12px;
    height: 20px;
    line-height: 15px;
    margin: 0;
    padding: 2px;
}

#signup-form {
    width: 660px;
}
#signup-form .body h2 {
    color: #444;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 5px;
}
#signup-form .body #alreadyHave {
    color: #444;
    font-size: 11px;
    padding: 10px 0;
}
#signup-sidebar {
    color: #444444;
    font-weight: bold;
    margin: 10px 0 5px 362px;
}

#signin-form .body {
    border-radius: 0;
    -moz-border-radius: 0;
}

#signin-form-bot {
    background-color: #FCFCFC;
    border-top: 1px solid #CCCCCC;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    padding: 20px 25px 25px;
}
#signin-form-bot h2 {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 6px;
}

#securityPurposes {
    background-color: #fffed1;
    border: 1px solid #e4d26e;
    color: #666666;
    margin-bottom: 15px;
    padding: 9px 10px 9px;
}

#forgotPassword {
    float: right;
    font-size: 11px;
    margin-top: 5px;
}

#signInForm {
    width: 350px;
}
#signUpForm {
    background-color: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 1px 1px #DDDDDD, 0 0 3px 3px #EEEEEE;
    float: left;
    /*height: 425px;*/
    margin: 10px 0 5px;
    padding: 25px;
    position: relative;
    width: 280px;
}

#invalidCreds, 
#signupErrors,
#errorDetails {
    color: #ff0000 !important;
    text-align: left;
}
#invalidCreds p, 
#signupErrors p,
#errorDetails p {
    color: #ff0000 !important;
    text-align: left;
}
#errorDetails p.normcolor {
    color: #555 !important;
}

#hasAccount {
    border-top: 1px solid #c8c8c8;
    margin-top: 15px;
    padding-top: 15px;
}

.wa_meant {
    background: url("/images/pro/pro-features.png") no-repeat scroll 0 0 transparent;
    height: 54px;
    margin-bottom: 20px;
}
.wa_meant2 {
    background: url("/images/pro/text-sign-in.png") no-repeat scroll 0 0 transparent;
    height: 75px;
    margin-bottom: 20px;
}
ul.features {
    font-weight: normal;
    margin-left: -20px;
    padding-left: 0;
}
ul.features li {
    color: #666666;
    font-size: 12px;
    height: 70px;
    list-style: none outside none;
    padding-left: 80px;
    padding-top: 15px;
}
ul.features strong {
    color: #FE6518;
    font-size: 14px;
    margin-left: 0;
}
#special_access { 
    background: url("/images/pro/special-access.png") no-repeat scroll -5px -12px transparent;
    width: 200px;
}
#beyond_input {
    background: url("/images/pro/go-beyond.png") no-repeat scroll -5px -12px transparent;
}
#richer_results {
    background: url("/images/pro/get-richer.png") no-repeat scroll -5px -12px transparent;
}
#cust_dl {
    background: url("/images/pro/customize.png") no-repeat scroll -5px -12px transparent;
}
#gift_track {
    background: url("/images/pro/gift-tracking.png") no-repeat scroll 14px 6px transparent;
    padding-left: 60px;
    width: 175px;
}
.sidebar-signup-feature {
    background: url("//www.wolframcdn.com/images/pro/create-account-icons2.png") no-repeat scroll left 1px transparent;
    height: 26px;
    margin-top: 16px;
}
.sidebar-signup-feature + .sidebar-signup-feature {
    margin-top: 8px;
}

#giftOptions {
    margin: 0 auto;
    width: 300px;
}
#giftOptions .redeem-gift {
    color: #555;
    font-size: 11px;
    margin-top: 30px;
    text-align: center;
}
#buyGift {
    width: 257px;
}
#buyGift .buygift-btn {
    margin-top: 30px;
    text-align: center;
}

#redeemGift {
    margin: 0 auto;
    width: 306px;
}

#giftRedeemed .giant-btn {
    padding-left: 20px;
    padding-right: 20px;
}



/*=================================================*/
/*  CONTACT US FORM
/*=================================================*/
#contactus-lightbox {
    background-color: #fff;
    left: 50%;
    margin-left: -285px;
    position: fixed;
    top: 50%;
    margin-top: -180px;
    z-index: 400;
}
#contactus-form input[type=text] {
    width: 250px;
}
#contactus-form textarea {
    font-family: Arial;
    font-size: 13px;
    line-height: 16px;
    width: 514px;
}
#contactus-form #message-container {
    background-color: #F4F4F4;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #D8D8D8;
    display: block;
    margin: 10px -25px -10px;
    padding: 15px 25px 20px;
}
#contactus-thankyou {
    display: none;
}
#contactus-lightbox .lightbox-mid {
    padding: 15px 25px 10px;
}



/* Credit Promotion */
#specialOffer {
    position: absolute;
    height: 32px;
    margin-left: -127px;
    margin-top: -7px;
    width: 117px;
}
.haspromotion {
    color: #fe6518;
    text-decoration: line-through;
}
.haspromotion span {
    color: #888888;
}



/*=================================================*/
/*  GIFTING SUSBCRIPTION FORM
/*=================================================*/
.giftart {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    height: 100px;
    text-align: center;
    width: 100px;
}
.giftart + .giftart {
    margin-left: 10px;
}
.giftart.selected {
    border: 1px solid #888;
}
.giftart:hover {
    border: 1px solid #444;
}

.giftart1 {
    background-color: #aadddd;
}
.giftart2 {
    background-color: #ddaadd;
}
.giftart3 {
    background-color: #ddddaa;
}
.giftart4 {
    background-color: #dddddd;
}
.giftart5 {
    background-color: #fff;
}

#giftCard {
    position: absolute;
    max-width: 200px;
    right: 20px;
    top: 20px;
}

.sbs {
}
.sbs + .sbs {
    margin-top: 5px;
}
.sbs label {
    display: inline-block;
    font-weight: bold;
    padding: 4px 0 5px;
    width: 100px;
}
.sbs + .ttb {
    margin-top: 5px;
}
.ttb {
}
.ttb + .ttb {
    margin-top: 5px;
}
.ttb label {
    display: block;
    font-weight: bold;
    padding: 4px 0 5px;
}
.ttb label {
    display: block;
    font-weight: bold;
    padding: 4px 0 5px;
}

.sendgift {
    margin-top: -2px;
    vertical-align: middle;
}
.sendgift + label {
    display: inline-block;
    font-weight: normal;
    margin-left: 5px;
    vertical-align: middle;
}

.gift-breadcrumb-container {
    background-color: #f8f8f8;
    height: 130px;
    margin-bottom: 35px;
    margin-top: -35px;
    position: relative;
    text-align: center;
}
.gift-breadcrumb {
    left: 50%;
    margin-left: -259px;
    position: absolute;
    top: 75px;
    width: 518px;
}
.gift-breadcrumb .line {
    background-color: #c9c9c9;
    float: left;
    height: 2px;
    margin-top: 7px;
    width: 150px;
}
.gift-breadcrumb .step {
    background: url(/images/pro/subscribe/gifting-breadcrumb-dots.png) no-repeat scroll -36px 0 transparent;
    float: left;
    height: 17px;
    position: relative;
    width: 17px;
}
.gift-breadcrumb .step.finished {
    background-position: 0 0;
    font-weight: bold;
}
.gift-breadcrumb .step.selected {
    background-position: -18px 0;
    font-weight: bold;
}
.gift-breadcrumb .step + .step {
    margin-left: 20px;
}
.gift-breadcrumb .step > .label {
    color: #a2a2a2;
    font-size: 10px;
    font-weight: bold;
    left: 50%;
    padding: 10px 10px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    bottom: 35px;
}
.gift-breadcrumb .step1 > .label {
    margin-left: -45px;
    width: 71px;
}
.gift-breadcrumb .step2 > .label {
    margin-left: -78px;
    width: 137px;
}
.gift-breadcrumb .step3 > .label {
    margin-left: -53px;
    width: 86px;
}
.gift-breadcrumb .step4 > .label {
    margin-left: -70px;
    width: 121px;
}
.gift-breadcrumb .step.finished > .label {
    color: #d5d5d5;
}
.gift-breadcrumb .step.selected > .label {
    background: #f18d0a;
    background: -moz-linear-gradient(top, #fea732 0%, #f18d0a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fea732), color-stop(100%,#f18d0a));
    background: -webkit-linear-gradient(top, #fea732 0%,#f18d0a 100%); /
    background: -o-linear-gradient(top, #fea732 0%,#f18d0a 100%);
    background: -ms-linear-gradient(top, #fea732 0%,#f18d0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea732', endColorstr='#f18d0a',GradientType=0 );
    background: linear-gradient(top, #fea732 0%,#f18d0a 100%);
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    color: #fff;
    padding: 5px 10px;
    text-shadow: 0 0 3px rgba(188, 121, 32, 0.45);
}
.gift-breadcrumb .step > .label > .arrow {
    display: none;
}
.gift-breadcrumb .step.selected > .label > .arrow {
    background: url(/images/pro/subscribe/gifting-breadcrumb-arrow.png) no-repeat scroll 0 0 transparent;
    bottom: -9px;
    display: block;
    height: 9px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 13px;
}

.gift-select-inst {
    margin-bottom: 30px;
}
.gift-select-inst h1 {
    background: url(/images/pro/subscribe/gifting-givethegift.png) no-repeat scroll 0 0 transparent;
    height: 29px;
    margin: 30px 0 5px;
    width: 340px;
}
.gift-select-inst h1 + p {
    margin-top: 5px;
}
.gift-select-inst p {
    color: #666;
    font-family: Arial, Verdana, san-serif;
    font-size: 14px;
    line-height: 20px;
}
.gift-select-width {
    margin-left: auto;
    margin-right: auto;
    width: 550px;
}
.gift-select-width.no-padding {
    margin-left: auto;
    margin-right: auto;
    width: 590px;
}

/* Choose the number of months box */
#selectGift {
}

.giftmonths-container {
    float: left;
    text-align: center;
    width: 160px;
}
.giftmonths-container + .giftmonths-container {
    margin-left: 30px;
}
.giftmonths {
    background: #fffbf4;
    border: 1px solid #ffd7a6;
    border-radius: 8px;
    box-shadow: 0 0 7px #e5e5e5;
    text-align: center;
    padding: 25px 0;
    margin-bottom: 20px;
    position: relative;
}
.giftmonths.selected {
    background: #fffef0;
    border-color: #f0be11;
    box-shadow: 0 0px 7px #f8e39b;
}
.giftmonths:hover {
    background: #fffef0;
    border-color: #f0be11;
    box-shadow: 0 0px 7px #f8e39b;
    cursor: pointer;
}
.giftmonths .gift-bestvalstripe {
    position: absolute;
    width: 75px;
    height: 75px;
    top: -2px;
    left: -2px;
    background: url(/images/pro/subscribe/banner-best-value.png) no-repeat left top transparent;
}
.giftmonths .gift-length {
    color: #fe6518;
    font-size: 33px;
    font-weight: normal;
    height: 33px;
    line-height: 1;
    margin: 0 auto 8px;
    width: 43px;
}
.giftmonths .gift-length.num3 {
    background: url(/images/pro/subscribe/gifting-num3.png) no-repeat 0 0 transparent;
}
.giftmonths .gift-length.num6 {
    background: url(/images/pro/subscribe/gifting-num6.png) no-repeat 0 0 transparent;
}
.giftmonths .gift-length.num12 {
    background: url(/images/pro/subscribe/gifting-num12.png) no-repeat 0 0 transparent;
}
.giftmonths .gift-duration {
    color: #6c6c6c;
    font-size: 15px;
    line-height: 1;
    margin: 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
.giftmonths .gift-price {
    color: #454545;
    font-size: 17px;
    line-height: 1;
    margin: 0;
}

/* Personalize your gift box */
#personalizeGift h2 {
    background-color: #f3f3f3;
    color: #555;
    font-size: 13px;
    margin: 15px -20px 15px;
    padding: 8px 20px 7px;
    text-transform: uppercase;
}
#personalizeGift > .f {
    margin-bottom: 10px;
}
#personalizeGift > .f > .sf > label {
    display: inline-block;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
}
#personalizeGift > .f > .sf + .sf {
    margin-left: 15px;
}
#personalizeGift .continue-btn {
    background-color: #f9f9f9;
    border-top: 1px solid #e6e6e6;
    margin: 20px -20px -20px;
    padding: 20px;
    text-align: right;
}

#giftPreview {
    height: 121px;
    left: -17px;
    margin: 0 auto;
    position: relative;
    width: 207px;
}
#giftPreview.gift-preview-3months {
    background: url(/images/pro/subscribe/gifting-preview-3months.png) no-repeat scroll 0 0 transparent;
}
#giftPreview.gift-preview-6months {
    background: url(/images/pro/subscribe/gifting-preview-6months.png) no-repeat scroll 0 0 transparent;
}
#giftPreview.gift-preview-12months {
    background: url(/images/pro/subscribe/gifting-preview-12months.png) no-repeat scroll 0 0 transparent;
}

#characterRemaining {
    color: #666;
    text-align: right;
}
#charRemaining.exceeded {
    color: #db0303;
}

#selectGift h1, 
#personalizeGift h1, 
#signinForm h1, 
#guestForm h1 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
#selectGift h1 {
    margin-bottom: 20px;
}

.gift-summary {
}
.gift-summary .gift-details {
}
.gift-summary .gift-name {
    font-weight: bold;
}
.gift-summary .edit-gift {
    font-size: 12px;
}
.gift-summary .gift-image {
    margin-top: 10px;
    height: 105px;
    width: 174px;
}
.gift-summary .gift-image.gift-preview-3month, 
.gift-summary .gift-image.gift-preview-3months {
    background: url(/images/pro/subscribe/gifting-preview-sm-3month.png) no-repeat scroll 0 0 transparent;
}
.gift-summary .gift-image.gift-preview-6month, 
.gift-summary .gift-image.gift-preview-6months {
    background: url(/images/pro/subscribe/gifting-preview-sm-6month.png) no-repeat scroll 0 0 transparent;
}
.gift-summary .gift-image.gift-preview-12month, 
.gift-summary .gift-image.gift-preview-12months {
    background: url(/images/pro/subscribe/gifting-preview-sm-12month.png) no-repeat scroll 0 0 transparent;
}

.from-who {
}
.to-who {
    margin-top: 15px;
}
.delivery-note {
    margin-top: 15px;
}

#agreement.gift-agreement {
    width: 180px;
}

.gift-redeemed {
    margin: 0 auto;
    width: 456px;
}
.gift-redeemed .diagram {
    margin: 20px 0;
}

#confirmRedeemGift .continue-btn {
    margin-top: 20px;
    text-align: right;
}
.confirm-gift-redeemed {
    margin: 0 auto;
    width: 456px;
}
.confirm-gift-redeemed .diagram {
    margin: 20px 0;
}
.confirm-gift-redeemed .accept-notice {
    background-color: #fffded;
    margin-top: 20px;
    padding: 15px;
}
.confirm-gift-redeemed #accept {
    margin-top: 2px;
}
.confirm-gift-redeemed #accept + label {
    color: #777;
    display: inline-block;
    font-size: 12px;
    padding-bottom: 3px;
    margin-left: 5px;
    width: 350px;
}


.bottom-btns {
    margin-top: 30px;
    text-align: right;
}

#charTotal {
    display: none;
}

#authForm {
    margin: 0 auto;
    width: 702px
}
#signinForm {
    float: left;
    min-height: 230px;
    width: 300px;
}
#signinForm #signInForm {
    width: 300px;
}
#guestForm {
    min-height: 230px;
    margin-left: 360px;
    width: 300px;
}
.no-wolframid {
    text-align: center;
    margin-top: 20px;
}
.no-wolframid .or {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 15px;
}

.center-btn {
    margin-bottom: 10px;
    margin-top: 19px;
    text-align: center;
}



/*=================================================*/
/*  PROMO CODE FORMATTING
/*=================================================*/
#havePromoCode {
    display: inline-block;
    margin-top: 8px;
    padding: 3px 0 4px;
}
#enterPromoCode {
    display: none;
    margin-top: 8px;
}


/*=================================================*/
/*  PRICE INCREASE FORMATTING
/*=================================================*/
.priceIncreaseSubscribe {
    color: #FC6517;
    background-color: #FFFEF0;
    border: 1px solid #f0d67d;
    border-radius: 5px;
    box-shadow: 0 0 4px #ccc;
    margin: 10px 0;
    padding: 12px;
    position: relative;
}

.priceIncreaseSubscribe-large {
    font-size: 14px;
    font-weight: bold;
}

.priceIncreaseCancel {
    color: #FC6517;
    background-color: #FFFEF0;
    border: 1px solid #f0d67d;
    border-radius: 5px;
    box-shadow: 0 0 4px #ccc;
    margin: 10px 0;
    padding: 12px;
    position: relative;
}


/*=================================================*/
/*  FUTURE BILLING FORMATTING
/*=================================================*/
#futureBilling {
    background-color: #FFFDE1;
    border: 1px solid #E4D26E;
    line-height: 1.3;
    margin: 15px 0 10px;
    padding: 10px 14px;
    position: relative;
}
#page.billing #futureBilling {
}
#page.confirm #futureBilling {
    margin-top: 0;
}



/*=================================================*/
/*  DEBUGGING TABLE FORMATTING
/*=================================================*/
#debuggingToggle {
    background-color: #ddd;
    border: 1px solid #bbb;
    font-family: Verdana, Arial;
    padding: 2px 4px 5px;
    position: fixed;
    right: 1px;
    top: 1px;
}

#debugging {
    border-left: 3px solid #bbb;
    display: none;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 500px;
}

div.debugging {
    font-family: Verdana, Arial;
    padding: 1px;
}
div.debugging > div {
    background-color: #ddd;
    clear: both;
}
div.debugging > div.main {
    background-color: #ccc;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    padding: 4px 4px 6px;
}
div.debugging > div.section {
    background-color: #ccc;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding: 4px 4px 6px;
}
div.debugging > div.subsection {
    background-color: #ccc;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    padding: 4px 4px 6px;
}
div.debugging > div > div {
    background-color: #fff;
    font-size: 11px;
    font-weight: normal;
    margin-left: 160px;
    padding: 2px 4px 3px;
}
div.debugging > div > div:first-child {
    background-color: #ddd;
    float: left;
    font-weight: bold;
    margin-bottom: 1px;
    margin-left: 0;
    white-space: nowrap;
    width: 152px;
}
div.debugging > div + div {
    margin-top: 1px;
}

table.debugging {
    border: 0;
    font-family: Verdana, Arial;
    width: 100%;
}
table.debugging tr {
}
table.debugging tr th {
    background-color: #bbb;
    padding: 2px 4px 3px;
    text-align: left;
    vertical-align: top;
}
table.debugging tr th.main {
    background-color: #ccc;
    font-size: 16px;
    line-height: normal;
    padding: 4px 4px 6px;
}
table.debugging tr th.section {
    background-color: #ccc;
    font-size: 14px;
    line-height: normal;
    padding: 4px 4px 6px;
}
table.debugging tr th.subsection {
    background-color: #ccc;
    font-size: 12px;
    line-height: normal;
    padding: 4px 4px 6px;
}
table.debugging tr td {
    background-color: #fff;
    font-size: 11px;
    padding: 2px 30px 3px 4px;
    vertical-align: top;
}
table.debugging tr td:first-child {
    background-color: #ddd;
    padding: 2px 4px 3px;
    white-space: nowrap;
    width: 150px;
}

.debugmode #debuggingToggle {
    right: 504px;
}
.debugmode #page {
    margin-right: 500px;
}
.debugmode #debugging {
    display: block;
}


#wolframId, #password {
    width: 345px;
}
.gift-signin #wolframId, .gift-signin #password {
    width: 294px;
}



.signin #oauth_signin_iframe {
    height: 200px;
    margin: -10px -25px -10px;
    width: 400px;
}
.signup #oauth_signup_iframe {
    height: 380px;
    margin: -10px -25px -10px;
    width: 330px;
}

.gift-signin #oauth_signin_iframe {
    height: 180px;
    margin: -10px -20px -10px;
    width: 340px;
}
.gift-signin h1 + #oauth_signin_iframe {
    margin-top: 0;
}
.gift-signup #oauth_signup_iframe {
    height: 350px;
    margin: -10px -25px -10px;
    width: 330px;
}