/*
  Author: Andrew Barrows & Ashley Wright
  Website: http://www.gocomics.com
  Date: 2015-10-28
  Copyright (c) 2015 Universal Uclick All rights reserved.
*/

/* GLOBAL STYLES
--------------------------------------------------------------------------*/
body {
    background: #dedede url('/images/bg-top.jpg') repeat-x;
    color: #474747;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    z-index: 0;
}

html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, button {
    margin: 0;
    padding: 0;
    border: 0;
}

ul, ol, li {
    list-style-type: none;
    line-height: 0;
}

.clear {
    clear: both;
}

a, button {
    text-decoration: none;
    outline: none;
}

a {
    color: #3993be;
}

sup {
    vertical-align: 3px;
    font-size: 8px;
}

a:hover {
    text-decoration: underline;
    color: #e75000;
}

.exp-hidden {
    display: none;
}

legend {
    display: none;
}

button {
    cursor: pointer;
}

div.hr {
    clear: both;
    border-bottom: 1px #ddd solid;
    margin: 0 20px 20px 0;
    padding-bottom: 20px;
}

.search div.hr {
    margin-right: 50px;
}

div.thread-break {
    border: 1px solid #E7e7e7;
    margin: 20px 0px;
    width: 443px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* LAYOUT STYLES
--------------------------------------------------------------------------*/
div#wrapper, .homepagefree div#wrapper, .homepagepro div#wrapper {
    background: url('/images/content-top.gif') no-repeat center top;
    position: relative;
}

div#header, .homepagefree div#header, .homepagepro div#header {
    background: url('/images/content-top.gif') no-repeat center top;
    height: 160px;
    width: 980px;
    padding: 0 10px;
    position: relative;
    margin: 0 auto;
}

div#content-wrapper {
    clear: both;
    background: url('/images/content-bg.jpg') repeat-y center top;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

div#content-wrapper div.container, .homepagefree div#content-wrapper div.container, .homepagepro div#content-wrapper div.container {
    background: url('/images/content-top.gif') no-repeat center -160px;
    width: 975px;
    padding: 0 0 0 25px;
    margin: 0 auto;
    border: none;
    position: relative;
}

div#small-sidebar {
    float: left;
    width: 200px;
}

div#content-full {
    float: left;
    width: 765px;
    position: relative;
}

div#content {
    width: 650px;
    float: left;
    position: relative;
}

div#sm-content {
    margin-left: 20px;

}

/* Pro */
.why-pro div#content-full img {
    padding-top: 18px;
}

ul#account-perks {
    padding-bottom: 15px;
}

ul#account-perks li {
    height: 31px;
    padding-left: 42px;
}

ul#account-perks li p {
    line-height: 18px;
    padding-top: 12px;
}

ul#account-perks li p a {
    background: none;
    line-height: 18px;
    padding: 0px;
    color: #3993be;
}

body.pro .feature div.social-box, body.free .feature div.social-box {
    border-left: none;
}

.feature div.social-box {
    float: left;
    border-left: 1px solid #ddd;
    margin-bottom: 10px;
}

.feature ul#account-perks {
    padding-left: 0px;
    padding-bottom: 15px;
    width: 320px;
}

.feature ul#account-perks li {
    padding-left: 35px;
    margin-bottom: 5px;
    height: 35px;
}

.feature ul#account-perks li p {
    padding: 0px 0px 0px 8px;
    font-weight: bold;
}

.feature ul#account-perks li#upgrade-profile p {
    padding-top: 0px;
}

/* Non Toolbar Perks */
li#customize-homepage {
    background: url('/images/icon/sprite-pro-perks.jpg') no-repeat left -155px;
}

li#customize-comic {
    background: url('/images/icon/sprite-pro-perks.jpg') no-repeat left top;
    margin-bottom: 15px;
}

li#explore-social {
    background: url('/images/icon/sprite-pro-perks.jpg') no-repeat left -31px;
}

li#comment-interact {;
    background: url('/images/icon/sprite-pro-perks.jpg') no-repeat left -62px;
}

li#upgrade-profile {
    background: url('/images/icon/sprite-pro-perks.jpg') no-repeat left -93px;
}

li#favorite-collections {
    background: url('/images/icon/sprite-pro-perks.jpg') no-repeat left -124px;
}

/* Toolbar Perks */

ul#account-perks li#perk-free-mycomics, ul#account-perks li#perk-free-favorite, ul#account-perks li#perk-free-comments, ul#account-perks li#perk-free-profile {
    background-position: left center;
}

li#perk-free-profile {
    background: url('/images/icon/profile-medium.png') no-repeat left bottom;
}

li#perk-free-mycomics, li#perk-free-favorite {
    padding-top: 5px;
}


a#content-alert-upgrade img {
    margin-left: -20px;
    padding-top: 10px;
}

div#full {
    width: 980px;
}

.homepagefree div#content, .homepagepro div#content, .profile div#content, .collection div#content {
    position: relative;
    float: right;
}

div#comics-full {
    clear: both;
}

div#sidebar {
    width: 300px;
    float: left;
    position: relative;
}

.search div#sidebar {
    float: right;
    width: 270px;
    margin-right: 30px;
}

div#footer-wrapper {
    width: 980px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin: 0 auto;
    clear: both;
    background: url('/images/bg-footer.jpg') no-repeat;
}

div#footer {
    padding: 62px 0 0 0;
    width: 900px;
    margin: 0 auto;
}

div#full div.col {
    width: 300px;
    float: left;
    margin-right: 15px;
}

div#content-full div.col {
    float: left;
    margin-right: 15px;
    width: 200px;
}

div#content-full div.ad {
    float: left;
}

.col img#ad-explore-list {
    margin-top: -40px;
    padding-bottom: 13px;
}

div#content-full div.col-wide {
    float: left;
    padding-bottom: 30px;
    width: 500px;
}

div.sm-col {
    width: 215px;
    float: left;
}

div.med-col {
    width: 370px;
    float: left;
}

div.half-col {
    float: left;
    width: 480px;
}

div.big-col {
    width: 760px;
    float: left;
}

div.left-col {
    text-align: left;
}

div.col-wide-thirds {
    float: left;
    width: 250px;
}

/* SECTION STYLES
--------------------------------------------------------------------------*/
/* ADS */
div.ad div#box {
    width: 300px;
    overflow: hidden;
}

div#header div.ad-leaderboard {
    position: absolute;
    text-align: center;
    width: 728px;
    margin: 0 auto;
    right: 10px;
}

div#footer div.ad {
    width: 100%;
    text-align: center;
    margin: -20px 0 15px 0;
}

div#footer div.ad div#banner{
    margin: 0 auto;
}

div#header div.ad * {
    text-align: center;
}

div#content div.ad, div#explore-wrapper div.ad, div#comics-full div.ad, body.free.collection div.ad-skyscraper {
    position: relative;
    text-align: left;
    float: left;
    width: 160px;
    margin-right: 17px;
    overflow: hidden;
}

.homepagefree div#content div.ad {
    text-align: right;
    position: relative;
    left: 10px;
}

.homepage div#sidebar h2 a.btn-thin-med {
    font-size: 12px !important;
}

.profile div#content div.ad {
    text-align: center;
    width: 160px;
    position: static;
    margin-right: 30px;
    margin-left: 0px;
    float: right;
    padding: 30px 0px 0px 0px;
}

div#sidebar div.ad {
    padding-bottom: 10px;
    text-align: center;
}

div#small-sidebar div.ad {
    text-align: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 168px;
}

div.upgrade-banner {
    text-align: center;
    padding-bottom: 30px;
}

.homepage div.home-ad {
    padding-top: 10px;
}

.search div#carousel-nav div.ad {
    position: absolute;
    right: 20px;
    top: 17px;
}

.search div#content div.ad {
    width: 600px;
}

/* Homepage Skyscraper */
.homepageguest div.ad-skyscraper {
    margin-left:30px;
}

/* PubNation styling for each ad unit */
/* Skyscraper, Rectangle, and Leaderboard-super ads */
div.ad-body div.pubnation {
    width: 100%;
    text-align: center !important;
}

/* Carousel ad */
div.item-ad div.pubnation {
    text-align: center !important;
    height: 320px;
    width: 20%;
    position: relative;
    left: 320px;
    z-index: 9000;
}

/* Leaderboard ad */
div#header div.ad-leaderboard div.pubnation {
    position: absolute;
    left: 0;
    width: 80px;
    background: rgb(255, 255, 255) !important;
    background: rgba(255, 255, 255, 0.6) !important;
    text-align: center !important;
}

/* Leaderboard-super ad */
div.ad-leaderboard-super div.pubnation {
    width: auto;
    text-align: center;
    margin: 0px auto;
}

/* Footer ad */
div#footer div.ad div.pubnation {
    width: 80px;
    text-align: center !important;
    background: rgb(255, 255, 255) !important;
    background: rgba(255, 255, 255, 0.6) !important;
}


/* CONTEST ENTRIES */
div#contest_entry div#sidebar {
    text-align: center;
    width: 350px;
    border-right: 1px solid #ddd;
    padding-right: 20px;
    margin-right: 50px;
}

div#contest_entry div#content {
    width: 500px;
    overflow: hidden;
}

div#contest_entry form label {
    padding-right: 5px;
}

div#contest_entry h1 {
    text-align: center;
    font-size: 40px;
    line-height: 56px;
}

div#contest_entry h1 img {
    position: relative;
    top: 3px;
    left: -10px;
}

div#contest_entry div#content h2 {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}

div#contest_entry div#content p {
    padding-bottom: 15px;
}

div#contest_entry div#sm-content p {
    padding-right: 60px;
}

div#contest_entry div#content form {
    margin-left: -35px;
}

/* Ziggy Contest Specific */
div#contest_entry div.errorExplanation h2 {
    padding-left: 55px;
}

div#contest_entry div#sidebar {
    padding-top: 28px;
}

div#contest_entry div#sidebar img {
    padding-bottom: 20px;
}

div#contest_entry p {
    line-height: 18px;
}

/* COMMENTS */
ol.comment-thread {
    background: transparent;
}

ol.comment-thread li, .comment-form, ul.share-nav li ol.comment-thread li {
    background: #fff url("/images/bg-comment-repeater.png") repeat-y right top;
    width: 448px;
    float: none;
}

ol.comment-thread li.reply-to-form {
    background: none;
}

div.comment-faux {
    line-height: 18px;
    width: 355px;
    margin: -55px 0px 10px 0px;
    padding: 10px 0px 0px 81px;
    word-wrap: break-word;
}

ol.comment-thread li a.avatar img, .comment-form a.avatar img {
    border: 1px solid #ccc;
}

ol.comment-thread li a.avatar img,
ol.comment-thread li a.icon img,
.comment-form a.avatar img
.comment-form a.icon img {
    line-height: 115px;
    border: 1px solid #999999;
    float: left;
    margin: 12px 0px 10px 0px;
}

div.comment-top-orphan {
    background: white url("/images/bg-comment-top.png") no-repeat right 0px;
    width: auto;
    height: 54px;
}

div.comment-bottom-orphan {
    background: white url("/images/bg-comment-bottom.png") no-repeat right 0px;
    height: 30px;
    padding: 0px 15px 0px 81px;
    margin-bottom: 0px;
}

ol.comment-thread li.load-comments, ol.comment-thread li.refresh {
    background: white url('/images/bg-comment-load-sprite.png') no-repeat right -54px;
    height: 54px;
    padding: 0 13px 0px 81px;
    width: 355px;
    margin-bottom: 14px;
}

ol.comment-thread li.load-comments, ol.comment-thread li.refresh a {
    display: block;
    font-weight: bold;
    line-height: 65px;
    text-align: center;
}

ol.comment-thread li.error {
    background: white url('/images/bg-comment-load-error.png') no-repeat right bottom;
    height: 54px;
    padding: 0 13px 0px 81px;
    width: 355px;
    margin-bottom: 14px;
}

ol.comment-thread li.error a {
    line-height: 18px;
    color: #EA7234;
    display: block;
    font-weight: bold;
    text-align: center;
}

.comment-modal {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    background: #fff;
    width: 448px;
    height: 200px;
    z-index: 1000;
}

.load-comments {
    line-height: 20px;
}

/* COMMENT OPTIONS (like reply and flag) */
ol.comment-thread li div.comment-bottom-orphan ul {
    float: left;
    margin-top: -8px;
    width: 355px;
    display: none;
}

ol.comment-thread li.comment:hover div.comment-bottom-orphan ul {
    display: block;
}

.comment-thread li ul li {
    width: auto;
    margin-left: 0px;
    line-height: 15px !important;
}

.comment-thread li ul li a, ul li a span {
    font-size: 12px;
    color: #3993be;
    font-weight: bold;
}

.comment-thread li ul li.flag-toggle {
    background: none;
    float: left;
    cursor: pointer;
}

.comment-thread li ul li.reply-toggle {
    background: none;
    float: right;
    cursor: pointer;
}

.comment-thread li ul li.reply-toggle a {
    display: block;
    padding-right: 20px;
    height: 14px;
    background: url('/images/icon/comment-reply.png') no-repeat right 0px;
}

.comment-thread li ul li.reply-toggle a:hover {
    display: block;
    padding-right: 20px;
    height: 14px;
    background: url('/images/icon/comment-reply.png') no-repeat right -14px;
}

.comment-thread li ul li.delete-toggle a {
    display: block;
    height: 14px;
    padding-right: 20px;
    background: url('/images/icon/comment-delete.png') no-repeat right 0px;
    margin-right: 10px;
}

.comment-thread li ul li.delete-toggle a:hover {
    display: block;
    height: 14px;
    padding-right: 20px;
    background: url('/images/icon/comment-delete.png') no-repeat right -14px;
    margin-right: 10px;
}

.comment-thread li ul li.flag-toggle a {
    display: block;
    height: 11px;
    padding-left: 15px;
    background: url('/images/icon/comment-flag.png') no-repeat 0 0px;
}

.comment-thread li ul li.flag-toggle a:hover, .comment-thread li ul li.flagged a {
    display: block;
    height: 11px;
    padding-left: 15px;
    background: url('/images/icon/comment-flag.png') no-repeat 0 -11px !important;
}

.comment-thread li ul li.delete-toggle {
    background: none;
    float: right;
    cursor: pointer;
}

/* Comment Hover State */
.comment-thread li ul li a:hover {
    color: #e75000;
    text-decoration: none;
}

.comment-thread li.comment:hover {
    background: url("/images/bg-comment-repeater-hover.png") repeat-y right top;
}

.comment-thread li.comment:hover div.comment-top-orphan {
    background: url("/images/bg-comment-top-hover.png") no-repeat right 0px;
    background-color: #fff;
}

ol.comment-thread li.comment:hover div.comment-bottom-orphan {
    background: url("/images/bg-comment-bottom-hover.png") no-repeat right -2px;
    background-color: #fff;
}

/* Reply Container */
ol.reply-thread li {
    background: #fff url("/images/bg-reply-repeater-hover-alt.png") repeat-y 68px top;
    width: 379px;
    margin-left: 69px;
}

ol.reply-thread div.comment-faux {
    line-height: 18px;
    width: 285px;
    margin: -55px 0px -3px 0px;
    padding: 10px 0px 0px 81px;
}

ol.reply-thread div.comment-faux textarea {
    margin-top: 8px;
    width: 262px;
}

ol.reply-thread a.avatar img {
    border: 1px solid #ccc;
    line-height: 115px;
    float: left;
    margin: 12px 0px 10px 0px;
}

ol.reply-thread div.comment-top-orphan {
    background: #fff url("/images/bg-reply-top-hover-alt.png") no-repeat right top;
    width: auto;
    height: 54px;
}

ol.reply-thread div.comment-bottom-orphan {
    background: #fff url("/images/bg-reply-bottom-hover-alt.png") no-repeat right top;
    height: 30px;
    padding: 0px 15px 10px 81px;
}

/* HEADER */
div#header a#logo {
    display: block;
    position: relative;
    top: 12px;
    left: 4px;
    height: 121px;
    width: 150px;
}

