/*

TypePad: Chrome
Six Apart
http://www.sixapart.com/

*/


body {
    background-color: #f0f5f8;
}


/* Nav */

#nav {
    font-size: 14px;
    line-height: 18px;
    background-color: #82a365;
    background-image: url(../../../images/app/global/nav-bg.png);
    background-repeat: repeat-x;
    background-position: 0% 100%;
}

#nav.no-header {
    border-bottom: 1px solid #5a795a;
}

#nav-inner {
    width: 980px;
    margin: 0 auto;
}

#nav .nav-group-left {
    display: inline;
    float: left;
}

#nav .nav-group-right {
    display: inline;
    float: right;
}

.nav-right {
    float: right;
    margin: 10px 65px 0 0;
}
.menulogin {
    color: #DDD;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
.menulogin:hover {
    color: white;
    text-decoration: none;
}

#nav .nav-item {
    display: inline;
    float: left;
}

#nav .nav-link,
#nav .nav-padding {
    display: block;
    padding: 6px 0;
    color: #fff;
    text-decoration: underline;
}

#nav .nav-link {
    text-decoration: underline;
}

#nav .nav-border {
    display: block;
    border-left: 1px solid #97b87a;
    border-right: 1px solid #6d8f50;
    padding: 1px 5px;
}

#nav .nav-button {
    display: block;
    padding: 1px 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#nav .nav-button .logo {
    width:34px;
    height:24px;
    background:url(../../../images/app/services/register/icon-tp-lilly.png) 0 0;
}

#nav .nav-button .logo:hover {
    width:34px;
    height:24px;
    background:url(../../../images/app/services/register/icon-tp-lilly.png) 0 24px;
}

#nav .separator {
    background-color: white;
    height: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #859C33;
}

#nav .nav-arrow {
    display: block;
    padding-right: 14px;
    background-image: url(../../../images/app/global/arrow-white-on-green.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

/* Hover */

#nav .nav-link:hover .nav-button {
    background-color: #68854f;
}

/* Position */

#nav .nav-item-first .nav-border {
    border-left-width: 0;
}

#nav .nav-item-last .nav-border {
    border-right-width: 0;
}

/* Individual - Home */

#nav .nav-item-home .nav-button {
    padding-top: 3px;
}

#nav .nav-item-home img {
    display: block;
}

/* Individual - Blogs & Library */

#nav .nav-item-blogs,
#nav .nav-item-library {
    position: relative;
    z-index: 4;
}

#nav .flyout-focus-global-user-blogs .nav-item-blogs .nav-link,
#nav .flyout-focus-global-user-library .nav-item-library .nav-link {
    text-decoration: none;
    background-color: #556d41;
}

#nav .flyout-focus-global-user-blogs .nav-item-blogs .nav-border,
#nav .flyout-focus-global-user-library .nav-item-library .nav-border {
    border-left-color: transparent;
    border-right-color: transparent;
}

#nav .flyout-focus-global-user-blogs .nav-item-dashboard .nav-border,
#nav .flyout-focus-global-user-library .nav-item-blogs .nav-border {
    border-right-color: transparent;
}

#nav .flyout-focus-global-user-blogs .nav-item-library .nav-border {
    border-left-color: transparent;
}

#nav .flyout-focus-global-user-blogs .nav-item-blogs .nav-link:hover .nav-button,
#nav .flyout-focus-global-user-library .nav-item-library .nav-link:hover .nav-button {
    background-color: transparent;
}

/* Individual - Profile */

#nav .nav-item-profile .nav-button-avatar {
    position: relative;
    padding-left: 26px
}

#nav .nav-item-profile img {
    position: absolute;
    top: 2px;
    left: 5px;
    -ms-interpolation-mode: bicubic;
}

/* You Are Here */

#nav .nav-item-yah .nav-link {
    text-decoration: none;
}

#nav .nav-item-yah .nav-button,
#nav .nav-item-yah .nav-link:hover .nav-button {
    background-color: #556d41;
}

/* Menu */

#nav .nav-menu {
    display: none;
    position: absolute;
    top: 34px;
    left: -1px;
    width: 250px;
    font-size: 13px;
    line-height: 18px;
    background-color: #f2f2f2;
    box-shadow: 0 1px 2px #e5e5e5;
    -webkit-box-shadow: 0 1px 2px #e5e5e5;
    -moz-box-shadow: 0 1px 2px #e5e5e5;
    z-index: 3;
}

#nav .flyout-focus-global-user-blogs .nav-item-blogs .nav-menu,
#nav .flyout-focus-global-user-library .nav-item-library .nav-menu {
    display: block;
}

#nav .nav-menu-inner {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 5px 0;
}

#nav .nav-menu-group {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

#nav .nav-menu-group-first {
    border-top-width: 0;
    padding-top: 0;
}

#nav .nav-menu-group-last {
    border-bottom-width: 0;
    padding-bottom: 0;
}

#nav .nav-menu-group-header {
    padding: 3px 11px 1px;
    font-weight: bold;
    overflow: hidden;
}

#nav .nav-menu-link {
    display: block;
    color: #333;
}

#nav .nav-menu-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #287098;
}

#nav .nav-menu-label {
    display: block;
    margin: 0 11px;
    padding: 3px 0 1px 21px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    overflow: hidden;
    cursor: pointer;
}

#nav .nav-menu-item-typepad .nav-menu-label                  { background-image: url(../../../images/profile/service_icons/typepad.png); }

#nav .nav-menu-item-movabletype .nav-menu-label              { background-image: url(../../../images/profile/service_icons/movabletype.png); }
#nav .nav-menu-item-wordpress .nav-menu-label                { background-image: url(../../../images/profile/service_icons/wordpress.png); }
#nav .nav-menu-item-blogger .nav-menu-label                  { background-image: url(../../../images/profile/service_icons/blogger.png); }
#nav .nav-menu-item-tumblr .nav-menu-label                   { background-image: url(../../../images/profile/service_icons/tumblr.png); }
#nav .nav-menu-item-typepadjapan .nav-menu-label             { background-image: url(../../../images/profile/service_icons/typepadjapan.png); }
#nav .nav-menu-item-generic .nav-menu-label                  { background-image: url(../../../images/app/global/generic-service.png); }

#nav .nav-menu-item-add .nav-menu-label                      { background-image: url(../../../images/app/global/create.png); }
#nav .nav-menu-item-add .nav-menu-link:hover .nav-menu-label { background-image: url(../../../images/app/global/create-hover.png); }

#nav .nav-menu-item-albums .nav-menu-label                   { background-image: url(../../../images/silk/photos.png); }
#nav .nav-menu-item-lists .nav-menu-label                    { background-image: url(../../../images/silk/text_list_bullets.png); }
#nav .nav-menu-item-files .nav-menu-label                    { background-image: url(../../../images/silk/page_copy.png); }

#nav .nav-menu-item-disabled .nav-menu-label {
    color: #666;
}


/* Header */

#header,
#header a {
    color: #fff;
}

#header {
    padding: 0 10px;
    font-size: 1.1em;
    line-height: 1.3;
    background-color: #4675a0;
    background-image: url(../../../images/app/global/blog-nav-bg.png);
    background-repeat: repeat-x;
    background-position: left top;
}

#header .page-name,
#header .blog-name {
    float: left;
    font-size: 1.4em;
    line-height: 1;
}

#header .page-name {
    padding: 15px 0;
}

#header .blog-name {
    margin: 0 45px 0 0;
    padding: 20px 0 10px;
}

#header .page-name h2,
#header .blog-name h2 {
    font-weight: bold;
}

/* Blog Nav */

#header .blog-nav {
    float: left;
    margin-top: 20px;
}

#header .blog-nav .nav-item,
#header .blog-nav .nav-item a {
    color: #1e4469;
}

#header .blog-nav .nav-item {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 6px 10px 7px;
    background-color: #86b6e0;
    background-image: url(../../../images/app/global/blog-nav-item-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

#header .blog-nav .yah,
#header .blog-nav .yah a {
    color: #333;
}

#header .blog-nav .yah {
    background-color: #f0f5f8;
    background-image: none;
}

#header .blog-nav .blog-nav-compose,
#header .blog-nav .blog-nav-compose a {
    color: #533215;
}

#header .blog-nav .blog-nav-compose {
    margin-right: 15px;
    padding: 0;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
}

#header .blog-nav .blog-nav-compose .compose-button,
#header .blog-nav .blog-nav-compose .compose-menu {
    display: block;
    float: left;
    background-color: #fedb62;
    background-image: url(../../../images/app/global/blog-nav-compose-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

#header .blog-nav .blog-nav-compose .compose-button {
    padding: 5px 8px 4px;
    line-height: 17px;
    font-weight: bold;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#header .blog-nav .blog-nav-compose-menubutton .compose-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
}

#header .blog-nav .blog-nav-compose .compose-menu {
    padding: 10px 7px 9px;
    border-left: 1px solid #eaaf19;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

#header .blog-nav .blog-nav-compose a:hover .compose-menu,
#header .blog-nav .flyout-focus-blog-compose .compose-menu {
    background-color: #fee691;
    background-image: url(../../../images/app/global/blog-nav-compose-hover-bg.png);
}

#header .blog-view,
#header .blog-view a {
    color: #fff;
}

#header .external-nav {
    float: right;
    margin: 25px 0 0 5px;
    padding: 1px 4px 1px 6px;
}

