/* Global */

html, body {height: 100%;}
html {background: #ebebeb;}
a {color:#48687f;text-decoration: underline;}
.clear{clear:both;}
.floatleft{float:left;}

/* Container */

#container {width: 740px;min-height: 100%;margin: 0 auto;background: #fff url(bg-container.png) repeat-y;}
#container-inner {padding: 0 1px;}


/* Header */

#header {background: #87b3bc url(../../../images/app/services/register/bg-page-header.png) repeat-x;}
#header-logo {padding: 38px 24px 9px;}
#header-logo a,
#header-logo img {display: block;}

/* #header-minimal{background-image:url(../../../images/app/services/register/bg-page-header-minimal.png);background-repeat:repeat-x;} */
#header-minimal{background-color:#fff;background-image:url(bg-page-header-minimal.png);background-repeat:repeat-x;}
#header-logo-minimal{padding:1px 0 19px 40px;}
#header-logo-minimal-popup{padding:15px 0 19px 20px;}

/* Content */

#content {margin: 0 40px;clear:both;}


/* Columns */

#content .alpha, #content .beta {float: left;display: inline;}

#content .alpha {width:700px;}
#content .beta  {width:290px;}

/* box */
.box{background-image:url(bg-body-mid-700px.png);width:656px;padding:0 22px;background-repeat:repeat-y;}
.boxtop{width:656px;height:20px;background-image:url(bg-body-top-700px.png);}
.boxbottom{width:656px;height:20px;background-image:url(bg-body-bot-700px.png);}
.boxbigtop{width:800px;height:20px;background-image:url(../../../images/app/services/register/bg-body-top-800px.png);}
.boxbigbottom{width:800px;height:20px;background-image:url(../../../images/app/services/register/bg-body-bot-800px.png);}

/* forms */
.note2{color:#666;margin:20px 0 0 0;padding:0px;}
.note2 a{color:#666;}
.note2 a:hover{color:#333;}

/* Common Content */

h1, h2 {margin:30px 0 10px 0;padding:0;}
h1 { font-size: 24px; }
h2 { font-size: 17px; }

.introtext{color:#333;font-size:14px;}
.introtext a{font-weight:bold;}



.page-header {
    margin-bottom: 15px;
}

.page-header p {
    margin-bottom: 5px;
}

.alpha fieldset{
    margin:0;
}
.alpha fieldset h3{
    margin:20px 0 8px 0;
    font-size: 17px;
    font-weight: bold;
}

.alpha fieldset h3 #level-note{
    color: #666;
}
.alpha fieldset .field{
    margin-bottom:13px;
}

.rowhighlight-1{height:27px;}
.rowhighlight-billing{height:24px;}
#row-email, #row-password, #row-name, #row-gender, #row-birthday{height:24px;}

.alpha fieldset .fieldlast{
    margin-bottom:0px;
}
.alpha fieldset .desc{
    float: left;
    width: 90px;
    margin-right:15px;
    padding-top: 3px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    color:#333;
}

.alpha fieldset .input{
    float: left;
    width: 550px;
}

.alpha fieldset .input2{
    float: left;
    width: 300px;
}

.alpha fieldset .input3{
    float: left;
    width: 155px;
}

.alpha fieldset .input4{
    float: left;
    width: 620px;
}

.alpha fieldset .input .text{
    width: 200px;
    padding: 2px 2px 1px 2px;
    margin:2px;
    font-size: 14px;
    float:left;
}

.alpha fieldset .inputnumero .text{
    width: 10px;
    padding: 2px 2px 1px 2px;
    margin:2px;
    font-size: 14px;
    float:left;
}

.alpha fieldset .inputcep .text{
    width: 20px;
    padding: 2px 2px 1px 2px;
    margin:2px;
    font-size: 14px;
    float:left;
}

.alpha fieldset .input[class] .text{
    padding-top: 0px;
    padding-bottom: 0;
    float:left;
}

.alpha fieldset .input2[class] .text{
    padding-top: 0px;
    padding-bottom: 0;
    float:left;
}

    .alpha fieldset .input .blog-url{
        float: left;
        width: 120px;
    }
    .alpha fieldset .input .birth-year{
        width: 80px;
    }
    .alpha fieldset .input3 .security-code{
        float: left;
        width: 60px;
        padding:2px 2px 1px 2px;margin:2px 5px 2px 2px;font-size: 14px;        
    }
    .alpha fieldset .input .zip{
        width: 120px;
        padding: 2px 2px 1px 2px;margin:2px;font-size: 14px;
    }
.alpha fieldset .input .radio{
    float: left;
    margin: 1px 1px 2px 0;
}

.alpha fieldset .input2 .radio{
    float: left;
    margin: 1px 1px 2px 0;
}

.alpha fieldset .input[class] .radio{
    margin: 4px 4px 5px 0;
}

.alpha fieldset .input2[class] .radio{
    margin: 5px 1px 5px 0;
}

.alpha fieldset .input .checkbox{
    float: left;
}

.newslettersignup{float:left;width:500px;margin:0 0 0 7px;font-size:12px;color:#333;}

.alpha fieldset .input[class] .checkbox{
    margin: 3px 5px 0 0;
}
.alpha fieldset .input select{
    float: left;
    margin: 1px 5px 0 0;
    font-size: 12px;
}
.alpha fieldset .input[class] select{
    margin-top: 0px;
}
.alpha fieldset .input .gender{
    float: left;
    padding: 3px 8px 0 0;
}
.alpha fieldset .input .domain{
    font-size:14px;
    float:left;
    padding: 4px 0 0 0;
}
.alpha fieldset .input[class] .domain{
    padding: 4px 0 0 0;
    float:left;
}
.alpha fieldset .input p{
    font-size: 12px;
    margin:2px 0 0 0;
}

/* row styles */

.rowstyle-note{background: url(../../../images/app/services/register/bg-note-row.png) no-repeat;height:24px;}
.rowstyle-note-long{background: url(../../../images/app/services/register/bg-note-row-long.png) no-repeat;height:24px;}
.rowstyle-checking{background: url(../../../images/app/services/register/bg-note-row.png) no-repeat;height:24px;}
.rowstyle-checking-long{background: url(../../../images/app/services/register/bg-note-row-long.png) no-repeat;height:24px;}
.rowstyle-error{background: url(../../../images/app/services/register/bg-error-row.png) no-repeat;height:24px;}
.rowstyle-error-long{background: url(../../../images/app/services/register/bg-error-row-long.png) no-repeat;height:24px;}
.rowstyle-ok{background:none;height:24px;}
.rowstyle-takeaction{background:none;}

.ok{
    background: url(../../../images/app/services/register/check.png) no-repeat;
    background-position:10px 50%;
    width:200px;
    color:#61868e;
    font-size:12px;
    padding:4px 2px 4px 28px;
    float:left;
    display: none;
}

.checking{
    background: url(../../../images/app/services/register/checking.gif) no-repeat;
    background-position:7px 50%;
    width:200px;
    color:#61868e;
    font-size:12px;
    padding:4px 2px 4px 28px;
    float:left;
    display:none;
}

.note{
    background: url(../../../images/app/services/register/icon-arrow-sm-green.png) no-repeat;
    background-position:7px 35%;
    width:300px;
    color:#61868e;
    font-size:12px;
    padding:3px 2px 4px 20px;
    float:left;
    display: none;
}

.noteblogurl{
    background: url(../../../images/app/services/register/icon-arrow-sm-green.png) no-repeat;
    background-position:7px 50%;
    width:250px;
    color:#61868e;
    font-size:12px;
    margin:0 0 0 3px;
    padding:4px 2px 4px 20px;
    float:left;
    display:none;
}


.notegender{
    background: url(../../../images/app/services/register/icon-arrow-sm-green.png) no-repeat;
    background-position:7px 50%;
    width:275px;
    color:#61868e;
    font-size:12px;
    margin:0 0 0 3px;
    padding:3px 2px 4px 20px;
    float:left;
    display:none;    
}

.rowstyle-ok .ok { display: block; }
.rowstyle-checking .checking { display: block; }
.rowstyle-note .note, .rowstyle-note-tall .noteblogurltall, .rowstyle-note .noteblogurl, .rowstyle-note .notegender { display: block; }

.alpha fieldset .input .error{
    width:300px;
    color:#954747;
    font-size:12px;
    padding:4px 2px 4px 20px;
    float:left;
    display:none;
}

.alpha fieldset .input2 .error{
    width:290px;
    color:#954747;
    font-size:13px;
    padding:2px 2px 4px 10px;
    font-weight:bold;
    float:left;
    display:none;
}

.alpha fieldset .input3 .error{
    width:130px;
    color:#954747;
    font-size:12px;
    padding:4px 2px 4px 10px;
    float:left;
    display:none;
}

.errorblogurl{
    width:250px;
    color:#954747;
    font-size:12px;
    margin:0 0 0 3px;
    padding:4px 2px 4px 20px;
    float:left;
    display:none;    
}

/*.rowstyle-error .errorblogurl{display:block;}*/


.alpha fieldset .input .errorgender{
width:280px;
color:#954747;
font-size:12px;
padding:4px 2px 4px 15px;
display:none;
float:left;
}


.promocode .note{
    background: url(../../../images/app/services/register/icon-arrow-sm-green.png) no-repeat;
    background-position:7px 50%;
    width:270px;
    color:#61868e;
    font-size:12px;
    margin:0 0 0 3px;
    padding:5px 2px 4px 20px;
    float:left;
    display:none;
}

.promocode .error{
    width:270px;
    color:#954747;
    font-size:12px;
    margin:0 0 0 3px;
    padding:5px 2px 4px 20px;
    float:left;
    display:none;
}

.firstblog .error{
    width:270px;
    color:#954747;
    font-size:12px;
    padding:5px 2px 4px 20px;
    float:left;
    display:none;
}

.promocode .ok{
    background: url(../../../images/app/services/register/check.png) no-repeat;
    background-position:10px 50%;
    width:270px;
    color:#61868e;
    font-size:12px;
    padding:4px 2px 4px 28px;
    float:left;
    display:none;    
}

.promocode .checking{
    background: url(../../../images/app/services/register/checking.gif) no-repeat;
    background-position:7px 50%;
    width:200px;
    color:#61868e;
    font-size:12px;
    padding:4px 2px 4px 28px;
    float:left;
    display:none;
}

.takeaction{
    background: url(../../../images/app/services/register/icon-arrow-sm-green.png) no-repeat;
    background-position:7px 20%;    
    width:280px;
    color:#61868e;
    font-size:12px;
    padding:4px 2px 4px 20px;
    float:left;
    display:none;
}

.promocode .rowstyle-note .note{display:block;}
.promocode .rowstyle-error .error{display:block;}
.promocode .rowstyle-checking .checking{display:block;}
.promocode .rowstyle-ok .ok{display:block;}
.promocode .rowstyle-takeaction .takeaction{display:block;}

#discount-code-input{float:left;}



.confirm-group .error{
    display:none;
    clear: both;
    color: #954747;
    font-size: 12px;
    font-weight: bold;
}

.alpha fieldset .input .help{
    padding-top: 1px;
}

.promocode{font-size:12px;color:#333;}
.promocode input{width:60px;font-size:14px;margin:2px 0 0 0;}
.promocodetext{margin:6px 5px 0 4px;display:inline;float:left;}


.alpha fieldset .input .expire{
    float: left;
    padding: 2px 8px 0 0;
}
.alpha fieldset .input[class] .expire{
    padding-top: 3px;
}
.alpha fieldset .input .card-img{
    float: left;
    margin: -1px 10px 0 0;
}

.alpha fieldset .input2 .card-img{
    float: left;
    margin: -1px 10px 0 0;
}


.selectspacing{padding:2px 0 0 2px;}

.button {
    width: 200px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    background: url(buttonalt-bg.png) no-repeat;
}

.button a {
    display: block;
    padding: 4px 0 6px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button a:hover,
.button a:active {
    text-decoration: underline;
    cursor: pointer;
}

.button-big {
    width: 270px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    background: url(../../../images/app/services/register/buttonalt-longer-bg.png) no-repeat;
}

.button-big a {
    display: block;
    padding: 4px 0 6px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button-big a:hover,
.button-big a:active {
    text-decoration: underline;
    cursor: pointer;
}


.button-onwhite{
    width: 200px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    background: url(../../../images/app/services/register/buttonalt-bg-onwhite.png) no-repeat;
}

.button-onwhite a {
    display: block;
    padding: 4px 0 6px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button-onwhite a:hover,
.button-onwhite a:active {
    text-decoration: underline;
    cursor: pointer;
}

/* Confirm */

.confirm-group {
    margin-bottom: 15px;
}

.confirm-group-header {
/*    width:600px; */
    position: relative;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
}

.confirm-group-header .edit {
    float:right;
    font-size: 12px;
    line-height: 16px;
    margin:-15px 0 0 0;
}

.confirm-group-header h3 {
    font-weight: bold;
}

.confirm-group-content {
    border: 1px solid #c4d4d7;
    padding: 14px;
    background-color:#f9fcfd;
/*    width:575px; */
}

.confirm-group-content-shorter {
    border: 1px solid #c4d4d7;
    padding: 14px;
    background-color:#f9fcfd;
    width:575px;
    height:24px;
}

.confirm-group-content-short {
    border: 1px solid #c4d4d7;
    padding: 14px;
    background-color:#f9fcfd;
    width:575px;
    height:48px;
}

.confirm-subgroup {
    margin-bottom: 8px;
    padding-bottom: 7px;
}

.confirm-subgroup-header {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
}

.confirm-subgroup-header h4 {
    font-weight: bold;
}


/* First Blog */

.firstblog h3 {
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 14px;
    color:#333;
}

.firstblog #fb-name,
.firstblog #fb-theme,
.firstblog #fb-layout,
.firstblog #fb-publicity {
    padding-bottom: 20px;
}

.firstblog #fb-name .field {
    margin-bottom: 10px;
}

.firstblog #fb-name input.focused {
    color: #000;
}

.firstblog .option {
    float: left;
    display: inline;
    margin: 0 15px 10px 0;
}

.firstblog .option-theme {
    width: 204px;
}

.firstblog .option-layout {
    width: 148px;
}

.firstblog .option-publicity {
    width: 204px;
}

.firstblog .option-design,
.firstblog .option-compose {
    width: 311px;
}

.firstblog .option label {
    display: block;
}

.firstblog .option .icon {
    margin-bottom: 5px;
}

.firstblog .option-theme .icon img {
    border: 1px solid #ccc;
    padding: 1px;
}

.firstblog .option .radio {
    float: left;
    display: inline;
    width: 16px;
    text-align: center;
}

.firstblog .option .label {
    display: block;
    margin-left: 18px;
}

.firstblog .option-publicity .label dt,
.firstblog .option-publicity .label dd,
.firstblog .option-publicity .label .login-field {
    margin-bottom: 5px;
}

.firstblog .option-publicity .label dd {
    color: #666;
}

.firstblog .option-design p,
.firstblog .option-compose p {
    margin-bottom: 5px;
}

.firstblog .option-design .button,
.firstblog .option-compose .button {
    width: 240px;
    background: url(../../../images/app/services/register/button-240-bg.png) no-repeat;
}


/* Footer */

#footer #footer-inner-minimal{border-top:1px #eee solid;padding:20px;color:#ccc;margin:30px 0 0 0;}
#footer #footer-inner-minimal p,
#footer #footer-inner-minimal ul,
#footer #footer-inner-minimal li{display:block;float:left;}
#footer #footer-inner-minimal li{margin-left:5px;border-left:1px solid #ccc;padding-left:5px;}
#footer-inner-minimal a{color:#ccc;}
#footer-inner-minimal p a{color:#ccc;text-decoration:none;}
#footer-inner-minimal a:hover{color:#777;}

/* Misc */
.http{float:left;font-size:14px;padding:4px 3px 0 3px;}
.last{margin:bottom:0px;}
.right{text-align:right;}
.bodytext{padding:5px 0;}
.livechat{float:left;margin:28px 0 0 60px;}


/* Billing */

.formleft{float:left;width:310px;margin-right:20px;}
.formright{float:left;width:310px;}

.specialoffer{font-size:14px;margin:0 0 10px 0;}
.specialoffertitle{font-size:15px;color:#60858c;font-weight:bold;}
.planname{font-size:14px;}
/* h3.title-billing{background:url(../../../images/app/services/register/billing-section-span.gif) repeat-x;} */
h3.title-billing{background-color:#d0dde0;padding:3px 0 3px 5px;}
.billing-section{margin:15px 0 0 0;clear:both;}
.title-billing-justwords{font-size:14px;}
.descvert{width:130px;padding:0 0 3px 0;font-size: 13px;font-weight: bold;text-align:left;color:#333;}
.descvertlong{width:250px;padding:0 0 3px 0;font-size: 13px;font-weight: bold;text-align:left;color:#333;}
.required{font-size:11px;font-weight:normal;}
.alpha fieldset .inputvert .textvert{width:290px;padding: 2px 2px 1px 2px;margin:2px;font-size: 14px;float:left;}
.alpha fieldset .input2 .textvert{width:290px;padding: 2px 2px 1px 2px;margin:2px;font-size: 14px;float:left;}
.alpha fieldset .input2 .textvert-short{width:180px;padding: 2px 2px 1px 2px;margin:2px;font-size: 14px;float:left;}
.minicol{width:155px;float:left;}
.pleasenote{margin:17px 0 0 0;}
.bumpsc{margin:0 0 0 15px;}
.input2 select, .input3 select{margin:3px 0 0 0;}
.input3 input.security-code,.input3 img {margin:3px 0 0 0;}
.text-below-button{font-size:12px;padding:10px 0 0 5px;color:#333;}

/* French law address fields */
.limit-country-fr { display: none; }
.country-fr .limit-country-fr { display: block; }

/* Confirm */
.title-confirm{font-size:16px;font-weight:bold;margin:0 0 0 15px;padding-top:05px;}
.subtitle-confirm{font-size:13px;font-weight:bold;color:#333;}
.inline{display:inline;}
.smallgrey{font-size:11px;color:#666;margin:5px 0 0 0;}
.confirm-ccinfo{display:inline; padding:0 0 0 15px;font-size:13px;}
.cc{padding:10px 0 0 0;}
.confirmurltext{padding:0 0 0 3px;}
.confirmurledit{padding:2px 0 0 3px;float:left;}
.confirmeditemail{padding:2px 0 0 3px;float:left;}
.confirmeditemail input{width:200px;}
.allcaps{text-transform:uppercase;}

#row-blogurl{height:48px;}
#row-blogurl.rowstyle-note{background: url(../../../images/app/services/register/bg-note-row-tall.png) no-repeat;height:48px;}
#row-blogurl.rowstyle-error{background: url(../../../images/app/services/register/bg-error-row-tall.png) no-repeat;height:48px;}
#row-blogurl.rowstyle-checking{background: url(../../../images/app/services/register/bg-note-row-tall.png) no-repeat;height:48px;}
#row-blogurl.rowstyle-ok{height:48px;}
/* #row-blogurl .errorblogurl{margin:2px 0 0 25px;} */
#row-blogurl .noteblogurl{margin:2px 0 0 40px;}
#row-blogurl .checking{margin:2px 0 0 40px;}
#row-blogurl .ok{margin:2px 0 0 40px;}


/* firstblog */
.publicizecheck{float:left;width:330px;margin:5px 0 0 10px;}
.publicizecheck input{float:left;width:20px;margin:10px 0 0 0;}
.publicizecheck label{float:left;width:300px;margin:0 0 0 10px;}
.weblogname {width: 320px;padding:5px;color:#999;font-size:24px;float:left;}
.weblogexample{font-size:11px;color:#666;padding:10px 0 0 0;}
.congratsbuttonone, .congratsbuttontwo, .congratsbuttonor{display:inline;}
.congratsbuttonor{font-size:16px;color:#86b1ba;vertical-align:37%;line-height:170px;margin:0 25px;font-weight:bold;}
.congratsbuttons{margin:20px 0 0 10px;}
.congratsskipthis{margin:20px 0 0 0;width:100%;text-align:right;font-size:11px;color:#78c9d9;}
.congratsskipthis a{color:#78c9d9;}
.congratsskipthis a:hover{color:#099bba;}
.congrats{font-size:36px;font-weight:bold;color:#333434;}
.congratsrest{color:#86b1ba;}

/* credit card secruity code popup */
.body-popup{padding:0 20px 20px 20px;background-color:#fff;font-family:Helvetica, Arial, Verdana, sans-serif;width:340px;}
.body-popup h1{font-size:18px;font-weight:bold;color:#333;margin:20px 0 10px 0;}
.body-popup h2{font-size:15px;font-weight:bold;color:#7ba4ac;margin:20px 0 10px 0;}
.body-popup p{font-size:12px;line-height:16px;margin:5px 0;}
.card-back{font-size:11px;font-weight:bold;color:#5f787e;margin:10px 0 3px 0;}
.closewindow{margin:10px 0 0 0;width:340px;text-align:right;}

.input-default { color: #999; }

.year4{width:60px;float:left;font-size:13px;padding:0;margin:0 2px;}
.sidebar{width:148px;float:left;margin:130px 0 0 20px;}
.secure-server{width:656px;height:24px;margin:0 10px 0 0;background:url(icon_secure_server_newreg.gif) top right no-repeat;}
.billingset{padding:0 0 15px 0;clear:both;clear:both;}
.rule-before-continue-billing{margin:10px 0 0 0;border-bottom:2px solid #d0dde0;}
.continue-billing{padding:10px 0 0 0;}
.freetrial-cancel-badge{text-align:right;font-size:11px;float:right;margin:-38px 0 0 0;padding:0 64px 0 0;font-weight:normal;height:54px;background-color:#fc0;background:url(../../../images/register/free-trial-badge-small.gif) top right no-repeat;}
.freetrial-cancel-badge .cancel-any-time{margin:20px 0 0 0;color:#617c81;}