/* trackpipe/public/css/pro.css */
#contentArea h2 {
    margin-bottom: 1.5em;
}

#contentArea h3 {
    margin: 0px;
}

.yui-dialog h3 {
    margin-top: 0.5em;
}

dl.tableLayout dt {
    width: 20ex;
}

dl.tableLayout dd p {
    margin-top: 0.35em;
} 

dl.tableLayout dd p.last {
    margin-bottom: 0px;
}  

.section {
    margin: 1em 0em;
}

.notable {
    color: red;
} 

.someone_else {
    color: #af0000;
    border: 1px solid;
    padding: 2px 4px;
}

.notable-gray {
    color: gray;
} 

.commands .notable-gray {
    margin:5pt 40pt 0 10pt;
}
    
.deleted {
    font-style: italic;
    color: gray;
}

.page-signup {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #595959;
    line-height: 1.5;
}

.page-signup.subscribed {
    padding: 0 90px;
}

.page-signup .now-pro {
    margin: 3em 0 0 0;
}

#pgBd{
    width: 915px;
    width: 975px; /* 915px */
    padding: 0 0 45px 0; /*  35px 30px 45px; */
    margin-bottom: 0px;
}

#pgBd .page-signup h2, #pgBd .page-signup h3, .page-signup ul, .page-signup li {
    margin: 0;
    padding: 0;
}

#pgBd .page-signup.subscribed h2 {
    color: #333;
    font-size: 24px;
    margin: 35px 0 .1em 0;
}

#pgBd .page-signup.subscribed h3 {
    color: #408294;
    font-size: 16px;
    margin: 1.2em 0 .1em 0;
}

#pgBd .page-signup.subscribed .receipt-email {
    font-weight: bold;
}
.page-signup li {
    margin-left: 1em;
    line-height: 1.7em;
}

.page-signup div, .page-signup p {
    font-size: 14px;
}

.page-signup .top {
    background-color: #408294;
    color: #d9e6ea;
    padding: 35px 20px 35px 90px;
}

.page-signup .bottom {
    padding: 30px 85px 0 90px;
    overflow: auto;
}

.page-signup .top .top-text h2 {
    color: #fff;
    font-size: 24px;
}

.page-signup .top .top-text .intro {
    font-size: 20px;
    line-height: 1.2;
    width: 548px;
    margin: 25px 30px 30px 0;
}

.page-signup .top .top-text {
    width: 548px;
    display: inline-block;
}

.page-signup .top .pro-subscribers {
    display: inline-block;
    width: 180px; /* 196px */
    height: 135px;
    vertical-align: top;
    margin: 10px 60px 0 30px;
    background: #357386;
    padding: 25px 10px 15px;
    float: right;
}


.page-signup .top .pro-item {
    display: inline-block;
    display: none;
    list-style: none;
    margin: 0;
    overflow: auto;
}

.page-signup .top .img {
    width: 100px;
    height: 100px;
    float: left;
    background: url(/img/_sprite-bc-pro-signup-feature-images-big-20121023.jpg) no-repeat;
    margin: 0 0 0 40px;
}

.page-signup .top .db .img {
    background-position: 0 0;
}

.page-signup .top .mc .img {
    background-position: 0 -100px;
}

.page-signup .top .cdp .img {
    background-position: 0 -200px;
}

.page-signup .top .jg .img {
    background-position: 0 -300px;
}

.page-signup .top .c418 .img {
    background-position: 0 -400px;
}

.page-signup .top .df .img {
    background-position: 0 -500px;
}

.page-signup .top .nm .img {
    background-position: 0 -600px;
}

.page-signup .top .kb .img {
    background-position: 0 -700px;
}

.page-signup .top .ck .img {
    background-position: 0 -800px;
}

.page-signup .top .name {
    float: left;
    font-weight: bold;
    color: #fff;
    width: 180px;
    padding: 10px 0 0;
    text-align: center;
}

.page-signup .badge-pro {
    background: #8eafb8;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    padding: 2px 3px;
    line-height: 1.3;
    margin: 0 0 0 .3em;
}

.page-signup .top .buttonarea{
    clear: left;
}

.buttonrow {
    overflow: auto;
    margin: 0 0 30px 0;
}

div.login {
    color: #D9E6EA;
    width: 350px;
    text-align: center;
    display:inline-block;
    padding-top: 10px;
    font-size:12px;
}

div.login a{
     color:#85d5eb;
}

.bottom div.login {
    color: #999;
}

.bottom div.login a {
    color: #0687f5;
}


.page-signup .top button.topbutton, .page-signup .bottom button.bottombutton {
    float: left;
    background: #e3ecef;
    color: #226a7c;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 35px;
    border: 0;
    outline: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3ecef));
    background: -moz-linear-gradient(top,  #fff,  #e3ecef);
    height: 44px;
}



.page-signup .top button:hover {
    background: #fff;
    text-decoration: none;
}

.page-signup .top button.topbutton.thinner, .page-signup .bottom button.bottombutton.thinner{
    padding-left: 15px;
    padding-right: 15px;
}

.page-signup .top .button-price.thinner,
.page-signup .bottom .button-price.thinner {
    width: 340px;
}