#header .external-nav a {
    display: block;
    padding-right: 26px;
    background-image: url(../../../images/app/global/blog-view.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/* Menu */

#header #blog-nav-compose-menu {
    position: relative;
    z-index: 2;
}

#header .menu {
    display: none;
    position: absolute;
    left: 0;
    top: 26px;
    width: 100%;
    color: #333;
    font-size: 0.9em;
    line-height: 1.4;
    background-color: #f2f2f2;
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
    z-index: 1;
}

#header .flyout-focus-blog-compose .menu {
    display: block;
}

#header .menu ul {
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #999 #999 #bbb;
    padding: 2px 0;
}

#header .menu ul ul {
    border-width: 0;
    padding: 0;
}

#header .menu li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    padding: 2px 0;
}

#header .menu .menu-first {
    border-top-width: 0;
    padding-top: 0;
}

#header .menu .menu-last {
    border-bottom-width: 0;
    padding-bottom: 0;
}

#header .blog-nav .blog-nav-compose .menu a {
    display: block;
    padding: 0;
    color: #287098;
}

#header .blog-nav .blog-nav-compose .menu a:hover {
    color: #fff;
    background-color: #287098;
}

#header .blog-nav .blog-nav-compose .menu a:hover {
    text-decoration: none;
}

#header .menu .menu-label {
    display: block;
    margin: 0 12px;
    padding: 3px 0 1px;
    overflow: hidden;
}


/* Bumper */

#main {
    margin-bottom: -8em;
}

#bumper {
    height: 8em;
}

#footer {
    height: 8em;
}


/* Footer */

#footer {
    padding: 0 10px;
    background-color: #5c93c7;
}

#footer-inner {
    width: 960px;
    margin: 0 auto;
    padding: 2em 0 0;
}

#footer .copyright {
    float: left;
    width: 470px;
    margin-right: 20px;
    color: #0c3f6c;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1;
}

#footer .copyright p,
#footer .copyright ul {
    margin: 0.5em 0;
}

#footer .copyright p a {
    color: #0c3f6c;
}

#footer .copyright ul a,
#footer .copyright p.switch a {
    color: #fff;
}

#footer .copyright li {
    display: block;
    float: left;
    margin-left: 5px;
    border-left: 1px solid #0c3f6c;
    padding-left: 5px;
}

#footer .copyright li.first {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 0;
}



/* New Footer (Right now only for registration funnel) */
#footer-menu #footer-menu-cluster{width:898px;margin:0 auto;zoom:1}#footer-menu #footer-menu-cluster:after{display:block;visibility:hidden;height:0;clear:both;content:"."}#footer-menu #footer-menu-cluster #footer-menu-primary{display:inline;float:left;width:388px;margin-left:20px}#footer-menu #footer-menu-cluster #footer-menu-primary:first-child{margin-left:0}#footer-menu #footer-menu-cluster #footer-menu-secondary{display:inline;float:left;width:490px;margin-left:20px}#footer-menu #footer-menu-cluster #footer-menu-secondary:first-child{margin-left:0}

ul.menu {
  border: none;
  list-style: none;
  text-align: left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
ul li.leaf {
  list-style-image: url(../../../images/app/services/register/menu-leaf.png);
  list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li a.active {
color: #690;
}
li a.inactive {
  color: #bbb;
}
#footer-menu #footer-menu-cluster ul li a {
padding: 6px 0 3px 6px;
padding: .4rem 0 .2rem .4rem;
display: inline-block;
text-decoration: none;
}
#footer-menu #footer-menu-cluster ul li:first-child, #footer-menu #footer-menu-cluster ul li.first {
margin: 0;
}
#footer-menu #footer-menu-cluster ul li {
display: inline-block;
margin: 0 0 0 -4px;
padding: 0;
}

/* Contacts Page Styling -------------------------------------------------------- */

.contacts .contact {
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 93px;
    height: 115px;
    margin: 6px;
    *margin: 5px; /* IE */
    text-align: center;
}

.contacts .contact,
.contacts .contact .contact-name {
    white-space: nowrap;
    overflow: hidden;
    margin: 5px 0 5px 0;
    font-size: 90%;
    text-align: center;
}

.contact-list .contact .contact-avatar {
    height: 50px;
    width: 50px;
}

.contacts .pagination {
    padding: 20px 0 10px;
    text-align: center;
}

.contacts .contacts-stats {
    margin-bottom: 10px;
}

/* Contacts/Memberships Following */

.contacts .user-following {
    padding-top: 5px;
    background: #fff;
}

.contacts .following-module .module-content {
    padding: 5px 0 5px 6px;
    background-color: #fff;
}

.contacts .following-module .module-list {
    margin: 0;
}

.contacts .following-module .module-list-item a {
    display: block;
    float: left;
}

.contacts .following-module .module-list-item .userpic {
    width: 32px;
    height: 32px;
    padding: 0 5px 5px 0;
}

.contacts .following-module .view-all {
    margin-right: 10px;
    padding: 0;
    text-align: right;
}

.contacts .user-followers,
.contacts .user-contacts,
.contacts .user-flyout,
.contacts .user-follow-actions {
    height: 50px;
    margin: 0;
}

.contacts .user-follow-actions {
    float: left;
    width: 39%;
    text-align: center;
}

.contacts .register-to-follow {
    padding: 12px 0 0;
    text-align: center;
}

.contacts .unfollow-display {
    margin: 5px 0 0;
    color: #8baa6e;
    font-weight: bold;
    font-size: 0.95em;
    background: url(../../../images/flyout/following-check-mark.png) no-repeat 5px 3px;
}

.contacts .follow-action {
    display: block;
    height: 22px;
    margin: 5px;
    background: url(../../../images/app/buttons/flyout-button-grey-left.gif);
    background-repeat: no-repeat;
}

.contacts a.follow-action:hover {
    text-decoration: none;
    background: url(../../../images/app/buttons/flyout-button-grey-left-hover.gif);
    background-repeat: no-repeat;
}