/* HOMEPAGE */
div#comics-full div.col, div#content div.col {
    width: 235px;
    float: left;
    margin-left: 20px;
    padding-bottom: 20px;
}

div.content-alert {
    width: 570px;
    padding: 20px 30px 60px;
    background: url('/images/bg-alert.png') no-repeat;
}

div.content-alert h3.uclick-face {
    background: url('/images/content-face-uclick-big.png') no-repeat;
    line-height: 26px;
    text-transform: none;
    font-size: 24px;
    font-weight: normal;
    padding: 20px 0 40px 110px;
}

div.content-alert h3.pro-message {
    background: url('/images/content-pro-congrats.jpg') no-repeat;
    line-height: 26px;
    text-transform: none;
    font-size: 24px;
    font-weight: normal;
    padding: 20px 0 40px 170px;
}

div.content-alert h3.uclick-face {
    background-image: url('/images/content-face-uclick-big.gif');
    padding: 10px 0 30px 80px;
}

div.content-alert a {
    text-decoration: underline;
}

div.content-alert p, div#pro-alert p {
    text-align: left;
    font-size: 13px;
    color: #666;
    padding-bottom: 15px;
}

div#pro-alert p {
    padding: 0 40px 16px 10px;
    font-size: 14px;
}

div.content-alert p strong {
    font-size: 16px;
    color: #444;
    line-height: 24px;
}

div.content-alert ul li.fav {
    padding-left: 22px;
    background: url('/images/icon/favorite-small.png') no-repeat 0 center;
}

div.content-alert ul li.comment {
    padding-left: 22px;
    background: url('/images/icon/comment.png') no-repeat 0 center;
}

div.content-alert ul li.avatar {
    padding-left: 22px;
    background: url('/images/icon/avatar.png') no-repeat 0 center;
}

div.content-alert ul li.comic {
    padding-left: 22px;
    background: url('/images/icon/comic.png') no-repeat 0 center;
}

div#pro-alert div.top {
    padding-top: 20px;
}

/* HOMEPAGE */
.homepagepro div#content div.col {
    width: 290px;
}

.homepagepro div#content div.col a.btn-thin-med {
    margin: 0 auto;
}

.homepagefree div#content div.col, .homepageguest div#content div.col {
    width: 200px;
}

/* HOMEPAGE BANNER */
div#homepage-bnr {
    background: url('/images/banner-homepage.gif') no-repeat;
    height: 100px;
    margin-top: 10px;
}

div#homepage-bnr h1 {
    width: 230px;
    float: left;
    text-align: center;
    padding: 45px 0 0 50px;
}

div#homepage-bnr h1 a {
    font-size: 31px;
    font-weight: bold;
    text-decoration: none;
    color: #424242;
    float: left;
    width: 80px;
}

div#homepage-bnr h1 a.btn-editorials {
    padding: 0 0 0 63px;
    width: 80px;
}

div#homepage-bnr h1 a span {
    display: block;
    font-size: 19px;
    line-height: 25px;
    text-decoration: underline;
    color: #3993be;
    font-weight: normal;
}

/*div#homepage-bnr a.btn-join {
    margin: 35px 0 0 22px;
    float: left;
    display: block;
    background: url('/images/btn-join.gif') no-repeat center top;
    height: 59px;
    width: 321px;
    text-indent: -9999px;
}
#sidebar a.button-urgent {
    width: 180px;
    margin: 0px auto 25px auto;
    padding: 20px !important;
    font-size: 18px;
    color: white !important;
    text-align: center;
}

div#homepage-bnr a.btn-join:hover {
    background-position: center -59px;
}
div#sidebar a.btn-join {
    margin: 10px 0px 20px 0;
    float: left;
    display: block;
    background: url('/images/btn-join.gif') no-repeat center top;
    height: 59px;
    width: 321px;
    text-indent: -9999px;
}
div#sidebar a.btn-join:hover {
    background-position: center -59px;
}*/

.registration #sidebar {
    margin-top: 22px;
    margin-left: -30px;
    background: url('/images/secure/content-setup-free.png') no-repeat center center;
    width: 300px;
    height: 510px;
}

.registration-pro #sidebar {
    margin-left: -30px;
    background: url('/images/secure/content-setup-pro.jpg') no-repeat center center;
    width: 316px;
    height: 622px;
}

.registration-trial #sidebar {
    margin-top: 105px;
    margin-left: -30px;
    background: url('/images/secure/content-setup-pro.jpg') no-repeat center center;
    width: 316px;
    height: 622px;
}

p.policy {
    font-size: 11px;
    text-align: center;
    margin: 10px 0;
    color: #888;
}

#ccv-button {
    text-decoration: underline;
    padding-left: 8px;
}

.submit-sign-up {
    margin: 0 auto;
    padding-top: 10px;
    width: 400px;
}

.submit-sign-up button {
    display: inline;
}

form.full_form .submit-sign-up span {
    color: #CCCCCC;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 12px;
}

#content .submit-sign-up .pro-perks {
    float: right;
}

#content .submit-sign-up .pro-perks h5 {
    color: #666666;
    padding: 10px 0px 5px;
}

#content .submit-sign-up .pro-perks ul {
    margin-left: 5px;
}

#content .submit-sign-up .pro-perks ul li {
    line-height: 18px;
    color: #666;
    list-style: disc inside;
}

#content .submit-sign-up .pro-perks ul li a {
    font-weight: bold;
    font-size: 13px;
}

div#ccv-details div.popup-frame div.col {
    margin: 0 auto;
    padding: 25px 20px 0px 20px;
    text-align: center;
    width: 625px;
    border: none;
    float: none;
    position: static;
}


/* RESET PASSWORD */
.reset_password div#sm-content {
    float: left;
    width: 590px;
}

.reset_password div#sidebar {
    padding-top: 25px;
}

/* COMICS A-Z */
#features input {
    border: 0;
    line-height: 30px;
}

#feature_collection {
    position: relative;
    left: -7px;
}

#feature_collection ol.col {
    width: 244px;
    float: left;
    margin: 10px 5px 0 0;
    padding: 0;
    border-left: 1px solid #ededed;
}

#feature_collection ol.first {
    border-left: 0px;
}

#feature_collection ol.col li {
    list-style: none;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 5px;
    margin: 1px 0 1px 5px;
}

#feature_collection ol.col li.disabled {
    padding-left: 24px;
    color: #999;
    cursor: default;
}

#feature_collection ol.col li.disabled:hover {
    background: transparent;
    color: #999;
}

#feature_collection ol.col li.inactive {
    display: none;
    color: #AAA;
}

#feature_collection ol.col li.inactive:hover {
    color: #BBB;
}

#feature_collection ol.col li:hover {
    background: #eee;
    color: #3993BE;
}

#feature_collection ol.col li.ui-draggable-dragging:hover {
    background: url('/images/icon/move.png') no-repeat 217px 5px transparent;
}

#feature_collection ol.col li a {
    float: left;
    font-weight: normal;
    width: 34px;
    height: 34px;
    display: block;
    background: url('/images/icon/add-item-small.png') no-repeat;
}

#feature_collection a.add-all {
    margin: 20px 0 10px 0;
    padding-left: 13px;
    display: block;
    float: left;
    clear: both;
    font-weight: bold;
    cursor: pointer;
}

#feature_collection .empty {
    padding: 10px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

#myFeatures {
    min-height: 200px;
}

#myFeatures li {
    cursor: move;
    overflow: auto;
    line-height: 20px;
    padding: 4px 20px 0 4px;
    color: #424242;
    background: url('/images/icon/move.png') no-repeat right 2px;
}

#myFeatures li a {
    float: left;
    font-weight: normal;
    width: 34px;
    height: 24px;
    display: block;
    background: url('/images/icon/remove-item-small.png') no-repeat;
    cursor: pointer;
}

#myFeatures li.push_down {
    margin-top: 20px;
}

#filter_category {
    position: relative;
}

#filter_category input.ui-autocomplete-input {
    float: left;
    width: 220px;
    position: relative;
    height: 14px;
    line-height: 14px;
    border: 1px solid #ccc;
    margin: 2px 0 0 7px;
}

input#filter-refine-submit {
    display: block;
    float: left;
    background: url('/images/btn-search-arrow.jpg') no-repeat;
    width: 20px;
    height: 30px;
    line-height: 20px;
    text-indent: -9999px;
    margin: 2px 0 0 0;
    padding: 0;
}

.hdr.disabled,
#sort_by_title.disabled, #sort_by_title.disabled span,
#sort_by_popularity.disabled, #sort_by_popularity.disabled span,
#sort_by_date.disabled, #sort_by_date.disabled span {
    color: #ccc;
    background: none;
    cursor: default;
    text-decoration: none;
}

/* EXPLORE-FEATURES */
div#content-full #popular-listing {
    width: 750px;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    float: left;
}

div#content-full div#popular-listing ul#last {
    margin-right: 0px;
    width: 200px;
}

#popular-listing div.ad {
    float: left;
    margin-top: -35px;
}

/* PRO PAGE */
div.pro {
    width: 425px;
}

div.pro div.sm-col {
    width: 336px;
    text-align: right;
    padding-top: 20px;
}

div.pro ul {
    margin: 0 0 0 30px;
}

div.pro ul li {
    list-style-type: disc;
    line-height: 14px;
    padding-bottom: 5px;
}

table.pro {
    border: 1px solid #c3c3c3;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table.pro th {
    background-color: #0079b2;
    border: 1px solid #c3c3c3;
    padding: 5px;
    vertical-align: top;
    color: #fff;
    font-size: 14px;
}

table.pro td {
    background-color: #f5f5f5;
    border: 1px solid #c3c3c3;
    padding: 3px 7px;
    vertical-align: top;
    text-align: center;
}

/* MOBILE PAGE */

div.mobile-information {
    padding: 20px 0;
}
    div.mobile-information > div {
        width: 460px;
        text-align: center;
    }
    div.mobile-information div.promo-graphic {
        float: right;
    }
    div.mobile-information div.verbiage {
        text-align: center;
        float: left;
        margin: 25px 0px 20px 40px;
    }
    div#carousel-nav div.mobile-information h1 {
        font-size: 32px;
        text-align: center;
        padding-right: 0px;
    }
    div.mobile-information p {
        font-size: 18px;
    }
    div.mobile-information ul {
        text-align: center;
        margin-top: 35px;
    }
        div.mobile-information ul li {
            margin: 25px 0px;
        }

div.full-banner {
    margin: 20px 40px 30px 20px;
    border: 1px solid #CCC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #F8F8F8;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    background: -moz-linear-gradient(top, #FFF, #EEE);
    background: -ms-linear-gradient(top, #FFF, #EEE);
    background: -o-linear-gradient(top, #FFF, #EEE);
    background: linear-gradient(top, #FFF, #EEE);
}
    div.full-banner ul, div.full-banner li {
        line-height: 24px;
        font-size: 14px;
        list-style-type: disc;
    }
    div.full-banner ul {
        margin-top: 10px;
        margin-left: 25px;
        width: 580px;
        float: left;
    }
        div.full-banner ul li {
            padding-left: 10px;
        }
    div.full-banner div#signup {
        padding: 15px 25px 25px 25px;
    }
        div.full-banner div#signup h4 {
            /*float: left;*/
            font-size: 24px;
            line-height: 46px;
            padding: 0px;
        }
            div.full-banner div#signup h4 span {
                font-size: 20px;
                padding-left: 8px;
            }
        div.full-banner div#signup p {
            color: #666;
            text-align: center;
        }
        div.full-banner div#signup a {
            color: white;
            text-transform: uppercase;
            display: block;
            float: right;
            margin: 15px;
            width: 200px;
            height: 100px;
            font-size: 24px;
            line-height: 100px;
        }

a.green-button {
    background: #5f9a00;
    background: -webkit-gradient(linear, left top, left bottom, from(#70b000), to(#5f9a00));
    background: -moz-linear-gradient(top, #70b000, #5f9a00);
    background: -ms-linear-gradient(top, #70b000, #5f9a00);
    background: -o-linear-gradient(top, #70b000, #5f9a00);
    background: linear-gradient(top, #70b000, #5f9a00);
    border: 1px solid #99bf48;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

.mobile h3 {
    text-transform: none;
    border-bottom: 1px solid #ddd;
    margin: 0 30px 10px 0;
    padding-left: 10px;
}

.mobile h3 em {
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

div.appstore {
    width: 380px;
    float: left;
    padding-right: 60px;
}

div.appstore h4 {
    padding-top: 17px;
    padding-bottom: 25px;
}

div.appstore a.appstore {
    float: right;
    margin-top: -25px;
    padding-left: 20px;
}

p#result_message {
    margin: 0 50px -15px 460px;
    text-align: center;
}

/* COLLECTIONS - CALLOUT */
div.callout {
    background: url('/images/bg-collection-callout-btm.png') no-repeat left bottom;
    padding: 0 0 20px 20px;
    width: 312px;
    float: right;
    position: relative;
    right: -10px;
    margin-top: 25px;
}

div.callout h4 {
    background: url('/images/bg-collection-callout-top.png') no-repeat;
    padding: 20px 0 20px 20px;
    position: relative;
    margin: -15px 0 0 -20px;
}

.collections div.med-col {
    width: 420px;
}

.collections a.thumb {
    float: left;
    clear: left;
    width: 90px;
    padding: 30px 0 0 0;
}

.collections div.collection {
    float: left;
    width: 319px;
    padding-top: 20px;
}

.collections div.collection h1, .collections div.collection h2 {
    padding: 10px 0 20px 0;
    margin: 0;
}

/* LIGHTBOX */
div.lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

div.lightbox div.scrim-blocked {
    width: 100%;
    height: 100%;
    background-color: #000;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0.35;
    -moz-opacity: 0.35;
    filter: alpha(opacity=35);
}

div.lightbox div.popup-frame {
    margin: 0 auto;
    top: 70px;
    position: relative;
    text-align: center;
}

div.lightbox div.popup-frame p {
    text-align: center;
}

a.back, a.close {
    padding: 13px 0 0 0;
    margin-right: -25px;
    text-align: left;
    float: right;
    position: relative;
    color: #424242;
    width: 55px;
    background: url('/images/icon/back-gray.png') no-repeat 30px 15px;
    cursor: pointer;
}

a.close {
    background-position: 33px 15px;
}

a.back:hover, a.close:hover {
    color: #3993be;
    background-image: url('/images/icon/back-blue.png');
}

div.avatar_edit_lightbox a.back, div.avatar_edit_lightbox a.close {
    top: 20px;
    right: 50px;
}

div.avatar_edit_lightbox div.popup-frame { 
    padding: 14px 0px;
}

div#content div.share-box div.half-col a.button-account {
    width: 180px;
    height: 50px;
    margin: 0 auto 10px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    text-transform: none;
}

a.btn-big {
    display: block;
    width: 251px;
    height: 90px;
    margin: 0 auto 10px;
    background: url('/images/btn-big.gif') no-repeat 0 -90px;
    color: #fff;
    line-height: 90px;
    text-align: center;
    font-size: 25px;
    text-transform: none;
}

a.btn-big:hover, div#content div.share-box div.half-col a.btn-big:hover {
    background-position: 0 0px;
    color: #fff;
    text-decoration: none;
}

div.lightbox div.popup-frame p, div.lightbox div.popup-frame div.col p {
    margin: 0 25px 0 0;
}

div.lightbox div.popup-frame div.col {
    margin-top: 30px;
    width: 300px;
    margin-right: 30px;
    padding-right: 0px;
    float: left;
    border-right: 1px solid #ddd;
    position: relative;
}

div.lightbox div.popup-frame form {
    position: relative;
    float: left;
    width: 250px;
    padding: 30px 0 40px;
}

div.lightbox div.popup-frame form.login-form p {
    text-align: left;
    margin: 0;
}

div.lightbox div.popup-frame form.login-form p label {
    width: 80px;
    padding: 0 5px 0 0;
    margin: 0;
}

div.lightbox div.popup-frame form.login-form p input {
    margin: 0;
}

div.lightbox div.popup-frame form.login-form p.indent {
    padding-left: 83px;
}

/* TUTORIAL FRAMES */
div.lightbox div.prowall {
    width: 750px;
    top: 20px;
}

/* TUTORIAL FRAMES */
div#tutorial {
    display: block;
}

div#tutorial div.scrim-blocked {
    display: block;
    opacity: 0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}

div#tutorial div#tutorial-toolbar {
    width: 820px;
    top: 0px;
    border: none;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

div#tutorial div#tutorial-toolbar h2 {
    color: #FFF;
    text-align: left;
    display: none;
}

div#tutorial div#tutorial-toolbar a.close {
    display: block;
    background: url('/images/icon/cancel.png') no-repeat center right;
    line-height: 18px;
    padding: 0;
    width: 50px;
    color: #FFF;
    position: absolute;
    right: 35px;
    top: 5px;
    z-index: 9999;
}

div#tutorial div#tutorial-toolbar a.accepted {
    font-size: 24px;
    width: 200px;
    margin: 0px auto;
}