.page-signup .top .button-price,
.page-signup .bottom .button-price {
    width: 340px;
    display: inline-block;
    margin: 0 0 0 10px;
    height: 44px;
    line-height: 44px;
}


.page-signup .top .button-price.longtime, 
.page-signup .bottom .button-price.longtime {
    height: auto;
    line-height: 135%;
    margin-top: 2px;
}

.page-signup .bottom .button-price.longtime {
    margin-top: 4px;
}

.page-signup .top .button-price.longtime .thanks {
    display: inline-block;
    color: #92d4e8;
}

.page-signup .bottom .button-price.longtime .thanks {
    display: inline-block;
    color: #3e7f91;
}

.page-signup .top .resub {
    width: 548px;
    font-size: 12px;
    margin: 15px 0 0;
    line-height: 1.2;
}

.page-signup .top .resub .highlight {
    color: #fff;
    font-weight: bold;
}

.page-signup .bottom .item {
    color: #595959;
    margin: 0 0 30px;
    overflow: auto;
    clear: both;
}
.page-signup .bottom .item.do {
    padding: 5px 0 0;
}

.page-signup .bottom .item.bu {
    margin-bottom: 15px;
}

.page-signup .bottom .item .img {
    width: 199px;
    height: 118px;
    float: left;
    margin: 0 28px 0 0;
    background: url(/img/_sprite-bc-pro-signup-20171023.png) no-repeat;
}

.page-signup .bottom .item.tm .img {
    background-position: 0px -826px;
}

.page-signup .bottom .item.ps .img {
    background-position: 0px -118px;
}

.page-signup .bottom .item.vi .img {
    background-position: 0px -708px;
}

.page-signup .bottom .item.do .img {
    background-position: 0px -354px;
}

.page-signup .bottom .item.ds .img {
    background-position: 0px -590px;
}

.page-signup .bottom .item.ga .img {
    background-position: 0px -236px;
}

.page-signup .bottom .item.os .img {
    background-position: 0px -472px;
}

.page-signup .bottom .item.do .img .domain {
    width:153px;
    position: relative;
    top: 22px;
    left: 42px;
}

.page-signup .bottom .item.do .img .domain .name {
    width:148px;
    overflow: hidden;
    overflow: ellipsis;
    font-family: "Lucida Grande", Arial, serif;
    font-size: 11px;
    color: #000;
}

.page-signup .bottom .item.do .img .domain .grad {
    display: block;
    float: right;
    width: 5px;
    position: relative;
    left: -5px;
    overflow: hidden;
    background: url(/img/_grad_5px-trans-to-fff-right.png) no-repeat;
    font-size: 11px;
    color: #000;
}


.page-signup .bottom .item .text {
    font-family: Georgia, serif;
    font-size: 14px;
}

.page-signup .bottom .item h4 {
    color: #408294;
    margin: 0 0 .2em 0;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
}

.page-signup .bottom .button-area {
    margin: 0 0 0 229px;
}


.page-signup .bottom .button-area .terms {
    font-size: 12px;
}

.page-signup .bottom .button-area .terms.cancel {
    margin: 0;
    clear: both;
    margin: 0 0 7px 0;
}

.page-signup .bottom .button-area .terms.label {
    font-size: 12px;
    margin: 0 0 30px;
}


.page-signup .bottom button.bottombutton {
    color: #fff;
    background: #366f7e;
    background: -webkit-gradient(linear, left top, left bottom, from(#408294), to(#366f7e));
    background: -moz-linear-gradient(top,  #408294,  #366f7e);
}

.page-signup .bottom button.bottombutton:hover {
    text-decoration: none;
    background: #408294;
}

.yui-dialog .bd {
    padding: 14px;
}

button::-moz-focus-inner {
  border: 0;
}

.yui-dialog {
    color: #333;
}

.yui-dialog .bd p.birthday{
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.pl {
   color: #4e9f2e;
   font-weight: bold; 
}

.yui-dialog .ft {
    padding: 4px 14px 20px;
}

.yui-dialog .ft button {
    margin-right: 5px;
}

/* trackpipe/public/css/footer/full_width_simple_footer.css */
#centerWrapper {
    width: 100%;
}
div#propOpenWrapper { /* needed the extra specificity of div to make the background rule stick */
    width: 100%;
    background: transparent;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%; /* for the settings page in firefox */
}
#pgBd {
    margin-right: auto;
    margin-left: auto;
    flex-grow: 1;
}

.tralbum-page #pgBd {
    margin-bottom: 40px;
}

div#pgFt {
    width: 100%;
    min-width: 975px;
    left: 0px;
    position: relative;
    /*flex-basis: 30px;*/
    min-height: 30px;
    -webkit-font-smoothing: antialiased;
}

#pgFt-inner {
    width: 975px; /* same as tralbum body - this may also vary across pages */
    margin: auto;
}

#footer-logo {
    margin-left: 0px;
}
/* trackpipe/public/css/footer/short_pages_footer.css */
div#propOpenWrapper { /* needed the extra specificity of div to make the background rule stick */
    position: static; /* IE 11 fix */
}
#pgBd {
    min-height: 88vh; /* IE 11 fix */
}