.contacts .follow-action span {
    display: block;
    padding: 5px;
    line-height: 0.95em;
    background: url(../../../images/app/buttons/flyout-button-grey-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.contacts a.follow-action:hover span {
    text-decoration: none;
    background: url(../../../images/app/buttons/flyout-button-grey-right-hover.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.contacts .follow-confirmation-important {
    font-weight: bold;
    font-size: 0.8em;
}

.contacts .follow-confirmation-important-text {
    font-size: 0.8em;
}

.contacts .signin-or-register {
    width: 100%;
    background-image: none;
}

.contacts .hiddenBox,
.groups .hiddenBox {
    display: none !important;
}

.groups .group-list {
    margin-top: 15px;
}

.groups .group-list .group{
    margin-bottom: 15px;
}
.groups .group-list .group img{
    float: left;
    margin-right: 15px;
}
.groups .group-list .group h3{
    font-size: 18px;
}
.groups .group-list .group .group-status{
    font-weight: bold;
}
.groups .group-list .group .group-action{
    font-weight: normal;
}

.user-follow-actions2 a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.user-follow-actions2 a.follow-display2 {
    padding: 5px;
    color: #000;
    background: url(../../../images/app/buttons/follow-button-white-small.png) no-repeat center 10%;
}

.user-follow-actions2 a.unfollow-display2 {
    padding: 5px;
    color:#fff;
    background: url(../../../images/app/buttons/follow-button-green-small.png) no-repeat center 10%;
}

.user-follow-actions2 a.unfollow-display2:hover {
    padding: 5px;
    color:#fff;
    background: url(../../../images/app/buttons/follow-button-red-small.png) no-repeat center 10%;
}

.user-block-actions a {
    text-align: center;
    font-size: 9px;
    color: #999999;
}
/*

TypePad App: Content Nav
Six Apart
http://www.sixapart.com/

*/

.nav-content ul {
    margin-bottom: 10px;
}

.nav-content li {
    display: inline;
}

.nav-content li a {
    display: block;
    margin-bottom: 1px;
    padding: 6px 5px;
    color: #1e4469;
    font-size: 1.1em;
    line-height: 1.3;
    text-decoration: none;
    background-color: #9dc8ee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.nav-content li a span {
    display: block;
}

.nav-content li a:hover,
.nav-content li.yah a {
    color: #222;
    background-color: #d5ebf8;
}

.nav-content li.yah a span {
    padding-right: 17px;
    background-image: url(../../../images/app/global/leftnav-arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.nav-content .nav-design {
    margin-top: 15px;
}

.nav-content .nav-design .nav-design-header,
.nav-content .nav-content-header {
    margin-bottom: 2px;
    color: #666;
    font-weight: bold;
    font-size: 0.8em;
    text-transform: uppercase;
}

.nav-content #nav-design-collapsable .nav-design-header {
    padding-left: 10px;
    background-image: url(../../../images/app/design/nav/down.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.nav-content #nav-design-collapsable.collapsed .nav-design-header {
    background-image: url(../../../images/app/design/nav/right.png);
}

.nav-content .nav-design .nav-design-content {
    padding: 5px 5px 4px;
    background-color: #d5ebf8;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.nav-content .collapsed .nav-design-content {
    display: none;
}

.nav-content .nav-design .nav-design-pic {
    margin-bottom: 2px;
}

.nav-content .nav-design .nav-design-pic img {
    border: 1px solid #e5e5e5;
    padding: 1px;
    background-color: #fff;
}

.nav-content .nav-design .nav-design-name {
    margin-bottom: 5px;
    border-bottom: 1px solid #f0f5f8;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 0.8em;
    line-height: 1.2;
}

.nav-content .nav-design .nav-design-list {
    margin-bottom: 0;
}
/*

TypePad App: Messages
Six Apart
http://www.sixapart.com/

*/

.message {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #fc0;
    padding: 14px 14px 9px;
    background-color: #fdfbd5;
}

.message h1, .message h2, .message h3,
.message h4, .message h5, .message h6,
.message p,  .message ol, .message ul {
    margin-bottom: 5px;
}

.message h1, .message h2, .message h3,
.message h4, .message h5, .message h6 {
    font-weight: bold;
}

.message ol,
.message ul {
    padding-left: 30px;
}

.message ol {
    list-style-type: decimal;
}

.message ul {
    list-style-type: disc;
}

.message a {
    color: #333;
    text-decoration: underline;
}

.message .submessage {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left top;
}

.message .info-submessage {
    padding-left: 26px;
    background-image: url(../../../images/silk/information.png);
}

.message .alert-submessage {
    padding-left: 26px;
    color: #ff1800;
    font-weight: bold;
    background-image: url(../../../images/silk/error.png);
}

.message .alert-submessage a {
    color: #ff1800;
    text-decoration: underline;
}

.message .submessage:last-child,
.message .last-submessage {
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
}

.message .message-close {
    position: absolute;
    top: 0;
    right: 0;
}

.message .message-close a {
    display: block;
    padding: 16px 14px 16px 10px;
}


/* Error Message */

.error-message {
    border-color: #da000c;
    color: #fff;
    background-color: #da000c;
}

.error-message a {
    color: #fff;
}


/* In-App Message */

.inapp-message {
    border-color: #d5e9f5;
    padding-right: 38px;
    background-color: #f8fcff;
}


/* In-App Message */

.plain-message {
    border-width: 0;
    padding: 0;
    background-color: transparent;
}

.plain-message .submessage {
    border-bottom-width: 0;
}
/*

TypePad App: Settings
Six Apart
http://www.sixapart.com/

*/

fieldset,
.info-group {
    margin-bottom: 1px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
}
.subset{
    border-right: 1px solid #d5e9f5;
    border-bottom: 1px solid #d5e9f5;
    padding: 12px 15px;
    background-color: #f0f5f8;
}
.fieldset-header {
    font-size: 14px;
    font-weight: bold;
    color: #595B5D;
    margin-bottom: 8px;
}

.fieldset-header-note {
    margin-bottom: 10px;
    color: #666;
    font-size: 0.85em;
}

.fieldset-content {
    padding: 5px 10px;
}
.field,
.info-item {
    margin-bottom: 10px;
}
.field .field {
    margin-left: 15px;
}
.field-description {
    color: #777;
    clear: both;
    margin-top: 5px;
}
.field-error {
    color: #900;
    font-weight: bold;
}
.field-intro p,
.field-description p,
.field-error p {
    margin-bottom: 5px;
}

.field-description p.warn{
    padding-left: 20px;
    background: url(../../../images/status_icons/warning.gif) 6px 3px no-repeat;
}

.field-content li,
.field-description li {
    margin-bottom: 3px;
}
.field-content .protect-fields label,
.field-content .protect-fields input{
    float: left;
    display: block;
    width: 70px;
}
.field-content .protect-fields input{
    width: 120px;
}
.field-content img {
    vertical-align: middle;
}

.field-textinput .field-label,
.field-select .field-label,
.field-checkbox .field-label,
.field-table .field-label,
.info-label {
    float: left;
    width: 110px;
    text-align: right;
    margin-right: 10px;
}
.field-textinput .field-label,
.field-select .field-label {
    padding-top: 4px;
}
.field-textinput .field-content,
.field-select .field-content,
.field-checkbox .field-content,
.info-content {
    float: left;
    width: 400px;
}

.field-userpic {
    float: left;
    margin-right: 20px;
    border: 1px solid black;
}

.billing-info {
    margin-bottom: 20px;
}

.billing-info .info-label {
    width: 120px;
}

.billing-info .info-content {
    width: 380px;
}

.card-update .field-label {
    width: 140px;
}

.card-update .field-content {
    width: 360px;
}

.tip {
    font-size: 12px;
    color: #777;
    margin: 5px 0 0 0;
}

.field-disabled label {
    color: #999;
}

.field .new {
    padding: 1px 3px 0;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    background-color: #c60;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}


/* footer */
.form-footer {
    background: #d5e9f5;
    padding: 15px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
}
.form-footer .lcol {
    display: inline;
    float: left;
}
.form-footer .rcol {
    display: inline;
    float: right;
    width: 280px;
    text-align: right;
}
.form-footer .form-summary {
    display: inline;
    float: left;
    width: 550px;
    margin-left: 20px;
}


/* Authors */

#authors-list-form {
    margin-bottom: 20px;
}
#invite-form table,
#invite-form th,
#invite-form tr,
#invite-form td {
    border: none;
    background: none;
}
#invite-form td {
    padding: 3px 0px;
}
#invite-form .author,
#invite-form .email{
    width: 200px;
}
#invite-form th {
    display: none;
}
input.input-default{
    color: #999;
}


/* Categories */

#new-category-field {
    width: 325px;
}
.tableselect#category-list td {
    line-height: 24px;
}
.tableselect#category-list .category-label{
    display: block;
    overflow: hidden;
    width: 400px;
    white-space: nowrap;
}
.tableselect#category-list .col-edit,
.tableselect#category-list .col-delete {
    text-align: center;
}
.tableselect#category-list .col-edit img,
.tableselect#category-list .col-delete img {
    margin-top: 4px;
}
.tableselect#category-list .col-edit {
    width: 12%;
}
.tableselect#category-list .col-delete {
    width: 15%;
}
.tableselect#category-list tbody tr.rowstate-edit td {
    border-bottom-color: #fff;
    background-color: #ffc;
}
.tableselect#category-list .category-field,
.tableselect#category-list .save-category,
.tableselect#category-list .cancel-category {
    display: none;
}
.tableselect#category-list .rowstate-edit .category-label,
.tableselect#category-list .rowstate-edit .edit-category,
.tableselect#category-list .rowstate-edit .delete-category {
    display: none;
}
.tableselect#category-list .rowstate-edit .category-field,
.tableselect#category-list .rowstate-edit .save-category,
.tableselect#category-list .rowstate-edit .cancel-category {
    display: inline;
}


/* Mobile */

.field-content .highlight {
    background: #fdfbd5;
    border: 1px solid #fc0;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    margin: 0 0px 8px;
}


/* Ban */

#add-banned input.ti,
#add-banned textarea {
    width: 350px;
}
#add-banned.main-action .setting {
    margin-bottom: 10px;
}
#add-banned.main-action .setting .setting-label {
    float: left;
    width: 120px;
    margin-right: 10px;
    text-align: right;
    font-size: 13px;
    line-height: 28px;
}
#add-banned.main-action .setting .setting-field {
    float: left;
    width: 350px;
}
#add-banned.main-action .setting .setting-submit {
    clear: both;
}


/* Add Blog Form */

#add-blog-form #name,
#add-blog-form #dirname {
    color: #666;
}

#add-blog-form #name.ti-focus,
#add-blog-form #dirname.ti-focus {
    color: #000;
}

.faux-ti {
    margin: 2px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #c5c5c5 #eee #eee #c5c5c5;
    padding: 2px 4px;
    line-height: 1em;
    background-color: #f9f9f9;
    overflow: hidden;
    white-space: nowrap;
}

.faux-ti #dirname-uri {
    color: #999;
}

.faux-ti #dirname,
.faux-ti .ti {
    margin: 0;
    border-width: 0;
    padding: 0;
    font-size: 1em;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    background-color: transparent;
}

.faux-ti #dirname {
    width: 390px;
}


/* Numbered Settings */

.numbered-settings .step {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.numbered-settings .last-step {
    margin-bottom: 5px;
    border-bottom-width: 0;
    padding-bottom: 0;
}

.numbered-settings .number-col {
    width: 50px;
    margin: 0 10px 10px 0;
}

.numbered-settings .number-col .step-number {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #d5e9f5;
    padding: 5px 0;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    background-color: #f0f5f8;
}

.numbered-settings .content-col {
    width: 490px;
}

.content-2col .numbered-settings .content-col {
    width: 630px;
}

.numbered-settings .content-col .step-header,
.numbered-settings .content-col p {
    margin-bottom: 10px;
}

.numbered-settings .content-col .step-header {
    font-weight: bold;
}


/* API Key */

#typekey-api-section input {
    margin: 0 0 5px 0;
}

#typepad-apply-section,
.typepad-apply #typepad-keys-section,
.typepad-apply #typekey-api-section,
.typepad-edit #typepad-keys-section,
.typepad-edit #typekey-api-section {
    display: none;
}

.typepad-edit-section {
    position: relative;
}

.typepad-apply #typepad-apply-section {
    display: block;
}

#requirements h4 {
    font-size: 11px;
    color: #C00;
    text-transform: uppercase;
}

#requirements h3 {
    font-size: 18px;
    color: #C00;
    text-transform: uppercase;
}

#requirements ul {
    list-style: disc outside;
    padding: 0 30px;
}