/* FEATURE */
div.feature, div.popup-frame, div.supportive-panel {
    /* background: url('http://assets.gocomics.com/images/feature-frame-btm.png') no-repeat right bottom; */
    border-top: solid 3px #FEFEFE;
    border-bottom: solid 2px #FEFEFE;
    border-left: solid 2px #FEFEFE;
    border-right: solid 2px #FEFEFE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 1px 6px #888, #F8F8F8 0px 1px 6px inset;
    -webkit-box-shadow: 0px 1px 6px #888, #F8F8F8 0px 1px 6px inset;
    box-shadow: 0px 1px 6px #888, #F8F8F8 0px 1px 6px inset;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: linear-gradient(top bottom,  #ffffff 0%,#f8f8f8 100%);
    margin: 0 0 15px -25px;
    padding: 11px 0 12px 25px;
    width: 629px;
    position: relative;
}

.homepagefree div.feature, .homepagepro div.feature, .collection div.feature, .profile div.feature {
    float: right;
    margin: 0px 0px 10px -25px;
}

div#content-full div.feature {
    margin: 0 auto 15px;
}

div#sm-content div.feature {
    margin: 10px 0 0 40px;
}

div.banner {
    margin: -4px 0 5px -15px;
    position: relative;
}

div#content-full div.feature .thumb {
    float: left;
    margin: 25px 10px 20px 0;
    border: 1px #999 solid;
}

div#content-full div.feature p.desc {
    text-align: left;
}

p.feature_item {
    clear: left;
    text-align: center;
    width: 615px;
    overflow: hidden;
}

span.zoom_link {
    display: none;
}

p.feature_item a {
    display: block;
}

p.feature_item:hover span.zoom_link  {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0px 0px -40px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    width: 80px;
    height: 80px;
    background:rgb(32,32,32) url('/images/icon/zoom-medium.png') no-repeat center center;
    -moz-opacity: 0.35;
    opacity: 0.35;
    filter: alpha(opacity=75); /*rgb(32,32,32) For IE8 and earlier */
    display: block;
}

p.feature_item:hover span.zoom_link:hover {
    -moz-opacity: 0.75;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

p.feature_item span.no-photo {
    display: none;
}

div.comment-panel-container {
    float: left;
    width: 448px;
}

ul.share-nav div.comment-panel-container {
    text-align: left;
}

ul.share-nav li#pinterest {
  margin-left: 20px;
  width: 110px;
}

ul.share-nav li#pinterest a {
  background: url('http://passets-cdn.pinterest.com/images/about/buttons/small-p-button.png') no-repeat;
  padding-left: 22px;
  margin-left: 3px;
}

div.comment-form form textarea {
    float: left;
    width: 330px;
    margin: 5px 0px 8px 0px;
}

.pro div.comments {
    width: 500px;
    margin: 0 0 0 60px;
    float: none;
}

div#no-results, div#not-updated {
    text-align: center;
}

div#no-results p {
    padding: 0 0 100px 0;
}

div#not-updated p {
    padding: 0 25px 0 0;
}

div#not-updated div.top {
    background-image: url('/images/feature-frame-top-small.png');
}

.update-today {
    color: #888;
    font-size: 16px;
    margin-left: 5px;
}

/* MY COMICS PRO */
div.feature-comment {
    position: absolute;
    left: 725px;
    width: 300px;
    text-align: left;
    padding-top: 20px;
}

div.options-box {
    margin-top: -20px;
}

/* SEARCH RESULTS */
.search div#content-wrapper div.container {
    padding: 10px 0 0 25px;
}

div.search-info {
    margin: 20px 0 0 0px;
    width: 600px;
    position: relative;
}

.search form.main_search {
    margin: 10px 0px 0px 0px;
    padding-bottom: 55px;
}

div.search-info p.results-info {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 11px;
    color: #666;
}

p.search-thumb, div.sm-ad {
    float: left;
    width: 200px;
    margin-right: 10px;
    text-align: center;
}

p.search-thumb span {
    display: block;
    color: #666;
    font-size: 12px;
}

p.search-thumb strong {
    display: block;
    color: #0079b2;
    text-decoration: underline;
}

.search div#content div.ad {
    width: 576px;
    float: none;
    margin: 0 auto;
}

.search div#sidebar div.ad {
    margin-left: -50px;
    float: right;
}

.search div#sidebar p {
    padding-bottom: 0px;
}

.search h2 a {
    color: #444444;
}

div.not-updated-feature {
    background: none repeat scroll 0 0 #efefef;
    float: left;
    margin: -5px 0px 10px 10px;
    position: relative;
    width: 620px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

div.not-updated-feature a {
    font-size: 11px;
    text-decoration: none;
}

div.not-updated-feature h1 {
    display: block;
    font-size: 11px;
    padding: 0;
    text-align: center;
    color: #888888;
}

div.not-updated-feature h1.unknown-feature {
    color: #888;
    font-size: 16px;
    margin-left: 5px;
    padding: 5px 0px;
}

ol.comment-thread li.comment-at-bottom {
    background: none repeat scroll 0 0 #ECEFF1;
    border: 1px solid #DFDFDF;
    float: none !important;
    margin: 0 0 12px 70px;
    padding: 10px 0;
    text-align: center;
    width: 374px;
    font-style: italic;
}

li.not-updated-feature p {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    text-align: center;
    color: #888888;
}

div.not-updated-feature h1 span {
    font-weight: normal;
}

div.not-updated-feature p a.btn-thin-med {
    display: inline-block;
    margin: -10px 0 1px 0px;
}

/* CAROUSEL NAV - USER NAV */
div#carousel-nav {
    background: #fff url('/images/bg-carousel.gif') repeat-x bottom;
    padding: 0 0 10px 0;
    position: relative;
    top: -4px;
    left: -15px;
    margin: 0 -5px 0 0;
}

.homepage div#carousel-nav, .profile div#carousel-nav {
    margin-right: -680px;
}

.search div#carousel-nav {
    padding: 0;
}

div#user-nav {
    width: 240px;
    float: none;
    display: block;
    padding-right: 45px;
    position: relative;
    margin-left: 75px;
}

.homepage a.avatar {
    display: block;
    position: absolute;
    left: -65px;
    top: 15px;
}

div#user-nav p a {
    display: block;
    float: left;
    padding: 0 15px 10px 0;
    text-decoration: underline;
}

/* HOVER BUBBLE */
div.hover-bubble {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    top: -22px;
    right: -250px;
    width: 300px;
    z-index: 1000;
}

.col-4 div.hover-bubble {
    left: -310px;
}

.col-3 div.hover-bubble {
    right: -220px;
}

ul.az-list li:hover div.hover-bubble {
    display: block;
}

div#content-full div.hover-bubble p {
    line-height: 16px;
    font-size: 11px;
    padding: 0 0 4px 70px;
}

div#content-full div.hover-bubble h3 {
    line-height: 18px;
    padding: 0 0 4px 0;
    text-transform: none;
}

div.hover-bubble img {
    border: 1px solid #666666;
    float: left;
    margin-right: 10px;
}

div.hover-bubble div.hr {
    margin-right: 0;
}

.hover-bubble .author {
    font-size: 11px;
    font-style: italic;
}

.hover-bubble .subscribers {
    float: right;
}

/* PROFILE PAGE */
.profile div#sidebar p {
    width: 280px;
}

div#carousel-nav div.avatar {
    float: left;
    width: 130px;
    text-align: center;
    padding-top: 10px;
    position: relative;
}

/* Avatar Edit */
.edit_registration_user, .edit_feature {
    padding: 20px;
    width: 250px;
    float: left;
}

.edit_registration_user, .edit_feature h2 {
    padding-top: 0px;
    padding-bottom: 5px;
    line-height:26px;
}

.avatar_edit_container div.col {
    padding: 25px 20px 0px 25px;
    float: left;
}

.avatar_edit_container div.col h5.reqs {
    padding-bottom: 0px;
    padding-left: 7px;
    color: #474747;
}

.avatar_edit_container div.col h5 {
    padding-bottom: 0px;
    padding-left: 7px;
}

form.edit_registration_user div.field label, form.edit_feature div.field label {
    display: none;
}

input#registration_user_avatar, input#feature_avatar {
    margin-bottom: 10px;
}

/* Avatar Edit Success */
div#avatar_edit_success {
    width: 100%;
    margin: 0px auto;
}

div#avatar_edit_success {
    padding-top: 40px;
}

div#carousel-nav div.avatar p {
    font-size: 13px;
}

div#carousel-nav div.avatar p {
    width: 100%;
}

div#carousel-nav div.col {
    float: left;
    width: 200px;
}

.profile div#carousel-nav div.col h1 {
    padding: 10px 0 10px;
    font-size: 20px; /*  width:100px;*/
    overflow: hidden;
}

div#carousel-nav div.col p {
    font-size: 11px;
    padding: 0 0 7px 0;
    width: 100%;
}

div#carousel-nav div.col p em {
    font-size: 12px;
    color: #666;
    font-weight:bold;
}

div#carousel-nav div.col p strong {
    display: block;
}

dl {
    padding-bottom: 20px;
}

dl dt, dl dd {
    float: left;
    width: 100px;
    border-top: 1px solid #ddd;
    padding: 5px 0 5px 20px;
    color: #666;
    font-size: 11px;
}

dl dt {
    clear: left;
}

/* EDIT PROFILE */
.edit-profile div#carousel-nav div.col {
    width: 600px;
}

.edit-profile div#carousel-nav div.col p {
    font-size: 12px;
    font-weight:bold;
    line-height:18px;
    padding:0px;
}

.edit-profile div#carousel-nav div.col p a {
    font-size: 13px;
    font-weight:normal;
}

.edit-profile div#carousel-nav div.col p strong {
    display: inline;
}

.edit-profile div#carousel-nav h1 {
    overflow: hidden;
    padding: 10px 0px;
}

/* ADD - EDIT My Comics*/
.edit-comics div#small-sidebar h2 {
    padding: 10px 0 0;
}

.edit-comics div#small-sidebar p {
    padding-bottom: 10px;
}

.edit-comics div#content-full h2 {
    padding: 12px 0;
    font-size: 20px;
}

.edit-comics div#content-full h2 a {
    font-size: 14px;
    text-decoration: underline;
}

.edit-comics div#content-full .btn-med-green {
    position: absolute;
    right: 10px;
}

.edit-comics div#content-full .btn-med-green.top {
    top: 20px;
}

.edit-comics div#content-full .btn-med-green.bottom {
    position: relative;
    left: 10px;
    top: 10px;
}

div.edit-box {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 0 0 15px;
}

div.sort-bar {
    background: #fff url('/images/bg-carousel.gif') repeat-x bottom;
    position: relative;
    height: 45px;
    left: -15px;
    margin-right: -15px;
}

div.sort-bar li {
    float: left;
    text-align: center;
    line-height: 32px;
    margin-right: 20px;
}

ul.sort-tabs {
    padding-top: 3px;
}

ul.sort-tabs li.hdr {
    width: 81px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

ul.sort-tabs li span {
    cursor: pointer;
    color: #3993be;
    text-decoration: underline;
}

ul.sort-tabs li.hdr span {
    cursor: default;
}

ul.sort-tabs li a {
    margin-left: -10px;
}

ul.sort-tabs li.asc, ul.sort-tabs li.desc {
    background: url('/images/btn-sort-tab.png') no-repeat right -32px;
    color: #fff;
    padding: 0 35px 0 0;
    cursor: pointer;
}

ul.sort-tabs li.asc span, ul.sort-tabs li.desc span {
    background: url('/images/btn-sort-tab.png') no-repeat left 0;
    padding: 0 0 0 25px;
    line-height: 32px;
    margin-left: -10px;
    display: block;
    color: #fff;
    text-decoration: none;
}

ul.sort-tabs li.selected.desc {
    background-position: right -64px;
}

ul.reorder-list li {
    line-height: 18px;
    margin-right: 10px;
    clear: left;
    padding-top: 3px;
}

ul.reorder-list a.delete {
    display: block;
    width: 22px;
    float: left;
    text-indent: -9999px;
    background: url('/images/icon/remove-item-small.png') no-repeat 0 center;
    cursor: pointer;
    padding: 0;
}

a.move {
    float: left;
    width: 140px;
    display: block;
    background: url('/images/icon/move.png') no-repeat right 2px;
    cursor: move;
    color: #424242;
    line-height: 14px;
    padding: 4px 20px 0 4px;
}

.edit-comics div#carousel-nav div.sm-col a.avatar {
    display: block;
    float: left;
    width: 80px;
    padding-top: 10px;
    text-align: center;
}

.edit-comics div.sm-col p {
    float: left;
    width: 100px;
}

.edit-comics div.sm-col p a {
    display: block;
    padding-top: 10px;
}

div#content-full div.edit-box div.col {
    width: 230px;
}

div.edit-box div.col ul.az-list {
    width: 200px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px;
    float: none;
}

div.edit-box div.col ul.az-list li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: auto;
}

div.edit-box div.col ul.az-list li input {
    position: absolute;
    margin: 2px 5px 0 0;
    line-height: 20px;
}

div#content-wrapper div.edit-box div.col ul.az-list li label {
    display: block;
    padding-left: 20px;
    line-height: 20px;
}

.edit-comics div#carousel-nav div.big-col h2 {
    padding: 20px 0 15px 0;
    font-size: 24px;
}

.edit-comics div.big-col a.btn-med-blue {
    float: right;
    margin: 20px 0 40px;
    position: relative;
    top: 35px;
    right: 5px;
}

.edit-comics ul.page-settings li {
    float: left;
    width: 250px;
    line-height: 18px;
}

.edit-comics ul.page-settings li.delete {
    width: 300px;
    height: 24px;
    line-height: 24px;
}

.edit-comics ul.page-settings li em {
    display: block;
    color: #666;
    font-size: 11px;
    line-height: 14px;
    padding-left: 30px;
}

.edit-comics ul.page-settings a.delete {
    text-indent: 0;
    width: 200px;
    padding-left: 30px;
    float: none;
}

.make_editable input {
    margin-right: 5px;
}

