/*

TypePad Sign In
Six Apart
http://www.sixapart.com/

*/


/* Global */

html, body {
    height: 100%;
}

body {
    font-size: 87.5%;
    line-height: 1.3;
    background-color: #f0f5f8;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a {
    color: #287098;
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: underline;
}


/* Layout */

#container {
    width: 800px;
    margin: 0 auto;
    padding: 40px 0 20px;
}

#header {
    margin-bottom: 10px;
}

#footer {
    margin-bottom: 20px;
}


/* Sign In */

.signin {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 1px #ced7dc;
    -webkit-box-shadow: 1px 1px 1px #ced7dc;
    -moz-box-shadow: 1px 1px 1px #ced7dc;
}

.signin .layout-2col {
/*    background-image: url(../../../images/app/services/signin/signin-bg.png); */
    background-repeat: repeat-y;
}

.signin .marketing-col {
    width: 430px;
}

.signin .form-col {
    width: 260px;
}

.signin .inner-padding {
    padding: 20px 20px 10px;
}

.signin .form-col .inner-padding {
    padding: 20px 20px 5px;
}


/* Messaging */

.signin .messaging h2 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.2em; /* 17px */
}

.signin .messaging h3 {
    margin-top: 30px;
    font-weight: bold;
}

.signin .messaging p {
    margin-bottom: 10px;
}

.signin .messaging .title {
    font-size: 1.3em;
}

.signin .messaging ul {
    margin-bottom: 10px;
    padding-left: 30px;
}

.signin .messaging li {
    margin-bottom: 5px;
    list-style-type: disc;
    font-size: 0.9em;
}


/* Button */

.signin .button {
    margin: 15px 0;
    text-align: center;
}

.signin .button a {
    padding: 5px 10px;
    color: #533215;
    font-weight: bold;
    background: #fedb62 url(../../../images/app/services/signin/button-bg.png) repeat-x left bottom;
    box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
}


/* External App */

.signin .extapp-icon {
    width: 50px;
    margin-right: 17px;
}

.signin .extapp-icon img {
    height: 50px;
    width: 50px;
    border: 1px solid black;
}

.signin .extapp-intro {
    color: #222;
}

.three-col .extapp-intro {
    width: 425px;
    margin-right: 20px;
}

.signin .extapp-intro h2 {
    font-weight: normal;
}

.three-col .extapp-intro h2 {
    font-weight: bold;
}

.signin .extapp-intro p {
    font-size: 0.9em;
}

.signin .extapp-relationship {
    margin: 20px;
    text-align: center;
}

.signin .alternative-action {
    color: #666;
    font-size: 0.9em;
    text-align: center;
}

.signin .agreement-links {
    font-size: 0.9em;
}

.signin .messaging .featured-members {
    position: relative;
    float: left;
    left: 50%;
}

.signin .messaging .featured-members-inner {
    position: relative;
    float: left;
    left: -50%;
}

.three-col .extapp-smallprint {
    width: 135px;
    font-size: 0.8em;
    color: #666;
}


/* Icon Definitions */

.signin .icon-def .icon-col {
    width: 48px;
    margin-right: 10px;
    padding-top: 3px;
}

.signin .icon-def .definition-col {
    width: 332px;
}


/* Authentication */

.signin .signin-auth {
    margin-bottom: 15px;
    font-weight: bold;
}

.signin .signin-auth select {
    font-weight: normal;
}

.signin .signin-form-wrapper {
    margin-bottom: 15px;
    font-size: 0.9em; /* 13px */
}

.signin .signin-field {
    margin-bottom: 10px;
}

.signin .signin-field-name {
    margin-bottom: 2px;
}

.signin .signin-field-username input,
.signin .signin-field-password input {
    font-size: 18px;
}

.signin .signin-field-custom-username input {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
}

.signin .signin-field-remember {
    margin: 10px 0;
}