#requirements li {
    margin-bottom: 10px;
}

.api-listing .field-content p,
.api-edit .field-content p {
    padding: 4px 0 0 0;
}

.api-listing .field-label {
    text-align: left;
    width: 90px;
}

.typepad-api-listing .field-label {
    width: 180px;
}

.typepad-api-listing .field-content {
    width: 310px;
}

.api-listing p.site-name {
    font-weight: bold;
    color: #333;
}

.api-listing .field {
    margin-bottom: 3px;
}

.api-listing .fieldset-content {
    padding: 0;
}

.request-api-key {
    margin: 20px 0 0 0;
}

.typekey-auth-urls {
    margin: 10px 0 0 0;
}

.typekey-auth-urls p {
    padding: 0 0 3px 0;
}

.r-edit {
    width: 230px;
    float: left;
    text-align: right;
    padding: 4px 0 0 0;
}

.r-cancel {
    float: right; 
    position: absolute;
    top: 12px; 
    right: 15px;
}

.api-listing .fieldset-content { 
    width: 450px;
}

.api-listing .r-edit {
    float: right;
    width: auto;
}

.api-listing .field-content {
    width: 250px;
}

.api-listing .site-url a {
    background: url('/.shared/images/app/icons/16si/bullet_external.png') no-repeat bottom right;
    padding-right: 18px;
}

.field-center {
    float: right;
    width: 400px;
    text-align: center;
    margin: 5px 15px 0 0;
}

.field-table {
    width: 400px;
}

.field-table tr {
    height: 24px;
}

.field-table th {
    text-align: left;
}

.field-table-alt {
    border: 1px solid #ddd;
}

.field-table-alt th {
    padding: 3px 5px;
}

.field-table-alt td {
    padding: 3px 0px 3px 4px;
}

.field-table-alt tr.odd {
    background: #eee;
}

.required {
    color: #f00;
}
/*

TypePad App: Lists
Six Apart
http://www.sixapart.com/

*/

.list {
    margin-bottom: 10px;
}

.list .item p {
    margin-bottom: 5px;
}

.list .item-inner {
    margin-bottom: 1px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #aaa;
    padding: 10px 9px 4px 10px;
    background-color: #fff;
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
}

.list .selected .item-inner {
    background-color: #fff5e5;
}

.list .item-checkbox {
    overflow: hidden;
    width: 14px;
    margin-right: 10px;
    padding-top: 3px;
    text-align: center;
}

.item .item-excerpt .excerpt-text,
.item .item-excerpt .excerpt-meta {
    margin-bottom: 5px;
}

.item .item-excerpt .excerpt-author,
.item .item-excerpt .excerpt-source,
.item .item-excerpt .excerpt-meta {
    color: #848681;
}

.item .item-excerpt .excerpt-title a {
    font-weight: bold;
}

.item .item-excerpt .excerpt-author .comment-author {
    font-weight: bold;
}

.item .item-excerpt .excerpt-source .flyout-init-trackback-source,
.item .item-excerpt .excerpt-meta .flyout-init-comment-entry,
.item .item-excerpt .excerpt-meta .flyout-init-trackback-entry {
    padding-right: 10px;
    font-weight: bold;
    background: url(../../../images/app/global/arrow-blue-on-white-small.png) no-repeat right center;
}

.list .item-status {
    width: 42px;
}


/* Blogs */

.list .blog .item-favicon {
    width: 16px;
    margin-right: 10px;
    padding-top: 1px;
}

.list .blog .item-main {
    width: 554px;
}

.list .blog .item-primary {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
}

.list .blog .item-info {
    overflow: hidden;
    width: 444px;
    margin-right: 10px;
}

.list .blog .item-action {
    width: 100px;
    padding-bottom: 5px;
}

.list .blog .item-name,
.list .blog .item-uri,
.list .blog .item-stats {
    margin-bottom: 5px;
}

.list .blog .item-name {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1;
}

.list .blog .item-name span {
    color: #666;
    font-weight: normal;
    font-size: 0.6em;
    text-transform: lowercase;
}

.list .blog .item-uri,
.list .blog .item-uri a {
    color: #666;
}

.list .blog .item-uri {
    font-size: 0.9em;
}

.list .blog .today-title {
    margin-right: 5px;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1;
    text-transform: uppercase;
}

.list .blog .today-count {
    font-size: 1.6em;
    line-height: 1;
}

.list .blog .today-label {
    margin-right: 5px;
    color: #666;
    font-size: 0.85em;
    line-height: 1;
}


/* Photo Albums */

.list .album .item-favicon {
    width: 36px;
    margin-right: 10px;
    padding-top: 1px;
}

.list .album .item-favicon img {
    border: 1px solid #ccc;
    padding: 1px;
    background-color: #fff;
}

.list .album .item-main {
    width: 664px;
}

.list .album .item-primary {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
}

.list .album .item-info {
    width: 534px;
    margin-right: 10px;
}

.list .album .item-action {
    width: 120px;
    padding-bottom: 5px;
}

.list .album .item-name,
.list .album .item-description,
.list .album .item-uri,
.list .album .item-stats {
    margin-bottom: 5px;
}

.list .album .item-name a {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1;
}

.list .album .item-description,
.list .album .item-uri,
.list .album .item-uri a {
    color: #666;
}

.list .album .item-description,
.list .album .item-uri {
    font-size: 0.9em;
}


/* TypeLists */

/*
.list .typelist .item-favicon {
    width: 16px;
    margin-right: 10px;
    padding-top: 1px;
}
*/

.list .typelist .item-main {
/*
    width: 684px;
*/
    width: 710px;
}

.list .typelist .item-primary {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
}

.list .typelist .item-info {
/*
    width: 554px;
*/
    width: 580px;
    margin-right: 10px;
}

.list .typelist .item-action {
    width: 120px;
    padding-bottom: 5px;
}

.list .typelist .item-name,
.list .typelist .item-description,
.list .typelist .item-stats {
    margin-bottom: 5px;
}

.list .typelist .item-name a {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1;
}

.list .typelist .item-description {
    color: #666;
}

.list .typelist .item-description {
    font-size: 0.9em;
}


/* Posts/Pages */

.list .post .item-excerpt,
.list .page .item-excerpt {
    overflow: hidden;
    width: 438px;
    margin-right: 10px;
}

.list .post .featured-item {
    padding: 2px 7px 2px 5px;
    color: #960;
    background-color: #ff9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.list .post .featured-item img {
    vertical-align: -3px;
}

.list .post .item-badge,
.list .page .item-badge {
    width: 16px;
    margin-right: 12px;
    padding-top: 5px;
}


/* Comments */

.list .comment .item-author {
    width: 50px;
    margin-right: 10px;
}

.list .comment .item-excerpt {
    width: 434px;
    margin-right: 10px;
}

.list .comment .item-excerpt .excerpt-text {
    overflow: hidden;
    width: 434px;
}


/* TrackBacks */

.list .trackback .item-excerpt {
    width: 494px;
    margin-right: 10px;
}

.list .trackback .item-excerpt .excerpt-text {
    overflow: hidden;
    width: 494px;
}


/* Designs */

#basic-designs-list {
    margin-bottom: 20px;
}

.list .design .item-excerpt .excerpt-title .design-label {
    font-weight: bold;
}

.list .design .item-excerpt .excerpt-title a {
    font-weight: normal;
}

.list .design .item-excerpt {
    overflow: hidden;
    width: 300px;
    margin-right: 10px;
}

.list .design .item-actions {
    width: 236px;
    overflow: hidden;
    text-align: right;
}

.list .design .apply-design,
.list .design .preview-design,
.list .design .edit-design,
.list .design .save-design,
.list .design .cancel-design {
    padding: 2px 5px;
    background-color: #efedf4;
}

.list .design .save-design img {
    vertical-align: -3px;
}

.list .design .design-field,
.list .design .cancel-design,
.list .design .save-design {
    display: none;
}

.list .design-state-edit .design-label,
.list .design-state-edit .edit-design {
    display: none;
}

.list .design-state-edit .design-field,
.list .design-state-edit .cancel-design,
.list .design-state-edit .save-design {
    display: inline;
}


/* Photos */

.list .photo .item-thumbnail {
    width: 75px;
    margin-right: 10px;
    padding-bottom: 5px;
    text-align: center;
}

.list .photo .item-excerpt {
    overflow: hidden;
    width: 601px;
}


/* TypeList Items */

.list .tli .item-excerpt {
    overflow: hidden;
    width: 686px;
}


/* TypeList Quick Add Items */

.list .tlqai .item-artwork {
    width: 81px;
    margin-right: 10px;
    padding-bottom: 5px;
    text-align: center;
}

.list .tlqai .item-artwork img {
    border: 1px solid #ccc;
    padding: 2px;
    background-color: #fff;
}

.list .tlqai .item-excerpt {
    overflow: hidden;
    width: 595px;
}

.list .tlqai .item-excerpt .excerpt-title {
    font-weight: bold;
}


/* TypeList Publishing */

#tlp-list {
    margin-bottom: 20px;
}

.list .tlp .item-excerpt {
    overflow: hidden;
    width: 686px;
}


/* TypeList Publishing (Advanced Templates) */

.list .tlpat .item-excerpt {
    overflow: hidden;
    width: 710px;
}


/* Blocked */

.list .blocked .item-name {
    width: 100px;
    margin-right: 10px;
    overflow: hidden;
}