.make_editable button {
    background: -webkit-gradient(linear, left top, left bottom, from(#6999B7), to(#5483A1));
    background: -moz-linear-gradient(top, #6999B7, #5483A1);
    background: -ms-linear-gradient(top, #6999B7, #5483A1);
    background: -o-linear-gradient(top, #6999B7, #5483A1);
    background: linear-gradient(top, #6999B7, #5483A1);
    color: #FFF;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #5483A1;
    padding: 5px 8px;
    margin-left: 5px;
}

.edit-collection-description {
    overflow: auto;
}

.edit-collection-description textarea {
    float: left;
}

.edit-collection-description button {
    float: left;
    background: none;
    color: #3993be;
    text-decoration: underline;
    margin: 0 3px;
    line-height: 40px;
}

/* NEW CALENDAR STYLES */
.gocomics_calendar {
    position: relative;
    cursor: pointer;
    display: block;
    width: 21px;
    height: 19px;
    background: url('/images/btn-sprite-calendar.gif') no-repeat -42px 0px;
}

.gocomics_calendar input.cal {
    display: none;
}

ul.feature-nav li .gocomics_calendar a {
    background: none;
}

#ui-datepicker-div {
    display: none;
}

.ui-datepicker {
    margin: 22px 0 0 -180px;
    background: #fff;
    width: 200px;
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.ui-datepicker .ui-datepicker-title {
    text-align: center;
    width: 100%;
    line-height: 22px;
    font-size: 16px;
}

.ui-datepicker .ui-datepicker-month {
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-year {
    color: #888;
    padding-left: 4px;
}

.ui-datepicker .ui-datepicker-header .ui-state-disabled {
    background: none;
}

.ui-datepicker .ui-datepicker-prev {
    float: left;
    margin-top: 4px;
    width: 21px;
    height: 19px;
    background: url('/images/btn-sprite-calendar.gif') no-repeat -21px -19px;
}

.ui-datepicker .ui-datepicker-next {
    float: right;
    margin-top: 4px;
    width: 21px;
    height: 19px;
    background: url('/images/btn-sprite-calendar.gif') no-repeat -63px -19px;
}

.ui-datepicker .ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar thead tr {
    margin-top: 5px;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    color: #fff;
    background: #0079b2;
}

.ui-datepicker .ui-datepicker-calendar a {
    display: block;
    width: 100%;
    font-weight: bold;
    line-height: 18px;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
    color: #999;
    line-height: 18px;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over {
    border: 1px solid #ccc;
}

/* COMICS */
div.tab-wrapper {
    float: left;
    width: 750px;
}

/* PAGINATION */
.page-count {
    padding: 10px 0;
    text-align: center;
}

.comment-paginate {
    text-align: center;
}

div.pagination {
    position: relative;
    clear: both;
}

#calDiv {
    float: right;
    padding-top: 1px;
}

div.comments div.pagination {
    padding: 20px 0 30px 72px;
}

.homepagepro div.pagination {
    width: 205px;
    position: absolute;
    top: 52px;
    right: 0;
    margin: 0 23px 3px 0;
    padding: 0 0 0 0;
    line-height: 21px;
    background: none;
}

.homepagepro div.bottom-pagination {
    position: relative;
    clear: both;
    height: 30px;
    top: -10px;
}

.homepagepro div.bottom-pagination div.pagination {
    top: 0;
}

.collection div.pagination {
    padding: 10px 0px 5px 0px;
}

.collection div.pagination p {
    padding-top: 0px;
}

div#comics-full div.pagination {
    float: right;
    right: 346px;
    top: -25px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #0079b2;
    text-decoration: none;
    color: white;
    background-color: #66afd1;
}

div.pagination a:hover, div.pagination a:active {
    border: 1px solid #0079b2;
    background-color: #0079b2;
    color: #fff;
}

div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #0079b2;
    font-weight: bold;
    background-color: white;
    color: #0079b2;
}

div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #dfdfdf;
    color: #ccc;
    background: #eee;
}

div.pagination a.cal {
    text-indent: -9999px;
    line-height: 19px;
    height: 19px;
    width: 21px;
    background: url('/images/btn-sprite-calendar.gif') no-repeat -42px 0px;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 0 0 5px;
    padding: 0;
}

div.pagination a.cal:hover {
    background-position: -42px -38px;
    border: 0;
}

div.pagination a.cal:active {
    border: 0;
}

div.pagination p {
    position: absolute;
    right: 0px;
    float: right;
    padding: 0px 25px 20px 15px;
    top: 0;
    font-size: 11px;
    color: #666;
}

/* COLLECTIBLES */
div.collectible-wrapper h4 {
    letter-spacing: -0.5px;
    margin: 0;
    padding: 0;
}

div.collectible-wrapper a.suitable {
    display: block;
    text-align: center;
    border: 6px solid #999;
    background-color: #fff;
    margin: 10px auto;
    padding: 30px 0;
}

div.collectible-wrapper img {
    border: 1px solid #ddd;
    padding: 10px;
}

div.collectible-wrapper a.suitable:hover {
    border-color: #333;
}

/* COMMENT FORM */
div.comment_form p {
    padding-left: 77px;
    font-size: 14px;
}

div.comment_form a img, div.feature-comment ol a img {
    float: left;
    margin: 0 20px 0 0;
    border: 1px solid #666;
}

.please-sign-in p.signin {
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    margin: 10px 0;
}

.please-sign-in p.signin a {
    font-weight: bold;
    text-decoration: underline;
}

div#ccv p {
    padding-bottom: 14px;
}

/* ERROR / SYSTEM NOTICES / FLASH MESSAGES */
div#flash {
    background: url('/images/bg-flash-message.png') repeat-x left bottom;
    position: relative;
    margin: -4px 10px 0 -15px;
    padding: 10px 0;
}

div#flash > div {
    width: 600px;
    margin: 0 auto 5px;
    position: relative;
    padding: 15px 20px 10px;
    border: 1px solid #ccc;
    background: #ffffff;
}

div#flash div a.close {
    display: block;
    background: url('/images/icon/cancel.png') no-repeat center right;
    line-height: 18px;
    padding: 0;
    width: 50px;
    color: #c00;
    position: absolute;
    right: 34px;
    top: 6px;
}

div#flash h2 {
    padding: 0 50px 10px 0;
    margin: 0;
    font-size: 18px;
}

div#flash a.btn-med-green, div#flash a.btn-med-green:hover {
    margin: 0px 0px 0px -6px;
    color:#fff;
}

div#flash h4 {
    text-align: center;
    margin: -10px 10px -12px 70px;
    line-height: 16px;
}

/* RETENTION PROGRAM */

/* Global Styling for Retention Flash/Reminder Messages */

.retention {
    position:relative;
}

div#flash div p.notice {
    font-size:10px;
    color:#777;
    display:block;
}

/* Individual Retention Messages Styling */
.retention-title {
    padding-right: 10px;
    line-height: 26px !important;
}

.retention-message > .retention-title a {
    color: #3a3a3a;
}

.retention-message > .retention-title a:hover {
    color: #e75000;
}

.retention-explanation {
    padding-bottom: 14px;
    line-height: 14px;
}

.retention-benefits {
    margin-left:10px;
}

.retention-benefits ul {
    line-height:20px;
    font-weight:bold;
    vertical-align:top;
    margin-bottom: 14px;
}

.retention-benefits ul li {
    font-weight: bold;
}

.retention-checkmark {
    vertical-align: middle;
}

.benefit-loud {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
}

.retention-btn {
    margin-bottom: 14px;
}

.retention-character-image {
    position: absolute;
    top: 100px;
    right: 30px;
    width: 180px;
}


/* Retention Interstitial Messages*/

#interstitial_message {
    position:relative;
}

#interstitial_message .retention-character-image {
    top: 30px;
}

.interstitial_bypass {
    position: absolute;
    bottom: 0px;
    right: 30px;
    width: 100px !important;
    background: none !important;
}

span.clear {
    clear:both;
    display:block;
}

div.errorExplanation {
    margin-top: 10px;
    background: url('/images/bg-error.gif') no-repeat;
    color: #fff;
    width: 590px;
}

div.half-col div.errorExplanation {
    background-image: url('/images/bg-error-med-top.gif');
    width: 454px;
}

div.errorExplanation h2 {
    color: #fff;
    padding-left: 25px;
}

div.half-col div.errorExplanation h2 {
    font-size: 18px;
}

div.errorExplanation p {
    padding: 0 25px;
    text-transform: uppercase;
    font-size: 11px;
}

div.errorExplanation ul {
    background: url('/images/bg-error-btm.gif') no-repeat bottom left;
    padding-bottom: 40px;
    padding-left: 70px;
}

div.half-col div.errorExplanation ul {
    background-image: url('/images/bg-error-med-btm.gif');
}

div.errorExplanation ul li {
    list-style-type: disc;
    line-height: 14px;
}

div.errorExplanation a {
    color: #fff;
    text-decoration: underline;
}

div.error_message, div.result_message {
    color: #ff0000;
    line-height: 14px;
}

div.results_error, div.results_success {
    color: #d00;
    font-weight: bold;
    border: 1px solid #d00;
    padding: 5px 20px;
    line-height: 13px;
    margin: 0 10px 10px 0;
}

div.results_success {
    border: 1px solid #ddd;
    color: #666;
    font-weight: normal;
}

#progress_throbber {
    display: block;
    text-align: center;
    background: url('/images/bg-throbber.gif');
    position: fixed;
    padding-top: 44px;
    z-index: 998;
    left: 0;
    top: 0;
    height: 77px;
    width: 100%;
    font-size: 20px;
    color: #444;
}

#progress_throbber * {
    display: inline;
}

/* SHERPA */
div.right-callout {
    float: right;
    width: 280px;
    height: 300px;
    padding-left: 50px;
}

.feature_flag_box {
    float: right;
    position: relative;
    right: 20px;
    padding: 0 0 5px 20px;
}

.feature_flag_box a.flag, .feature_flag_box a.flagged {
    text-align: right;
    float: right;
}

/* REPORTS */
.reports div#content {
    width: 740px;
}

.reports table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 6px;
    background: #EEE;
    width: 100%;
    font-size: 0.875em;
    border-radius: 6px;
}

.reports table thead td {
    background: #CCC;
    font-weight: bold;
}

.report table thead td {
    border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
}

.report table thead tr td.last {
    border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
}

.reports table td {
    padding: 6px;
    border-top: 1px solid #AAA;
}

.reports table tr:first-child td {
    border-top: none;
}

.reports table tr.even td {
    background: #FAFAFA;
}

.reports table tr.table-footer td {
    background: #555;
    color: #EEE;
    font-weight: bold;
}

.report table tr.table-footer td:first-child {
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
}

.report table tr.table-footer td.last {
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
}

/* NAVIGATION & LINK STYLES ---------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/
/* GENERIC BUTTON STYLES */
a.btn-thin-med {
    display: block;
    width: 186px;
    height: 32px;
    background: url('/images/btn-thin-med.gif') no-repeat;
    color: #fff;
    text-align: center;
    line-height: 32px;
    margin: -10px 0 0 76px;
}

div.col a.btn-thin-med {
    margin: 0 0 30px 0;
}

a.btn-thin-med:hover {
    background-position: 0 -32px;
}

div.feature a.btn-thin-med {
    margin: -10px auto 0;
}

.profile a.btn-thin-med {
    margin: -5px auto 0;
}

.btn-med-blue, .btn-med-green {
    text-align: center;
    cursor: pointer;
    width: 166px;
    height: 42px;
    display: block;
    background: url('/images/btn-med.png') no-repeat;
    line-height: 42px;
    color: #fff;
}

.btn-med-green {
    background-position: 0 -126px;
}

.btn-med-blue:hover {
    background-position: 0 -42px;
    color: #fff;
}

.btn-med-green:hover {
    background-position: 0 -168px;
}

.btn-med-blue.disabled, .btn-med-green.disabled {
    background-position: 0 -84px;
    cursor: default;
}

.btn-sm {
    font-size: 11px;
    font-weight: bold;
    position: relative;
    left: 9px;
    text-transform: uppercase;
    text-decoration: underline;
}

a.delete, a.edit, a.flag, a.flagged {
    display: block;
    padding-left: 20px;
    background: url('/images/icon/remove-item-small.png') no-repeat 0 center;
}

a.edit {
    background-image: url('/images/icon/edit-blue.png');
}

a.flag {
    background-image: url('/images/icon/flag-blue.png');
}

a.flagged {
    background-image: url('/images/icon/flag-red.png');
    color: #c00;
}

a.btn_huge_green, a.btn_huge_blue {
    display: block;
    background: url('/images/btn-sherpa.jpg') no-repeat;
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 209px;
    height: 71px;
    padding-top: 15px;
}

a.btn_huge_green em, a.btn_huge_blue em {
    display: block;
    font-size: 18px;
    margin-top: -5px;
    font-style: normal;
}

a.btn_huge_green:hover {
    background-position: 0 -86px;
}

a.btn_huge_blue {
    background-position: 0 -172px;
    width: 159px;
    padding: 20px 105px 0 0;
    height: 84px;
}

a.btn_huge_blue:hover {
    background-position: 0 -275px;
}

a.more {
    color: #333;
    font-size: 11px;
    text-decoration: underline;
    width: 209px;
    text-align: center;
    display: block;
}

div#content p.meta a.pro-badge img, div#content p.meta a.pro-badge {
    float: none;
    display: inline;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 12px;
    top: 2px;
    left: 1px;
}

div#content p.meta a img {
    padding-bottom: 3px;
    padding-left: 3px;
    vertical-align: bottom;

}

a.btn-big-action-green, a.btn-big-action-orange, a.btn-big-action-blue {
    text-align: center;
    cursor: pointer;
    width: 208px;
    height: 114px;
    display: block;
    background: url('/images/btn-sprite-big-actions.png') right top no-repeat;
    line-height: 32px;
    color: #fff;
    font-size:18px;
    margin:5px auto 10px auto;
}

a.btn-big-action-green:hover {
    background-position: 0 -114px;
    text-decoration: none;
}

a.btn-big-action-orange {
    background-position: 0 -228px;
}

a.btn-big-action-orange:hover {
    background-position: 0 -342px;
}

a.btn-big-action-blue {
    background-position: 0 -456px;
}

a.btn-big-action-blue:hover {
    background-position: 0 -570px;
}

a.btn-big-action-green span, a.btn-big-action-orange span, a.btn-big-action-blue span {
    display:block;
    text-decoration: none;
}