.signin hr {
    margin: 0 0 15px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ccc;
}

.signin .typekey-note {
    margin-bottom: 15px;
}

.signin .typekey-note h4 {
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 0.9em; /* 13px */
}

.signin .typekey-note p {
    margin-bottom: 5px;
    font-size: 0.85em; /* 12px */
}

.signin .typekey-badge {
    text-align: right;
}


/* Simple (Reset Password and Share Email Address) */

.signin-simple .signin-center {
    width: 320px;
    margin: 0 auto;
}

.signin-simple h1 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.2em; /* 17px */
}

.signin-simple p,
.signin-simple .field {
    margin-bottom: 10px;
}

.signin-simple .field .name {
    margin-bottom: 2px;
}

.signin-simple .field .name label {
    font-weight: bold;
}

.signin-simple .field .value input#email,
.signin-simple .field .value input#password-input,
.signin-simple .field .value input#password-confirm-input {
    width: 300px;
    font-size: 18px;
}


/* TypeKey Handshake */

.signin-handshake p {
    margin-bottom: 10px;
}

.signin-handshake blockquote {
    padding: 0 30px;
}


/* Redesign Toggle Messaging */

.signin-redesign {
    margin-bottom: 10px;
}

.signin-redesign .layout-2col {
    background-image: none;
}

.signin-redesign .marketing-col {
    width: 360px;
}

.signin-redesign .marketing-col .inner-padding {
    padding-bottom: 20px;
}

.signin-redesign .form-col {
    width: 330px;
}

.signin-redesign .form-col .inner-padding {
    padding-left: 0;
}

.signin-redesign .button {
    text-align: left;
}


/* Join Blog Messaging */

.join_blog {
    margin-bottom: 20px;
    padding: 20px 20px 5px;
    font-size: 0.9em;
    background-color: #fff;
    box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
}

.join_blog h2,
.join_blog h3,
.join_blog p,
.join_blog .field {
    margin-bottom: 10px;
}

.join_blog h2,
.join_blog h3 {
    font-weight: bold;
}

.join_blog h2 {
    font-size: 1.8em;
}

.join_blog h3 {
    color: #666;
    font-size: 1.4em;
}

.join_blog hr {
    margin: 20px 0;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ccc;
}

.join_blog .accept_invite,
.join_blog .decline_invite,
.join_blog .already_author,
.join_blog .next_steps {
    margin-bottom: 15px;
}

.join_blog .accept_invite .col1 {
    width: 300px;
    margin-right: 40px;
}

.join_blog .accept_invite .col2 {
    width: 300px;
}

.join_blog .accept_invite h3 {
    color: #363;
}

.join_blog .decline_invite h3 {
    color: #633;
}

.join_blog .field label {
    font-weight: bold;
}

.join_blog .field .ti,
.join_blog .field .ta {
    border-width: 1px;
    padding: 4px;
    background-color: #f9f9f9;
}

.join_blog .field .ti {
    width: 225px;
}

.join_blog .field .ta {
    width: 480px;
    max-width: 480px;
}

.join_blog .form-error {
    color: #900;
}


/* Messages */

.message {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    background-color: #eee;
}

.error-message {
    border-bottom-color: #fcc;
    color: #600;
    background-color: #fee;
}

.error-message .title{font-weight:bold;font-size:13px;}
.error-message li{font-size:12px;padding:5px 0 5px 12px;background:url('../../../images/app/services/signin/error-message-bullet.gif') no-repeat 0 50%;}



/* Language Selection */

#language-selection {
    margin-bottom: 10px;
    text-align:center;
}

#language-selection ul {
    color: #666;
    font-size: 0.8em; /* 11px */
    line-height: 1;
}

#language-selection li {
    display: inline;
/*    float: left; */
    border-right: 1px solid #999;
    padding: 0 10px;
}

#language-selection .first {
    padding-left: 0;
}