.list .blocked .item-note {
    width: 316px;
    margin-right: 10px;
    overflow: hidden;
}

.list .blocked .item-date {
    width: 100px;
}


/* List Header */

.list-header {
    padding: 8px 10px;
    background-color: #d5e9f5;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

.list-header .content-title,
.list-header .filter-bar {
    float: left;
    display: inline;
}

.list-header .related-action {
    float: right;
    display: inline;
}

.list-header .related-action a.add{
    padding-left: 19px;
    background: url(../../../images/lists/icon-add.gif) left 0px no-repeat;
}

.list-header .content-title {
    margin-right: 20px;
}

.list-header .content-title h3,
.list-header .list-title h3 {
    font-size: 1.4em;
}

.list-header .content-title h3 {
    font-weight: bold;
}

.list-header .filter-bar {
    line-height: 25px;
}

.list-header .filter-bar input {
    margin: 0;
}

.list-header .filter-bar select#filter-name {
    width: 130px;
}

.list-header .filter-bar #filter-mode-filter {
    margin-right: 6px;
}

.list-header .filter-bar #filter-mode-search {
    margin-left: 6px;
}

.list-header .related-action {
    padding-top: 5px;
}


/* Action Bar */

.action-bar {
    position: relative;
    padding: 8px 10px 10px;
    background-color: #d5e9f5;
}

.action-bar .action-checkbox,
.action-bar .action-buttons {
    overflow: hidden;
}

.action-bar .action-checkbox {
    width: 14px;
    margin-right: 10px;
    padding-top: 3px;
    text-align: center;
}

.action-bar .action-buttons {
    width: 546px;
}

.action-bar .action-buttons li {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 3px 7px 2px;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #000;
    background-repeat: repeat-x;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.action-bar .action-buttons li,
.action-bar .action-buttons li a {
    color: #fff;
}

.action-bar .action-buttons .action-publish,
.action-bar .action-buttons .action-flag-ham {
    background-color: #8acb3d;
    background-image: url(../../../images/app/buttons/publish-bg.png);
}

.action-bar .action-buttons .action-draft,
.action-bar .action-buttons .action-unpublish {
    background-color: #e87100;
    background-image: url(../../../images/app/buttons/unpublish-bg.png);
}

.action-bar .action-buttons .action-delete,
.action-bar .action-buttons .action-remove {
    background-color: #b20009;
    background-image: url(../../../images/app/buttons/delete-bg.png);
}

.action-bar .action-buttons .action-flag-spam {
    background-color: #9b6201;
    background-image: url(../../../images/app/buttons/spam-bg.png);
}

.action-bar .action-more {
    position: absolute;
    top: 7px;
    right: 10px;
}


/* Pagination Bar */

.pagination-bar {
    padding: 5px;
    line-height: 1;
    text-align: center;
}

.pagination-bar a,
.pagination-bar span {
    padding: 4px 8px;
}

.pagination-bar a:hover {
    text-decoration: none;
    background-color: #d5e9f5;
}

.pagination-bar .yah {
    border: 1px solid #d3e2ee;
    color: #000;
    font-weight: bold;
    background-color: #fff;
}


/* Zerostate */

.zerostate {
    margin-bottom: 2px;
    padding: 10px 10px 5px;
    text-align: center;
    background-color: #fff;
    box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
}

.zerostate p {
    margin-bottom: 5px;
}

/* Purge spam */

.purge-spam {
    margin-bottom: 2px;
    padding: 10px 10px 5px;
    text-align: center;
    background-color: #fff;
    box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
}

.purge-spam p {
    margin-bottom: 5px;
}

#import-progress {
    text-align: center;
}

#import-progressbar {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}
/*

TypePad App: Flyouts
Six Apart
http://www.sixapart.com/

*/

.flyout-rel {
    position: relative;
}

.flyout {
    display: none;
    position: absolute;
    left: -12px;
    top: -12px;
    width: 324px;
    color: #000;
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
    z-index: 10;
}

.flyout-focus-comment-author .author-flyout,
.flyout-focus-trackback-source .source-flyout,
.flyout-focus-comment-entry .entry-flyout,
.flyout-focus-trackback-entry .entry-flyout {
    display: block;
}

.flyout-border {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #aaa;
    padding: 2px;
    background-color: #fff;
}

.flyout-inner {
    padding: 10px 9px 5px 10px;
    background-color: #f0f5f8;
}

.flyout h4,
.flyout p {
    margin-bottom: 5px;
}

.flyout h4 {
    font-weight: bold;
}

.author-flyout .flyout-userpic {
    width: 50px;
    margin: 0 10px 5px 0;
}

.author-flyout .flyout-details {
    width: 240px;
}


/* Status Flyout */

.status-chooser {
    position: relative;
}

.current-status a {
    display: block;
    border: 1px solid #ececeb;
}

.current-status .choose {
    border-left: 1px solid #ececeb;
}

.status-options {
    display: none;
    position: absolute;
    right: 16px;
    top: 0;
    width: 140px;
    border-top: 1px solid #ececeb;
    background-color: #ffffe9;
    box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    z-index: 10;
}

.status-draft .status-options,
.status-unpublished .status-options {
    top: -26px;
}

.status-spam .status-options {
    top: -78px;
}

.flyout-focus-post-actions .status-options,
.flyout-focus-page-actions .status-options,
.flyout-focus-comment-actions .status-options,
.flyout-focus-trackback-actions .status-options {
    display: block;
}

.status-options a,
.status-options span {
    display: block;
}

.status-options a,
.status-options .option-inner {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ececeb;
}

.status-options .option-name {
    width: 103px;
    margin: 0 5px;
    font-weight: bold;
    line-height: 25px;
    text-align: right;
}

.status-options .option-icon {
    width: 25px;
}

.status-options .option-icon img {
    border-left: 1px solid #ececeb;
}
/*

TypePad App: Editor
Six Apart
http://www.sixapart.com/

*/


/* Sections and Headers */

.editor .editor-header,
.editor .editor-footer {
    position: relative;
    padding: 10px;
    background-color: #d5e9f5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
}

.editor .editor-content {
    margin-bottom: 2px;
    padding: 0 5px;
    background-color: #fff;
    box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
}

.editor .editor-content-nav {
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
}

.editor .editor-content-nav .disabled {
    color: #999;
}

.editor .editor-content-main {
    padding: 20px 5px 5px;
}

.editor dd,
.editor-meta-item {
    margin-bottom: 15px;
}

.editor .dd-inner {
    margin-bottom: 5px;
}

.editor .content-title h3 {
    font-weight: bold;
    font-size: 1.4em;
}

.editor dt,
.editor .editor-meta h4 {
    font-weight: bold;
}

.editor .editor-footer input {
    margin: 0;
}

.editor .editor-header .header-actions {
    position: absolute;
    top: 14px;
    right: 10px;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
}

.editor .editor-header .header-actions .action {
    float: left;
    margin-left: 5px;
    padding: 3px 5px;
    background-color: #eaf4fa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


/* Columns */

.editor .editor-content-nav .item-nav {
    width: 335px;
    margin-right: 20px;
}

.editor .editor-content-nav .item-ext {
    width: 335px;
    text-align: right;
}

.editor .editor-content-main .editor-full {
    margin: 0 10px;
}

.editor .editor-content-main .editor-fields {
    width: 470px;
    margin: 0 10px;
}

.editor .editor-content-main .editor-meta {
    width: 200px;
    margin: 0 10px;
}

.editor .editor-footer .primary-actions {
    width: 335px;
    margin-right: 20px;
}

.editor .editor-footer .secondary-actions {
    width: 335px;
    text-align: right;
}


/* Fields */

.editor .editor-fields .ti,
.editor .editor-fields .ta {
    width: 460px;
    margin: 0;
    font-size: 1.3em;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

.editor .editor-fields .ta {
    max-width: 460px;
}

.editor .editor-fields .ti-narrow {
    width: 100px;
}


/* Status Module */

.editor .editor-meta-status .qm-content {
    border: 1px solid #ccc;
    padding: 1px 1px 0;
}

.editor .editor-meta-status .qm-status {
    padding: 5px 15px;
    color: #000;
}

.editor .editor-meta-status .qm-status-published .qm-status {
    background-color: #8acb3d;
}

.editor .editor-meta-status .qm-status-unpublished .qm-status {
    background-color: #e87100;
}

.editor .editor-meta-status .qm-status-spam .qm-status {
    background-color: #9b6201;
}

.editor .editor-meta-status .qm-actions {
    margin-top: 1px;
    border-top: 1px solid #ccc;
    padding: 5px 5px 1px;
}

.editor .editor-meta-status .qm-action {
    margin-bottom: 4px;
}

.editor .editor-meta-status .qm-action a {
    display: block;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    background-repeat: repeat-x;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.editor .editor-meta-status #qm-action-publish a {
    background-color: #8acb3d;
    background-image: url(../../../images/app/buttons/publish-bg.png);
}

.editor .editor-meta-status #qm-action-unpublish a {
    background-color: #e87100;
    background-image: url(../../../images/app/buttons/unpublish-bg.png);
}

.editor .editor-meta-status #qm-action-delete a {
    background-color: #b20009;
    background-image: url(../../../images/app/buttons/delete-bg.png);
}

.editor .editor-meta-status #qm-action-spam a {
    background-color: #9b6201;
    background-image: url(../../../images/app/buttons/spam-bg.png);
}