a.button-urgent {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 10px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 1px 1px 1px #DDD;
  -moz-box-shadow: 1px 1px 1px #DDD;
  box-shadow: 1px 1px 1px #DDD;
  text-shadow: 1px 1px 3px #e75000;
  border: solid #e75000 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3ae85), to(#e75000));
  background: -moz-linear-gradient(top, #f3ae85, #e75000);
  background: -ms-linear-gradient(top, #f3ae85, #e75000);
  background: -o-linear-gradient(top, #f3ae85, #e75000);
  background: linear-gradient(top, #f3ae85, #e75000);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3ae85, endColorStr=#e75000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3ae85, endColorStr=#e75000);
  display:inline-block; /* IE is so silly */
}
div#user-nav a.button-urgent:hover, a.button-urgent:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e75000), to(#f3ae85));
  background: -moz-linear-gradient(top, #e75000, #f3ae85);
  background: -ms-linear-gradient(top, #f3ae85, #e75000);
  background: -o-linear-gradient(top, #f3ae85, #e75000);
  background: linear-gradient(top, #f3ae85, #e75000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3ae85, endColorstr=#e75000);
}

a.button-new, input.button-new {
    text-align: center;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
    background: -moz-linear-gradient(top, #EEE, #DDD);
    background: -ms-linear-gradient(top, #EEE, #DDD);
    background: -o-linear-gradient(top, #EEE, #DDD);
    background: linear-gradient(top, #EEE, #DDD);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCC;
    padding: 8px 16px;
    color: inherit;
    font-size: 12px;
}

a.button-new:hover, input.button-new:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#6999B7), to(#5483A1));
    background: -moz-linear-gradient(top, #6999B7, #5483A1);
    background: -ms-linear-gradient(top, #6999B7, #5483A1);
    background: -o-linear-gradient(top, #6999B7, #5483A1);
    background: linear-gradient(top, #6999B7, #5483A1);
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

a.button-new-inverse, input.button-new-inverse {
    cursor: pointer;
    text-align: center;
    display: block;
    font-size: 12px;
    padding: 8px 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(#6999B7), to(#5483A1));
    background: -moz-linear-gradient(top, #6999B7, #5483A1);
    background: -ms-linear-gradient(top, #6999B7, #5483A1);
    background: -o-linear-gradient(top, #6999B7, #5483A1);
    background: linear-gradient(top, #6999B7, #5483A1);
    color: #FFF;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #5483A1;
}

a.button-new-inverse:hover, input.button-new-inverse:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
    background: -moz-linear-gradient(top, #EEE, #DDD);
    background: -o-linear-gradient(top, #EEE, #DDD);
    background: -ms-linear-gradient(top, #EEE, #DDD);
    background: linear-gradient(top, #EEE, #DDD);
    border: 1px solid #CCC;
    color: #474747;
}

a.button-default, input.button-default {
    cursor: pointer;
    text-align: center;
    display: block;
    font-size: 12px;
    padding: 8px 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(#6999B7), to(#5483A1));
    background: -moz-linear-gradient(top, #6999B7, #5483A1);
    background: -ms-linear-gradient(top, #6999B7, #5483A1);
    background: -o-linear-gradient(top, #6999B7, #5483A1);
    background: linear-gradient(top, #6999B7, #5483A1);
    color: #FFF;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #5483A1;
}

a.button-default:hover, input.button-default:hover {
    background: #5483A1;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}


/* GoComics Badges */
ul#main-nav li a.item-badged {
    position: relative;
}

ul#main-nav li span.badge {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 7999;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    padding: 4px 8px;
    width: auto;
    min-width: 10px;
    white-space: nowrap;
    line-height: 1.4;
    text-align: center;
    background-image: none;
}

.badge-urgent, ul#main-nav li span.badge-urgent {
    border: solid #e75000 1px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3ae85), to(#e75000));
    background: -moz-linear-gradient(top, #f3ae85, #e75000);
    background: -ms-linear-gradient(top, #f3ae85, #e75000);
    background: -o-linear-gradient(top, #f3ae85, #e75000);
    background: linear-gradient(top, #f3ae85, #e75000);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3ae85, endColorStr=#e75000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3ae85, endColorStr=#e75000);
}


/* USER NAV */

div#carousel-nav div#user-nav > p > a {
    padding: 7px;
}

div#carousel-nav div#user-nav p a.button-urgent {
    text-decoration: none;
    margin-left: 7px;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}

div#carousel-nav div#user-nav a#status-badge {
    vertical-align:top;
}

.status-trial {
    color: #f3ae85;
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    padding: 8px 0px 0px 8px;
}

div#carousel-nav div#user-nav ul {
    margin: 0 0px 0px 0;
    padding: 0;
    clear: left;
}

div#carousel-nav div#user-nav ul li {
    float: none;
}

div#carousel-nav div#user-nav ul li {
    width: 100%;
    display: block;
    line-height: 30px;
}

div#carousel-nav div#user-nav ul li a, div#carousel-nav div#user-nav ul li span {
    font-size: 12px;
    color: #424242;
    text-align: left;
    padding-left: 34px;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #ddd;
}

div#carousel-nav div#user-nav ul li a:hover, div#carousel-nav div#user-nav ul li span {
    text-decoration: none;
    color: #fff;    
}

div#carousel-nav div#user-nav ul li:last-child a, div#carousel-nav div#user-nav ul li:last-child span {
    border-bottom: none;
}

div#user-nav ul li.fav a, div#user-nav ul li.fav span {
    background: url('/images/icon/favorite-small.png') no-repeat left center;
}

div#user-nav ul li.merge a, div#user-nav ul li.merge span {
    background: url('/images/icon/merge-small.png') no-repeat left center;
}

div#user-nav ul li.merge a:hover, div#user-nav ul li.merge span {
    background: url('/images/icon/merge-inverse-small.png') no-repeat left center;
}

div#user-nav ul li.page a, div#user-nav ul li.active span {
    background: url('/images/icon/page-small.png') no-repeat left center;
}

div#user-nav ul li.page a.add_feature {
    background: url('/images/icon/add-item-small.png') no-repeat left center;
}

div#user-nav ul li.page a.add_feature:hover {
    background: url('/images/icon/add-item-inverse-small.png') no-repeat left center;
}

div#user-nav ul li.collection a, div#user-nav ul li.collection span {
    background: url('/images/icon/favorite-small.png') no-repeat left center;
}

div#carousel-nav div#user-nav ul li:hover, div#carousel-nav div#user-nav ul li.active {
    background: url('/images/btn-user-arrow.gif') no-repeat left top;        
    display: block;
    margin: 0px -30px 0px -5px;
    padding: 0px 30px 0px 5px;
    position: relative;
}

div#carousel-nav div#user-nav ul li:hover {
    background-position: left top;
}

div#carousel-nav div#user-nav ul li.active, div#carousel-nav div#user-nav ul li.active:hover {
    background-position: 0 -31px;
}

/* MAIN HEADER NAVIGATION */
div#header ul {
    position: relative;
}

div#header ul li {
    float: left;
}

div#header ul li a {
    display: block;
}

ul#main-nav li a, ul#main-nav li span {
    display: block;
    background: url('/images/nav-main-divider.jpg') no-repeat right bottom;
    font: 12px/35px Arial, Tahoma, serif;
    color: #fff;
    padding: 0 28px;
}

ul#main-nav li.last a, .sherpa ul#main-nav li.last a {
    background: none;
}

ul#main-nav li a:hover, ul#main-nav li span {
    background: url('/images/nav-main-hover.gif') repeat-x right bottom;
    text-decoration: none;
}

.sherpa ul#main-nav {
    background: url('/images/nav-sherpa-bg.jpg') -5px -4px no-repeat;
    height: 35px;
}

.sherpa ul#main-nav li a {
    background-image: url('/images/nav-sherpa-divider.jpg');
}

.sherpa ul#main-nav li a:hover, .sherpa ul#main-nav li span {
    background-image: url('/images/nav-sherpa-hover.jpg');
}

/* SESSION NAV - SIGN IN / HELP */
div#header ul#session_links {
    position: absolute;
    padding: 7px;
    right: 10px;
    top: 92px;
    display: block;
    line-height: 13px;
    font-size: 13px;
    background-color: rgba(255, 255, 255, .4);

}

div#header ul#session_links li {
    float: left;
    padding: 0 5px;
    line-height: 13px;

}

div#header ul#session_links li a {
    display: inline;
    text-decoration: underline;
}

/* SIDEBAR NAV */
ul.sidebar-nav {
    margin: 10px 40px 20px 0;
}

ul.sidebar-nav li a {
    line-height: 30px;
    padding: 0 0 0 10px;
    border-top: 1px #ddd solid;
    display: block;
}

ul.sidebar-nav li a:hover, ul.sidebar-nav li span {
    border: none;
    background: url('/images/btn-sidebar-arrow.gif') no-repeat 0 0px;
    color: #fff;
    padding: 1px 0 0 35px;
    text-decoration: none;
    margin: 0 -25px;
}

ul.sidebar-nav li span {
    background-position: 0 -31px;
    display: block;
    line-height: 30px;
}

.collection ul.sidebar-nav {
    width: 210px;
}

.collection ul.sidebar-nav li a:hover, .collection ul.sidebar-nav li span {
    background-image: url('/images/btn-user-arrow.gif');
}

/* FEATURE PAGE AZ NAV*/
ul.feature-az-nav li {
    float: left;
    width: 108px;
    line-height: 14px;
    text-align: center;
    padding-bottom: 20px;
}

ul.feature-az-nav li a {
    font-size: 11px;
    color: #666;
    padding: 0 5px;
}

ul.feature-az-nav li a img {
    border: 1px solid #666666;
}

ul.feature-az-nav li a strong {
    display: block;
    font-size: 13px;
    color: #444;
}

ul.feature-az-nav li.prev, ul.feature-az-nav li.next {
    width: 40px;
    padding-top: 13px;
}

ul.feature-az-nav li.prev a, ul.feature-az-nav li.next a {
    background: url('/images/btn-sprite-az-nav.png') no-repeat 0 -34px;
    display: block;
    text-indent: -9999px;
    height: 34px;
    width: 27px;
    margin: 0 auto;
    padding: 0;
}

ul.feature-az-nav li a.next {
    background-position: -27px -34px;
}

ul.feature-az-nav li a.next:hover {
    background-position: -27px 0;
}

ul.feature-az-nav li a.prev:hover {
    background-position: 0 0;
}

ul.feature-az-nav li a.next:active {
    background-position: -27px -68px;
}

ul.feature-az-nav li a.prev:active {
    background-position: 0 -68px;
}

/* CAROUSEL - MY COMICS PAGE FREE */
ul.carousel-nav {
    margin-left: 20px;
    margin-top: 18px;
}

ul.carousel-nav li {
    float: left;
}

ul.carousel-nav li a,
ul.carousel-nav li.first span.disabled,
ul.carousel-nav li.last span.disabled,
ul.carousel-nav li.no-image span {
    display: block;
    text-align: center;
    width: 90px;
    height: 118px;
    font-size: 11px;
    line-height: 12px;
    margin-bottom: -20px;
    color: #424242;
    position: relative;
    z-index: 1;
    padding: 0 5px;
}

.homepagefree ul.carousel-nav li a,
.homepagefree ul.carousel-nav li.first span.disabled,
.homepagefree ul.carousel-nav li.empty span,
.homepagefree ul.carousel-nav li.no-image span {
    margin-bottom: -16px;
}

ul.carousel-nav li.no-image span {
    text-indent: -9999px;
    background: url('/images/bg-thumb-disabled.png') no-repeat center top;
    margin-top: -3px;
}

ul.carousel-nav li.first, ul.carousel-nav li.last {
    width: 70px;
}

ul.carousel-nav li.first a.prev,
ul.carousel-nav li.last a.next,
ul.carousel-nav li.first a.prev:hover,
ul.carousel-nav li.last a.next:hover,
ul.carousel-nav li.first span.disabled,
ul.carousel-nav li.last span.disabled {
    text-indent: -9999px;
    background: url('/images/btn-sprite-az-nav.png') no-repeat 0 -34px;
    height: 34px;
    width: 27px;
    padding: 0;
    margin: 10px auto 0;
}

ul.carousel-nav li.first a.prev {
    background-position: 0 -34px;
}

ul.carousel-nav li.first a.prev:hover {
    background-position: 0 0;
}

ul.carousel-nav li.last a.next {
    background-position: -27px -34px;
}

ul.carousel-nav li.last a.next:hover {
    background-position: -27px 0;
}

ul.carousel-nav li.first span.disabled {
    background-position: 0 -102px;
}

ul.carousel-nav li.last span.disabled {
    background-position: -27px -102px;
}

ul.carousel-nav li.new-day {
    border-left: 1px solid #ddd;
}

ul.carousel-nav li.new-day strong {
    font-weight: normal;
    text-transform: uppercase;
    line-height: 10px;
    position: absolute;
    border-left: 1px solid #ddd;
    color: #aaa;
    top: 58px;
    font-size: 10px;
    height: 20px;
    margin-left: -1px;
    padding-left: 2px;
}

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

ul.carousel-nav li a span img {
    border: 1px solid #666;
    margin: 0 0 5px 0;
}

ul.carousel-nav li.active a {
    background: url('/images/bg-thumb-active.png') no-repeat center 32px;
    color: #fff;
}

ul.carousel-nav li.active span {
    padding: 0;
}

ul.carousel-nav li a:hover {
    background: url('/images/bg-thumb-active.png') no-repeat center -86px;
    color: #fff;
}

/* COMIC FEATURE NAV */
div.faux-panel ul.feature-nav {
    position: relative;
    float: right;
    top: -30px;
    margin: 0px 23px -30px 0;
}

ul.feature-nav {
    position: relative;
    float: right;
    top: -30px;
    margin: 0px 23px -30px 0;
}

ul.feature-nav li {
    float: left;
    line-height: 19px;
    margin-left: 5px;
}

ul.feature-nav li a {
    display: block;
    text-indent: -9999px;
    line-height: 19px;
    height: 19px;
    width: 21px;
    background: url('/images/btn-sprite-calendar.gif') no-repeat 0 -19px;
}

ul.feature-nav li a.prev {
    background-position: -21px -19px;
}

ul.feature-nav li a.cal {
    background-position: -42px -19px;
}

ul.feature-nav li a.next {
    background-position: -63px -19px;
}

ul.feature-nav li a.newest {
    background-position: -84px -19px;
}

ul.feature-nav li a.beginning:hover {
    background-position: 0 0;
}

ul.feature-nav li a.prev:hover {
    background-position: -21px 0;
}

ul.feature-nav li a.cal:hover {
    background-position: -42px 0;
}

ul.feature-nav li a.next:hover {
    background-position: -63px 0;
}

ul.feature-nav li a.newest:hover {
    background-position: -84px 0;
}

ul.feature-nav li a.beginning:active {
    background-position: 0 -38px;
}

ul.feature-nav li a.prev:active {
    background-position: -21px -38px;
}

ul.feature-nav li a.cal:active {
    background-position: -42px -38px;
}

ul.feature-nav li a.next:active {
    background-position: -63px -38px;
}

ul.feature-nav li a.newest:active {
    background-position: -84px -38px;
}

/* SHARE NAV BAR NAVIGATION */

div.tool_box {
    height: 70px;
    margin-top: 10px;
}

ul.share-nav {
    padding: 0px;
    width: 96%;
    height: 50px;
    margin: 10px 0px;
    border: 1px solid #C4C4C4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 1px 3px #C4C4C4, #FAFAFA 0px 0px 6px inset;
    -webkit-box-shadow: 0px 1px 3px #C4C4C4, #FAFAFA 0px 0px 6px inset;
    box-shadow: 0px 1px 3px #C4C4C4, #FAFAFA 0px 0px 6px inset;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e4e4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e4e4e4));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e4e4e4 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e4e4e4 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e4e4e4 100%);
    background: linear-gradient(top bottom,  #fafafa 0%,#e4e4e4 100%);
}

ul.share-nav > li {
    float: left;
    border-left: 1px solid #FAFAFA;
    border-right: 1px solid #C4C4C4;
    line-height: 50px;
}

ul.share-nav > li.first {
    border-left: none;
    width: 445px;
    height: 30px;
}

ul.share-nav > li > a {
    display: block;
    color: #444;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 50px;
    width: 45px;
    padding: 0px 5px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    text-indent: -9999px;
}

ul.share-nav.print-available > li > a {
    width: 30px;
}

ul.share-nav.print-available > li > a.last {
    width: 17px;
}

ul.share-nav li.first a {
    line-height: inherit;
}

ul.share-nav li.second > a.add_mycomics, ul.share-nav > .page-new > a.add_feature, li#perk-free-mycomics  {
    background: url('/images/icon/add-item-small.png') no-repeat center center;
}

ul.share-nav li.second > a.remove_mycomics {
    background: url('/images/icon/remove-item-small.png') no-repeat center center;
}

ul.share-nav li.second > a.menu-comments, li#perk-free-comments {
    background: url('/images/icon/comments-small.png') no-repeat center center;
}

ul.share-nav li > div.wiggle-wrap {
    width: 55px;
    text-indent: -9999px;
    height: 50px;
}

ul.dropdown > li div.wiggle-wrap {
    width: 55px;
    text-indent: -9999px;
    height: 8px;
    padding: 8px 0px 8px 44px;
}

ul.share-nav li.third > a.add_favorite {
    background: url('/images/icon/favorite-inverse-small.png') no-repeat center center;
}

ul.share-nav li.third > a.remove_favorite, li#perk-free-favorite {
    background: url('/images/icon/favorite-small.png') no-repeat center center;
}

ul.share-nav li.fourth > a.buy {
    background: url('/images/icon/buy-small.png') no-repeat center center;
}

ul.share-nav li.last {
    border-right: none;
}

ul.share-nav li.last a {
    width: 17px;
}

ul.share-nav li.last a.toggle_menu span.overflow_menu {
    background: url('/images/btn-arrow-down.gif') no-repeat center center;
    display: block;
    cursor: pointer;
}

ul.share-nav li.second div.share-box div.half-col, ul.share-nav li.third div.share-box div.half-col {
    width: 200px;
    padding-right: 10px;
}