#language-selection .last {
    border-right-width: 0;
    padding-right: 0;
}

#language-selection a {
    color: #666;
}


/* Cobrand */

#header .cobrand-extapp {
    font-size: 2em;
}

#header .cobrand-extapp a {
    color: #000;
    font-weight: bold;
}

#header .cobrand-typepad img {
    vertical-align: -5px;
}


/* Footer */

#footer .copyright {
    color: #666;
    font-size: 0.8em; /* 11px */
    line-height: 1;
    text-align:center;
}

#footer .copyright p,
#footer .copyright ul,
#footer .copyright li {
    display: inline;
/*  display:block; */    
/*    float: left; */
}

#footer .copyright li {
    margin-left: 5px;
    border-left: 1px solid #999;
    padding-left: 5px;
}

#footer .copyright a {
    color: #666;
}


/* Not Found */

.notfound {
    margin-bottom: 20px;
    background-color: #d5ebf8;
    box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
}

.notfound .messaging h2 {
    margin-bottom: .7em;
    font-size: 1.5em; /* 17px */
    font-weight:bold;
}

.notfound .inner-padding p{font-size:1.2em;margin-bottom:.2em;}
.notfound .inner-padding {padding: 20px 20px 10px;}
.notfound .inner-padding p.small {margin:4em 0 2em 0;font-size:.9em;color:#666;}

.layout-cols-2{overflow:auto;}
#signin-form .layout-cols-2,
#switch-account-form .layout-cols-2,
#link-account-form .layout-cols-2 {padding:40px 100px 20px 100px;}
.col-center{width:480px;float:left;padding:20px 20px 20px 20px;}
.signin .col-left{width:269px;float:left;padding:0 20px 0 0;border-right:1px solid #eee;}
.col-right{width:270px;float:left;padding:0 0 0 20px;}
h1{font-size:18px;font-weight:bold;}
.or-reg-signin{font-size:12px;font-weight:normal;padding:0 0 0 5px;}
.introtext{font-size:12px;padding:5px 0 10px 0;}


/* moni edit 20091015 */
.signin-form{color:#666;}
.tp-primary input{width:215px;font-size:16px;background-color:#f9f9f9;padding:4px 4px;border:1px solid #c5c5c5;}
.tp-primary input:focus{border:1px solid #666;}
.tp-primary label{display:block;padding:0 0 2px 1px;font-size:13px;}
#reset-pass { margin: 35px 40px 0 40px; }
#reset-check { margin: 30px 40px 25px 40px; }
.form-row{margin:0 0 10px 0;}
.layout-cols-2 .signin-form .checkbox input{width:20px;border:0;}
.layout-cols-2 .signin-form .checkbox label{width:100px;display:inline;}
.or-use{font-size:12px;color:#666;margin:0 0 8px 0;}
.signin-services{padding:0 0 0 10px;}
.signin-services select{font-size:13px;padding:1px;}
.removedev{display:nonex;}
.submit{width:auto;float:left;padding:0 20px 0 0;}
.helper-links{font-size:11px;}

.button-green{margin-bottom:10px;}
.register .button-green{margin-top:5px;}
.button-green button{color:#fff;text-align:center;font-weight:bold;padding:3px 10px;background:#80be34 url('../../../images/app/buttons/compose/submit.png') repeat-x;font-size:14px;bxorder:0;border:1px solid #7fbd32;font-family:helvetica,arial,sans-serif;text-shadow: #4c8a00 1px 1px 1px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;outline:0;margin:0;line-height:16px;bo\rder:0; /* ie hack */}
.button-green button:hover{text-decoration:none;background-color:#90cf45;background-image:url('../../../images/app/buttons/compose/submit-hover.png');}
.button-green button:active{text-decoration:none;background-color:#98c163;background-image:url('../../../images/app/buttons/compose/submit-active.png');}
.legal{clear:both;padding:40px 0 0 0;font-size:11px;color:#666;text-align:center;}

#register-form .layout-cols-2-wrapper{
    background-color:#91cc54;
    background: -webkit-gradient(linear, left top, left bottom, from(#a6cf7f), to(#91cc54));
    background: -moz-linear-gradient(top, #a6cf7f, #91cc54);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6cf7f', endColorstr='#91cc54');
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#register-form .layout-cols-2{
    background-image: url('../../../images/app/services/signin/micro-feature-image.png');
    background-position: 40px bottom;
    background-repeat: no-repeat;
}
.register .submit, .forgot-password .submit{width:auto;margin:10px 0 0 0;}
.forgot-password{padding:0 0 50px 0;}
.register .col-left{
    width: 300px;
    float:left;
    border-right: none;
    color:#fff;
    padding: 80px 50px 0 50px;
}
.register .col-right{
    background-color:#d5ebf8;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4eff5), to(#d5ebf8));
    background: -moz-linear-gradient(top, #e4eff5, #d5ebf8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4eff5', endColorstr='#d5ebf8');
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    color:#58595b;
    line-height: 1.5;
    width: 300px;
    float: left;
    padding: 80px 50px 40px 50px;
}
.register h1 {
    font-size: 20px;
}
.register h3 {
    margin: 20px 0 15px 0;
    font-weight: bold;
}
.register .col-left p {
    font-size:20px;
    line-height: 1.2;
}
.register .col-right {
    font-size:13px;
}
.register p.legal-text {
    color: #8a898d;
    margin: 20px 0 60px 0;
}
.register p.learn-more {
    margin-bottom: 10px;
}
.register li {
    margin-left: 15px;
    list-style-type: disc;
}
.cobrand-register-text {
    margin-top: 20px;
}
.register .error-message, #oauth-approve-form .error-message{color:#600;font-size:13px;background:url('../../../images/app/services/signin/error-arrow.png') no-repeat 0 1px;margin:3px 0 0 2px;padding:3px 0 0 15px;width:208px;}
 #oauth-approve-form .error-message {background:url('../../../images/app/services/signin/error-arrow.gif') no-repeat 0 1px;}

.register .error input{background-color:#fee;border:1px solid #968686;}
#learn-more{float:right;margin:32px 10px 0 0;text-align:right;font-size:11px;}

.signin .error-message{text-align:left;padding:10px 90px;}
.register .error-message{text-align:left;padding:3px 0 0 15px;}

.cancel-and-return{font-size:11px;margin:24px 0 0 0;}
.link .button-green{margin-top:30px;margin-bottom:15px;}
.signin-link-text-1{font-size:15px;font-weight:bold;margin:30px 0 20px 0;}
.signin-link-text-2{font-size:15px;font-weight:normal;margin:10px 0 20px 0;}

/* services */
.signin-form-wrapper{padding:10px 0 0 0;}
#auth-facebook{padding:20px 0 0 0;}
.signin-field-value input{width:auto;}
.need-help{font-size:11px;display:none;}
#auth-custom-username-prefix, #auth-custom-username-suffix{color:#333;}
#auth-custom-username, #reg-custom-username{border:1px solid #ccc;padding:2px 2px 2px 18px;font-size:16px;}
#auth-custom-username:focus, #openid-claimed-uri:focus{border:1px solid #666;}
#openid-claimed-uri{border:1px solid #ccc;padding:2px;font-size:16px;width:200px;}
#auth-custom, #reg-custom{padding:5px 0 0 0;}
#reg-facebook{padding:20px 0 0 0;}

#oauth-approve-form .field {
    position: relative;
}
#oauth-approve-form .ok {
    position: absolute;
    top: 20px;
    right: 180px;
    color: #090;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    display: none;
}
#oauth-approve-form .note {
    color: #999;
    font-size: 12px;
    padding-top: 6px;
}
#oauth-approve-form .error-message {
    display: none;
}