/* Info Module */

.editor .editor-meta-info table {
    width: 100%;
    border-top: 1px solid #ccc;
    line-height: 1;
}

.editor .editor-meta-info td {
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
}

.editor .editor-meta-info td.td-name {
    width: 40%;
    border-right: 1px solid #ccc;
    padding-right: 5px;
    color: #666;
    text-align: right;
}

.editor .editor-meta-info td.td-value {
    padding-left: 5px;
}

.editor .editor-meta-info td.td-view {
    padding-left: 5px;
    text-align: right;
}


/* Thumbnail Module */

.editor .editor-meta-thumb .thumb-image {
    margin-bottom: 5px;
}


/* Template Editor */

.template-editor .editor-content-nav .item-nav {
    line-height: 22px;
}

.template-editor .editor-content-main .editor-fields {
    width: auto;
}

.template-editor .editor-content-main .editor-fields .two-up .col {
    width: 335px;
    margin-right: 20px;
}

.template-editor .editor-content-main .editor-fields .two-up .last-col {
    margin-right: 0;
}

.template-editor .editor-fields .two-up .ti {
    width: 325px;
}

.template-editor .editor-fields .ta {
    width: 680px;
    max-width: 680px;
    font-size: 1em;
    font-family: Monaco, monospace;
}

/* modal dialogue */
#clone-photo-dialog ul{height:100px;overflow:auto;border:1px solid #ccc;}/*

TypePad App: Buttons
Six Apart
http://www.sixapart.com/

*/


/* ------------------------------------------------------------------------ */

/* Simple Buttons */

.tp-button {
    float: left;
    position: relative;
}