ul.share-nav li.second div.share-box div.half-col h4:first-child, ul.share-nav li.third div.share-box div.half-col h4:first-child {
    padding: 14px 0px 24px 0px;
    border-top: none; 
    margin-top: 0px;
}

ul.share-nav li.second div.share-box div.half-col h4, ul.share-nav li.third div.share-box div.half-col h4 {
    padding: 24px 0px 0px 0px;
    margin-top: 24px;
    border-top: 1px solid #DDD;
    font-size: 14px;
}
ul.share-nav li.second div.share-box div.half-col:first-child, ul.share-nav li.third div.share-box div.half-col:first-child {
    width: 320px;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
}
ul.share-nav li.second div.share-box div.half-col:first-child h4,
ul.share-nav li.third div.share-box div.half-col:first-child h4 {
    padding-bottom: 18px;
}

ul.share-nav li.selected {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #E4E4E4 0%, #E4E4E4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4E4E4), color-stop(100%,#E4E4E4));
    background: -webkit-linear-gradient(top,  #E4E4E4 0%,#E4E4E4 100%);
    background: -o-linear-gradient(top,  #E4E4E4 0%,#E4E4E4 100%);
    background: -ms-linear-gradient(top,  #E4E4E4 0%,#E4E4E4 100%);
    background: linear-gradient(top bottom,  #E4E4E4 0%,#E4E4E4 100%);
    border-left: 1px solid #DDD;
    border-top: 1px solid #FAFAFA;
    border-bottom: 1px solid #FAFAFA;    
}

ul.share-nav li.selected > a {
    line-height: 48px;
    padding-bottom: 2px;
}

ul.share-nav li.selected a.toggle_menu span.overflow_menu {
    background: url('/images/btn-arrow-up.gif') no-repeat center center;
}
 
ul.share-nav li ul.dropdown, ul.share-nav li div.share-box {
    display: block;
    position: absolute;
    z-index: 1000;
    border: 1px solid #C4C4C4;
    border-top: 1px solid #DADADA;
    background-color: #fff;
    text-align: center;
    box-shadow:  0px 2px 10px rgba(44,21,57,.37), #DFDFDF 0px 1px 3px inset;
    -webkit-box-shadow: 0px 2px 10px rgba(44,21,57,.37), #DFDFDF 0px 1px 3px inset;
    -moz-box-shadow:  0px 2px 10px rgba(44,21,57,.37), #DFDFDF 0px 1px 3px inset;
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -ms-border-radius: 0px 0px 6px 6px;
    -o-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
}

ul.share-nav li div.off, ul.share-nav li ul.off {
    display: none;
}

ul.share-nav li ul.dropdown {
    width: 230px;
    right: 26px;
}

ul.share-nav li ul.dropdown li {
    float: none;
    background-color: #FFF;
    border-bottom: 1px solid #DDD;
    background-image: none;
    margin: 0;
    padding: 10px;
    text-align: left;
    position: relative;
}

ul.share-nav li ul.dropdown > li:hover {
    background: #EEE;
}

ul.share-nav li ul.dropdown > h4 {
    border-bottom: 1px solid #DDD;
}

ul.share-nav li.last ul.dropdown > li > h4 {
    padding: 14px;
}

ul.share-nav li.last ul.dropdown li.title_overflow > h4 {
    padding: 14px;
}

ul.share-nav li.last ul.dropdown li.title_overflow, ul.share-nav li.last ul.dropdown li.title_overflow:hover {
    background: #FFF;
    padding: 0px;
}

ul.share-nav li ul.dropdown li:last-child, div#carousel-nav div#user-nav ul li.collection:last-child a {
    border-bottom: none;
}

ul.share-nav li ul.dropdown li > a {
    margin: 0;
    padding: 8px 0px 8px 44px;
    line-height: 18px;
    background: none;
    text-transform: none;
    font-size: 12px;
    color: #424242;
    text-align: left;
    position: relative;
    font-weight: bold;
}

ul.share-nav li ul.dropdown li a.link {
    color: #3993be;
    text-decoration: underline;
}

ul.share-nav span.toolbar-description, ul.share-nav li.last a.no-photo {
    display: inline;
    font-weight: normal;
    font-style: italic;
    color: #9a9a9a;
    text-decoration: none;
}

ul.share-nav li ul.dropdown li.collection a.add_favorite, ul.share-nav li ul.dropdown li.collection a.add_strip, ul.share-nav li ul.dropdown li.collection-new a {
    background: url('/images/icon/favorite-inverse-small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.collection a.remove_favorite, ul.share-nav li ul.dropdown li.collection a.remove_strip, ul.share-nav li ul.dropdown li.collection-new a.remove_strip {
    background: url('/images/icon/favorite-small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.page a.add_mycomics, ul.share-nav li ul.dropdown li.page a.add_feature, ul.share-nav li ul.dropdown li.page-new a.add_feature, ul.share-nav li ul.dropdown li.page-new a.blocked_link {
    background: url('/images/icon/add-item-small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.page a.remove_mycomics, ul.share-nav li ul.dropdown li.page a.remove_feature, ul.share-nav li ul.dropdown li.page-new a.remove_feature, li.last ul.dropdown li.dropdown_remove a.remove_feature {
    background: url('/images/icon/remove-item-small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.rss a {
    background: url('/images/icon/news-small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.buy a {
    background: url('/images/icon/buy-small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.print a {
    background: url('/images/icon/print-small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.zoom a {
    background: url('/images/icon/zoom-small-inverse.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.zoom-none a {
    background: url('/images/icon/restricted-small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown li.delete a {
    background: url('/images/icon/small.png') no-repeat 7px center;
}

ul.share-nav li ul.dropdown h4 {
    padding: 14px;
    text-align: left;
}

ul.share-nav li.second ul.dropdown > li:first-child:hover, ul.share-nav li.third ul.dropdown > li:first-child:hover {
    background: #FFF;
    cursor: normal;
}

.generic-bubble {
    position: relative;
    padding: 10px 15px;
    font-style: italic;
    border: 1px solid #C4C4C4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 1px 3px #C4C4C4, #FAFAFA 0px 0px 6px inset;
    -webkit-box-shadow: 0px 1px 3px #C4C4C4, #FAFAFA 0px 0px 6px inset;
    box-shadow: 0px 1px 3px #C4C4C4, #FAFAFA 0px 0px 6px inset;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e4e4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e4e4e4));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e4e4e4 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e4e4e4 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e4e4e4 100%);
    background: linear-gradient(top bottom,  #fafafa 0%,#e4e4e4 100%);
}

.generic-bubble.right:before {
    top: 10px;
    bottom: auto;
    left: auto;
    right: -11px;
    border-width: 11px 0 11px 11px;
    border-color: transparent #C4C4C4;
}

.generic-bubble:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #C4C4C4 transparent;
    display: block;
    width: 0;
}

.generic-bubble.right:after {
    top: 11px;
    bottom: auto;
    left: auto;
    right: -10px;
    border-width: 10px 0 10px 10px;
    border-color: transparent #EFEFEF;
}

.generic-bubble:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 42px;
    border-width: 2px 2px 0;
    border-style: solid;
    border-color: #EFEFEF transparent;
    display: block;
    width: 0;
}

ul.share-nav li ul.dropdown li div.toolbar-bubble {
    font-size: 12px;
    display: block;
    position: absolute;
    top: 0px;
    left: -145px;
}

ul.share-nav li div.share-box {
    width: 560px;
    background-color: #fff;
    padding: 10px;
    left: 42px;
    position: absolute;
}
ul.share-nav li div.share-box.shop {
    width: 150px;
    background-color: #fff;
    padding: 10px;
    left: 427px;
    position: absolute;
    padding-top:10px;
    border-radius: 0;
    font-size: 12px;
    color: #f9864d;
    box-shadow:  0px 2px 10px rgba(44,21,57,.37), #DFDFDF 0px 1px 3px ;
    -webkit-box-shadow: 0px 2px 10px rgba(44,21,57,.37), #DFDFDF 0px 1px 3px ;
    -moz-box-shadow:  0px 2px 10px rgba(44,21,57,.37), #DFDFDF 0px 1px 3px ;
    
}
ul.share-nav li div.share-box.shop a{
    font-size: 12px;
    color: #424242;
    font-weight: bold;
}

ul.share-nav div.share-box ul {
    float: left;
    padding-bottom: 20px;
    width: 120px;
}

ul.share-nav div.share-box ul#first-share-col {
    padding-left: 20px;
}

ul.share-nav div.share-box ul li {
}

/*ul.share-nav div.share-box a {
    background: none;
    color: #3993be;
}*/

ul.share-nav div.share-box ul li a {
    background: url('/images/btn-sprite-social.gif') no-repeat;
    line-height: 16px;
    padding: 0 0 0 45px;
    text-align: left;
    color: #424242;
}

ul.share-nav div.share-link {
    clear: left;
    border-top: 1px solid #ddd;
    margin: 10px -10px 0;
    padding-top: 10px;
}

/* TOGGLE CONTROL TABS */
dl.options-list div.options-box {
    position: relative;
}

dl.options-list {
    margin: 20px 0 0 0;
}

dl.options-list dt {
    width: 250px;
    font-size: 14px;
    line-height: 40px;
    padding: 10px 10px 10px 20px;
}

dl.options-list dd {
    width: 300px;
    height: 40px;
}

div.options-box {
    height: 40px;
    position: absolute;
    right: 14px;
    top: 20px;
    padding-top: 7px;
    text-align: right;
}

div#emailable {
    margin-top: -15px;
}

div.options-box p {
    padding: 4px 0 0 60px;
}

div.options-box ul.tab-controls {
    clear: left;
}

div.options-box ul.tab-controls li {
    float: left;
    line-height: 32px;
}

div.options-box ul.tab-controls li.hdr {
    background: none;
    width: 80px;
    padding: 5px 10px 0 0;
    text-align: right;
    line-height: 28px;
}

div#emailable ul.tab-controls li.hdr {
    padding: 0;
}

div.options-box ul.tab-controls li a.toggle-email, div.options-box ul.tab-controls li span {
    color: #fff;
    display: block;
    width: auto;
    line-height: 32px;
    background: url('/images/btn-sprite-tab-controls.png') no-repeat 0 -128px;
    padding: 0 15px 0 20px;
    text-align: center;
}

div.options-box ul.tab-controls li a.button-urgent, div.options-box ul.tab-controls li.last a.button-unsubscribe {
    padding: 0 15px;
    margin-left: 10px;
}

div.options-box a.delete {
    text-align: center;
    padding-left: 10px;
    line-height: 24px;
    height: 24px;
}

div.options-box ul.tab-controls li a:hover {
    background-position: 0 -160px;
    text-decoration: none;
}

div.options-box ul.tab-controls li.last a, div.options-box ul.tab-controls li.last span {
    background-position: right -32px;
    padding: 0 24px 0 15px;
}

div.options-box ul.tab-controls li.last a:hover {
    background-position: right -64px;
    text-decoration: none;
}

div.options-box ul.tab-controls li.active span, div.options-box ul.tab-controls li.lastactive span {
    background-position: 0 -96px;
    padding: 0 0 0 20px;
    position: relative;
    left: -15px;
}

div.options-box ul.tab-controls li.active {
    margin: 0 0 0 15px;
    background: url('/images/btn-sprite-tab-controls.png') no-repeat right -96px;
}

div.options-box ul.tab-controls li.activelast span {
    position: relative;
    left: 15px;
    background-position: right 0;
    padding: 0 25px 0 0px;
}

div.options-box ul.tab-controls li.activelast {
    margin: 0 15px 0 0;
    background: url('/images/btn-sprite-tab-controls.png') no-repeat 0 0;
    padding: 0 0 0 0;
}

ul.feature-tabs {
    height: 30px;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0;
}

ul.feature-tabs li {
    float: left;
    padding-right: 11px;
    margin-right: 3px;
    background: url('/images/btn-sprite-tabs.png') no-repeat right -156px;
    height: 30px;
    cursor: pointer;
}

ul.feature-tabs li a {
    display: block;
    line-height: 21px;
    padding: 9px 9px 0 20px;
    text-align: center;
    color: #0c3942;
    background: url('/images/btn-sprite-tabs.png') no-repeat 0 -52px;
}

ul.feature-tabs li.selected {
    background-position: right -104px;
    height: 31px;
    cursor: default;
}

ul.feature-tabs li.selected a {
    color: #424242;
    padding-top: 0;
    line-height: 34px;
    font-weight: bold;
    background: url('/images/btn-sprite-tabs.png') no-repeat;
}

/* FOOTER NAVIGATION */
div#footer ul {
    float: left;
    padding: 0 40px 50px 0;
}

div#footer ul.last {
    padding-right: 0;
}

div#footer ul li {
    line-height: 20px;
}

div#footer ul li a {
    color: #5b8997;
    border-bottom: 1px solid #f4f9fa;
}

div#footer ul li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #84c1ce;
}

/* HEADING STYLES
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 16px;
    line-height: 16px;
    color: #3a3a3a;
    font-weight: normal;
}

h1 {
    font-size: 24px;
    line-height: 22px;
    padding: 25px 0 20px;
    text-align: left;
}

div.mycomicspro h1, div.mycomicsfree h1, div#carousel-nav h1 {
    padding: 14px 230px 14px 18px;
    line-height: 26px
}

div#carousel-nav h1.title-collection {
    padding-left: 18px;
}

div.mycomicspro h1 a.edit, div.mycomicsfree h1 a.edit, div#carousel-nav h1 a.edit {
    padding: 0px 0px 0px 29px;
    height: 24px;
    margin-top: -4px;
    font-weight: lighter;
    display: inline-block;
    vertical-align: middle;
}

h1 a {
    font-size: 13px;
    text-decoration: underline;
}

div#content h1.fav {
    background: url('/images/icon/favorite-small.png') no-repeat left 12px;
    padding-left: 40px;
}

.collection h1 a {
    float: none;
}

.search .feature h1 {
    margin: 0;
    padding: 20px 0px;
    width: auto;
}

.collection h1 {
    padding: 20px 280px 15px 0;
}

div#carousel-nav div#user-nav h2 {
    font-size: 18px;
    padding: 24px 0px 8px 0px;
    overflow: hidden;
    margin-bottom: 0px;
}

div#carousel-nav div#user-nav h2 {
    border-bottom: none;    
}

div#user-nav ul#comics_page_list h2 {
    padding-top: 18px;
}

div.feature h1, div.feature h2, div.feature h1 a, div.feature h2 a, .pro div.feature h3, .comments-page h1 {
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
    line-height: 18px;
    padding: 10px 3px 10px 0px;
    text-align: left;
    text-decoration: none;
    color: #444;
    float: none;
    margin: 0;
}

div.feature h1, div.feature h2, .pro div.feature h3 {
    width: 400px;
    display: block;
    float: none;
    margin: 0;
    text-align: left;
    position: relative;
}

div.feature h1 a:hover, div.feature h2 a:hover {
    color: #e75000;
    text-decoration: underline;
}

div.feature h1.too_big, div.feature h2.too_big, .pro div.feature h3.too_big {
    font-size: 19px;
    line-height: 18px;
    letter-spacing: -1px;
}

div.feature h1 span, div.feature h2 span, .pro div.feature h3 span, .comments-page h1 span {
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    color: #888;
}

.comments-page h1 em {
    font-style: normal;
    color: #888;
}

.comments-page h1 span {
    display: block;
    padding: 5px 0 10px;
}

div.feature h1.too_big span, div.feature h2.too_big span, .pro div.feature h3.too_big span {
    font-size: 14px;
    display: block;
}

div.lightbox div.popup-frame h1 {
    font-size: 26px;
    position: relative;
    top: 25px;
    margin: 0 25px 0 0;
    padding: 0 0 40px 0;
    text-align: center;
    clear: both;
}

div#content-full h1 {
    line-height: 28px;
}

h2 {
    font-size: 22px;
    line-height: 18px;
    padding: 25px 0 10px;
}

h2 strong {
    color: #e75000;
    font-size: 14px;
    text-transform: uppercase;
}

div.house-ads h2 {
    text-align: center;
    font-size: 22px;
}

div.house-ads h2 span {
    color: #666;
    font-size: 12px;
}

.homepagefree div#content h2 {
    padding: 13px 50px 22px 0;
}

.homepagefree div#content div.col h2 {
    padding-bottom: 3px;
}

.homepagefree div#content h2 a {
    font-size: 13px;
    text-decoration: underline;
}

div.col h2, .homepage div#sidebar h2 {
    text-align: left;
    padding: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    font-size: 18px;
}

.homepage div#sidebar h2 > a {
    color: #3a3a3a;
    display: block;
    padding-top: 20px;
}

.homepage div#sidebar h2 a span {
    font-size: 12px;
    text-align: right;
    color: #3993be;
}

div#sidebar h2 {
    text-align: center;
    padding-bottom: 20px;
}

.search div#sidebar h2 {
    padding: 5px 0px 3px 0px;
    border: 0px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
}

div#carousel-nav h1 a {
    font-size: 13px;
    text-decoration: underline;
}

div.lightbox div.popup-frame h2 {
    font-size: 20px;
    line-height: 18px;
    padding: 0 0 10px 0;
    margin: 0;
    text-align: center;
    border: none;
}

div.lightbox div.popup-frame div.col h2 {
    padding: 0 20px 5px 0;
}

div.lightbox div.popup-frame div.col h2.pro {
    margin: -20px 35px 0 0;
    position: relative;
    padding: 20px 0 5px 0;
}

div#small-sidebar h2 {
    font-size: 18px;
    padding-left: 5px;
}

div#no-results h2, div#content div#no-results h2 {
    text-align: center;
    width: 600px;
    padding: 90px 40px 30px 0;
    background: url('/images/content-face-uclick-small.png') no-repeat 448px 82px;
}

.homepagepro div#content div#not-updated h2, div#not-updated h2 {
    width: 600px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

div#content-full h2 {
    line-height: 26px;
}

h3, div#content-full h3 {
    font-weight: bold;
    color: #3a3a3a;
    font-size: 16px;
    text-transform: uppercase;
}

h3 span.notation {
    color: #ccc;
}

h3.fav {
    padding: 24px 0px 24px 40px;
    background: url('/images/icon/favorite-small.png') no-repeat 0 center;
}

div#content-full h3 {
    padding: 10px 0 20px;
    margin: 0;
}

div.col h3 {
    font-weight: normal;
    font-size: 18px;
    text-transform: none;
    padding-bottom: 10px;
}

div#sidebar h3 {
    clear: left;
    padding: 12px 0px;
    margin-bottom: 12px;
    text-transform: none;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.profile div#sidebar h3 {
    clear: left;
    text-align: left;
    margin: 0;
    border: 0;
    overflow: hidden;
    padding: 20px 0 10px;
}

div.comment-panel-container h3 {
    margin-bottom: 15px;
}

.comment-panel-container h3 a, #content-full h3 a {
    font: 12px/12px Arial, Tahoma, serif;
    text-decoration: underline;
    text-transform: none;
    padding-left: 10px;
}

div#footer h3 {
    margin: 0 0 26px 0;
}

div.mycomicspro h3 {
    color: #444;
    font-size: 13px;
    padding: 5px 0;
    font-weight: normal;
    text-transform: none;
    padding-bottom: 15px;
}

div.mycomicspro h3 strong {
    font-size: 13px;
}

h4 {
    padding-bottom: 15px;
}

div.col h4 {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 3px 0;
    margin: 0 0 10px 0;
}

h5 {
    color: #e75000;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

/* PARAGRAPH STYLES / TEXT
----------------------------------------------------------------------------------------------------------------------------------*/
p.results_error {
    color: #ff0000;
    font-weight: bold;
    line-height: 38px;

}

p.placeholder {
    text-align: center;
    padding-top: 100px;
    background: url('/images/content-face-uclick.gif') no-repeat center 50px;
}

div#sidebar p {
    padding-bottom: 18px;
}

div#header p, div#header p a {
    font-size: 12px;
    line-height: 41px;
    color: #424242;
    text-transform: uppercase;
}

div#content-full p {
    padding: 0 30px 20px 0;
}

div#header p {
    width: 400px;
    padding: 0 0 0 95px;
}

div#footer p {
  clear: left;
  font-size: 9px;
  color: #777;
  text-align: center;
  margin-bottom: 20px;
}

div.form_callout {
    background: url('/images/bg-callout-blue.gif') no-repeat;
}

div#content form.full_form div.form_callout p {
    background: url('/images/bg-callout-blue-btm.gif') no-repeat left bottom;
    padding: 20px;
    width: 547px;
    text-align: center;
}

p.comic-thumb a {
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 3px;
    text-align: center;
}

p.comic-thumb a span {
    display: block;
    font-size: 16px;
    color: #919191;
}

p.comic-thumb a:hover {
    text-decoration: none;
    border: 1px solid #3993be;
}

div#sm-content p {
    padding-bottom: 14px;
}

div.half-col p {
    padding-bottom: 18px;
}

p.notice {
    font-size:10px;
    color:#777;
    display:block;
}

/* LIST STYLES   -----------------------------------------------------------------------------------------------------------*/
div#content ul li {
    line-height: 24px;
}

ul.list, div#content ul.list {
    margin: 0;
    padding: 0 0 15px 0;
}

ul.list li, div#content ul.list li {
    list-style-type: disc;
    margin-left: 30px;
    line-height: 20px;
}

div.col ul {
    margin: 10px 0 10px 0;
}

div.col ul li {
    line-height: 20px;
    list-style-type: disc;
    color: #3a3a3a;
    margin-left: 20px;
}

.help div#content-full ul {
    margin: 0 150px 20px 40px;
}

.help div#content-full ul li {
    line-height: 14px;
    padding-bottom: 10px;
}

div.col ul.collections-list li {
    list-style-type: none;
    margin: 0;
}

ul.collections-list {
    margin-bottom: 10px;
}

ul.collections-list li {
    list-style-type: none;
    line-height: 14px;
    padding-bottom: 10px;
    width: 230px;
}

ul.collections-list strong {
    display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

ul.collections-list span {
    display: block;
    font-size: 11px;
    line-height: 14px;
    color: #666;
}

ul.collections-list a:hover strong, ul.collections-list a:hover span {
    text-decoration: underline;
    color: #e75000;
}

.collections ul.collections-list li {
    color: #666;
}

.collections ul.collections-list a {
    font-size: 15px;
    line-height: 15px;
    font-weight: normal;
    text-decoration: underline;
    color: #3993be;
    display: block;
    padding: 0 30px 0 0;
}

.search div#sidebar ul.feature-list {
    margin: 10px 0px;
    padding-left: 10px;
}

div#content-full div.col-wide ul.feature-list {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    width: 220px;
}

ul.feature-list, div.col ul.feature-list {
    padding: 0 40px 20px;
    margin: 0;
}

div.col ul.feature-list {
    padding: 0 0 20px 0;
}

div.col-wide-thirds ul.feature-list {
    padding: 0;
}

ul.feature-list li, div.col ul.feature-list li {
    padding-bottom: 10px;
    clear: left;
    list-style-type: none;
    margin: 0;
}

ul.feature-list li a {
    line-height: 16px;
    font-size: 11px;
    display: block;
}

ul.feature-list li a:hover {
    text-decoration: underline;
}

ul.feature-list li a img {
    float: left;
    border: 1px solid #666;
    margin: 0 10px 10px 0;
}

ul.feature-list li a strong {
    display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #484848;
    padding-top: 10px;
}

ul.feature-list li a em {
    display: block;
    color: #999;
    line-height: 12px;
}

div.col ul.feature-list-sans-icon {
    margin: 0;
}

div.col ul.feature-list-sans-icon li {
    margin: 0;
    padding: 0 0 20px 0;
    list-style-type: none;
    line-height: 14px;
}

div.col ul.feature-list-sans-icon li a strong {
    display: block;
    color: #666;
}

div#content-full ol {
    margin: 0 0 30px 30px;
}

div#content-full ol li {
    line-height: 24px;
    list-style-type: decimal;
}

/* MOBILE APP LIST */
ul.app-list {
    list-style-type: none;
}

div.col ul.app-list li {
    display: block;
    clear: both;
    line-height: 14px;
    font-size: 11px;
    list-style-type: none;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
}

div.col ul.app-list li div {
    position: relative;
    top: 0;
    left: 0;
    clear: left;
    margin: 0;
    padding: 0;
}

div.col ul.app-list li.selected {
    border: 1px solid #ddd;
    padding-bottom: 20px;
    padding: 9px 9px 20px;
}

ul.app-list li img {
    float: left;
    padding-right: 10px;
}

ul.app-list li strong {
    display: block;
    padding-top: 8px;
    line-height: 16px;
    font-size: 16px;
    font-weight: normal;
}

div.col ul.app-list li a {
    display: block;
    line-height: 12px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

div.col ul.app-list li a:hover {
    background: url('/images/btn-arrow-down.gif') no-repeat right center;
}

div.col ul.app-list li a.no-arrow:hover {
    background: none;
}

div.col ul.app-list li.selected a {
    background: url('/images/btn-arrow-up.gif') no-repeat right center;
}

div.col ul.mini-app-list li {
    padding: 10px 0 5px 0;
    margin: 0 0 0 15px;
}

ul.mini-app-list li strong {
    display: inline;
    font-size: 12px;
    font-weight: bold;
}

div.col ul.app-list li.selected ul.mini-app-list li a {
    background: none;
}


/* FEATURE COMMENTS */
div.comments ol li.commenter div.bubble {
    padding: 10px 10px 10px 20px;
    margin: -12px 0 5px 72px;
    border: 1px solid #73a758;
    background-color: #f5f9f3;
}

div.feature-comment ol li img, div.recent-comment ol li img, div.comment-form div.comment-top-orphan a img {
    float: left;
    position: relative;
    top: -12px;
    border: 1px solid #666;
}

div.recent-comment ol.comment-thread li {
    width: 434px;
}

div.recent-comment ol.comment-thread li img, div.comment-form div.comment-top-orphan a img {
    top: 10px;
}

div.comment-panel-container p.meta {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
}

div.comment-panel-container a.cancel {
    cursor: pointer;
}

div.comment-panel-container p.meta em {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #9a9a9a;
}

.recent-comments div.comments ol li div {
    padding: 3px 0 0 30px;
}

div.comments a.edit, div.comments a.delete {
    float: left;
    padding-right: 20px;
    margin-top: 10px;
}

.recent-comments div#sidebar {
    padding-top: 96px;
}

div.top ul.share-nav div.toolbar-comments {
    padding: 10px 25px 12px;
    width: 450px;
}

div.comment-form form a {
    display: inline;
}

div.toolbar-comments h5.comments-most-recent {
    float: left;
    display: block;
    padding-left: 70px;
    margin-left: 0px;
    padding-bottom: 5px;
}

div.toolbar-comments h5.comments-see-all {
    float:right;
    display: block;
    padding-bottom: 5px;
    padding-right: 5px;
}

div.toolbar-comments h5.comments-see-all a {
    line-height: inherit;
    margin-top: 0px;
    margin-bottom: 0px;
}

li.second div.toolbar-comments h5.message-loading {
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

li.second div.toolbar-comments img.ajax-loader {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

li.second div.toolbar-comments div.thread-break {
    margin-top: 5px;
    margin-bottom: 10px;
}

div.toolbar-comments p.no-comment {
    color: #999;
    font-size: 18px;
    margin-top: 0px;
}

/* MAIN A-Z List */
ul.az-list {
    float: left;
    width: 180px;
    padding: 20px 10px 20px 0;
}

ul.az-list li {
    padding-bottom: 5px;
    clear: left;
    position: relative;
    height: auto;
}

ul.az-list li a {
    line-height: 11px;
}

ul.az-list li a.alpha_list {
    float: left;
    padding-left: 16px;
    margin: 2px;
    display: block;
    width: 160px;
    border-bottom: 1px solid #e2e2e2;
    line-height: 26px;
}

ul.az-list li a.updated {
    text-decoration: none;
    background: url('/images/icon/bullet-orange.png') no-repeat left 5px;
}

ul.az-list li.rss a {
    line-height: 18px;
    display: block;
    padding-left: 20px;
}

ul.az-list li.rss a:hover {
    background: url('/images/icon/news-small.png') no-repeat;
}

ul#blog li a img {
    position: absolute;
    left: 0;
}

ul#blog li a {
    font-size: 12px;
    color: #424242;
    line-height: 14px;
    display: block;
    padding: 0 0 10px 70px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

ul#blog li.last a {
    border: none;
}

ul#blog li a strong {
    font-size: 16px;
    font-weight: normal;
    color: #3a3a3a;
    display: block;
    padding-bottom: 5px;
}

ul#blog li a em {
    display: block;
    font-size: 11px;
    color: #aaa;
    padding-top: 5px;
}

ul#blog li a span {
    color: #3993be;
}

div#content ul.activity li {
    padding-left: 30px;
    line-height: 30px;
}

ul.activity li.fav {
    background: url('/images/icon/favorite-small.png') no-repeat 0 center;
}

ul.activity li.comment {
    background: url('/images/icon/comment.png') no-repeat 0 center;
}

/* FORM STYLES --------------------------------------------------------------------------*/
input, textarea {
    background: #fff url('/images/bg-input.gif') no-repeat;
    border: 1px solid #a9a9a9;
    padding: 7px;
    font: 12px/12px Arial, Tahoma, serif;
}

textarea.expandingArea {
    vertical-align: top;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    word-wrap: break-word;
    padding: 10px;
}

input.error {
    border: 1px solid #d73434;
}

input:focus {
    border: 1px solid #64a30b;
}

select.select-new {
    border: 1px solid #CCC;
}

form input.large, form.full_form label.large, form.full_form select.large {
    width: 300px;
}

form.full_form input.med, form.full_form label.med, form.full_form select.med {
    width: 140px;
}

form.full_form input.small, form.full_form label.small, form.full_form select.small {
    width: 80px;
}

form.full_form input.tiny, form.full_form label.tiny, form.full_form select.tiny {
    width: 20px;
}

.fieldWithErrors, .field_with_errors {
    display: inline;
}

input.fieldWithErrors, input.field_with_errors {
    border: 1px solid #cc0000;
}

form.full_form label.fieldWithErrors, form.full_form label.field_with_errors {
    color: #cc0000;
}

div#sidebar form p {
    padding-bottom: 2px;
}

div.radio-list {
    float: left;
    padding-bottom: 12px;
    line-height: 22px;
}

form.full_form {
    padding-top: 10px;
    width: 600px;
}

div.half-col form.full_form {
    width: 100%;
    margin-bottom: 30px;
}

form.full_form label, form.password-form label, form.login-form label, form.full_form p.indent em span {
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
    color: #3a3a3a;
    width: 170px;
    float: left;
    text-align: right;
    padding-right: 20px;
}

div.half-col form.full_form label {
    width: 130px;
}

form.full_form label em, form.full_form p.indent em span {
    color: #eb7234;
    float: none;
}

div#content form.full_form p, form.login-form p {
    clear: left;
    padding: 0 0 3px 0;
}

div#content form.full_form p.indent, div#content-full form.full_form p.indent {
    padding-left: 190px;
}

form.full_form span {
    font-size: 11px;
    font-style: italic;
}

form.full_form fieldset {
    padding-bottom: 7px;
}

form.full_form input {
    width: 250px;
    margin-bottom: 7px;
}

form.login-form label {
    width: 100px;
    padding-right: 15px;
}

form.login-form p.indent {
    padding-left: 115px;
}

form p.indent label {
    float: none;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

/* EDIT PROFILE */
div.half-col form.full_form p {
    padding-bottom: 3px;
    line-height: 30px;
}

div.half-col form.full_form textarea {
    width: 250px;
    height: 70px;
}

div#full form.full_form p.indent {
    padding-left: 147px;
}