.tp-button .button a {
    margin: 0 2px;
    border: 1px solid #d9d9d9;
    padding: 0 9px;
    color: white;
    height: 22px;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    text-shadow: #fff 0 1px 0;
    background-color: #f2f2f2;
    background-image: url();
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#f2f2f2));
    background-image: -moz-linear-gradient(#e5e5e5, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#e5e5e5, endColorstr=#f2f2f2, GradientType=0);
    background-repeat: repeat-x;
    background-position: left top;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
}

.tp-button .button a:hover {
    text-decoration: none;
}

.tp-button .button a:hover,
.tp-button .button a:active,
.tp-button .flyout-focus .button a {
    border-color: black;
    background-color: #333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(#333));
    background-image: -moz-linear-gradient(black, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=black, endColorstr=#333, GradientType=0);
}

.tp-button .button a span {
    padding: 0 10px 0 0;
    background-image: url(../../../images/app/design/buttons/down.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.tp-button .menu {
    display: none;
    position: absolute;
    top: 20px;
    left: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5 #ccc #ccc #e5e5e5;
    background-color: #fff;
    z-index: 10;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 2px #e5e5e5;
    -webkit-box-shadow: 0 0 2px #e5e5e5;
    -moz-box-shadow: 0 0 2px #e5e5e5;
}

.tp-button .flyout-focus .menu {
    display: block;
}

.tp-button .menu ul {
    padding: 5px 0;
}

.tp-button .menu a {
    display: block;
    padding: 0 14px;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.tp-button .menu a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #287098;
}

/* Colors */

.tp-button .button-green a {
    border-color: #7fbd32;
    color: #fff;
    text-shadow: #4c8a00 0 -1px 0;
    background-color: #7fbd32;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8fce43), to(#7fbd32));
    background-image: -moz-linear-gradient(#8fce43, #7fbd32);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#8fce43, endColorstr=#7fbd32, GradientType=0);
}

.tp-button .button-green a:hover,
.tp-button .button-green a:active,
.tp-button .flyout-focus .button-green a {
    border-color: #6eac21;
    text-shadow: #3b7900 0 -1px 0;
    background-color: #6eac21;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbd32), to(#6eac21));
    background-image: -moz-linear-gradient(#7fbd32, #6eac21);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#7fbd32, endColorstr=#6eac21, GradientType=0);
}

.tp-button .button-sky a {
    border-color: #07dded;
    color: #047780;
    text-shadow: #b1f1f8 0 1px 0;
    background-color: #07dded;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b1f1f8), to(#07dded));
    background-image: -moz-linear-gradient(#b1f1f8, #07dded);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#b1f1f8, endColorstr=#07dded, GradientType=0);
}

.tp-button .button-sky a:hover,
.tp-button .button-sky a:active,
.tp-button .flyout-focus .button-sky a {
    border-color: #6eac21;
    text-shadow: #3b7900 0 -1px 0;
    background-color: #6eac21;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#07dded), to(#6eac21));
    background-image: -moz-linear-gradient(#07dded, #6eac21);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#07dded, endColorstr=#6eac21, GradientType=0);
}

.tp-button .button-red a {
    border-color: #bd3232;
    color: #fff;
    text-shadow: #8a0000 0 -1px 0;
    background-color: #bd3232;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ce4343), to(#bd3232));
    background-image: -moz-linear-gradient(#ce4343, #bd3232);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#ce4343, endColorstr=#bd3232, GradientType=0);
}

.tp-button .button-red a:hover,
.tp-button .button-red a:active,
.tp-button .flyout-focus .button-red a {
    border-color: #ac2121;
    text-shadow: #790000 0 -1px 0;
    background-color: #ac2121;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bd3232), to(#ac2121));
    background-image: -moz-linear-gradient(#bd3232, #ac2121);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#bd3232, endColorstr=#ac2121, GradientType=0);
}

.tp-button .button-orange a {
    /*border-color: #f90;*/
    color: white;
    font-weight: normal;
    font-size: 28px;
    font-family: "alternate-gothic-no-2-d", sans-serif;
    text-shadow: #ff0 0 1px 1px;
    background-color: #f90;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f90), to(#fc0));
    background-image: -moz-linear-gradient(#f90, #fc0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#ff9900, endColorstr=#ffcc00, GradientType=0);
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.tp-button .button-orange a:hover,
.tp-button .button-orange a:active,
.tp-button .flyout-focus .button-orange a {
    border-color: black;
    color: white; 
    background-color: black;
    background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(#333));
    background-image: -moz-linear-gradient(black, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#aaaaaa, endColorstr=#333333, GradientType=0);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.tp-button .button-dark a {
    border-color: #bfbfbf;
    color: #000;
    background-color: #d9d9d9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#ccc));
    background-image: -moz-linear-gradient(#d9d9d9, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#d9d9d9, endColorstr=#cccccc, GradientType=0);
}

.tp-button .button-dark a:hover,
.tp-button .button-dark a:active,
.tp-button .flyout-focus .button-dark a {
    border-color: #b3b3b3;
    background-color: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#bfbfbf));
    background-image: -moz-linear-gradient(#ccc, #bfbfbf);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#cccccc, endColorstr=#bfbfbf, GradientType=0);
}

.tp-button .button-darkest a {
    border-color: #222;
    color: #ccc;
    text-shadow: #000 0 -1px 0;
    background-color: #444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
    background-image: -moz-linear-gradient(#444, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#444444, endColorstr=#333333, GradientType=0);
}

.tp-button .button-darkest a:hover,
.tp-button .button-darkest a:active,
.tp-button .flyout-focus .button-darkest a {
    border-color: #111;
    background-color: #333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
    background-image: -moz-linear-gradient(#333, #222);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#333333, endColorstr=#222222, GradientType=0);
}

/* Sizes */

.tp-button .button-l a {
    padding: 9px 0 2px 20px;
    font-size: 13px;
    width: 165px;
    margin-left: 160px;
    display: block;
}

.tp-button .button-m a {
    padding: 9px 0 2px 20px;
    font-size: 13px;
    width: 165px;
    display: block;
}

.tp-button .button-xl a {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 22px;
}

/* Bar */

.tp-button-bar {
    margin: 0 -2px;
}

/* Alignment */

.tp-button-bar-center {
    text-align: center;
}

.tp-button-bar-center .tp-button {
    display: inline-block;
    float: none;
}


/* ------------------------------------------------------------------------ */

/* Compose Buttons */

.compose-button a {
    display: block;
    padding: 4px;
    color: #533215;
    font-weight: bold;
    text-align: center;
    background-color: #fedb62;
    background-image: url(../../../images/app/global/blog-nav-compose-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
}


/* ------------------------------------------------------------------------ */

/* Menu Buttons */

.menu-button .button a {
    display: block;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #d6d6d6;
    padding: 3px 5px 2px 8px;
    font-size: 0.85em;
    background-color: #f5f5f5;
    background-image: url(../../../images/app/buttons/button-menu-more-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 1px 1px 2px #e0e0e0;
    -webkit-box-shadow: 1px 1px 2px #e0e0e0;
    -moz-box-shadow: 1px 1px 2px #e0e0e0;
}

.menu-button .button a span {
    display: block;
    background-image: url(../../../images/app/buttons/button-menu-more-arrows.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.menu-button .menu {
    display: none;
    position: absolute;
    width: 200px;
    margin-top: 1px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #d6d6d6;
    padding: 5px 0;
    background-color: #f5f5f5;
    z-index: 10;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 1px 1px 2px #e0e0e0;
    -webkit-box-shadow: 1px 1px 2px #e0e0e0;
    -moz-box-shadow: 1px 1px 2px #e0e0e0;
}

.flyout-focus-blog-actions .menu-button .menu,
.flyout-focus-album-actions .menu-button .menu,
.flyout-focus-typelist-actions .menu-button .menu {
    display: block;
}

.menu-button .menu a {
    display: block;
    padding: 2px 10px;
}

.menu-button .menu a:hover,
.menu-button .menu a:active {
    color: #fff;
    text-decoration: none;
    background-color: #287098;
}
/*

TypePad App: Related
Six Apart
http://www.sixapart.com/

*/


/* Help */

.related-help {
    margin-bottom: 10px;
    border-right: 1px solid #deebf0;
    border-bottom: 1px solid #deebf0;
    padding: 15px 14px 0 15px;
    background: #f8fcff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    line-height: 1.4;
    font-size: 92.3%;
    color: #666;
}

.related-help .related-header {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.help-header {
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    background: #deebf0;
    padding: 5px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 1.1em;
}

.related-help .help {
    padding-bottom: 10px;
}

.related-help .help h4 {
    color: #333;
    font-weight: bold;
}

.related-help .help h4,
.related-help .help p {
    margin-bottom: 5px;
}

.related-help .help ul,
.related-help .help dd {
    margin-bottom: 5px;
}

.related-help .help li {
    padding-left: 16px;
    background-image: url(../../../images/app/icons/16si/bullet_black.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.related-help .help li.external {
    background-image: url(../../../images/app/icons/16si/bullet_external.png);
}

.related-help .help dt {
    font-weight: bold;
}


/* Promo */

.related-promo {
    margin-bottom: 20px;
}

.related-promo .more,
.related-promo .more a {
    color: #666;
}

.related-promo .more {
    margin-top: 5px;
    font-size: 0.9em;
    text-align: center;
}


/* Quickstart */

.related-quickstart .link {
    margin: 7px 15px 0;
}
.related-quickstart .link a {
    background: url(../../../images/lists/icon-add.gif) no-repeat 2px 0;
    color: #999;
    padding-left: 24px;
}

.related-quickstart {
    margin-bottom: 20px;
}

.related-quickstart h4 {
    font-weight: bold;
    margin: 0 15px 5px;
}

.related-quickstart .quickstart-blog-group {
    margin-bottom: 15px;
}

.related-quickstart .quickstart-blog-rule {
    margin: 0;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #e5e5e5;
}

.related-quickstart .menu-list {
    position: relative;
    margin-bottom: 0;
    z-index: 1;
}

.related-quickstart .menu-list .blog {
    background-color: #fff;
    border-bottom: 1px dotted #ccc;
    display: block;
    margin: 0 15px;
    padding: 4px 0;
    position: relative;
}

.related-quickstart .menu-list .blog-only {
    border-bottom: none;
    padding-top: 15px;
}

.related-quickstart .menu-list .blog .blog-name,
.related-quickstart .menu-list .blog .view-blog-link,
.related-quickstart .menu-list .blog .compose-link,
.related-quickstart .menu-list .blog .flyout-init-blog-actions {
    display: block;
    float: left;
    height: 20px;
    overflow: hidden;
    padding: 5px 8px 1px;
}

.related-quickstart .menu-list .blog .blog-name {
    background-image: url(../../../images/profile/service_icons/typepad.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    font-weight: normal;
    padding-left: 24px;
    width: 176px;
}

.related-quickstart .menu-list .blog .blog-name span {
    font-weight: normal;
    font-size: 11px;
    color: #999;
    margin-left: 5px;
}

.related-quickstart .menu-list .blog-only .blog-name {
    padding-left: 0;
}


/* styles for default blog */

.related-quickstart .menu-list .blog-main .view-blog-link,
.related-quickstart .menu-list .blog-main .compose-link,
.related-quickstart .menu-list .blog-main .flyout-init-blog-actions {
    padding: 0 8px;
}

.related-quickstart .menu-list .blog-main .blog-name {
    width: 274px;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
}


/* styles for connected blogs */

.related-quickstart .menu-list-connected {
    border-top: 1px dotted #ccc;
    margin: 0 15px;
}

.related-quickstart .menu-list-connected .blog {
    padding: 2px 0;
    margin: 0;
}

.related-quickstart .menu-list-connected .blog .blog-name {
    width: 248px;
}

.related-quickstart .menu-list .blog-platform-typepad .blog-name      { background-image: url(../../../images/profile/service_icons/typepad.png); }
.related-quickstart .menu-list .blog-platform-movabletype .blog-name  { background-image: url(../../../images/profile/service_icons/movabletype.png); }
.related-quickstart .menu-list .blog-platform-wordpress .blog-name    { background-image: url(../../../images/profile/service_icons/wordpress.png); }
.related-quickstart .menu-list .blog-platform-blogger .blog-name      { background-image: url(../../../images/profile/service_icons/blogger.png); }
.related-quickstart .menu-list .blog-platform-tumblr .blog-name       { background-image: url(../../../images/profile/service_icons/tumblr.png); }
.related-quickstart .menu-list .blog-platform-typepadjapan .blog-name { background-image: url(../../../images/profile/service_icons/typepadjapan.png); }
.related-quickstart .menu-list .blog-platform-generic .blog-name      { background-image: url(../../../images/app/global/generic-service.png); }



.related-quickstart .menu-list .blog .blog-sparkline {
    float: right;
    margin: 0 0 12px;
    padding: 0;
    text-align: center;
    width: 188px;
}
.related-quickstart .menu-list .blog-only .blog-sparkline {
    margin-right: 15px;
}

.related-quickstart .menu-list .blog .blog-design-thumb {
    border: 1px solid #ccc;
    display: block;    
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.related-quickstart .menu-list .blog .blog-thumbnail {
    float: left;
    margin: 0 0 10px 25px;
    width: 80px;
}

.related-quickstart .menu-list .blog-only .blog-thumbnail {
    margin-left: 0;
}

.related-quickstart .menu-list .blog .blog-thumbnail .blog-view-link {
    width: 76px;
    text-align: center;
    display: block;
    padding: 5px 2px 3px;
    background: #e2edf4;
    text-transform: uppercase;
    font-size: 11px; 
}

.related-quickstart .menu-list .blog ul.blog-sections {
    float: right;
    clear: right;
    width: 188px;
}

.related-quickstart .menu-list .blog-only ul.blog-sections {
    width: 213px;
}

.related-quickstart .menu-list .blog ul.blog-sections li {
    float: left;
    width: 94px;
    margin-bottom: 3px;
}

.related-quickstart .menu-list .blog ul.blog-sections li.left { width: 78px; }
.related-quickstart .menu-list .blog ul.blog-sections li.right { width: 110px; }

.related-quickstart .menu-list .blog-only ul.blog-sections li {
    width: 106px;
}

.related-quickstart .menu-list .blog ul.blog-sections li a {
    display: block;
    padding-left: 16px;
    background: url(../../../images/app/icons/16si/bullet_blue.png) no-repeat 0 1px;
}

.related-quickstart .menu-list .blog ul.blog-sections li a span {
    color: #999;
    font-size: 11px;
}

.related-quickstart .menu-list .blog .compose-link {
    text-align: center;
    border-left: 1px dotted #ccc;
}

.related-quickstart .menu-list .blog .flyout-init-blog-actions {
    background-image: url(../../../images/app/dashboard/dashboard-option-arrow.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-left: 1px dotted #ccc;
    width: 10px;
    overflow: hidden;
    text-indent: -9999px;
}

.related-quickstart .menu-list .blog-main .flyout-init-blog-actions {
    text-indent: 0;
    width: auto;
    background-position: 90% 50%;
    padding-right: 23px;
}

.related-quickstart .menu-list .flyout-focus-blog-actions .flyout-init-blog-actions {
    background: #287098;
    background-image: url(../../../images/app/dashboard/dashboard-option-arrow-on.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #fff;
}

.related-quickstart .menu-list .blog-main.flyout-focus-blog-actions .flyout-init-blog-actions {
    background-position: 90% 50%;
}

.related-quickstart .menu {
    display: none;
    position: absolute;
    width: 120px;
    top: 28px;
    right: 0;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #bbb #999 #999 #bbb;
    padding: 0;
    background-color: #f2f2f2;
    font-size: 0.95em;
    font-weight: normal;
    overflow: hidden;
}

.related-quickstart .blog-main .menu {
    top: 58px;
}

.related-quickstart .flyout-focus-blog-actions .menu {
    display: block;
}

.related-quickstart .menu .menu-item {
    border-bottom: 1px solid #ddd;
}

.related-quickstart .menu .menu-item a,
.related-quickstart .menu .menu-item span {
    display: block;
    padding: 4px 6px 3px;
}

.related-quickstart .menu .menu-item-sep {
    border-top: 1px solid #999;
}

.related-quickstart .menu .menu-item-last {
    border-bottom: none;
}


/* suspended */

.related-quickstart .menu-list .blog-suspended .blog-name {
    color: #999;
}

.related-quickstart .menu-list .blog-suspended .compose-link {
    color: #c99;
}


/* promo */

.related-quickstart .promo {
    margin-bottom: 15px;
    padding: 15px 14px 0
}

.related-quickstart .promo-idea {
    padding-left: 35px;
    background-image: url(../../../images/silk/lightbulb.png);
    background-repeat: no-repeat;
    background-position: 14px 15px;
}

.related-quickstart .promo h5 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

.related-quickstart .promo p {
    margin-bottom: 5px;
    color: #666;
}

.related-quickstart .promo .tp-button-bar {
    margin-top: 10px;
}


/* News */

.related-news {
    margin-bottom: 20px;
    padding: 15px 15px 10px;
    background-color: #f8fcff;
}

.related-news .related-header,
.related-news .related-footer {
    margin-bottom: 5px;
}

.related-news .related-content,
.related-news .related-footer {
    color: #333;
    font-size: 0.9em;
}

.related-news .header-title,
.related-news .header-title a {
    color: #d33402;
}

.related-news .header-title {
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    font-weight: bold;
    font-size: 1.15em;
}

.related-news .header-subscribe {
    padding-left: 15px;
    background-image: url(../../../images/app/dashboard/feed.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.related-news .content-title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.2;
}

.related-news .content-body {
    margin-bottom: 5px;
}

.related-news .content-meta {
    margin-bottom: 5px;
    color: #999;
}


/* Other Ways to Post */

.related-help-other {
    margin-bottom: 20px;
    padding: 15px 14px 4px 15px;
}

.related-help-other .related-header,
.related-help-other .help {
    margin-bottom: 15px;
    border-bottom: 1px solid #d5e9f5;
    padding-bottom: 10px;
}

.related-help-other .help-last {
    margin-bottom: 0;
    border-bottom-width: 0;
}

.related-help-other .help-quickpost,
.related-help-other .help-postbyemail,
.related-help-other .help-mobile,
.related-help-other .help-googleanalytics,
.related-help-other .help-chartbeat {
    padding-left: 26px;
    background-repeat: no-repeat;
}

.related-help-other .help-quickpost {
    background-image: url(../../../images/app/icons/16si/bookmark.png);
    background-position: 9px 0;
}

.related-help-other .help-postbyemail {
    background-image: url(../../../images/silk/email.png);
    background-position: 5px 0;
}

.related-help-other .help-mobile {
    background-image: url(../../../images/silk/phone.png);
    background-position: 5px 0;
}

.related-help-other .help-googleanalytics {
    background-image: url(../../../images/app/icons/16si/google-analytics.png);
    background-position: 5px 0;
}

.related-help-other .help-chartbeat {
    background-image: url(../../../images/app/icons/16si/chartbeat.png);
    background-position: 5px 0;
}

.related-help-other .new {
    vertical-align: 1px;
    padding: 1px 3px 0;
    color: #fff;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #c60;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.related-help-other .bookmarklet {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 20px;
    font-family: "Lucida Grande", sans-serif;
}

.related-help-other .bookmarklet a {
    padding: 2px 10px 4px;
    color: #262626;
    background-color: #969696;
    text-shadow: #c0c0c0 0 1px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.related-help-other .bookmarklet a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #626262;
    text-shadow: #3b3b3b 0 1px 0;
}
.main-action {
    background: #f0f5f8;
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 8px 15px;
    border-right: 1px solid #d5e9f5;
    border-bottom: 1px solid #d5e9f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.main-action h3 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
}
.main-action .setting {
    background: none;
    padding: 0;
    border: none;
    margin-bottom: 10px;
    clear: both;
}
.main-action .setting .setting-field {
    padding: 0;
}
.main-action input.ti {
    font-size: 16px;
}


/* TypeLists */

.main-action-typelist {
    margin-bottom: 10px;
    font-size: 13px;
}

.main-action-typelist input.ti {
    color: #666;
    font-size: 13px;
}

.main-action-typelist input.qa-focus {
    color: #000;
}


/* Inverted */

.main-action-inverted {
    background: #fff;
}
/* tables */

.tableselect table {
    border: 1px solid #d5e9f5;
    width: 100%;
    margin-bottom: 10px;
}
.tableselect tr.odd {
    background: #f6f9fb;
}
.tableselect th {
    background: #f0f5f8;
    text-align: left;
    font-size: .9em;
    padding: 5px;
}
.tableselect thead th {
    border-bottom: 1px solid #d5e9f5;
}
.tableselect tfoot th {
    border-top: 1px solid #d5e9f5;
    text-align: center;
}
.tableselect td {
    padding: 5px;
}
.tableselect th.cb,
.tableselect td.cb {
    padding: 0 5px;
    width: 25px;
}

/* common tableselect styles */
fieldset{
    padding: 20px;
}

fieldset .header{
    font-size: 14px;
    font-weight: bold;
    color: #595B5D;
}

.template-set{
    margin: 10px 0 20px 0;
}

.add-table-item{
    padding: 5px 0 5px 17px;
    background: url(../../../images/app/global/create-hover.png) no-repeat 2px center;
    font-weight: bold;
}

/* designs */

.theme-form{
    margin-bottom: 20px;
}

.tableselect tr.active td.si img{
    background-image: url(../../../images/status_icons/published.gif);
}
.tableselect tbody tr.selected td {
    border-bottom-color: #bdf;
    color: #fff;
    background-color: #369;
}
.tableselect tbody tr.selected td a {
    color: #fff;
}
.tableselect tr td.filename img {
    margin-right: 3px;
    vertical-align: -1px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.tableselect tr.active.selected td.si img{
    background-image: url(../../../images/status_icons/published-selected.gif);
}
.tableselect tr.fileish td.filename img{
    background-image: url(../../../images/file_manager/file.gif);
}
.tableselect tr.folderish td.filename img{
    background-image: url(../../../images/file_manager/folder.gif);
}
.tableselect tr td.link img{
    background-image: url(../../../images/file_manager/link.gif);
}
.tableselect tr td.table-button{
    text-align: center;
}
.tableselect tr td.table-button a{
    padding: 2px 10px;
    background-color: #efedf4;
}
.tableselect .design-field,
.tableselect .save-design{
    display: none;
}
.tableselect .rowstate-edit .design-label,
.tableselect .rowstate-edit .edit-design{
    display: none;
}

.tableselect .rowstate-edit .design-field,
.tableselect .rowstate-edit .save-design{
    display: inline;
}

/* quickadd */
.quickadd-bar .ti{
    width: 220px;
}


/* Authors */

.tableselect#authors-list .author .author-email a {
    color: #666;
}


/* Bit.ly Stats */

.tableselect#share-traffic .col-clicks {
    width: 15%;
    text-align: center;
}

.tableselect#share-traffic .col-post {
    width: 60%;
}

.tableselect#share-traffic .col-post .info-title {
    font-weight: bold;
}

.tableselect#share-traffic .col-post .info-meta {
    color: #848681;
}

.tableselect#share-traffic .col-hash {
    width: 25%;
}

.tableselect#share-traffic td {
    vertical-align: top;
}

.tableselect#share-traffic td.col-clicks {
    font-weight: bold;
    font-size: 2em;
}
/*

TypePad App: Thumbselect
Six Apart
http://www.sixapart.com/

*/

.thumbselect .opt {
    width: 92px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.thumbselect .opt-thumb {
    display: block;
    margin-bottom: 5px;
}

.thumbselect .opt-label {
    display: block;
    font-size: 0.9em;
}

.thumbselect .opt-label input {
    float: left;
    margin-top: 1px;
}

.thumbselect .opt-label .opt-text {
    display: block;
    margin-left: 18px;
}
/* Content Upsells */

#content .upsell {
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #f2f2c2 #e5e5b8 #e5e5b8 #f2f2c2;
    background-color: #ffc;
    background-image: url(../../../images/app/promos/upsell-bg.png);
    background-repeat: repeat-x;
    background-position: 0% 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#content .upsell h3 {
    font-weight: bold;
    margin-bottom: 5px;
}

#content .upsell p {
    margin-bottom: 5px;
}

#content .upsell-content {
    padding: 15px 14px 10px;
}

#content .upsell-cta {
    margin: 10px 0 5px;
}

#content .upsell-badge-left .upsell-content {
    padding-left: 72px;
    background-image: url(../../../images/app/promos/upsell-gopro.png);
    background-repeat: no-repeat;
    background-position: 14px 15px;
}

#content .upsell-badge-right {
    float: right;
    margin: 0 0 5px 10px;
}


/* Footer Upsell */

#footer .upsell {
    float: left;
    width: 470px;
    font-size: 0.9em;
    background-color: #ffc;
}

#footer .upsell-content {
    padding: 1em;
}

#footer .upsell-cta {
    float: right;
    margin-left: 1em;
}
/*

TypePad: Boxes
Six Apart
http://www.sixapart.com/

*/


.tp-box {
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5 #ccc #ccc #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 2px #e5e5e5;
    -webkit-box-shadow: 0 0 2px #e5e5e5;
    -moz-box-shadow: 0 0 2px #e5e5e5;
}

.tp-box .tp-box-header,
.tp-box .tp-box-footer {
    border-style: solid;
    border-color: #cde1ed;
    padding: 10px 9px;
    background-color: #d5e9f5;
}

.tp-box .tp-box-header {
    border-bottom-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

.tp-box .tp-box-footer {
    border-top-width: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}

.tp-box .tp-box-content .tp-box-inset {
    padding: 20px 19px 5px;
}


/* Related */

.tp-box .content-header,
.tp-box .content-header h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}

.tp-box .content-subheader {
    margin-bottom: 10px;
    color: #666;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}

.tp-box .button-bar .lcol {
    float: left;
}

.tp-box .button-bar .rcol {
    float: right;
}

.tp-box .button-bar a {
    display: inline-block;
    margin: 2px;
}