/* CONTACT PAGE */
div#content-full form.full_form textarea {
    width: 350px;
    height: 150px;
}

/* SITE SEARCH*/
form#site_search {
    clear: both;
    float: right;
    display: block;
    width: 260px;
    position: relative;
    top: -35px;
    margin-bottom: -35px;
}

form#site_search input {
    float: left;
    width: 220px;
    position: relative;
    height: 14px;
}

form#site_search_footer input {
    width: 220px;
}

form#site_search button {
    display: block;
    float: left;
    background: url('/images/btn-search-arrow.jpg') no-repeat;
    width: 20px;
    height: 30px;
    line-height: 20px;
    text-indent: -9999px;
    margin: 0 0 0 0;
}

/* BUTTONS */
form#site_search_footer button, div.comment_form form button, form button.small, button.large, div#signupForm p a.large, input.avatar_submit {
    background: url('/images/btn-search.gif') no-repeat;
    width: 98px;
    height: 34px;
    color: #fff;
    font: 15px/32px Arial, Times, serif;
    text-transform: uppercase;
    cursor: pointer;
}

input.avatar_submit {
    border: 0px;
    line-height: 20px;
}

form#site_search_footer button:hover, div.comment_form form button, form button.small:hover, input.avatar_submit:hover {
    background-position: 0 -34px;
}

form#site_search_footer button {
    display: block;
    margin-top: 10px;
}

div.comment_form form button, .comment-form form button, ol.reply-thread button, button.medium {
    color: #fff;
    font: 15px/32px Arial, Times, serif;
    text-transform: uppercase;
    background: url('/images/btn-comments.png') no-repeat;
    width: 166px;
    height: 42px;
}

.comment-panel-container form button {
    margin-top: 12px;
    margin-bottom: 0px;
}

button.large, div#signupForm p a.large, .large-button {
    background: url('/images/btn-large.png') no-repeat;
    width: 250px;
    height: 42px;
}

div.comment_form form button:hover, button.large:hover, div#signupForm p a.large, button.medium:hover, .large-button:hover {
    background-position: 0 -42px;
}

form#feature_comment {
    float: left;
    width: 300px;
}

div.comment_form form textarea {
    width: 340px;
    margin-bottom: 5px;
}

/* Branding Color Buttons */

/* Urgent - Pro Callouts, Important Actions */
a.button-urgent, button.button-urgent {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 10px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 1px 1px 1px #DDD;
  -moz-box-shadow: 1px 1px 1px #DDD;
  box-shadow: 1px 1px 1px #DDD;
  text-shadow: 1px 1px 3px #e75000;
  border: solid #e75000 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3ae85), to(#e75000));
  background: -moz-linear-gradient(top, #f3ae85, #e75000);
  background: -ms-linear-gradient(top, #f3ae85, #e75000);
  background: -o-linear-gradient(top, #f3ae85, #e75000);
  background: linear-gradient(top, #f3ae85, #e75000);  
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3ae85, endColorStr=#e75000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3ae85, endColorStr=#e75000);
  display:inline-block; /* IE is so silly */
}
div#user-nav a.button-urgent:hover, a.button-urgent:hover, button.button-urgent {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e75000), to(#f3ae85));
  background: -moz-linear-gradient(top, #e75000, #f3ae85);
  background: -ms-linear-gradient(top, #e75000, #f3ae85);
  background: -o-linear-gradient(top, #e75000, #f3ae85);
  background: linear-gradient(top, #e75000, #f3ae85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3ae85, endColorstr=#e75000);
}

/* Account - Actions related to Free Accounts, Registration, etc. */
a.button-account, button.button-account {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 10px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: 0px 1px 6px #888;
  -webkit-box-shadow: 0px 1px 6px #888;
  box-shadow: 0px 1px 6px #888, #64A30B;
  text-shadow: 1px 1px 3px #64A30B;
  border: solid #88C139 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#74AD25), to(#64A30B));
  background: -moz-linear-gradient(top, #74AD25, #64A30B);
  background: -ms-linear-gradient(top, #74AD25, #64A30B);
  background: -o-linear-gradient(top, #74AD25, #64A30B);
  background: linear-gradient(top, #74AD25, #64A30B);  
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#74AD25, endColorStr=#64A30B);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#74AD25, endColorStr=#64A30B);
  display:inline-block; /* IE is so silly */
}
a.button-account:hover, input.button-account:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#64A30B), to(#74AD25));
  background: -moz-linear-gradient(top, #64A30B, #74AD25);
  background: -ms-linear-gradient(top, #64A30B, #74AD25);
  background: -o-linear-gradient(top, #64A30B, #74AD25);
  background: linear-gradient(top, #64A30B, #74AD25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#64A30B, endColorstr=#74AD25);
}

/* New - Blue Profile Settings, Functionality Actions. Example: SAVE, EDIT, etc.; */
a.button-new, a.button-unsubscribe, input.button-new {
    text-align: center;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
    background: -moz-linear-gradient(top, #EEE, #DDD);
    background: -ms-linear-gradient(top, #EEE, #DDD);
    background: -o-linear-gradient(top, #EEE, #DDD);   
    background: linear-gradient(top, #EEE, #DDD);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #CCC;
    padding: 8px 16px;
    color: inherit;
    font-size: 12px;
}

a.button-new:hover, input.button-new:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#6999B7), to(#5483A1));
    background: -moz-linear-gradient(top, #6999B7, #5483A1);
    background: -ms-linear-gradient(top, #6999B7, #5483A1);
    background: -o-linear-gradient(top, #6999B7, #5483A1);
    background: linear-gradient(top, #6999B7, #5483A1);
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

a.button-new-inverse, input.button-new-inverse {
    background: -webkit-gradient(linear, left top, left bottom, from(#6999B7), to(#5483A1));
    background: -moz-linear-gradient(top, #6999B7, #5483A1);
    background: -ms-linear-gradient(top, #6999B7, #5483A1);
    background: -o-linear-gradient(top, #6999B7, #5483A1);
    background: linear-gradient(top, #6999B7, #5483A1);
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    display: block;
    font-size: 12px;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid #5483A1;
}

a.button-new-inverse:hover, input.button-new-inverse:hover {

    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
    background: -moz-linear-gradient(top, #EEE, #DDD);
    background: -ms-linear-gradient(top, #EEE, #DDD);
    background: -o-linear-gradient(top, #EEE, #DDD);
    background: linear-gradient(top, #EEE, #DDD);
    border: 1px solid #CCC;
    color: #474747;
}

body div.options-box ul.tab-controls li.unsubscribed {
    background: none !important;
    left: 0px;
}

body div.options-box ul.tab-controls li.unsubscribed span.button-unsubscribed {
    padding: 0px 10px;
    margin-right: 10px;
    font-weight: bold;
    color: #474747;
    margin-right: 0px;
    line-height: 40px;
    background: none !important;
}

/* SHARE EMAIL POP UP */

body.pro form.share-email, body.free form.share-email {
    border-right: 1px solid #DDDDDD;
}

form.share-email {
    width: 280px;
    float: left;
    margin: 0px 0px 10px 0px;
}

.guest form.share-email {
    padding-bottom: 20px;
}

form.share-email p label {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #3a3a3a;
    margin: 0 auto;
    padding: 0;
    display: block;
    text-align: left;
    width: 230px;
}

label.hide_label {
    display: none !important;
}

form.share-email p textarea, form.share-email p input {
    width: 230px;
    margin: 0 0 3px 0;
    padding: 4px;
}

form.share-email p textarea {
    height: 100px;
}

form.share-email button {
    margin: 10px 0px 15px 0px;
}

form.share-email p {
    padding: 0;
    margin: 0;
    line-height: 14px;
}

form.share-email p em {
    text-align: right;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
}

.guest form.share-email p {
    padding-top: 10px;
}

div.share-link label {
    color: #e75000;
    line-height: 14px;
    display: inline;
    float: none;
}

div.share-link input {
    padding: 4px;
    width: 280px;
    display: inline;
    float: none;
    font-size: 11px;
}

form.share-email p a {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    color: #3993be;
}

ul.toolbar-comments {
    padding: 10px 25px 25px;
}

li.second h5 {
    text-align: left;
    padding-bottom: 10px;
    padding-left: 70px;
}

div.share-box div.comment_form form textarea, .collection div.share-box div.comment_form form textarea {
    width: 250px;
    height: 150px;
    margin: 0 0 5px 0;
    padding: 0;
}

div.share-box div.comment_form a {
    display: inline;
    background: none;
    color: #3993be;
    text-transform: none;
    font-size: 12px;
}

div.share-box form.create-collection {
    height: 180px;
    margin-left: 40px;
    position: relative;
}

div.share-box form.create-collection h5 {
    margin-right: 40px;
}

div.share-box form.create-collection p {
    text-align: left;
    width: 250px;
    padding-bottom: 10px;
}

div.share-box form.create-collection input#shared, div.share-box form.create-collection button {
    margin-right: 5px;
}

div.share-box form.create-collection p a, div.share-box form.create-mycomicspage p a {
    display: inline;

    color: #3993be;
    font-size: 12px;
}

div.share-box form.create-collection p label, div.share-box form.create-mycomicspage p label {
    display: block;
    font-weight: bold;
}

div.share-box form.create-collection p label.inline {
    display: inline;
    padding-left: 10px;
}

div.share-box form.create-collection p.collection_desc {
    position: absolute;
    left: 220px;
    top: 24px;
    float: none;
}

div.share-box form.create-mycomicspage {
    float: left;
    width: 320px;
}

div.share-box form.create-mycomicspage p {
    padding-bottom: 10px;
}

div.share-box form.create-mycomicspage input {
    width: 190px;
}

div.share-box div.sm-col p {
    font-size: 11px;
    line-height: 14px;
    padding-bottom: 10px;
    text-align: left;
}

div#header-signin {
    display: block;
    position: absolute;
    right: 6px;
    top: 0;
    width: 269px;
    height: 110px;
    background: url('/images/bg-header-login.jpg') no-repeat;
}

div#header-signin form {
    margin-left: 15px;
    color: #fff;
}

div#header-signin input {
    width: 130px;
    padding: 4px;
}

div#header-signin label {
    display: none;
}

div#header-signin h2 {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    margin: 15px 0 4px 15px;
    padding: 0;

}

div#header-signin h2 a, div#header-signin form p a:hover {
    color: #ffe66f;
    text-decoration: none;

}

div#header-signin h2 a:hover, div#header-signin form p a {
    text-decoration: underline;
    color: #ffe66f;
}

div#header-signin form p {
    width: 100%;
    line-height: 12px;
    margin: 0;
    padding: 0 0 2px 0;
    text-transform: none;
    color: #fff;
}

div#header-signin form p.remember-me {
    margin-top: -3px;
}

div#header-signin form button {
    width: 87px;
    height: 39px;
    background: url('/images/btn-hdr-signin.jpg') no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 37px;
    right: 16px;
}

div#header-signin form button:hover {
    background-position: 0 -38px;
}

div#header-signin form p a.help {
    position: absolute;
    right: 22px;
    top: 73px;
    text-transform: none;
}

div#header-signin form p a.pro-link {
    position: absolute;
    right: 58px;
    top: 73px;
    text-transform: none;
}

/* SEARCH RESULTS FORM */
.search form.main_search {
    margin: 0px 0px 0px 25px;
}

.search form.main_search input {
    width: 340px;
    font-size: 14px;
    padding: 10px 10px 11px;
    float: left;
    position: relative;
    margin: 0;
}

.search button.btn-search {
    width: 100px;
    height: 39px;
    background: url('/images/btn-search.png') no-repeat right top;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    float: left;
    position: relative;
    margin: 0;
}

.search button.btn-search:hover {
    background-position: right -39px;
}

/* SIGN IN FORM */
.signin h2 {
    text-align: center;
    padding-top: 40px
}

.signin div.half-col {
    text-align: center;
}

.signin div.half-col form {
    text-align: left;
    margin: 10px 0 40px 70px;
}

/* FORGOTTEN PASSWORD FORM */
form.password-form {
    margin-top: 10px;
}

form.password-form p.indent {
    padding: 10px 0 0 115px;
}

form.password-form label {
    width: 100px;
    text-align: left;
}

/* COLLECTIONS */
.collection form.inplaceeditor-form textarea {
    width: 400px;
    height: 80px;
}

/* EDIT COMMENTS */
form.edit-comment {
    padding: 20px 0;
}

form.edit-comment p {
    font-size: 15px;
    line-height: 22px;
    padding-left: 77px;
}

form.edit-comment a.avatar {
    float: left;
    width: 72px;
}

form.edit-comment a.avatar img {
    border: 1px solid #666;
}

/* FORM RESETS */
form.full_form input[type="radio"], form.full_form input[type="checkbox"], input[type="radio"], input[type="checkbox"] {
    display: inline;
    margin: 0;
    padding: 0;
    width: auto;
    border: none;
    background: none;
}

div#header form.login-form input.checkbox, input.checkbox, div#sidebar input.checkbox,
div#content form.full_form p input.checkbox,
div#content input.radio, input.radio {
    display: inline;
    margin: 0;
    padding: 0;
    width: auto;
    border: none;
    background: none;
}

div.comments, div.ad {
    z-index: 0;
}

div.feature {
    z-index: 0;
}

/* MAIN COLUMN -----------------------------------------------------------------*/
/* General Styles --------*/
p.search-support {
    line-height: 18px;
    font-weight: bold;
    padding-top: 15px;
}

/* House Ad --------------*/
.ad-house {
    width: 310px;
    height: 154px;
}

#sidebar .supportive-panel div.ad-house img {
    margin: 0px auto;
    display: block;
}

#huge-db {
    padding-bottom: 20px;
}

.comments-page h1 {
    margin: 0;
    padding: 25px 0 10px;
    color: #444444;
    float: none;
    font-size: 24px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

/* SUPPORTIVE PANEL ------------------------------------------------------------*/
/* Cascading Supportive Panel (Extends the Styling Faux Column) */
#sidebar .supportive-panel, .toast-panel {
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    background: -moz-linear-gradient(top,  #EAEAEA 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EAEAEA), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top,  #EAEAEA 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top,  #EAEAEA 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top,  #EAEAEA 0%,#f8f8f8 100%);
    background: linear-gradient(top bottom,  #EAEAEA 0%,#f8f8f8 100%);
    float: right;
    margin: 0px 0px 30px 0px;
    padding: 5px 15px 5px 5px;
    width: 100%;
}

.toast-panel-inverse {
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #EAEAEA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#EAEAEA));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#EAEAEA 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#EAEAEA 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#EAEAEA 100%);
    background: linear-gradient(top bottom,  #f8f8f8 0%,#EAEAEA 100%);
    float: right;
    margin: 0px 0px 30px 0px;
    padding: 5px 15px 5px 5px;
    width: 100%;
}

.supportive-panel ul li img {
    margin-right: 10px;
}

.search div#sidebar .col {
    margin-right: -30px;
}

.search div#sidebar h2 {
    border: 0px;
    padding-bottom: 3px;
}

#sidebar div.supportive-panel a.btn-thin-med {
    margin: 0px auto;
}

#zoom {
    z-index: 100000000;
}

div#help-content {
    margin-right: 40px;
}

div#help-content p, div#help-content ol li {
    line-height: 1.5em;
}


/*
SITE TAKEOVER STYLES
Current: Ziggy | 06.01.11 -
Previous: Peanuts | 03.03.11 - 04.01.11
*/
/* .homepageguest div#content-wrapper div.container, .homepageguest div#header, .homepageguest div#wrapper { background-image:url('/images/content-top-collage-ziggy.gif') !important; } */
.homepageguest.homepage {
    background-position-y: 106px;
}

.homepageguest.homepage div#wrapper {
    background-position-y: 106px;
}

.homepageguest div.masthead {
    width: 100%;
    padding-top: 5px;
    margin: 0px auto;
    text-align: center;
    height: 106px;
    background-color: #FCFCFC;
}