/* @override 
	http://magcloud.local/stylesheets/core.css
*/

/* base
--------------------------------------------- */
/* self-clearing floats
--------------------------------------------- */
html, body {
    height: 100%;
}

body {
    /* padding-top: 6px; */
    color: #383131;
    font-family: Verdana, Arial, Sans-Serif;
    background: white;
}

    body.deprecated {
        font-family: Georgia, "Times New Roman", serif;
    }

.hide {
    display: none;
}

#screenLog {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100px;
    font-size: 7px;
    overflow-y: scroll;
    background: black;
    color: white;
    z-index: 9999;
}

    #screenLog.right {
        left: auto;
        right: 0;
    }

.f-right {
    float: right;
}

.f-left {
    float: left;
}

.mrg-left10 {
    margin-left: 10px;
}

.mrg-left20 {
    margin-left: 20px;
}

/* links */

a, a:link, a:visited
{
    /*color: #0e467d;*/
    /*color: #888888;*/
    color: #485ff0;
    text-decoration: none;
}

    a.dead, a.dead:link, a.dead:visited, a.dead:hover {
        color: #383131;
        cursor: text;
        text-decoration: none;
    }

    a.page-action {
        font-weight: bold;
    }

    a.next::after, button.next::after {
        content: " »";
    }

    a:hover {
        /*color: #1569bc;*/
        color: #485ff0;
        text-decoration: underline;
    }

    /* TODO: Remove? ---------- */
    a img {
        vertical-align: middle;
    }



/* Main Navigation in Header Links (Product, Solutions, Create, Shop)*/
.mc-header .mc-nav a, .mc-header .mc-nav a:link, .mc-header .mc-nav a:visited {
    color: #555555;
    text-decoration: none;
}
.mc-header .mc-nav a:hover {
    color: #555555;
    text-decoration: underline;
}

.blue-link a, .blue-link a:link, .blue-link a:visited
{
    color: #485ff0 !important;
    text-decoration: none;
}
.blue-link a:hover 
{
    color: #485ff0 !important;
    text-decoration: underline;
}



/*Navigation links*/

.grey-link a, .grey-link a:link, .grey-link a:visited,
.mc-header a, .mc-header a:link, .mc-header a:visited ,
.mc-footer a, .mc-footer a:link, .mc-footer a:visited,
h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
/*.heading .section a, .heading .section a:link, .heading .section a:visited,*/
#sectionNav a, #sectionNav a:link, #sectionNav a:visited,
a.issue-title, a.issue-title:link, a.issue-title:visited,
.item a.title, .item a.title:link, .item a.title:visited,
a.back, a.back:link, a.back:visited,
.back a, .back a:link, .back a:visited,
/*a.next, a.next:link, a.next:visited,*/
.title-container a, .title-container a:link, .title-container a:visited,
a.title-issue-name, a.title-issue-name:link, a.title-issue-name:visited,
a.item-link, a.item-link:link, a.item-link:visited,
a.item-link .first-label, a.item-link .first-label:link, a.item-link .first-label:visited,
/*a.author-link, a.author-link:link, a.author-link:visited,*/
/*a.category-link, a.category-link:link, a.category-link:visited,*/
a.publication-name, a.publication-name:link, a.publication-name:visited,
.publication-name a, .publication-name a:link, .publication-name a:visited,
.main-link a, .main-link a:link, .main-link a:visited,
.more a, .more a:link, .more a:visited,
a.magazinelink, a.magazinelink:link, a.magazinelink:visited,
/*.footer-controls a, .footer-controls a:link, .footer-controls a:visited*/
.search-item-content a, .search-item-content a:link, .search-item-content a:visited,
a.user-link, a.user-link:link, a.user-link:visited,
.issue-results a, .issue-results a:link, .issue-results a:visited
{
    color: #888888;
    text-decoration: none;
}

.grey-link a:hover,
.mc-header a:hover,
.mc-footer a:hover,
h1 a:hover,
h2 a:hover, 
h3 a:hover,
/*.heading .section a:hover ,*/
#sectionNav a:hover,
a.issue-title:hover,
.item a.title:hover,
a.back:hover,
.back a:hover,
/*a.next:hover,*/
.title-container a:hover,
a.title-issue-name:hover,
a.item-link:hover,
a.item-link .first-label:hover,
/*a.author-link:hover,*/
/*a.category-link:hover,*/
a.publication-name:hover,
.publication-name a:hover,
.main-link a:hover,
.more a:hover,
a.magazinelink:hover,
/*.footer-controls a:hover*/
.search-item-content a:hover,
a.user-link:hover,
.issue-results a:hover
{
    color: #888888;
    text-decoration: underline;
}



img.cover {
    border: 1px solid #352D2D;
}

    img.cover.bordered {
        border-width: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    img.cover.success {
        border-color: #009900;
    }

    img.cover.warning {
        border-color: #FF9900;
    }

    img.cover.error {
        border-color: #B7090A;
    }

a.cover img, img#backCoverShadow, #contentWarning img.cover {
    border: 1px solid #dedede;
    margin: 0px;
}

a.cover:hover img {
    border: 1px solid #06C;
}

/* END TODO: Remove? ------------ */


/* phrasing */

sup {
    font-size: 80%;
    vertical-align: top;
}

sub {
    vertical-align: sub;
    font-size: 80%;
}
/*abbr, acronym {
    font-size: .8em;
    letter-spacing: .1em;
}*/
#heading-description abbr,
#createIssueMain abbr,
.browse .header .info abbr,
table.order-collapsed abbr,
table.purchases abbr,
.header-label abbr { /* TODO: blacklist instead of whitelist? If so, Verdana fonts need blacklisting. */
    font-size: .8em;
    letter-spacing: .1em;
}

abbr {
    text-transform: uppercase;
}

span.amp {
    font-family: Baskerville, Palatino, serif;
}

span.strikethrough, .strikethrough {
    text-decoration: line-through;
}

span.strikethrough-emphasized, .strikethrough-emphasized {
    text-decoration: line-through;
    font-style: italic;
}

span.error, span.formError, p.error {
    color: #B7090A !important;
}

span.warning, span.formWarning, p.warning, a.warning {
    color: #FF9900 !important;
}

.callout span.error {
    color: #FF99B0;
}

span.prefix {
    /*color: #837C7C;*/ /*#6B7373;*/
    color:#333333
}

.proper {
    text-transform: capitalize;
}

/* headings */

h1, h2, h3, h4, h5, h6 {
    color: #333333 /*!important*/; /* was: 383131 and before it was: 1e1a1a */
}

    h1.soft, h2.soft, h3.soft, h4.soft, h5.soft, h6.soft {
        color: #6B7373;
    }

    h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 abbr, h6 abbr, dt abbr {
        font-size: 1em;
    }

h1 {
    font-weight: bold;
    font-size: 27px;
    line-height: 36px;
    /* margin-bottom: 13px; */
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
}

    h1 em {
        font-weight: normal;
        color: #837C7C;
    }

    /*h1 a span.prefix {
        color: #0e467d;
    }*/

/*h2, h3, h4 {
    text-transform: uppercase;
}*/
/*h2:first-letter, h3:first-letter, h4:first-letter {
	font-size: 1.1em;
	}*/
h2 {
    font-size: 18px;
}

.primary.section h2,
#layoutSelectionContainer h2,
.mini.module h2 {
    background: #394255 url(/images/layout/header-background-pattern.png) repeat-x 0 0;
    padding: 5px 13px;
    font-size: 15px;
    color: #EBF3F4;
    text-shadow: 0px 1px 0px #1E2634;
    filter: dropshadow(color=#1E2634, offx=0, offy=2);
}

    .mini.module h2 a.dead {
        color: #EBF3F4;
        display:inline-block;
        padding-top:2px;
    }

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

.main h2,
.header h2,
#heading-title h3,
.control-bar h2,
#sidepane h2 {
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
}

div.header.left-right-fade > h2 {
    float: none;
    text-align: center;
    background: transparent url(/images/backgrounds/header-leftright-fade.png) no-repeat 0 11px;
    margin-right: 0;
    font-size: 19px;
    margin-bottom: 23px;
}

/*.main h2 > span {
    color: #837C7C;
}*/

.main h3,
.header h3,
#heading-title h3,
.footer-section h3,
table.purchases h3,
#sidepane h3 {
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
}

#sidepane h3 {
    margin-bottom: 14px;
}

.sidebar-section h3 {
    margin-top: 6px;
}

.main h2.alternate, .header h2.alternate,
.main h3.alternate, .header h3.alternate {
    font-family: Georgia, "Times New Roman", serif;
}

.main h2.alternate, .header h2.alternate {
    font-size: 21px;
}
/* TODO: deprecate -- publisher's desk only? */
.main.issue h3, .main.magazine h3 {
    font-family: Georgia, "Times New Roman", serif;
}

.main h2, .main h3, .main h4, .main h5 {
    /* margin-bottom: 12px;*/
    margin-bottom: 5px;
}

    .main h2.inline, .main h3.inline, .main h4.inline {
        margin-bottom: 0px;
    }

.header h2, .header h3, .header h4 {
    margin-bottom: 12px;
}

h3.minor-page-header {
    float: right;
    color: #837C7C;
    font-size: 18px;
    font-family: 'Trebuchet MS', Trebuchet, Sans-Serif;
    font-weight: bold;
    margin-top: 16px;
}

.featured .issue.group {
    position: relative;
}

.featured img.badge {
    position: absolute;
    top: 12px;
    left: -9px;
    z-index: 5;
}
/* typography */

.title {
    font-weight: bold;
}

.byline, .subtitle {
    font-weight: normal;
    font-style: italic;
}

.mc-color {
    color: #0E467D;
}

.sans-serif, .control-bar p {
    font-family: Verdana, Arial, Sans-Serif;
}

.sans-serif2 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
}

.sans-serif3 {
    font-family: 'Trebuchet MS', Trebuchet, Sans-Serif;
    *line-height: 24px;
}


/* lists */

ol {
    list-style-type: decimal;
}

div.main ol li {
    padding-bottom: 12px;
}

div.main ol.metricHistogram li {
    padding-bottom: 0;
}

div.main.copy ol li,
div.main.copy ul li {
    padding-bottom: 10px;
}

div.main.copy ul.info li {
    padding-bottom: 0;
}

ul.bullets,
.content ul,
.content ol {
    /*margin-left: -18px;
    padding-left: 18px;*/
    margin-left: 20px;
    margin-bottom: 8px;
}

div.main ul.bullets p {
    margin-bottom: 4px;
}

body.deprecated ul.bullets {
    margin-left: -18px;
    padding-left: 18px;
}

.sidebar-section ul.bullets {
    margin-left: 0;
}

ul.bullets, .content ul {
    list-style: url(/images/lightbullet.png) outside;
}

ul.arrow.bullets {
    list-style: url(/images/arrow-bullet.png) outside;
}

.content .form-container ul {
    list-style: none;
    *list-style-image: none;
}

div.main ul.bullets li {
    color: #535959;
    padding-bottom: 12px;
}

div.main.copy ul.bullets li {
    padding-bottom: 10px;
}

div.main ul.bullets li strong {
    color: #383131;
    font-weight: bold;
}

ul.regular {
    margin-bottom: 18px;
    margin-left: 28px;
}

    ul.regular li,
    .form-container ul.regular li {
        line-height: 1.4em;
        color: #383131;
        list-style-type: disc;
    }

.form-container ul.tight-list {
    margin-left: 10px;
    float: left;
}

    .form-container ul.tight-list li {
        margin: 0px;
    }

ul.notes {
    color: #837c7c;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    line-height: 15px;
    margin: 10px 0;
}

    ul.notes li {
        margin-bottom: 5px;
    }

/* layout
--------------------------------------------- */

div.hr {
    height: 1px;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    clear: both;
}

#sidepane div.hr {
    margin-bottom: 12px;
    margin-top: 16px;
}

hr {
    display: none;
}

    hr.hr {
        border-color: #D0D0D0;
        border-width: 0;
        border-bottom-width: 1px;
        height: 1px;
        display: block;
        clear: both;
        margin: 16px 0;
        float: left;
        width: 100%;
    }

/* blb- prefixed CSS classes are new styles added by Blurb Team */
#container,
.blb-container {
    margin: 0 auto;
    padding: 30px 65px 60px;
    width: 790px;
}
.blb-container {
    padding-top: 0;
}
#container {
    padding-bottom: 0;
}

#content,
.blb-content {
    margin-top: 2px;
    padding: 31px 0 0;
    /*position: relative; */
    background: url(/images/layout/global-header-separator.png) no-repeat 0 15px;
}
.blb-content {
    padding-bottom: 9px;
}

.has-promo-banner #content,
#home #content {
    background: none;
    padding-top: 20px;
}
#home .blb-content,
#was_cart .blb-content {
    background: none;
    margin-top: 0;
    padding-top: 0;
}

#mainContainer {
    padding-top: 0;
}

.mainpane {
    width: 556px;
    float: left;
    margin-right: 30px;
}

.main-master .mainpane {
    width: 790px;
    /*float: none;*/
    margin: 0;
}

    .main-master .mainpane div.main.giant-copy {
        margin-left: 80px;
        width: 620px;
    }
/* TODO: reduce specificity */
#sidepane {
    width: 190px;
    float: right;
    padding-top: 15px;
    padding-bottom: 24px;
}

.fullscreen {
    width: 790px;
}

/* Flyouts */
.flyout {
    padding: 4px 8px 0 8px;
    position: absolute;
    z-index: 2000;
    display: none;
    border: 1px solid #D0D0D0;
    border-top: 3px solid #D00C0E;
    background: #fff;
}

    .flyout .flyout-carat {
        position: absolute;
        top: -7px;
        left: 11px;
        width: 7px;
        height: 5px;
        display: block;
        background: url(/images/flyout-carat.png) 0 0 no-repeat;
    }

    .flyout.myMagCloud {
        left: 227px;
        top: 19px;
    }

.my-magcloud-flyout-trigger {
    position: absolute;
    left: 238px;
}

/* header
--------------------------------------------- */

#header {
    position: relative;
}

#sub-header {
    padding: 10px 0;
    font-size: 13px;
    line-height: 19px;
}

#header a.logo img {
    display: block;
    float: left;
    background-color: #D00D0E;
}

/* menu */
#menu {
    color: #837c7c;
    font-size: 12px;
    line-height: 18px;
    float: right;
    width: 536px;
    margin-top: 5px;
}

    #menu p,
    #menu .login-info {
        float: left;
        margin-right: 10px;
    }

    #menu p {
        margin-top: -8px;
    }

    #menu li {
        float: left;
    }

#menu-links,
#optional-menu-links {
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    margin-bottom: 1px;
    height: 15px;
}

    #menu-links ul,
    #optional-menu-links ul {
        float: right;
        margin-top: -4px;
    }

    #menu-links li {
        border-left: 1px solid #ADADAD;
        height: 10px;
    }

#optional-menu-links {
    height: 10px;
    margin-bottom: -15px;
}

    #optional-menu-links li.admin {
        top: 24px;
        border-left: 0;
        margin-left: 10px;
    }

        #optional-menu-links li.admin a {
            display: block;
            padding: 0;
            height: 19px;
            width: 59px;
            background: url(/images/buttons/admin_flag.png) no-repeat 0 0;
        }

            #optional-menu-links li.admin a:hover {
                text-decoration: none;
            }

#menu-links li:first-child {
    border: none;
}

#menu-links li a {
    padding: 0 10px;
    display: block;
    margin-top: -4px;
}

#menu-links li:last-child a {
    padding-right: 0;
}

#menu-links li:first-child a {
    padding-left: 0;
}

#menu-links .flyout ul {
    clear: both;
}

#menu-links .flyout li {
    border-left: none;
    border-bottom: 1px solid #ADADAD;
    clear: both;
    padding: 8px 0;
    width: 107px;
}

#menu-links li:last-child {
    border-bottom: none;
}

#menu-links .flyout li a {
    padding: 0;
}

#menu-links span.icon {
    margin-top: 4px;
}

#menu-links span,
#usernameHeader {
    max-width: 75px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#searchContainer {
    top: 38px;
    left: 658px;
    padding-top: 9px;
    position: absolute;
}

#headerSearchButton {
    width: 23px;
    height: 23px;
}

.no-messages a span.contact.icon {
    margin-right: 0;
}

/* nav
--------------------------------------------- */

#nav {
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-size: 19px;
    margin-top: 36px;
    margin-bottom: 2px;
    *overflow: visible;
}

    #nav li {
        float: left;
        height: 14px;
        border-left: 1px solid #ADADAD;
    }

        #nav li:first-child {
            border: none;
            margin-left: 0;
        }

        #nav li a {
            display: block;
            margin: -2px 15px 0 15px;
            padding-bottom: 1px;
        }

        #nav li:first-child a {
            margin-left: 0;
        }

        #nav li.selected a {
            text-decoration: none;
            color: #B7090A;
        }

/* heading
--------------------------------------------- */

div.heading img {
    float: left;
    padding-bottom: 6px;
}

    div.heading img + p {
        width: 695px; /* If the images in the heading are variable width, we can get rid of this and size the paragraphs inline in the page. (okay, because we're already sizing the image inline to fix its pre-loaded space.) */
        padding-top: 12px;
    }

div.heading p,
div.main-master p.heading {
    float: left;
    margin-top: 6px;
    color: #6b7373;
    margin-bottom: 12px;
    width: 790px;
    font-size: 13px;
    line-height: 20px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #5E5656;
}

    div.heading p.last {
        margin-bottom: 0;
    }

    div.heading p.minor {
        font-style: italic;
        font-size: 18px;
        line-height: 24px;
        margin-top: -5px;
        margin-bottom: 21px;
    }

div.heading span.errorIcon {
    float: left;
    display: inline-block;
    width: 40px;
    height: 30px;
    margin-top: 3px;
    background: url(/images/icons/msg-error-big.png) no-repeat 0 0;
}

div.heading ul.errors {
    /*margin: 0px 0px 0px 160px;*/
    margin: 0px 0px 0px 18px;
    padding: 0px 0px 12px 0px;
    width: 480px;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    background: none;
    display: inline-block;
}

    div.heading ul.errors li {
        color: #383131;
        margin-bottom: 6px;
        width: 480px;
        display: list-item;
    }

div.heading h1.error {
    color: #B7090A !important;
}

#heading-title {
    /* height: 100%; */
    min-height: 2px;
    /* margin-bottom: 7px; */
    padding-bottom: 5px;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#heading-description {
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    min-height: 2px; /* This causes a problem in IE7-- the box is not collapsed when empty */
     /*height: 100%; */
}

#heading-title + #heading-description {
    background: none;
    border-top: 2px solid #DEDEDE;
}

body.deprecated #heading-description {
    padding-top: 6px;
}

#heading-description p:first-child {
    padding-top: 0px;
}

body.deprecated #heading-description p:first-child {
    padding-top: 0px;
}
/*div#content.sidepanel-master div.heading p,
div#content.main-master div.heading p {
    font-size: 20px;
    line-height: 28px;
}*/
div.heading p.error {
    color: #B7090A;
    font-style: normal;
}
/* div.heading p em {
    font-style: normal;
} */
div.heading .group h1, div.heading.group h1 {
    float: left;
    margin-bottom: 0px;
}

div.heading span.selected {
    color: #B7090A;
}

/* sections
--------------------------------------------- */

div.section, .clear {
    clear: both;
}

div.separator {
    clear: both;
    padding-top: 18px;
}

div.horizontalrule {
    padding: 0px 0px 2px;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    height: 2px;
}

    div.horizontalrule.lightblue {
        background-image: url(/images/layout/border-dashed-lightblue.png);
    }

div.padded.section-container .section {
    padding-bottom: 18px;
}

div.divided.section-container .section {
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    padding-bottom: 24px;
    *padding-bottom: 16px;
    padding-top: 18px;
}

div.divided.section-container .section-no-border {
    padding-bottom: 24px;
    *padding-bottom: 16px;
    padding-top: 18px;
}

div.divided.section-container > .section:first-child,
div.divided.section-container div.main > .section:first-child {
    background: none;
    /* padding-top: 0; */
}

.three-col div.divided.section-container .section:first-child {
    padding-top: 0;
}

div.solid.divided.section-container .section,
div.section-container .solid.divided.section {
    background: none;
    border-top: 1px solid #DEDEDE;
}

div.solid.divided.section-container .dotted.section {
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    border-top: none;
}

div.solid.divided.section-container > .section:first-child {
    border-top: none;
}
/* div.solid.divided.section-container .section:first-child {
    border-top: none;
} */
div.divided.section-container .section.tight,
div.divided.section-container.tight .section {
    padding-bottom: 0;
}

div.divided.section-container .section.really.tight,
div.divided.section-container.really.tight .section {
    padding-top: 0;
}

div.divided.section-container .section.no-divider {
    background: none;
    border-top: none;
}

div.padded.section-container .section div.header,
div.padded.section-container .section div.main {
    padding-top: 0;
    padding-bottom: 0;
}

div.has-divider, .mainpane div.has-divider {
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
}

.callout div.has-divider {
    background: none;
    border-top: 1px dashed #3C89BE;
}

/* layout */

div.header, div.main, div.category {
    padding: 18px 0 24px;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
}

.mini-sidepanel.section div.header,
.mini-sidepanel.section .sidebar-section {
    padding-bottom: 0;
    margin-bottom: 0;
}

.mini-sidepanel.section .sidebar-section {
    padding-top: 0;
}

    .mini-sidepanel.section .sidebar-section .snug div.main {
        padding-top: 9px;
        padding-bottom: 18px;
    }

div.header.first, div.main.first {
    background: none;
}

div.main.last {
    padding-bottom: 0;
}

div.header.tight, div.main.tight {
    padding: 6px 0 24px;
}

div.header.tight {
    padding-right: 8; /* 20px; */
}
/*div.main.short {
    padding-top: 9px;
    padding-bottom: 18px;
}*/
div.subsequent, p.subsequent {
    background: none;
}

div.header {
    float: left;
    clear: left;
    margin-right: 6px; /* 10px;*/
    padding-right: 0; /*20px; */
    width: 154px;
}

.one-col div.header {
    width: 790px;
    padding-bottom: 0;
    margin-right: 0;
}

    .one-col div.header.separated {
        border-bottom: 1px solid #DCDCDC;
        margin-bottom: 19px;
    }

        .one-col div.header.separated h2,
        .one-col div.header.separated h3 {
            margin-bottom: 5px;
        }

.mini-sidepanel .main-section div.header {
    padding-bottom: 0;
}

.mini-sidepanel .header h2 {
    float: left;
}

.mini-sidepanel .header p.more {
    float: right;
    margin-top: 6px;
    font-style: normal;
    font-size: 11px;
}

.sidepanel-master .one-col div.header,
.main-master .mainpane .mini-sidepanel .main-section div.header,
.main-master .mainpane .mini-sidepanel .main-section div.main {
    width: 565px;
}

.one-col.bordered-header div.header {
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 13px;
}

    .one-col.bordered-header div.header h2 {
        margin-bottom: 6px;
    }

.one-col div.header > * {
    margin-right: 8px;
    float: left;
}

.one-col div.header .secondary {
    float: right;
    margin-right: 0;
}

.one-col div.header h3 {
    margin-top: 4px;
}

.one-col div.header .secondary a.view-all {
    margin-left: 10px;
}

.one-col div.header .secondary .view-all.icon.inline {
    margin-top: -6px;
    margin-bottom: -4px;
    margin-left: 8px;
}

.one-col div.header .smaller.note {
    margin-top: 8px;
}

.one-col div.header + div.main {
    padding-top: 0;
}

.no-horizontal-rule {
    background: none !important;
}

div.main, div.main-container {
    float: left;
}

.mainpane div.header, .mainpane div.main, .mainpane div.category {
    background: none;
}

    .mainpane div.main.footer-controls,
    #contentfooter div.footer-controls {
        background: url(/images/layout/border-dashed.png) repeat-x 0 0;
        padding-bottom: 0;
    }

.mainpane div.main {
    width: 565px;
    /*padding-top: 9px;*/
}

.mini-sidepanel .main-section {
    width: 600px;
    float: left;
}

.main-master .mainpane div.main { /* this is too specific */
    width: 790px;
    /*padding-right: 80px;*/
    /*padding-top: 18px;*/
}

    .main-master .mainpane div.main.tight { /* this is too specific */
        padding-top: 6px;
    }

.main-master .mainpane div.section:first-child div.main,
.main-master .mainpane div.section:first-child div.header {
    background: none;
}

.main-master .mainpane div.section.two-col .main-container div.main {
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
}

    .main-master .mainpane div.section.two-col .main-container div.main:first-child {
        background: none;
    }

.main-master .mainpane .two-col div.main,
.main-master .mainpane .two-col div.main-container {
    padding-right: 0;
    width: 630px;
}

    .main-master .mainpane .two-col div.main.padded { /* this is too specific */
        padding-right: 80px;
        width: 550px;
    }

.main-master .mainpane .two-col-divided div.main {
    padding-right: 90px;
    width: 412px;
}

.main-master .mainpane .three-col div.main {
    padding-right: 20px;
    width: 250px;
}

    .main-master .mainpane .three-col div.main:last-child {
        padding-right: 0;
        padding-bottom: 18px;
    }

.main-master .mainpane .three-col.divided .col {
    border-right: 1px solid #DEDEDE;
    padding-left: 18px;
    padding-right: 18px;
    float: left;
    margin-bottom: 20px;
}

    .main-master .mainpane .three-col.divided .col:first-child {
        padding-left: 2px;
        width: 237px;
    }

    .main-master .mainpane .three-col.divided .col:last-child {
        border-right-style: none;
        border-right-width: 0;
    }

    .main-master .mainpane .three-col.divided .col:last-child {
        padding-right: 0;
    }

.main-master .mainpane .three-col.divided .col {
    width: 233px;
}

    .main-master .mainpane .three-col.divided .col:last-child {
        width: 240px;
    }

#sidepane > :first-child {
    margin-top: 2px;
    margin-bottom: 18px;
}

.two-col .left-col {
    float: left;
}

.two-col .right-col {
    float: right;
}

/* Sidepanel column layouts */
.mainpane .two-col.size1 .left-col {
    width: 240px;
}

.mainpane .two-col.size1 .right-col {
    width: 316px;
}

.mainpane .two-col.size2 .left-col {
    /*width: ???; not currently used */
}

.mainpane .two-col.size2 .right-col {
    width: 405px;
}

/* Other column layouts */
.mainpane .two-col.size3 .left-col {
    width: 320px;
}

.mainpane .two-col.size3 .right-col {
    width: 466px;
}

.mainpane .two-col.size4 .left-col {
    width: 145px;
}

.mainpane .two-col.size4 .right-col {
    width: 520px;
}

.mainpane .two-col.size5 .left-col {
    width: 332px;
}

.mainpane .two-col.size5 .right-col {
    width: 436px;
}

.mainpane .two-col.vertical-divided .left-col {
    border-right: 1px solid #E6E6E6;
    padding: 0 25px 0 80px;
}

.mainpane .two-col.vertical-divided .right-col {
    padding: 0 0 0 18px;
}

#contentWarning {
    margin: 26px 0 50px 0;
}

/* feeds */

.rss.section {
    padding: 12px 0;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    font-size: 11px;
}

    .rss.section p.feeds {
        float: left;
        line-height: 16px;
    }

    .rss.section p.about {
        float: right;
    }


/* section -> header
--------------------------------------------- */

div.header p,
td.note {
    margin-top: 10px;
    margin-right: 4px;
    font-size: 11px;
    line-height: 16px;
    font-family: Verdana, Arial, Sans-Serif;
}

.one-col div.header p {
    margin-top: 6px;
}
/* info */
div.note.section {
    margin: 56px 80px 50px 80px;
    font-size: 18px;
    line-height: 28px;
}

div.header dl {
    font-family: Verdana, Arial, Sans-Serif;
}

    div.header dl.info {
        margin-bottom: 24px;
    }

        div.header dl.info dt {
            margin-top: 18px;
            margin-bottom: 6px;
            font-size: 12px;
            color: #837c7c;
        }

            div.header dl.info dt.first {
                margin-top: 0;
            }

        div.header dl.info dd {
            font-size: 12px;
            line-height: 18px;
        }

            div.header dl.info dd.mini {
                font-size: 11px;
                line-height: 18px;
            }

            div.header dl.info dd.title {
                margin-top: 9px;
                margin-bottom: 0;
            }


/* section -> main
--------------------------------------------- */

div.main {
    font-size: 12px;
    line-height: 18px;
}

body.deprecated div.main {
    font-size: 16px;
    line-height: 24px;
}

/* May be able to refactor out -- same as default */
div.main.copy, .form-container ul.copy, p.copy, span.copy, div.main .copy {
    font-size: 12px;
    line-height: 18px;
}

body.deprecated div.main.copy,
body.deprecated .form-container ul.copy,
body.deprecated ul.copy,
body.deprecated p.copy,
body.deprecated div.main .copy {
    font-size: 14px;
    line-height: 21px;
}

div.main.copy.bigger,
.form-container ul.copy.bigger,
p.copy.bigger,
span.copy.bigger,
.copy.bigger {
    font-size: 13px;
    line-height: 21px;
}

body.deprecated div.main.copy.bigger,
body.deprecated .form-container ul.copy.bigger,
body.deprecated p.copy.bigger,
body.deprecated span.copy.bigger,
body.deprecated .copy.bigger {
    font-size: 15px;
}

div.main.copy.less-bigger,
.form-container ul.copy.less-bigger,
p.copy.less-bigger,
span.copy.less-bigger,
.copy.less-bigger {
    font-size: 14px;
    line-height: 21px;
}

div.main.copy.more-bigger,
.form-container ul.copy.more-bigger,
p.copy.more-bigger,
span.copy.more-bigger,
.copy.more-bigger {
    font-size: 15px;
    line-height: 24px;
}

div.main.copy.small,
.form-container ul.copy.small,
p.copy.small,
span.copy.small,
.form-container.copy.small ul {
    font-size: 12px;
}

div.main.copy.smallest,
.form-container ul.copy.smallest,
p.copy.smallest,
span.copy.smallest,
.form-container.copy.smallest ul {
    font-size: 11px;
    line-height: 16px;
}

div.main.giant-copy,
.giant-copy {
    font-size: 18px;
    line-height: 24px;
}

div.main.gigantic-copy,
.gigantic-copy {
    font-size: 21px;
    line-height: 24px;
}

.light-emphasis.note strong,
.light-emphasis .note strong {
    font-weight: normal;
    color: #383131;
}

div.main p, div.main ol, div.main ul {
    margin-bottom: 18px;
}

    div.main p.last, div.main ol.last, div.main ul.last,
    div.main p:last-child, div.main ol:last-child, div.main ul:last-child {
        margin-bottom: 0;
    }

    div.main.no-last-child p:last-child,
    div.main.no-last-child ol:last-child,
    div.main.no-last-child ul:last-child,
    div.main p.no-last-child:last-child,
    div.main ol.no-last-child:last-child,
    div.main ul.no-last-child:last-child,
    div.main .no-last-child p {
        margin-bottom: 18px;
    }

    div.main p:first-child {
        margin-top: -1px;
    }

div.main.copy p:first-child {
    margin-top: -2px;
}

div.main p.note {
    color: #837c7c;
}

p.note.small, .note.small {
    font-size: 12px;
}

p.note.smaller, .note.smaller {
    font-size: 11px;
}
/*.note.smaller strong {
    color: #383131;
    font-weight: normal;
}*/
div.main .copynote {
    font-style: italic;
}

div.main p.headernote {
    color: #837c7c;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    margin-bottom: 6px;
}

div.main p.smallnote, p.smallnote {
    font-size: 12px;
    line-height: 15px;
}

div.main p.more, div.main span.more {
    font-size: 11px;
    text-align: right;
    font-family: Verdana, Arial, Sans-Serif;
}

div.main p.back,
div.submit a.back {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    font-weight: bold;
    font-style: italic;
    font-family: Verdana, Arial, Sans-Serif;
}

div.submit a.back {
    float: left;
}

div.main p.subtitle {
    margin-top: -6px;
    font-size: 21px;
    line-height: 30px;
    color: #837C7C;
}

    div.main p.subtitle strong {
        font-weight: normal;
    }

div.main p.caption {
    float: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    line-height: 14px;
    color: #6B7373;
    padding: 5px 0;
}

    div.main p.caption.two {
        float: inherit;
        font-size: 12px;
        line-height: 18px;
        color: #383131;
    }

.note,
div.main span.note,
.form-container ul li.note {
    color: #837C7C;
}

    .note.two,
    div.main span.note.two,
    div.main p.note.two {
        color: #333333;
    }

    .note.heavy,
    div.main span.note.heavy,
    div.main p.note.heavy {
        color: #666666;
    }

.emphasized {
    font-style: italic;
}

.success {
    color: #009900;
}

.warning {
    color: #F90;
}

div.main span.staff {
    color: #B7090A;
}

div.main img.framed {
    float: left;
    border: 4px solid #DEDEDE;
    margin: 0 10px 6px 0;
    padding: 0;
}

    div.main img.framed.no-border {
        border: none;
    }

/* form input elements */

button, button.mc-button, input.button, input.mc-button {
    padding: 0 .25em;
    width: 0; /* IE table-cell margin fix */
    overflow: visible;
    margin-right: 4px;
    *margin-right: 8px;
}

    button, button.mc-button, input.button[class], input.mc-button { /* IE ignores [class] */
        width: auto; /* cancel margin fix for other browsers */
    }

input.submit.delete_issue {
    width: 192px;
}

input.text, input.password, textarea {
    margin: 1px 0 1px;
    padding: 4px 4px;
    color: #837c7c;
    font-size: 13px;
    background-color: #fff;
    border: 2px solid #dedede;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    input.text.markup, .form-container ul p.note.markup, .note.markup, div.main span.note.markup {
        color: #383131;
    }

    input.text.big {
        padding: 7px 8px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size: 15px;
    }

input.password {
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
}

input.error.text, input.error.password, textarea.error {
    border-color: #B7090A !important;
}

input.text:focus, input.password:focus, textarea:focus {
    color: #383131;
    background: #fff url(/images/layout/inputs.png) repeat-x 0 0;
    border: 2px solid #837c7c;
}

input.radio, input.checkbox {
    margin-right: 5px;
    margin-left: 0;
    font-size: 14px;
}

input.file {
    font-size: 14px;
}

input.disabled {
    cursor: default;
    color: #C6C6C6;
}

label.disabled, span.disabled {
    color: #837c7c;
}

select {
    font-size: 12px;
}

textarea {
    line-height: 18px;
}

input.search {
    float: left;
    margin-right: 10px;
    width: 290px;
    font-size: 14px;
}

div#nav input.search {
    height: 20px;
    width: 104px;
    padding: 1px 0 0 3px;
    margin: 0;
    color: #727272;
    line-height: 20px;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #909090;
}

    div#nav input.search:focus {
        border: 1px solid #0e467d;
    }

    div#nav input.search.new-search {
        color: #727272;
        text-align: center;
    }

/* buttons */

a.button, input.button {
    display: block;
    height: 30px;
    text-indent: -9999px;
    background: no-repeat 0 0;
}

    a.button:hover, a.button:focus {
        background-position: 0 -30px;
    }

/* MagCloud Buttons (no image, just CSS) */

button.mc-button,
a.mc-button,
input.mc-button {
    background-color: #0E467D;
    background-image: url(/images/buttons/button-bg.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    border: 1px solid #000;
}
    /*button.bill-me-later{
    background-color: Green;
    background-image: none;
}*/
    button.mc-button:hover,
    button.mc-button:focus,
    a.mc-button:hover,
    a.mc-button:focus,
    .mc-button.hover,
    input.mc-button:hover,
    input.mc-button:focus {
        background: #1569BC;
        background-image: url(/images/buttons/button-bg-hover.png);
    }
    /*button.bill-me-later:hover,
button.bill-me-later:focus{
    background-color:Lime;
    background-image: none;
}*/
    button.mc-button.big:hover,
    button.mc-button.big:focus,
    a.mc-button.big:hover,
    a.mc-button.big:focus,
    input.mc-button.big:hover,
    input.mc-button.big:focus {
        background: #1569BC;
        background-image: url(/images/buttons/button-bg-big-hover.png);
    }

    button.mc-button.mini:hover,
    button.mc-button.mini:focus,
    a.mc-button.mini:hover,
    a.mc-button.mini:focus,
    input.mc-button.mini:hover,
    input.mc-button.mini:focus {
        background: #1569BC;
        background-image: url(/images/buttons/button-bg-mini-hover.png);
    }

.mc-button {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #0F355A;
    border-top-color: #012950;
    border-bottom-color: #012950;
    text-shadow: 1px 1px 2px #042349;
    /*filter: dropshadow(color=#042349, offx=1, offy=1);*/
}

body:nth-of-type(1) button.mc-button { /* chrome hack. text-shadow on buttons looks bad */
    text-shadow: none !important;
}

.mc-button.light {
    font-weight: normal;
}

p > .mc-button {
    margin-top: 10px;
}

button.mc-button, input.mc-button {
    /* padding:0 0.25em; */
    padding: 5px 10px 5px 10px !important;
    font-size: 13px;
    vertical-align: baseline;
    border-width: 1px;
    /* height: 30px; */
}

    button.mc-button:hover, input.mc-button {
        color: #FFFFFF;
    }

a.mc-button {
    display: inline-block;
    padding: 7px 10px 7px 10px; /* padding: 8px 10px 9px 10px; */
    *padding-bottom: 10px;
    *padding-top: 6px;
    *vertical-align: middle;
    line-height: 14px;
    text-align: center;
}

    a.mc-button:hover, button.mc-button:hover, input.mc-button {
        cursor: pointer;
    }

    button.mc-button.strong, a.mc-button.strong {
        text-transform: uppercase;
    }

    button.mc-button.inverted, a.mc-button.inverted {
        background: #FFFFFF;
        color: #0E467D;
    }

        button.mc-button.inverted:hover, button.mc-button.inverted:focus,
        a.mc-button.inverted:hover, a.mc-button.inverted:focus {
            background: #FFFFFF;
            color: #1569BC;
        }

    button.mc-button.admin, a.mc-button.admin {
        background: #B7090A;
    }

        button.mc-button.admin:hover, button.mc-button.admin:focus,
        a.mc-button.admin:hover, a.mc-button.admin:focus {
            background: #B7090A;
        }

    button.mc-button.cancel, a.mc-button.cancel {
        background-color: #5ABFE3;
        background-image: url(/images/buttons/button-bg-secondary.png);
        text-shadow: 1px 1px 2px #005a96;
        filter: dropshadow(color=#005a96, offx=1, offy=1);
    }

    button.mc-button.cancel, a.mc-button.cancel {
        background-image: url(/images/buttons/button-bg-secondary.png);
    }

        button.mc-button.cancel:hover, button.mc-button.cancel:focus,
        a.mc-button.cancel:hover, a.mc-button.cancel:focus {
            background-color: #73D2EC;
            background-image: url(/images/buttons/button-bg-secondary-hover.png);
        }

    button.mc-button.mini.cancel, a.mc-button.mini.cancel {
        background-image: url(/images/buttons/button-bg-mini-secondary.png);
    }

        button.mc-button.mini.cancel:hover, button.mc-button.mini.cancel:focus,
        a.mc-button.mini.cancel:hover, a.mc-button.mini.cancel:focus {
            background-image: url(/images/buttons/button-bg-mini-secondary-hover.png);
        }

    button.mc-button.wide, a.mc-button.wide {
        padding-left: 44px;
        padding-right: 44px;
    }

    a.mc-button:hover, a.mc-button:focus {
        text-decoration: none;
    }

    a.mc-button.mini,
    button.mc-button.mini,
    input.mc-button.mini {
        background-image: url(/images/buttons/button-bg-mini.png);
        padding: 6px 10px 6px 10px;
        font-size: 12px;
        line-height: 12px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    a.mc-button.big,
    button.mc-button.big,
    input.mc-button.big {
        background-image: url(/images/buttons/button-bg-big.png);
        font-weight: bold;
        font-size: 15px;
        line-height: 18px;
        padding: 9px 35px 9px 35px;
        height: 36px;
        margin-top: 1px; /* probably too specific to search box */
    }

    a.mc-button.big {
        height: 18px;
    }

    a.mc-button.wide,
    button.mc-button.wide {
        padding-left: 42px;
        padding-right: 42px;
    }

button.mc-button.big {
    padding: 3px 35px 2px 35px;
}

.template-buttons .mc-button {
    float: right;
}

.mc-button span.icon {
    float: none;
    display: inline-block;
    vertical-align: text-bottom;
}

/* -- put "disabled" styles near the end so they beat other styles of equal specificity -- */
button.mc-button.disabled, a.mc-button.disabled,
button.mc-button.disabled:hover, a.mc-button.disabled:hover {
    background-color: #919191;
    background-image: url(/images/buttons/button-bg-disabled.png);
    color: #333;
    text-shadow: none;
}

button.mc-button.mini.disabled, a.mc-button.mini.disabled,
button.mc-button.mini.disabled:hover, a.mc-button.mini.disabled:hover {
    background-image: url(/images/buttons/button-bg-mini-disabled.png);
}

button.mc-button.big.disabled, a.mc-button.big.disabled,
button.mc-button.big.disabled:hover, a.mc-button.big.disabled:hover {
    background-image: url(/images/buttons/button-bg-big-disabled.png);
}

button.mc-button.disabled:hover, button.mc-button.disabled:focus,
a.mc-button.disabled:hover, a.mc-button.disabled:focus {
    cursor: default;
}

button.mc-button.dark,
a.mc-button.dark,
input.mc-button.dark,
.dark button.mc-button,
.dark a.mc-button {
    background-color: #0E467D;
    background-image: none;
    color: #FFFFFF;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    border: 1px solid #05527E;
    background: #007BB7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #0096D5 0%, #007BB7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096D5), color-stop(100%,#007BB7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0096D5 0%,#007BB7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0096D5 0%,#007BB7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0096D5 0%,#007BB7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0096D5 0%,#007BB7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096D5', endColorstr='#007BB7',GradientType=0 ); /* IE6-8 */
}
    /*button.bill-me-later{
    background-color: Green;
    background-image: none;
}*/
    button.mc-button.dark:hover,
    button.mc-button.dark:focus,
    a.mc-button.dark:hover,
    a.mc-button.dark:focus,
    .mc-button.hover.dark,
    input.mc-button.dark:hover,
    input.mc-button.dark:focus,
    .dark button.mc-button:hover, .dark button.mc-button:focus,
    .dark a.mc-button:hover, .dark a.mc-button:focus {
        background: #007BB7;
        background-image: none;
    }


/* MC Link-buttons */
a.mc-linkbutton {
    display: inline-block;
    padding: 3px 7px;
    color: #fff;
    background: #0e467d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    a.mc-linkbutton:hover {
        background: #1569bc;
    }

    a.mc-linkbutton:hover, a.mc-linkbutton:focus {
        text-decoration: none;
    }

    a.mc-linkbutton.button-style {
        font-family: Verdana, Arial, Sans-Serif;
    }

/* Form fields */
.form-container input {
    float: left;
}

    .form-container input[type="radio"],
    .form-container input[type="checkbox"] {
        margin: 5px 5px 3px 0;
    }
    /*.form-container input[type="radio"] + label,
.form-container input[type="checkbox"] + label,
.form-container input[type="radio"] + input[type="hidden"] + label,
.form-container input[type="checkbox"] + input[type="hidden"] + label {
    float: left;
    margin-top: 2px;
}*/
    /* maybe we want to do this for all inputs, like it was in the old CSS? */
    .form-container input[type="image"] {
        float: left;
        margin-right: 10px;
    }

body.deprecated .form-container ul,
body.deprecated .form-container ul label.in-form {
    font-size: 14px;
}

.form-container .prominent {
    font-size: 16px;
    line-height: 24px;
}

.form-container li.not-required label {
    color: #837C7C;
}

.form-container li.formErrors {
    margin-top: -9px;
}

.form-container li.prominent label {
    margin-top: 3px;
}

.form-container li.prominent input.text,
.form-container li.prominent input.password {
    font-size: 14px;
    font-weight: bold;
}

.form-container.mini ul label,
.form-container.mini span.not-input {
    font-size: 14px;
    line-height: 21px;
    margin-top: 3px;
}

.form-container ul li {
    margin-bottom: 9px;
    color: #383131;
    list-style-type: none;
}

    .form-container ul li:last-child {
        margin-bottom: 0;
    }

div.main.copy.form-container ul li {
    padding-bottom: 0;
}

.form-container ul.bullets {
    margin-left: 0;
}

div.main.form-container ul.bullets li,
div.main .form-container ul.bullets li {
    margin-bottom: 0;
    padding-bottom: 8px;
}

.form-container ul li.validation-summary {
    margin-top: -9px;
}

.form-container ul li .not-input li {
    margin-bottom: 4px;
}

.form-container.snuggy ul li {
    margin-bottom: 12px;
}

.form-container ul li.snug {
    margin-bottom: -3px;
}

    .form-container ul li.snug + li label {
        margin-top: 1px;
        margin-bottom: 0;
    }

    .form-container ul li.snug input.text,
    .form-container ul li.snug input.password,
    .form-container ul li.snug textarea {
        margin-bottom: 0;
    }

.form-container.callout ul li {
    color: #ffffff;
}

.form-container ul li.mini {
    margin-bottom: 0;
}

.form-container ul input.text,
.form-container ul input.password,
.form-container ul textarea,
.form-container ul .not-input {
    float: left;
    /*margin-top: -8px;*/
    width: 456px;
    margin-right: 10px;
}

.form-container ul .form-item {
    float: left;
}

.form-container ul select {
    float: left;
}

.sidepanel-master .form-container.callout ul textarea {
    margin-top: 10px;
    width: 508px;
    height: 154px;
}

.sidepanel-master .form-container.callout ul input.text,
.sidepanel-master .form-container.callout ul input.password {
    width: 376px;
    margin-right: 0;
}

.sidepanel-master .form-container.callout ul label {
    width: 120px;
}

.sidepanel-master .form-container.callout #recaptcha_table {
    width: 520px;
}

.form-container p.header.note,
.submit.section.group.form-container p.header.note,
.form-container p.header.note.error,
.form-container p.header.note .error {
    font-size: 16px;
    line-height: 24px;
}

.form-container p.header.note,
.submit.section.group.form-container p.header.note {
    margin-bottom: 16px;
}

    .form-container p.header.note span.error {
        float: none;
    }

.submit.section.group.form-container p.header.note {
    margin-bottom: 4px;
}

.form-container.compact li {
    float: left;
    width: 100%;
}

.form-container.compact ul .note {
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
}
/* .form-container.compact li input + .note {
    float: left;
    width: 220px;
    margin-top: 3px;
} */
.form-container.compact ul input.text,
.form-container.compact ul input.password,
.form-container.compact ul textarea,
.form-container.compact ul .form-item {
    width: 212px;
}

.form-container.compact ul .form-item {
    margin-left: 0;
}

.form-container.compact ul .in-form {
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    margin-bottom: 0;
}

.form-container.mini ul input.text,
.form-container.mini ul input.password,
.form-container.mini ul textarea {
    font-size: 12px;
}

.form-container ul select {
    margin: 5px 0 3px 0;
}

.form-container.medium ul label {
    width: 260px;
}

.form-container.medium ul .form-item {
    margin-left: 272px;
}

.form-container.medium ul input.text,
.form-container.medium ul input.password,
.form-container.medium ul textarea {
    width: 375px;
}

.form-container.narrow ul label {
    width: 80px;
    font-size: 11px;
    margin-top: 3px;
}

    .form-container.narrow ul label.wraps {
        line-height: 16px;
        margin-top: -2px;
    }

    .form-container.narrow ul label.in-form {
        font-size: 12px;
    }

        .form-container.narrow ul label.in-form span {
            font-size: 11px;
        }

body.deprecated .form-container.narrow ul label {
    width: 150px;
    font-size: 14px;
    margin-top: 2px;
}

.form-container.narrow ul input.text,
.form-container.narrow ul input.password,
.form-container.narrow ul textarea,
.form-container.narrow ul .not-input,
.form-container.narrow ul .error {
    width: 328px;
}

.form-container.narrow ul .form-item,
.form-container.narrow ul select {
    width: 340px;
}

.form-container.narrow ul li.form-item {
    /*width: 526px;*/
    width: 538px;
}

.jqmWindow .form-container.narrow ul li.form-item {
    width: auto;
}

.form-container.narrow ul li.no-note .not-input,
.form-container.narrow ul li.no-note .form-item {
    width: 538px;
    margin-right: 0;
}

body.deprecated .form-container.narrow ul input.text,
body.deprecated .form-container.narrow ul input.password,
body.deprecated .form-container.narrow ul textarea,
body.deprecated .form-container.narrow ul .not-input,
body.deprecated .form-container.narrow ul .error,
body.deprecated .form-container.narrow ul .form-item {
    width: 288px;
}

.form-container.stacked ul input.text,
.form-container.stacked ul input.password,
.form-container.stacked ul textarea,
.form-container.stacked ul label {
    width: 430px;
}

.form-container.left-col ul label {
    width: 68px;
}

.form-container.left-col ul input.text,
.form-container.left-col ul input.password,
.form-container.left-col ul textarea,
.form-container.left-col ul .not-input {
    width: 434px;
    margin-right: 0;
}

.form-container.left-col .form-item {
    margin-left: 80px;
}

.sidepanel-master .mainpane .form-container ul label {
    width: 90px;
    margin-right: 10px;
}

.sidepanel-master .mainpane .form-container ul input.text,
.sidepanel-master .mainpane .form-container ul input.password,
.sidepanel-master .mainpane .form-container ul textarea,
.sidepanel-master .mainpane .form-container ul .not-input {
    margin-right: 0;
    width: 446px;
}

.sidepanel-master .mainpane .form-container ul .form-item {
    margin-left: 100px;
}

.form-container.stacked ul label {
    text-align: left;
    margin: 18px 0 4px 0;
}

.form-container.stacked ul li.first label {
    text-align: left;
    margin-top: 0px;
}

.form-container.stacked ul label span.note {
    font-size: 12px;
}

.form-container.stacked ul {
    margin-bottom: 0;
}

.form-container ul select.medium-large {
    margin-top: 7px;
    width: 307px;
}

.form-container ul input.text.smaller {
    width: 64px;
}

.form-container ul input.text.medium-small {
    width: 250px;
}

.form-container ul input.text.medium {
    width: 275px;
}

.form-container ul input.text.medium-large {
    width: 295px;
}

.form-container ul input.text.inline {
    float: none;
}

div.header p.note.small,
.form-container p.note {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 0;
}

.form-container ul p.note,
.submit.section.group.form-container ul p.note {
    margin-top: 1px;
    font-size: 11px;
    line-height: 16px;
    color: #837c7c;
}

.form-container ul li p.note.bigger {
    font-size: 12px;
    line-height: 16px;
}

.form-container p.note.inline {
    display: inline-block;
    padding-top: 8px;
}

.form-container ul li p.note.sidebar {
    float: right;
    margin-left: 0px;
    width: 180px;
}

    .form-container ul li p.note.sidebar.short {
        margin-top: 7px;
    }

.form-container.widenote ul li p.note.sidebar {
    width: 205px;
}

.form-container ul li p.note.sidebar.title {
    float: right;
    margin-left: 0px;
    width: 150px;
    color: #383131;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
}

.form-container .form-item {
    margin-left: 162px;
    width: 456px;
    display: block;
    float: left;
    clear: both;
}

    .form-container .form-item.not-input {
        margin-left: 162px;
    }

.form-container.narrow .form-item {
    width: 526px;
    margin-left: 92px;
}

body.deprecated .form-container.narrow .form-item {
    width: 486px;
    margin-left: 132px;
}

.sidepanel-master .form-container.callout .form-item {
    margin-left: 132px;
}

.form-container .form-item.noted {
    width: 288px;
}

.form-container .form-item.note {
    margin-bottom: 0px;
}

.form-container ul li p.notes.top-level {
    float: right;
    margin-top: 1px;
    width: 150px;
}

.form-container ul label,
.form-container ul span.label {
    font-size: 12px;
    line-height: 24px;
    float: left;
    margin-right: 12px;
    margin-top: 2px;
    width: 150px;
    text-align: right;
}

    .form-container ul label img {
        margin-top: -5px;
    }

body.deprecated .form-container ul label {
    font-size: 14px;
    line-height: 24px;
}

.form-container.lalign ul label {
    text-align: left;
}

.form-container.strong ul label,
.form-container.strong ul span.label {
    font-weight: bold;
}

    .form-container.strong ul label.radio {
        font-weight: normal;
    }

.form-container ul label.in-form,
ul.form-container label.in-form {
    float: left;
    margin: 0;
    width: auto;
    text-align: left;
    font-weight: inherit;
    line-height: 24px;
}

body.deprecated .form-container ul label.in-form,
body.deprecated ul.form-container label.in-form {
    float: inherit;
    margin: inherit;
    /* width: inherit; */
    text-align: inherit;
    font-weight: inherit;
    line-height: 24px;
}
/* Since our textboxes are tall, they create padding that other control groups don't have. */
.form-container .not-input {
    display: inline-block;
    margin: 2px 0 5px 0;
    *margin: 1px 0 6px 0;
}

.form-container ul.not-input {
    float: left;
}

.form-container span.text {
    display: inline-block;
    margin: 4px 0 -4px 0;
}

.form-container.mini span.text {
    font-size: 14px;
    margin-top: 3px;
    line-height: 21px;
}

.form-container .error,
.form-container .formError /* TODO: depreciated, but used in issue form */ {
    font-size: 11px;
    line-height: 13px;
    float: left;
    *float: none;
}

.form-container .mc-button {
    margin-right: 8px;
}

.form-container input[type=radio]:checked + label {
    font-weight: bold;
}

    .form-container input[type=radio]:checked + label span.notes,
    .form-container input[type=radio]:checked + label span.note, /* Just one note/notes would be nice. */
    .form-container input[type=radio]:checked + label p.note {
        font-weight: normal;
    }

.form-container ul h2 {
    margin-bottom: 0;
}
/* Radio accordion */
.radio-accordion li {
    margin-bottom: 13px;
}

.radio-accordion .radio-accordion-content {
    display: none;
    overflow: hidden;
    margin: 8px 0 5px 18px;
    clear: both;
}

    .radio-accordion .radio-accordion-content.inline {
        float: right;
        clear: none;
        margin-top: 0;
    }

.form-container.radio-accordion.no-float .radio-accordion-content input,
.form-container .radio-accordion.no-float .radio-accordion-content input,
.form-container.radio-accordion.no-float .radio-accordion-content label,
.form-container .radio-accordion.no-float .radio-accordion-content label {
    float: none;
}

.form-container.radio-accordion.no-float .radio-accordion-content,
.form-container .radio-accordion.no-float .radio-accordion-content {
    clear: both;
}

ul.radio-accordion > li,
ul.radio-accordion .list-content > ul > li {
    clear: both;
}

    ul.radio-accordion .list-content > ul > li > * {
        float: left;
    }

    ul.radio-accordion .list-content > ul > li.tight {
        margin-bottom: 0;
    }

ul.radio-accordion.form-container .list-content > ul > li label {
    width: 188px;
    text-align: left;
}

ul.radio-accordion.form-container .list-content > ul > li.no-controls > * {
    *line-height: 24px;
}

ul.radio-accordion.form-container .list-content > ul > li.no-controls label {
    margin-top: 0;
    font-weight: normal;
}

.form-container .radio-accordion input[type=radio]:checked + label {
    margin-top: 0;
    font-weight: bold;
}

.radio-accordion input[type=radio]:checked + label em {
    font-weight: normal;
}

.radio-accordion input[type=radio] + label {
    margin-bottom: 5px;
    display: block;
}

    .radio-accordion input[type=radio] + label + p.note {
        margin: 0 0 0 18px;
        font-size: 13px;
        float: left;
        clear: both;
    }

.radio-accordion li.has-note {
    margin-bottom: 8px;
}

    .radio-accordion li.has-note input[type=radio] + label + p.note,
    .radio-accordion li.has-note input[type=radio] radio-accordion-content {
        margin-bottom: 10px;
    }

body.deprecated .form-container .radio-accordion-content ul li {
    float: left;
    width: 408px;
}

.form-container .radio-accordion-content ul li span.error {
    float: left;
    margin-bottom: 9px;
}

.form-container .radio-accordion-content ul label,
.form-container input[type="checkbox"].special + label,
.form-container input[type="checkbox"].special + input[type="hidden"] + label {
    float: left;
    width: auto;
    font-size: 11px;
    font-weight: bold;
    margin-top: 4px;
}

.form-container .radio-accordion-content .not-input {
    margin-top: 1px;
    line-height: 24px;
}

.form-container .radio-accordion-content input[type="radio"] + label,
.form-container .radio-accordion-content input[type="radio"] + input[type="hidden"] + label,
.form-container .radio-accordion-content input[type="checkbox"] + label,
.form-container .radio-accordion-content input[type="checkbox"] + input[type="hidden"] + label,
.form-container input[type="checkbox"].special + label,
.form-container input[type="checkbox"].special + input[type="hidden"] + label {
    width: auto;
    margin-top: 1px;
}

.color.picker {
    margin-bottom: 0;
    width: 52px !important;
}

.form-container .radio-accordion ul label {
    float: none;
}


.form-container.narrow ul .form-table-left {
    width: 264px;
    float: left;
    margin-top: 2px;
}

    .form-container.narrow ul .form-table-left input[type='radio'] + label {
        width: 230px;
        margin-right: 8px;
    }

    .form-container.narrow ul .form-table-left label span {
        display: block;
        line-height: 15px;
    }

        .form-container.narrow ul .form-table-left label span.error {
            font-weight: normal;
            margin-top: 5px;
        }

.form-container.narrow ul .form-table-right {
    width: 68px;
    float: left;
    margin-top: 2px;
    text-align: right;
}

    .form-container.narrow ul .form-table-right .not-input {
        float: right;
        width: auto;
        margin-right: 4px;
    }

    .form-container.narrow ul .form-table-right .text {
        margin-top: -2px;
        margin-right: 0;
        width: 44px;
        float: right;
    }

/* Color picker */
.color.picker {
    /*border: 2px outset #DEDEDE;*/
    /*height: 23px;*/
    width: 52px;
    font-size: 11px;
    /*padding: 0 3px;*/
    text-align: center;
}

/* Back and Forward buttons */

a.back.button, a.forward.button {
    display: block;
    position: absolute;
    margin-top: 28px;
    width: 19px;
    height: 45px;
    background-image: url(/images/buttons/back_and_forward.png?_v=20101203);
}

a.back.button {
    left: 0;
    margin-left: -20px;
}

a.forward.button {
    right: 0px;
    margin-right: -20px;
    background-position: 100% 0;
}

a.back.button:hover, a.back.button:focus {
    background-position: 0 -50px;
}

a.forward.button:hover, a.forward.button:focus {
    background-position: 100% -50px;
}

/* calendar */

input#IssueDateText {
    width: 130px;
    margin-right: 5px;
}

img.datepicker_trigger {
    float: left;
    margin-top: -2px;
}

    img.datepicker_trigger:hover {
        cursor: pointer;
    }


/* special fonts */
div.main span.note.favorable,
.favorable {
    color: #009900;
}

.weak {
    color: #606060;
}

.shift-back {
    margin-left: -4px;
}

.title-group {
    margin-top: 8px;
}

    .title-group .tiny {
        font-size: 12px;
        line-height: 15px;
    }

    .title-group #issueTitle {
        font-size: 16px;
        line-height: 18px;
        margin: 6px 0 6px 0;
    }

/* tables
--------------------------------------------- */

th, div.main th,
.faq-content-preview-title {
    padding-bottom: 6px;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    color: #837c7c;
}

td, div.main td {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 18px;
}

    td.title {
        font-size: 16px;
        font-weight: bold;
    }

table.normal th {
    padding-top: 23px;
    padding-bottom: 8px;
}

table.normal td {
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    padding-top: 9px;
    padding-bottom: 8px;
    line-height: 18px;
}

table.normal tr.no-border td {
    background: none;
}

/* footer
--------------------------------------------- */

#footer {
    clear: both;
    border-top: 1px solid #D1D1D1;
}

    #footer p.copyright {
        clear: both;
        font-size: 11px;
        margin-top: 47px;
        font-family: Verdana, Arial, Sans-Serif;
    }

    #footer .link-section {
        margin-left: -1px;
        float: left;
    }

    #footer .link-section,
    #footer .social {
        font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
        font-size: 13px;
        line-height: 18px;
        padding-top: 12px;
    }

        #footer .link-section > li {
            margin-bottom: 8px;
            float: left;
            margin-right: 20px;
        }

            #footer .link-section > li > a {
                font-weight: bold;
            }

    #footer .social {
        float: right;
        padding: 12px 11px;
        background-color: #FBFBFB;
        border: 1px solid #DEDEDE;
        border-top: none;
        width: 94px;
    }

        #footer .social li {
            margin-top: -2px;
        }

            #footer .social li:last-child {
                margin-right: 0;
            }

/* self-clearing floats
--------------------------------------------- */

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

/* dialog box
--------------------------------------------- */

div#overlay {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 2000px;
    background-image: url(/images/layout/overlay.png);
}

div#dialogbox {
    /*display: none;*/
    position: absolute;
    left: 200px;
    z-index: 100;
    top: 120px;
    padding: 20px 20px 30px;
    width: 550px;
    background-color: #fff;
}

    div#dialogbox div.heading.group h2 {
        float: left;
        margin-right: 10px;
        width: 470px;
        margin-bottom: 6px;
        text-transform: none;
        font-size: 18px;
        line-height: 21px;
        font-weight: normal;
    }

    div#dialogbox div.heading.group ul {
        float: right;
    }
    /*div#dialogbox h2:first-letter {
	font-size: 100%;
	}*/
    div#dialogbox p.note {
        margin-bottom: 12px;
        line-height: 21px;
    }

        div#dialogbox p.note strong {
            color: #B7090A;
        }

    div#dialogbox ul.options li {
        margin-bottom: 9px;
        font-weight: bold;
    }

    div#dialogbox form {
        margin-top: 18px;
    }

        div#dialogbox form span.input {
            margin-bottom: 6px;
            float: left;
            width: 290px;
            font-size: 14px;
            line-height: 18px;
        }



#publishConfirmation {
    position: relative;
}

    #publishConfirmation #coverImage {
        position: absolute;
        top: 18px;
        left: 0;
    }

    #publishConfirmation #magazineNameLabel,
    #publishConfirmation #issueNameLabel,
    #publishConfirmation #issueDescriptionLabel {
        visibility: hidden;
    }

    #publishConfirmation #issueDescription {
        height: 106px;
    }

    #publishConfirmation #magazineName {
        max-width: 448px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        white-space: nowrap;
        margin-right: 8px;
        padding-right: 8px;
    }

    #publishConfirmation #issueNumber {
        vertical-align: middle;
        margin: 0;
    }

    #publishConfirmation #discount {
        font-size: 12px;
        margin-left: 4px;
    }

/* Progress menu */

ul.progress.heading, ol.progress.heading {
    clear: both;
    margin-top: 2px;
    padding-top: 12px;
    color: #837c7c;
    font-size: 12px;
    text-transform: uppercase;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
}

    ul.progress.heading li, ol.progress.heading li {
        float: left;
        display: block;
        margin-right: 45px;
    }

        ul.progress.heading li a, ol.progress.heading li a {
            text-decoration: none;
        }

            ul.progress.heading ul li a:hover, ol.progress.heading li a:hover {
                text-decoration: underline;
            }

        ul.progress.heading ul li strong, ol.progress.heading li strong {
            color: #383131;
        }

        ul.progress.heading ul li.last, ol.progress.heading li.last {
            margin-right: 0;
        }

/* Publication Page */
dd .issueProductInfo {
    margin: 0px;
}

    dd .issueProductInfo .issueProductInfo_ProductName,
    dd .issueProductInfo .issueProductInfo_SizeInfo {
        display: block;
        color: #383131;
    }

    dd .issueProductInfo .issueProductInfo_Separator {
        display: none;
    }

/* Publish: Upload */

div#uploadPdfIllustration {
    width: 205px;
}

.main-master .mainpane div.main#uploadPdfContent {
    width: 555px;
}
/*-- this is if we refactor to new master page */
div.main#uploadPdfContent {
    width: 555px;
}

div#uploadPdfContent p {
    padding-right: 22px;
    padding-bottom: 9px;
}

#publish-upload-illustration {
    padding-top: 10px;
}

div#flashUploader {
    float: left;
}

div#browseControls {
    height: 40px;
}

    div#browseControls input {
        float: left;
        margin-left: 6px;
        height: 16px;
        padding-top: 1px;
        width: 150px;
    }

img#flickrImage {
    /* margin: 100px 0 0 8px;  */
}

#SWFUpload_0 {
    margin-top: 1px;
}


/* Submit section */

.submit.section.group,
div.divided.section-container .submit.section {
    clear: both;
    margin-bottom: 48px;
    padding-top: 24px;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
}

.submit.section-billing.group,
div.divided.section-container .submit.section-billing {
    clear: both;
    padding-top: 24px;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
}

    .submit.section.group.tight {
        padding-top: 8px;
        margin-bottom: 18px;
    }

    .submit.section.group p {
        display: block;
        margin-top: 9px;
        float: left;
        *float: none;
        font-size: 14px;
    }

        .submit.section.group p em {
            margin-right: 3px;
            /*margin-left: 3px;*/
        }

    /*.submit.section.group a {
        text-decoration: none;
    }*/

        .submit.section.group a.first {
            float: left;
            font-size: 16px;
            line-height: 21px;
        }

    .submit.section.group p.cancel {
        margin-top: 0;
    }

    .submit.section.group div.cancel {
        float: left;
    }

    .submit.section.group div.save {
        margin-top: -6px;
        float: right;
    }

        .submit.section.group div.save input {
            float: right;
        }

/* Blogs */
div.blogentry {
    padding-top: 18px;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
}

    div.blogentry.first {
        padding-top: 0;
        background: none;
    }

/* Control lists */

.options, .actions, .strong-actions {
    line-height: 1em;
}

.actions {
    line-height: 10px;
}

    .actions a, .options a, .strong-actions a,
    a.action, a.strong-action {
        font-weight: bold;
        font-size: 12px;
        background-repeat: no-repeat;
    }

    .actions a {
        font-family: Verdana, Arial, Sans-Serif;
    }

.options a {
    margin-bottom: 3px;
    font-size: 14px;
}

.strong-actions a, a.strong-action {
    font-size: 14px;
}

.stronger.strong-actions a, a.stronger.strong-action {
    font-size: 16px;
}

a.action.light, .actions.light a, .actions2.light a {
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
}

.actions2 a, a.action2, .actionable {
    font-size: 11px;
    line-height: 15px;
    *line-height: 25px;
    font-family: Verdana, Arial, sans-serif;
}

    /*a.action2:hover {
        text-decoration: none;
    }*/

    a.action2.bigger {
        font-size: 12px;
    }

a.light-action {
    font-weight: bold;
}

div.header ul.actions {
    margin-bottom: 30px;
}

ul.actions li, ul.options li {
    list-style-type: none !important;
}

    ul.actions li a, ul.options li a {
        display: block;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    ul.actions li.disabled {
        margin-left: 80px;
        padding-top: 6px;
        color: #837c7c;
        font-size: 12px;
    }

ul.controls,
div.main ul.controls {
    float: right;
    font-size: 12px;
    margin-bottom: 0;
}

.form-container ul.controls {
    margin-top: 3px;
}

    .form-container ul.controls li {
        margin-bottom: 0;
    }

ul.controls li {
    list-style-type: none !important;
    line-height: 10px;
    *padding-bottom: 3px;
}

div.heading.controls-container h1 {
    width: 630px;
}

div.heading ul.controls {
    margin-top: 22px;
}

div.heading .mc-button {
    float: right;
    margin-top: 5px;
}

    div.heading .mc-button.mini {
        margin-top: 8px;
    }

div.heading .magazine-banner-overlay .mc-button.mini {
    margin: 3px 0 0 10px;
}

/* NavigationLinks Partial View
--------------------------------------------- */
#sidepane div.horizontalrule {
    float: left;
    width: 100%;
}

body.deprecated #sidepane > :first-child {
    margin-top: 0;
}

div.sidebar-section {
    margin-bottom: 10px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    line-height: 14px;
    width: 190px;
    float: left;
}

    div.sidebar-section .header {
        width: inherit;
    }

    div.sidebar-section p {
        line-height: 18px;
    }

    div.sidebar-section.smaller {
        font-size: 11px;
    }

        div.sidebar-section.smaller p {
            line-height: 17px;
        }

    div.sidebar-section ul.metadata li {
        margin-bottom: 18px;
    }

    div.sidebar-section ul.controls {
        float: left;
        font-size: 11px;
        margin-bottom: 18px;
    }

    div.sidebar-section.wider ul.navlink-list {
        margin-bottom: 18px;
    }

    div.sidebar-section .horizontalrule,
    div.sidebar-section h3 {
        text-transform: none;
        font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
        margin-bottom: 18px;
    }

body.deprecated div.sidebar-section h3 {
    margin-bottom: 10px;
}

div.sidebar-section h4 {
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-weight: normal;
}

div.sidebar-section abbr {
    font-size: 1em;
}

div.sidebar-section.smaller h3 {
    font-size: 16px;
}

div.sidebar-section p {
    margin-bottom: 10px;
}

div.sidebar-section a.extra {
    clear: both;
    float: left;
    font-size: 11px;
}

div.section > div.sidebar-section {
    background: url("/images/layout/border-dashed.png") repeat-x scroll 0 0 transparent;
    padding: 18px 0 24px;
}

div.mini-sidepanel > div.sidebar-section {
    background: none;
}

div.section > div.sidebar-section p.more,
div.header > p.more {
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 12px;
    font-style: italic;
    text-align: left;
    margin-bottom: 12px;
}

div.section > div.sidebar-section h2,
div.section > div.sidebar-section h3,
div.section > div.sidebar-section h4,
div.section > div.sidebar-section a {
    margin-bottom: 12px;
}

div.section > div.sidebar-section h2 {
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
}

div.small > dl.magazine-list {
    width: 440px !important;
}

ul.navlink-list {
    margin-top: 10px;
}

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

.mini-sidepanel ul.navlink-list {
    width: inherit;
}

    .mini-sidepanel ul.navlink-list li.navlink {
        float: left;
        width: inherit;
    }

li.nav-level1 {
    margin-left: 0;
    color: #DEDEDE;
}

    li.nav-level1.selected {
        color: #B7090A; /*#6B7373;*/
    }

        li.nav-level1.selected a {
            ipad color: #6B7373;
        }

span.digital.ipad {
    padding: 0 5px;
    height: 17px;
    background-image: url(/images/apple-icon-10.png);
    background-repeat: no-repeat;
}

li.nav-level2 {
    margin-left: 20px;
    color: #DEDEDE;
}

    li.nav-level2.selected {
        color: #B7090A;
    }

/* -- Bios -- */

ul.people li {
    list-style-type: none;
}

ul.people.primary li {
    padding-bottom: 6px;
}

ul.people p {
    font-size: 14px;
    line-height: 21px;
}

ul.people li.secondary h2 {
    font-size: 17px;
}

ul.people.secondary li {
    font-weight: bold;
    font-size: 14px;
}

    ul.people.secondary li span.prefix {
        font-weight: normal;
    }

div.people.secondary h4 {
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
}

ul.people.tertiary li {
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
}

div.people.tertiary h4 {
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
}

div#other-members {
    width: 355px;
    float: left;
}

div#past-contributors {
    width: 190px;
    float: right;
    padding-top: 2px;
}

div.main ul.people h2 {
    margin-bottom: 10px;
}

/* -- How it works -- */
ol#how-it-works {
    list-style-position: inside;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-size: 18px;
    color: #6B7373;
    margin-left: -20px;
}

    ol#how-it-works h2 {
        display: inline-block;
        *display: inline;
        *padding: 0 0 10px 10px;
    }

    ol#how-it-works li {
        margin-left: 190px;
        clear: both;
    }

    ol#how-it-works img {
        float: left;
        margin-left: -170px;
        padding-bottom: 30px;
    }

    ol#how-it-works p {
        font-family: Georgia, "Times New Roman", serif;
        color: #383131;
        padding-bottom: 30px;
        font-size: 16px;
        line-height: 21px;
        width: 365px;
    }

/* -- callout regions -- */
div.callout {
    background-color: #0e467d;
    margin-bottom: 30px;
    padding: 11px 14px;
    color: #fff;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    div.callout p {
        float: left;
        margin-bottom: 0;
    }

    div.callout.columns p {
        float: left;
    }

.callout p strong {
    font-size: 18px;
}

.callout a.toggle {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

    .callout a.toggle span.toggle.icon {
        margin: 6px 4px 0px 0px;
    }

    .callout a.toggle:hover {
        text-decoration: none;
    }

.callout h2 {
    font-size: 16px;
    font-weight: lighter;
    color: #fff;
}

    .callout h2 strong {
        font-size: 16px;
        font-weight: bolder;
    }

div#content div.callout.columns p, div#contentfooter div.callout.columns p {
    width: 590px;
}

div#contentfooter div.main {
    width: 790px;
}

div#mainpane div.callout.columns p {
    width: 395px;
}

div.callout.columns a.sign_up, div.callout.columns button {
    float: right;
}

.control-bar.sign_up {
    margin-bottom: 30px;
}

    .control-bar.sign_up a.mc-button {
        float: right;
        margin-top: 4px;
    }

        .control-bar.sign_up a.mc-button.mini {
            float: right;
            margin-top: 8px;
        }

    .control-bar.sign_up p {
        float: left;
        width: 620px;
        margin-top: 0;
        color: #354E66;
    }

.callout a {
    color: #60B8FD;
}

    .callout button.mc-button, .callout a.mc-button {
        margin: 6px 0;
        background: #60B8FD;
        font-family: Verdana, Arial, Sans-Serif;
        color: #fff;
    }

        .callout button.mc-button:hover, .callout button.mc-button:focus, .callout a.mc-button:hover, .callout a.mc-button:focus {
            background: #B2DCFD;
        }

/* -- Control Bar -- */
.control-bar {
    clear: both;
    /* background-color: #EFF8FA;
    border: 1px solid #DEDEDE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
    padding: 15px 13px 14px 18px;
    font-size: 13px;
    width: 757px;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    background: #F2F2F2 url(/images/backgrounds/control-bar-bg-slice.png) repeat-x 0 0;
    background-size: 1px 100%;
    /*
    background: rgb(239,239,239);
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(245,245,245,1) 6%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(6%,rgba(245,245,245,1)), color-stop(100%,rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(245,245,245,1) 6%,rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(245,245,245,1) 6%,rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(245,245,245,1) 6%,rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(245,245,245,1) 6%,rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f2f2f2',GradientType=0 );
*/
}

    .control-bar.old {
        background-image: none;
        background-color: #dcfadf;
        border: 1px solid #DEDEDE;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .control-bar.publisher {
        background: url(/images/backgrounds/control-bar-publisher-bg-slice.png) repeat-x 0 0;
        border: 1px solid #DCE5E8;
        border-left-color: #E5EEF2;
        border-right-color: #E4EEF2;
        border-bottom: none;
        outline: 1px solid #EDF5FA;
        padding-bottom: 2px;
    }

.grid-header {
    margin-bottom: 28px;
}

    .grid-header.paged {
        margin-bottom: 10px;
    }

    .grid-header .control-bar {
        padding: 7px 0 6px 18px;
        width: 769px;
    }

.preview-browser {
    clear: both;
    padding: 15px 13px 14px 18px;
    font-size: 13px;
    width: 757px;
}

.control-bar.search {
    padding-top: 9px;
}

    .control-bar.search input.text {
        float: left;
        width: 600px;
    }

.control-bar .big.mc-button {
    margin-top: 1px;
}

#sectionNav + .control-bar,
#sectionNav + * .control-bar {
    border-top: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
}

.control-bar select {
    margin: 1px 5px 0 11px;
    float: left;
}

.control-bar label {
    float: left;
    line-height: 1.5em;
    color: #4A4A4A;
    margin-top: 1px;
    font-weight: bold;
}

.control-bar input[type='radio'] {
    float: left;
}

.control-bar .promote-options label {
    font-weight: normal;
}

.control-bar .promote-options li input {
    float: left;
}

.control-bar label.publisher-tools {
    width: 126px;
    border-right: 1px solid #D2D2D2;
}

div.heading .control-bar ul.controls {
    margin-top: 4px;
}

.control-bar ul.controls,
.control-bar ul.controls.primary {
    float: left;
    font-size: 13px;
    margin-right: 8px;
}

    .control-bar ul.controls li {
        line-height: 18px;
        float: left;
        margin-right: 20px;
    }

        .control-bar ul.controls li:last-child {
            margin-right: 0;
            float: right;
        }

        .control-bar ul.controls li.action-link:last-child {
            margin-right: 0;
        }

        .control-bar ul.controls li.action-link {
            margin-right: 12px;
            font-size: 14px;
        }

            .control-bar ul.controls li.action-link .selected {
                color: #B7090A;
            }

            .control-bar ul.controls li.action-link a {
                font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
                display: block;
                padding-right: 12px;
                border-right: 1px solid #C6C6C6;
                color: #0E467D;
            }

        .control-bar ul.controls li:last-child a {
            border-right: none;
        }

        .control-bar ul.controls li span.icon {
            width: 16px;
            height: 16px;
        }

            .control-bar ul.controls li span.icon.small {
                width: 12px;
                height: 12px;
                margin-top: 4px;
            }

            .control-bar ul.controls li span.icon.smaller {
                width: 10px;
                height: 10px;
                margin-top: 4px;
            }

.control-bar ul li.secondary {
    float: right;
    margin-right: 0;
}

.control-bar button,
.control-bar ul.controls.secondary,
.control-bar ul.controls.secondary li {
    float: right;
}

.grid-header .control-bar ul.controls.secondary {
    background: #E1E1E1 url(/images/backgrounds/control-bar-secondary-bg-slice.png) repeat-x 0 0;
    background-size: 1px 100%;
    height: 31px;
    margin: -7px 0 -6px 0; /* top and bottom should match control-bar padding * -1 */
    font-size: 13px;
    border-left: 1px solid #DFDEDE;
    padding-left: 12px;
}

    .grid-header .control-bar ul.controls.secondary li {
        float: left;
        margin-top: 7px;
    }

.control-bar p {
    float: left;
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
}

/* Terms of Use */

/*div.section.terms p {
line-height: 1.2em;
    }*/

/*div.terms h2 {
    text-transform: none; 
    font-size: 22px;
    margin-bottom: 15px !important;
}*/

div.terms h1 {
    margin-bottom: 24px;
}

div.terms p.block {
    text-transform: uppercase;
    font-weight: bold;
}

div.terms ol {
    color: #383131;
    padding-left: 25px;
    margin-bottom: 18px;
}

    div.terms ol li {
        list-style-position: outside;
        list-style-type: lower-alpha;
        /*line-height: 1.2em;*/
        margin-bottom: 6px;
    }

div.terms table.changelog {
    width: 100%;
    margin-bottom: 18px;
}

div.terms th, div.terms td {
    padding: 0 8px 8px 0;
}

    div.terms th.date-header {
        width: 150px;
    }

/* Feedback (flash) messages */
#flash {
    display: none;
}

    #flash.showing {
        display: block;
    }

.flash {
    /*
    width: 400px; 
    position: absolute; 
    right: 0; 
    top: 42px; 
    padding: 8px 0 8px 8px;*/
    background: white;
    cursor: pointer;
    /*font-family: Georgia, "Times New Roman", Serif;*/
    font-family: Verdana, Arial, Sans-Serif;
}

    .flash .message {
        /*font-weight: bold;*/
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 18px;
        padding-left: 26px;
    }

    .flash .error {
        background: transparent url(/images/icons/msg-error.gif) no-repeat scroll 0 2px;
        color: #B40A15;
    }

    .flash .note {
        background: transparent url(/images/icons/msg-note.gif) no-repeat scroll 0 2px;
        color: #666666;
    }

    .flash .success {
        background: transparent url(/images/icons/msg-success.gif) no-repeat scroll 0 2px;
        color: #009900;
    }

    /* Add Warn message style at Sprint 6 */

    .flash .warn {
        background: transparent url(/images/icons/msg-warn.png) no-repeat scroll 0 2px;
        color: #BB5700;
    }

    /* Add Warn message style at Sprint 6 */

    .flash .warn {
        background: transparent url(/images/icons/msg-warn.png) no-repeat scroll 0 2px;
        color: #BB5700;
    }


/* -- Submit Feedback success -- */
div.feedbackSuccess.section {
    clear: both;
    margin-bottom: 30px;
    padding: 15px 20px;
    background-color: #0e467d;
}

    div.feedbackSuccess.section p {
        float: left;
        margin-top: 0;
        margin-right: 20px;
        margin-bottom: 0;
        width: 590px;
        color: #fff;
        font-style: normal;
        line-height: 21px;
    }

        div.feedbackSuccess.section p strong {
            font-size: 18px;
        }

#issuedetails-pricecontainer {
    margin-bottom: 6px;
}

.issuedetails-pricecontainer .mc-button {
    margin-bottom: 15px;
}

.issuedetails-pricecontainer .group,
.issuedetails-pricecontainer li {
    float: left;
    width: 446px;
    margin-bottom: 0;
}

.issuedetails-pricecontainer ul li {
    font-size: 12px;
    line-height: 18px;
    font-family: Verdana, Arial, Sans-Serif;
    float: left;
}

.issuedetails-pricecontainer .strikethrough-emphasized.price {
    font-style: italic;
    color: #383131;
}

#issuedetails-pricecontainer .more-info {
    *padding-top: 15px;
}

/* #issuedetails-price {
    width: 144px;
    float: left;
    margin-top: -3px;
    height: 40px;
    vertical-align: middle;
}
#issuedetails-price p {
    margin-bottom: 0px;
    margin: auto;
    line-height:18px;
    vertical-align: middle;
} */

/* -- Promote -- */
.issue-badge textarea {
    height: 224px;
    width: 156px;
    padding: 0px;
}

div.promote-issue-markup.issue-badge {
    float: left;
    width: 180px;
}

div.main.issue-badge p {
    text-align: left;
    margin-bottom: 8px;
}

div#promoteIssuePreview {
    float: left;
    width: 70px;
    height: 141px;
}

div#badgeContainer {
    margin-top: -20px;
    margin-left: -20px;
}

/* -- Add This widget -- */
.addthis_toolbox .vertical {
    width: 136px;
    padding: 0 0 10px 0;
}

    .addthis_toolbox .vertical a {
        width: 102px;
        padding: 0 0 4px 24px;
        position: relative;
        display: block;
        text-decoration: none;
        font-size: 14px;
    }

        .addthis_toolbox .vertical a:hover {
            text-decoration: none;
        }

    .addthis_toolbox .vertical span {
        position: absolute;
        left: 0;
        top: 2px;
    }

/* dialog box
--------------------------------------------- */

.ui-dialog-titlebar {
    display: none;
}

.ui-dialog {
    background-color: #fff;
    padding: 20px 20px 30px;
}

div.dlgbox {
}

    div.dlgbox div.dlghead.group h2 {
        float: left;
        margin-right: 10px;
        width: 470px;
        margin-bottom: 0;
        text-transform: none;
        font-size: 18px;
        line-height: 21px;
        font-weight: normal;
        color: #383131;
    }

    div.dlgbox .note {
        font-size: 11px;
        line-height: 15px;
        font-family: Verdana, Arial, Sans-Serif;
    }

    div.dlgbox p.note {
        margin-bottom: 12px;
        clear: left;
        width: 470px;
    }

    div.dlgbox .form-item p.note {
        width: 340px;
    }

    div.dlgbox ul.options li {
        margin-bottom: 9px;
        font-weight: bold;
    }

    /* 'get issue link' dialog box
--------------------------------------------- */
    div.dlgbox.get-issue-link {
        width: 510px;
        height: 207px;
    }

/* previewer
--------------------------------------------- */
.jqmWindow.previewer {
    background-color: #0f0d0d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 728px;
    margin-left: -364px; /* width * (1/2) */
    border: 3px solid #383131;
}

.previewer .close-button {
    position: absolute;
    top: -18px;
    left: -18px;
}

.previewer .cart-button-container {
    margin: 20px 0;
    text-align: center;
}

.previewer h3.previewer-title {
    text-align: center;
    margin: 19px 0;
    font-size: 16px;
}

    .previewer h3.previewer-title span.title-prefix {
        color: #837c7c;
        font-weight: normal;
    }

    .previewer h3.previewer-title span.issue-title {
        color: #dedede;
    }

.previewer .previewer-body table.preview-img-container {
    border: 0;
    padding: 0;
    margin: 0 auto;
}

    .previewer .previewer-body table.preview-img-container td {
        padding: 0;
        vertical-align: middle;
    }

        .previewer .previewer-body table.preview-img-container td.button-cell {
            width: 30px;
        }

        .previewer .previewer-body table.preview-img-container td.image-cell {
            width: 310px;
            /* height: 403px; */
            background-color: #383131;
            padding: 1px;
        }

.previewer .image-cell img {
    max-width: 308px;
}
/*
.previewer.square .previewer-body table.preview-img-container td.image-cell {
    height: 310px;
} */
.previewer.digestlandscape .previewer-body table.preview-img-container td.image-cell {
    width: 310px;
    /* height: 0; */
}

    .previewer.digestlandscape .previewer-body table.preview-img-container td.image-cell img {
        width: 310px;
    }

        .previewer.digestlandscape .previewer-body table.preview-img-container td.image-cell img.loading-spinner {
            width: 32px;
        }

.previewer .previewer-body table.preview-img-container td.image-cell span {
    color: #837C7C;
    font-size: 16px;
    line-height: 16px;
    margin: 5px;
    display: inline-block;
    text-align: center;
}

.previewer .previewer-body table.preview-img-container td.image-cell.left {
    padding-right: 0px;
    width: 309px;
}

.previewer .previewer-body .page-index {
    text-align: center;
    color: #837c7c;
    font-size: 12px;
    margin-top: 15px;
    font-family: Verdana, Arial, Sans-Serif;
}

    .previewer .previewer-body .page-index > a,
    .previewer .previewer-body .page-index > span {
        letter-spacing: 1px;
        margin: 0 3px 0 4px;
        display: inline-block;
    }

    .previewer .previewer-body .page-index a {
        color: #ddd;
        text-decoration: none;
    }

    .previewer .previewer-body .page-index > .cover {
        letter-spacing: 0px;
    }

.previewer .preview-img-link .loading-spinner {
    margin-left: 138px; /* 308 - (1/2) * width */
}

.previewer.digestlandscape .preview-img-link .loading-spinner {
    margin-left: 80px; /* 308 - (1/2) * width */
}

table.preview-img-container .image-cell {
    line-height: 0;
}

/* -- Adddress book.  TODO: Refactor CSS-- */
div p#new-address {
    width: 139px;
    float: right;
}

div.addressbook {
    float: left;
    padding-left: 0px;
    padding-bottom: 24px;
    padding-right: 0px;
    width: 630px;
}

.address .actionShipping {
    float: right;
    margin-right: 100px;
    font-weight: bold;
    font-size: 16px;
}

div.address {
    margin-bottom: 1em;
    line-height: 1.2em;
}

div.address {
    /*float: left;*/
    padding-top: 14px;
}

div.addressbook div.address {
    width: 40%;
    margin-right: 8%;
    background: url(/images/layout/border-dashed.png) repeat-x 0px 0px;
}

div.addressbook div.first-row {
    background: none;
}

#cart div.address ul.actions {
    margin-top: 12px;
}

div.address dl dd {
    margin-bottom: 4px;
}

div.address dl dt {
    font-size: 90%;
    font-weight: normal;
    margin-top: inherit;
}

.address dl, dt.address-person-name {
    font-size: 100%;
}

.address .description .small-note {
    font-style: italic;
}

.address .actions {
    font-weight: bold;
}

.address dl dt.non-default .small-note {
    color: #837c7c;
}

.address ul.actions li a {
    font-size: 90%;
}

.address-small {
    font-weight: 200;
    color: #868686;
    font-size: .8em;
    line-height: 14px;
}

.address-group-description {
    position: relative;
    line-height: 14px;
    font-size: 12px;
    color: #777;
}

.address-person-name, .address-group-name {
    font-weight: bold;
    color: #606060;
    font-size: 14px;
    line-height: 21px;
}

.small-note {
    color: #837c7c;
    font-style: italic;
    padding: 3px;
    font-size: 12px;
}
.note-tiny{
    color: #837c7c;
    font-style: italic;
    font-size: 8px;
}
.note-small {
    color: #837c7c;
    font-size: 10px;
}

#recipients {
    border-top: solid 2px #DEDEDE;
}

    #addressGroups .header a, #recipients .header a {
        font-size: 12px;
        line-height: 15px;
        font-family: Verdana, Arial, sans-serif;
    }

    #addressGroups div#noGroups, #recipients div#noRecipients {
        margin: 0 0 28px 0;
    }

    #addressGroups div#groupTotal, #recipients div#recipientsTotal {
        padding-top: 9px;
    }

    #addressGroups #groupContent, #recipients #recipientContent {
        width: 630px;
        padding-top: 9px;
    }

        #addressGroups #groupContent p {
            margin-bottom: 8px;
        }

li.all-recipients {
    width: 25px;
    margin-right: 10px;
    float: left;
}
/* for Japan */
li.all-recipients-ja-jp {
    width: 48px;
    margin-right: 10px;
    float: left;
}

li.recipient-filter {
    margin-right: 10px;
    float: left;
}

li.recipient-filter-selected {
    color: #B7090A;
    font-weight: bold;
    border-bottom: #B7090A 3px solid;
}

#recipients div#noFilterRecipients {
    margin-bottom: 18px;
}

#addressGroups #groupPager, #recipients #recipientPager {
    margin-left: 160px;
}

    #addressGroups #groupPager .pagination, #recipients #recipientPager .pagination {
        width: 630px;
    }

/* Address chooser */
div.address-chooser {
    height: 300px;
    width: 500px;
    overflow: auto;
    /* *overflow: scroll;*/
    border: 1px solid #aaa;
    padding: 5px 0 5px 0;
    margin-bottom: 8px;
}

div.address-chooser-row {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 8px 0 8px;
}

    div.address-chooser-row.selected {
        background-color: #F0F0F0;
        cursor: default;
    }


/* -- Payment History  -- */
table.payment-history {
    width: 100%;
}

    table.payment-history tr td.payment-date {
        width: 20%;
    }

    table.payment-history tr td.payout-recipient {
        width: 30%;
    }

    table.payment-history tr td.payment-transaction {
        text-align: right;
        width: 30%;
    }

        table.payment-history tr td.payment-transaction span {
            color: #837c7c;
        }

/* -- Form Error messages  -- */

/* this style is used to overide the Model.Errors.ToLI("Markup") markup for proper layout on the Issue Pricing page */
form#PricingForm li.group.formErrors span.formError {
    display: block;
}

/* pagination
--------------------------------------------- */
.pagination {
    clear: both;
    float: left;
    margin-bottom: 40px;
    /* margin-top: 24px;
    margin-bottom: 0;
    padding-top: 18px; */
    width: 630px;
    font-size: 12px !important;
    line-height: 18px;
    /* text-align: center; */
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
}

.grid-header .pagination {
    margin-bottom: 0;
}

body.deprecated .pagination {
    font-size: 14px !important;
}

.pagination .pagination-controls {
    float: right;
    margin: 8px 0;
}

    .pagination .pagination-controls > * {
        display: block;
        float: left;
    }

.pagination .page-links {
    margin-top: 2px;
}

.pagination span.page {
    padding-left: 1px;
    padding-right: 1px;
}

div.pagination a {
    color: #444444;
}

    div.pagination a.selected {
        color: #B7090A;
    }

.pagination a.go:hover {
    text-decoration: none;
}

.pagination span.page.last {
    padding-right: 8px;
    border-right: none;
}

.pagination span.prev {
    padding-right: 11px;
}

.pagination span.next {
    padding-left: 15px;
}

.pagination .hidden {
    display: inherit;
    visibility: hidden;
}

.mainpane .pagination {
    width: 790px;
}

.mainpane .callout .pagination {
    width: 762px;
}

.callout .pagination {
    background: none;
    border-top: 1px dashed #3C89BE;
    color: #ffffff;
    margin-top: 8px;
}

    .callout .pagination span.page {
        border-color: #3C89BE;
        color: #CCCCCC;
    }

tr .pagination {
    margin-top: 8px;
    background: none;
    padding-top: 0;
}

/* OLD PAGINATION, differentiated in CSS because it uses a P tag instead of DIV.
TODO: Remove when we get rid of Pagination class */

p.pagination {
    clear: both;
    margin-top: 24px;
    margin-bottom: 0;
    padding-top: 18px;
    width: 630px;
    color: #837c7c;
    font-size: 11px !important;
    line-height: 18px;
    text-align: center;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
}

body.deprecated p.pagination {
    font-size: 14px !important;
}

div.pagination {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    background: none;
}

p.pagination span.page {
    padding-left: 10px;
    padding-right: 7px;
    border-right: 1px solid #dedede;
}

    p.pagination span.page:last-child {
        border-right: none;
    }

    p.pagination span.page.selected {
        color: #B7090A;
    }

    p.pagination span.page.last {
        padding-right: 8px;
        border-right: none;
    }

p.pagination span.prev, p.pagination span.next {
    padding-right: 15px;
    padding-left: 15px;
}

p.pagination .hidden {
    display: inherit;
    visibility: hidden;
}

.mainpane p.pagination {
    width: 790px;
}

.mainpane .callout p.pagination {
    width: 762px;
}

.callout p.pagination {
    background: none;
    border-top: 1px dashed #3C89BE;
    color: #ffffff;
    margin-top: 8px;
}

    .callout p.pagination span.page {
        border-color: #3C89BE;
        color: #CCCCCC;
    }

tr p.pagination {
    margin-top: 8px;
    background: none;
    padding-top: 0;
}
/* ------------------------------------ */


/* Follow MagCloud */
div#follow-magcloud {
    width: 178px;
    margin: 0 0 0 -12px;
    padding: 0;
    overflow: visible;
}

    div#follow-magcloud h3 {
        margin-bottom: 0;
    }

    div#follow-magcloud div#links {
        width: 178px;
        background: url(/images/layout/border-dashed.png) repeat-x 0 0;
        border-left: 1px dotted #dedede;
        border-right: 1px dotted #dedede;
        padding: 14px 13px 12px 13px;
    }

    div#follow-magcloud div#bottom-border {
        background: url(/images/layout/border-dashed.png) repeat-x 0px 0px;
        height: 1px;
        width: 206px;
    }

    div#follow-magcloud a img {
        margin-top: 8px;
        margin-right: 4px;
    }

    div#follow-magcloud a.last img {
        margin-right: 0;
    }


/* back & forward */

a.backNav, a.forwardNav {
    display: block;
    /*position: absolute;*/
    margin-top: 15px;
    width: 19px;
    height: 45px;
    background-image: url(/images/buttons/back_and_forward.png?_v=20121101);
}

a.backNav {
    left: 0;
    /*margin-left: -20px;*/
}

    a.backNav:hover, a.backNav:focus {
        background-position: 0 -50px;
    }

a.forwardNav {
    right: 0;
    margin-right: -20px;
    background-position: 100% 0;
}

    a.forwardNav:hover, a.forwardNav:focus {
        background-position: 100% -50px;
    }

/* Promo Banner */
#singleImageBanner {
    display: block;
    /* float: left; */
    margin-top: 8px;
}

img.single-image-banner {
    width: 790px;
    margin-bottom: 30px;
}

.promo-banner {
    margin-top: 20px;
    position: relative;
    margin-bottom: 22px;
    border: 1px solid #aacdf0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #26384a;
    background-color: #f2f7fc;
    padding: 5px 0 4px 0;
    width: 788px;
    font-family: Verdana, Arial, Sans-Serif;
}

    .promo-banner.pad-bottom {
        margin-bottom: 32px;
    }

    .promo-banner p {
        line-height: 20px;
        font-size: 13px;
    }

    .promo-banner .left-col {
        float: left;
        width: 130px;
    }

        .promo-banner .left-col img {
            width: 130px;
            position: absolute;
            top: -21px;
            left: 9px;
        }

            .promo-banner .left-col img.w9 {
                margin-top: 10px;
                width: 70px;
                left: 45px;
            }

    .promo-banner .middle-col {
        position: relative;
        margin: 0 130px 0 144px;
    }

        .promo-banner .middle-col.expand-left {
            margin-left: 0;
        }

        .promo-banner .middle-col.expand-right {
            margin-right: 0;
        }

        .promo-banner .middle-col.has-right-image {
            margin-right: 70px;
        }

        .promo-banner .middle-col p {
            padding: 0 15px;
            padding-bottom: 3px;
        }

        .promo-banner .middle-col a {
            color: #544e4e;
        }

            .promo-banner .middle-col a:hover {
                text-decoration: none;
            }

    .promo-banner .right-col {
        float: right;
        width: 130px;
    }

        .promo-banner .right-col p {
            padding-right: 13px;
            padding-top: 1px;
            width: 130px;
            /*white-space: nowrap;*/
            position: absolute;
            bottom: 12px;
            right: 0;
            line-height: 1.1em;
            text-align: right;
        }

        .promo-banner .right-col img {
            position: absolute;
            top: -13px;
            right: 10px;
            width: 60px;
        }

    .promo-banner a:hover {
        text-decoration: none;
    }

    .promo-banner .more-link {
        color: #0E467D;
        font-weight: bold;
        float: right;
        margin-top: auto;
    }

        .promo-banner .more-link:hover {
            text-decoration: none;
        }

    /* Follow Banners */

    .promo-banner.follow .middle-col {
        margin-left: -4px;
        margin-right: 170px;
    }

    .promo-banner.follow .left-col {
        width: 0px;
    }

    .promo-banner.follow .right-col.wide {
        width: 190px;
    }

    .promo-banner.follow .right-col .mc-button {
        margin-top: 7px;
        margin-left: 20px;
    }

    .promo-banner.follow .cancel-button {
        display: inline-block;
        float: left;
        margin-left: -10px;
        margin-top: -15px;
        position: relative;
    }

/* Dynamic Controls */
.info-view .info {
    float: left;
    margin-left: 162px;
}

.info-view ul.info {
    list-style-position: outside;
    list-style-type: disc;
}

    .info-view ul.info.no-bullets {
        list-style-type: none;
    }

.info-view.labeled ul.info {
    margin-left: 0;
}

.info-view.labeled .header-label {
    float: left;
    width: 130px;
    margin-right: 22px;
    margin-left: 10px;
    text-align: right;
    color: #6A7373;
    font-size: 14px;
}

.info-view.labeled ul.info li.unlabeled {
    margin-left: 162px;
    width: 468px;
}

.info-view ul.info > li {
    width: 383px;
}

.info-view ul.info.has-controls > li {
    width: 468px;
}

.info-view ul.info.has-controls .info-item {
    width: 383px;
    float: left;
    margin-bottom: 9px;
}

.info-view ul.info.has-controls.two .info-item {
    width: 316px;
}

.info-view ul.info.has-controls ul.controls li {
    float: right;
    margin-left: 11px;
}

.info-view.labeled ul.info > li {
    width: 630px;
}

.info-view ul.info p.description {
    font-size: 11px;
    line-height: 16px;
    font-family: Verdana, Arial, Sans-Serif;
    margin-top: 3px;
    margin-bottom: 0;
}

/* Applications and Sharing */
div.permissions .info-edit {
    margin-bottom: 15px;
}

.controls .pressed {
    color: #6A7373;
    text-decoration: none;
}

span.blocked-user-line {
    width: 370px;
    margin-bottom: 15px;
    overflow: hidden;
    float: left;
}

.hiddenNote {
    margin-top: 10px;
    display: none;
}

    .hiddenNote .limited {
        overflow: hidden;
        margin-top: -20px;
        line-height: 20px;
        width: 100%;
        font-size: 12px;
        float: left;
    }


/* purchases */

table.purchases {
    margin-bottom: 24px;
    background: url(/images/layout/border-dashed.png) repeat-x 0 0;
    width: 790px;
    font-family: Verdana, Arial, sans-serif;
}

    table.purchases td {
        font-size: 12px;
        vertical-align: top;
    }

    table.purchases a.remove {
        font-size: 11px;
    }

table.cart.purchases {
    background: none;
    margin-bottom: 24px;
}

table.purchases.order-detail {
    background: none;
    margin-top: -10px;
}

table.purchases.order-history td.order {
    font-size: 12px;
    width: 160px;
}
/*table.purchases th {
    padding-top: 12px;
}*/
table.purchases.order-detail td.order {
    width: 160px;
}

table.purchases td.item {
    width: 550px;
}

    table.purchases td.item .actions a.cancel {
        margin-left: 80px;
    }

    table.purchases td.item .actions a {
        padding-bottom: 0;
    }

table.purchases td.type {
    width: 80px;
    padding-right: 0;
}

table.purchases td.qty {
    width: 70px;
}

table.purchases td.price {
    width: 90px;
}

table.purchases td.type,
table.purchases td.qty,
table.purchases td.price {
    padding-top: 11px;
}

    table.purchases td.qty.has-input {
        padding-top: 6px;
    }

        table.purchases td.qty.has-input input {
            width: 54px;
        }

table.purchases td.price {
    padding-right: 0px;
}

td.item .title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

td.item span.mag {
    font-size: 14px;
}

td.order span.number,
td.order span.date,
td.item a.title,
td.item span.mag,
td.item span.price {
    display: block;
    line-height: 1.2em;
}

td.order span.number {
    margin-bottom: 6px;
    font-weight: bold;
}

td.order span.date {
    font-size: 11px;
    margin-bottom: 12px;
}

td.order div.note {
    font-size: 12px;
    line-height: 15px;
}

td.item, div.main td.item {
    font-size: 18px;
}

    td.item span.mag {
        margin-bottom: 3px;
        font-size: 14px;
        font-weight: normal;
    }

    td.item span.price {
        margin-top: 9px;
        margin-bottom: 6px;
        margin-left: 80px;
        color: #6b7373;
        font-size: 11px;
        line-height: 15px;
    }

        td.item span.price strong {
            color: #383131;
            font-weight: normal;
        }

            td.item span.price strong.favorable {
                color: #009900;
            }

tr.total {
    font-weight: bold;
}

table.order tr.total strong {
    color: #383131;
}

table.confirm tr.total {
    font-weight: normal;
}

tr.total td.shipping .note {
    /*padding-left: 80px;*/
    font-size: 11px;
    font-weight: normal;
    color: #383131;
}

tr.total td.shipping select {
    float: none;
    margin-left: 10px;
}

input#couponCode {
    margin-right: 8px;
}

body.deprecated #bindingIllustrationContainer {
    background: #fff no-repeat 100% 20px;
    padding-bottom: 10px;
    *padding-bottom: 18px;
}

    body.deprecated #bindingIllustrationContainer .right-col {
        margin-right: 100px;
        width: 336px;
    }

#bindingIllustrationContainer {
    background: #fff no-repeat 612px 22px;
}

    #bindingIllustrationContainer.perfect {
        background-image: url(/images/illustrations/perfect_binding.png);
    }

    #bindingIllustrationContainer.saddle {
        background-image: url(/images/illustrations/saddle-stitched.png);
    }

#coatingContainer {
    background: #fff no-repeat 612px 22px;
    background-image: url(/images/illustrations/uv_icon.png);
}

    #editPublicationForm div.header h2, #coatingContainer div.header p {
        width: 200px;
    }

.form-container.set-your-price ul {
    margin-top: -6px;
}

.form-container.set-your-price label {
    width: 208px;
}

.form-container.set-your-price .form-item {
    margin-left: 220px;
    width: 216px;
}

.ie7-animation-fix {
    background-color: #fff !important;
    position: relative !important;
}

.signature {
    background-image: url(/images/icons/pen-icon.png);
    background-repeat: no-repeat;
    height: 32px;
    padding-left: 35px;
}

/* Avatars */
img.avatar,
div.avatar-wrapper {
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 10px;
    margin-bottom: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    img.avatar.inline,
    div.avatar-wrapper.inline {
        float: none;
        vertical-align: middle;
    }

    div.avatar-wrapper.inline {
        display: inline-block;
    }

    img.avatar.large,
    div.avatar-wrapper.large {
        height: 150px;
        width: 150px;
        margin-right: 21px;
        margin-bottom: 17px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    img.avatar.small,
    div.avatar-wrapper.small {
        height: 25px;
        width: 25px;
        margin-right: 6px;
        margin-bottom: 5px;
        margin-top: 2px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
/*.profile img.avatar, .profile div.avatar-wrapper {
    margin-top: 5px;
}*/
table.normal img.avatar, table.normal div.avatar-wrapper {
    margin-bottom: 0;
    margin-top: -4px;
    /*float: none;*/
}

div.heading h1.has-avatar {
    margin-bottom: -9px;
}

/* Control Grid */
ul.control-grid > li {
    float: left;
}

/* Followers */
.followers ul.control-grid > li {
    margin-bottom: 18px;
}

div.follower {
    width: 275px;
}

.followers ul.control-grid > li.last-col div.follower {
    width: 240px;
}

.follower ul {
    float: left;
    width: 155px;
    margin-top: -4px;
    margin-right: 60px;
}

.followers ul.control-grid > li.last-col .follower ul {
    margin-right: 0;
}

.follower a.avatar {
    float: left;
}

.follower ul li.username {
    line-height: 18px;
}

.follower ul li.note {
    line-height: 18px;
    margin-bottom: 4px;
}

/* Followed Magazines */
div.main.followed-magazines, div.main.followed-magazines > div {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
}

div.followed-magazines ul.control-grid {
    margin-top: 0px;
    margin-bottom: 0px;
}

.followed-magazines ul.control-grid > li {
    margin-bottom: 21px;
}

div.followed-magazine {
    width: 280px;
}

.followed-magazines ul.control-grid > li.last-col div.followed-magazine {
    width: 240px;
}

.followed-magazines ul.control-grid {
    margin-right: -10px;
}

.followed-magazine ul {
    float: left;
    width: 150px;
    margin-top: -4px;
    margin-right: 0;
}

div.main .followed-magazine ul {
    margin-bottom: 0;
}

.followed-magazine ul li {
    width: 150px;
    overflow: hidden;
}

.followed-magazines ul.control-grid > li.last-col .followed-magazine ul {
    margin-right: 0;
}

.followed-magazine a.cover {
    float: left;
}

    .followed-magazine a.cover img {
        margin-right: 10px;
    }

.followed-magazine .dead a.thumb img {
    border: 0;
}

.followed-magazine ul li.magazine-name {
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}

.followed-magazine ul li.magazine-subtitle {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 4px;
    font-family: Verdana, Arial, sans-serif;
}

.followed-magazine ul li.issue-count {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 8px;
    font-family: Verdana, Arial, sans-serif;
}

/* Priced Issues */

/*
div.publication-with-issues div.publication {
    clear: both;
}
div.publication-with-issues div.publication .title {
    float: left;
}
div.publication-with-issues div.publication .subtitle {
    float: left;
    padding-left: 15px;
}
div.publication-with-issues div.publication .count {
    float: right;
    padding-left: 15px;
}
div.publication-with-issues div.publication .following {
    float: right;
    padding-left: 15px;
    width: 160px;
}
div.publication-with-issues div.publication .following .mc-button {
    margin-top: -5px;
    position: absolute;
}

*/

/* Browse / Issues */

div.browse div.issue {
    margin-bottom: 0;
}

div.browse .control-grid div.issue {
    width: 395px;
}

    div.browse .control-grid div.issue div.info {
        width: 196px;
        display: inline-block;
        padding-bottom: 35px;
    }

div.browse div.issue .issue-description,
div.browse div.issue .description,
div.featured div.issue .issue-description,
div.featured div.issue .description {
    font-family: Verdana, Arial, Sans-Serif;
}

div.featured .smaller.note,
div.featured .favorable.price {
    font-size: 13px;
    line-height: 28px;
}

div.browse .control-grid .issue-description {
    font-size: 12px;
    line-height: 18px;
}

div.browse .issueProductInfo {
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #837C7C;
    margin-bottom: 8px;
}

table.sales .cover,
.image-crop-container {
    display: block;
    margin-right: 10px;
    float: left;
}

    .image-crop-container.cover {
        border: 1px solid #d1d1d1;
    }

div.issue ul.share {
    display: block;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    margin-top: 10px;
    font-family: Verdana, Arial, sans-serif;
}

    div.issue ul.share li {
        display: inline-block;
        *float: left;
    }

        div.issue ul.share li.last {
            margin-right: 0;
        }

        div.issue ul.share li span.icon {
            margin-top: 2px;
        }

.share.group.show-preview {
    /* margin-top: -18px; */
    margin-bottom: 20px;
    margin-right: 18px;
}

    .share.group.show-preview a {
        border: 1px solid #D0D0D0;
        border-top: 0px;
        border-bottom: 1px solid #D0D0D0;
        box-shadow: inset 0 0 0 1px white;
        cursor: pointer;
        text-align: center;
        text-shadow: 0 1px white;
        font-size: 12px;
        color: #888;
        width: 70px;
        padding: 2px 10px;
        display: block;
        position: relative;
        height: 20px;
        margin-bottom: 0px;
        text-decoration: none;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

div.issue div.info {
    float: left;
    width: 390px;
}

div.browse div.issue div.info {
    width: 305px;
}

div.issue p.title {
    margin-bottom: 12px;
    font-size: 21px;
    line-height: 27px;
}

div.browse div.issue p.title {
    margin-bottom: 18px;
    font-size: 24px;
}

div.issue p.title strong {
    margin-right: 10px;
}

div.issue div.description {
    margin-bottom: 18px;
}

    div.issue div.description p {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 21px;
    }

div.issue p.byline {
    font-size: 12px;
}

div.featured p.byline {
    font-size: 14px;
}

div.main div.issue {
    margin-bottom: 24px;
}

    div.main div.issue.nested {
        margin-bottom: 0px;
    }

div.main div.last.issue {
    margin-bottom: 0;
}

div.main div.issue h2 {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    font-family: Georgia, "Times New Roman", serif;
    color: #837C7C;
}

div.issue h2 strong {
    display: block;
    margin-top: 6px;
    font-size: 21px;
    line-height: 27px;
    color: #383131;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*div.issue h2 a strong {
    color: #0E467D;
}*/

div.issue h3 {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    line-height: 21px;
}

    div.issue h3 strong {
        display: block;
        margin-top: 6px;
        font-size: 15px;
        line-height: 21px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    }

div.issue p.visibilty {
    color: #837c7c;
    font-size: 13px;
}

    div.issue p.visibilty strong {
        color: #383131;
    }

div.issue div.header p.visibilty {
    margin-bottom: 18px;
}
/* div.issue p {
    font-family: Verdana, Arial, Sans-Serif;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
}
    */
.published div.issue span.price {
    font-weight: bold;
}

div.issue span.price.normal {
    font-weight: bold;
    line-height: 40px;
}

div.issue span.price.weak {
    font-weight: normal;
}

div.issue span.price.italic {
    font-style: italic;
}

div.issue p.inline {
    display: inline-block;
    padding-top: 8px;
}

div.issue div.issueProductInfo {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #837C7C;
}

div.titleblock.section.group div.browse-issues {
    padding-top: 2px;
}

.white-gradient {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e4e4',GradientType=0 ); /* IE6-8 */
}

    .white-gradient:hover {
        background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGYzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #f4f3f3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f3f3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f3f3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f4f3f3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f3f3 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f4f3f3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f3',GradientType=0 ); /* IE6-8 */
    }

/* publisher's desk */
div.issue ul.progress li {
    /* margin: 9px 0;*/
    font-size: 14px;
    list-style-type: none;
}

div.drafts.section div.issue div.info,
div.published.section div.issue div.info {
    float: left;
}



/* Thumbnails */
.thumb-box {
    float: left;
    width: 68px;
    height: 88px;
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: bottom;
    line-height: 10px;
    /* outline: 1px solid red; */
    position: relative;
    margin-right: 10px;
}

a.thumb {
    border: 0;
    padding: 0;
    margin: 0;
}

.dead a.thumb,
a.dead.thumb {
    cursor: default;
}

a.thumb img {
    display: block;
    position: absolute;
    bottom: auto;
    left: auto;
    top: 0;
    right: 0;
    max-width: 68px;
    max-height: 88px;
    border: 1px solid #DEDEDE;
}

.topleft a.thumb img,
.bottomleft a.thumb img {
    left: 0;
    right: auto;
}

.bottomleft a.thumb img,
.bottomright a.thumb img {
    top: auto;
    bottom: 0;
}

.bottomcenter .thumb-pos-box {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.bottomcenter a.thumb img {
    position: relative;
    display: inline;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

a.thumb:hover img {
    border: 1px solid #06C;
}

.dead a.thumb img,
.dead a.thumb:hover img,
a.dead.thumb img,
a.dead.thumb:hover img {
    border: 1px solid #352D2D;
}

.thumb-box.mediumsmall {
    width: 136px;
    height: 177px;
}

    .thumb-box.mediumsmall img {
        max-width: 136px;
        max-height: 177px;
    }

.thumb-box.medium {
    width: 148px;
    height: 196px;
}

    .thumb-box.medium img {
        max-width: 148px;
        max-height: 196px;
    }

.thumb-box.large {
    width: 308px;
    height: 401px;
}

    .thumb-box.large img {
        max-width: 308px;
        max-height: 401px;
    }


/* Top-aligned, no bounding box, just size-bound image. (no margin) */
.topvariablewidth a.thumb img {
    position: relative;
}

.thumb-box.topvariablewidth {
    width: auto;
    height: auto;
    max-width: 68px;
    max-height: 88px;
}

    .thumb-box.topvariablewidth.mediumsmall {
        max-width: 148px;
        max-height: 196px;
    }

    .thumb-box.topvariablewidth.large {
        max-width: 308px;
        max-height: 401px;
    }

/* Top-aligned, bounding box for width only (left/right margin). Variable height. */
.thumb-box.rightvariableheight,
.thumb-box.leftvariableheight {
    height: auto;
    max-height: 88px;
}

    .thumb-box.rightvariableheight.medium,
    .thumb-box.leftvariableheight.medium {
        max-height: 196px;
    }

    .thumb-box.rightvariableheight.large,
    .thumb-box.leftvariableheight.large {
        max-height: 401px;
    }

.rightvariableheight a.thumb img,
.leftvariableheight a.thumb img {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.thumb-box.rightvariableheight img {
    float: right;
}

.thumb-box.leftvariableheight img {
    float: left;
}

.thumb-box.nomargins,
.thumb-box.nomargins img {
    width: auto;
    height: auto;
}

    .thumb-box.nomargins img {
        float: left;
        position: relative;
    }

.thumb-box.nomargins {
    max-width: 68px;
    max-height: 88px;
}

    .thumb-box.nomargins.mediumsmall {
        max-width: 148px;
        max-height: 196px;
    }

    .thumb-box.nomargins.large {
        max-width: 308px;
        max-height: 401px;
    }

/* Specific thumbnail implementations */
div.issue .thumb-box {
    margin-right: 17px;
}

div.issue.digest .thumb-box.large {
    width: 269px;
}

.control-grid div.issue .thumb-box {
    margin-bottom: 35px;
}

.module.publication-list .thumb-box {
    width: 132px;
}

.module.publication-list .thumb img {
    max-width: 90px;
}

/* TODO: Hopefully remove everything below that styles the cover images */

.small-issue-detail {
    margin-bottom: 15px;
    margin-right: 50px;
    width: 230px;
}

div.main .small-issue-detail h2,
div.main .small-issue-detail h3 {
    margin-bottom: 2px;
    margin-top: -4px;
    *margin-top: -5px;
}

.medium-small-issue {
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-weight: bold;
    float: left;
    width: 138px;
    margin-right: 25px;
}

    .medium-small-issue .issueProductInfo {
        font-family: Verdana, Arial, Sans-Serif;
        font-weight: normal;
        font-size: 11px;
        color: #837C7C;
        white-space: nowrap;
        float: left;
    }

        .medium-small-issue .issueProductInfo .issueProductInfo_ProductName,
        .medium-small-issue .issueProductInfo .issueProductInfo_SizeInfo {
            display: block;
        }

        .medium-small-issue .issueProductInfo span.product-info.icon,
        .medium-small-issue .issueProductInfo .issueProductInfo_Separator {
            display: none;
        }

.issue-list .medium-small-issue:last-child {
    margin-right: 0;
}

.issue-list .medium-small-issue .thumb-box {
    margin-bottom: 9px;
}

.publication-list.module .medium-small-issue img.cover.digest {
    height: 78px;
    width: 56px;
    margin-top: 12px;
    margin-bottom: 8px;
    margin-right: 0px;
}

.publication-list.module .medium-small-issue img.cover.digestlandscape {
    height: 52px;
    width: 78px;
    margin-top: 36px;
}

#featuredSection .medium-small-issue img.cover.digest {
    margin-bottom: 9px;
}

.medium-small-issue img.cover.digestlandscape {
    height: 86px;
    margin-top: 91px;
    width: 134px;
}

.medium-small-issue .group {
    display: block;
    float: left;
    clear: both;
}

.medium-small-issue .cover {
    margin-bottom: 9px;
}

    .medium-small-issue .cover.square {
        margin-bottom: 9px;
        margin-top: 42px;
    }

.publication-list.module .medium-small-issue .cover.square {
    margin-top: 20px;
}

.medium-small-issue .group-name {
    font-size: 11px;
    margin-bottom: 1px;
}

.medium-small-issue .publication-name {
    font-size: 14px;
    margin-bottom: 7px;
}

.medium-small-issue .meta-info {
    font-size: 11px;
    line-height: 16px;
}

img.cover.digest {
    margin-left: 22px;
    margin-top: 1px;
}

img#bleedNotes.digest {
    margin-right: 8px;
}

a.left.preview-img-link.digest {
    margin-left: 56px;
}

div#issuePreviewBrowserContainer.standard img {
    width: 395px;
}

div#issuePreviewBrowserContainer.standard .rightContainer img {
    left: 396px;
}

div#issuePreviewBrowserContainer.standard .leftContainer img {
    left: -3px;
}

.three-col .small-issue-detail {
}

div.main .small-issue-detail,
div.main.small-issue-detail {
    font-size: 11px;
    line-height: 18px;
}

    div.main .small-issue-detail p,
    div.main.small-issue-detail p {
        margin-bottom: 0;
    }

.last-col .small-issue-detail {
    margin-right: 0px;
}

.small-issue-detail .info {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    overflow: hidden;
}

.small-issue-detail .cover {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 1px;
}

div.drafts .small-issue-detail .cover {
    margin-right: 10px;
}

    div.drafts .small-issue-detail .cover.square {
        margin-left: 10px;
    }

div.drafts .small-issue-detail img.default {
    margin-left: 10px;
}

div.footer-section .small-issue-detail {
    font-family: Verdana, Arial, Sans-Serif;
}

.small-issue-detail .ipad-permissions {
    float: left;
}

    .small-issue-detail .ipad-permissions.opt-in {
        margin-top: 10px;
    }

    .small-issue-detail .ipad-permissions.opt-out {
        margin-top: 14px;
        margin-bottom: 2px;
    }

.small-issue-detail .info a.issue-title strong {
    display: block;
    margin-top: 3px;
    font-size: 16px;
    line-height: 21px;
    font-style: normal;
    max-height: 42px;
    *cursor: hand;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
}

div.footer-section .small-issue-detail .info a.issue-title strong {
    max-height: 34px;
    overflow: hidden;
}

.small-issue-detail .info a:hover.issue-title strong {
    text-decoration: underline;
}

img.wait.small {
    width: 32px;
    height: 32px;
}

img.wait.smaller {
    width: 24px;
    height: 24px;
}

img.wait.smallest {
    width: 16px;
    height: 16px;
}

/* Magazine Banners  */
.magazine-banner-overlay {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 3px solid #dedede;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
    padding-bottom: 9px;
    width: 790px;
}

.magazine-banner-image-container {
    position: relative;
    width: 790px;
    height: 90px;
    margin-bottom: 8px;
}

.magazine-banner-text-header {
    position: relative;
    margin-top: 14px;
    margin-bottom: 10px;
}

    .magazine-banner-text-header.in-default-collection {
        padding-top: 14px;
    }

    .magazine-banner-text-header .add-custom-banner-image-link {
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 38px;
    }

.magazine-banner-image-container .magazine-banner-image-hover-region {
    position: absolute;
    width: 0px;
    height: 90px;
    right: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
    background-color: #fff;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

    .magazine-banner-image-container .magazine-banner-image-hover-region > div {
        width: 113px;
    }

        .magazine-banner-image-container .magazine-banner-image-hover-region > div > a {
            display: inline-block;
            margin-top: 19px;
            margin-left: 20px;
            font-size: 14px;
        }

.magazine-banner-overlay .banner-upload-error {
    display: none;
}

    .magazine-banner-overlay .banner-upload-error .error.note {
        margin-bottom: -4px;
        margin-top: 0px;
        text-align: right;
    }

/* Magazine issue grids */
.magazine-issue-grid h2 {
    float: left;
    margin-right: 4px;
    width: 480px;
}

    .magazine-issue-grid h2 span.subtitle {
        color: #837C7C;
        display: inline-block;
        font-size: 16px;
        font-style: normal;
        margin-right: 4px;
    }

.magazine-issue-grid ul.controls {
    float: right;
    width: 300px;
}

    .magazine-issue-grid ul.controls li {
        float: right;
        margin-top: 8px;
    }

        .magazine-issue-grid ul.controls li.opt-in {
            width: 200px;
            margin-top: 0;
        }

        .magazine-issue-grid ul.controls li.opt-out {
            width: 180px;
        }

        .magazine-issue-grid ul.controls li.issue-count {
            text-align: right;
            line-height: 26px;
            margin-top: 0;
        }

/* Downloads Page */
div.download-tips p {
    color: #837C7C;
    font-size: 12px;
    line-height: 18px;
    font-family: Verdana, Arial, Sans-Serif;
    margin-bottom: 9px;
}

div.download-tips h3 {
    margin-bottom: 9px;
}

/* Downloads Section */
.downloads-section {
    float: left;
}

    .downloads-section > .title-section {
        border-bottom: 1px solid #DEDEDE;
        padding-bottom: 0;
        margin-bottom: 21px;
        *padding-bottom: 8px;
        *margin-bottom: 0;
    }

    .downloads-section h2 span.subtitle {
        color: #837C7C;
        display: inline-block;
        font-size: 16px;
        font-style: normal;
        margin-right: 4px;
        padding-left: 10px;
    }

    .downloads-section h2.title {
        float: left;
    }

    .downloads-section .gigantic-copy {
        font-family: Georgia, 'Times New Roman', serif;
    }

    .downloads-section .section-button-container {
        float: right;
    }

    .downloads-section .section-label {
        float: right;
        margin-right: 10px;
    }

        .downloads-section .section-label span.download-count {
            color: #837C7C;
            font-size: 16px;
        }

.download-item-container {
    width: 790px;
    margin-top: 21px;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
}

    .download-item-container .title-container {
        float: left;
        padding-left: 10px;
        width: 366px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .download-item-container .title-container .title-issue-number {
            font-family: Georgia, 'Times New Roman', serif;
            font-size: 14px;
            line-height: 21px;
        }

        .download-item-container .title-container .title-issue-name {
            font-family: Georgia, 'Times New Roman', serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 24px;
        }

        .download-item-container .title-container .purchase-note {
            color: #837C7C;
            margin-top: 8px;
        }

    .download-item-container .remaining-downloads-container {
        float: right;
        padding-left: 10px;
        padding-right: 33px;
        padding-top: 5px;
    }

        .download-item-container .remaining-downloads-container .warning {
            color: #B7090A;
        }

        .download-item-container .remaining-downloads-container .dead {
            color: #837C7C;
        }

    .download-item-container .download-button-container {
        float: left;
        text-align: center;
    }

        .download-item-container .download-button-container .download-size {
            margin-top: 10px;
        }

.downloads-section.order,
.downloads-section.completed {
    background-color: #F2F7FC;
    border: 1px solid #AACDF0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 580px;
    padding: 19px;
    margin-bottom: 24px;
    color: #354E66;
}

.downloads-section.completed {
    width: 440px;
    float: left;
}

.downloads-section.order {
    *margin-top: 0;
}

div.divided.section-container .downloads-section.completed {
    background: #F2F7FC;
}

.downloads-section.order .toggle-region {
    display: none;
}

.download-item-container.order {
    width: 570px;
    margin-top: 21px;
}

.download-item-container.completed {
    width: 510px;
}

.download-item-container.order .title-container {
    width: 318px;
}

.download-item-container.completed .title-container {
    width: 296px;
}

.download-item-container.order .remaining-downloads-container {
    float: none;
    padding-left: 0px;
    margin-top: 8px;
}

    .download-item-container.order .remaining-downloads-container .warning {
        color: #B7090A;
    }

    .download-item-container.order .remaining-downloads-container .dead {
        color: #837C7C;
    }

.download-item-container.order .download-button-container {
    float: left;
    text-align: center;
}

    .download-item-container.order .download-button-container .download-size {
        margin-top: 10px;
    }

.download-tips {
    margin-top: 15px;
}

#digitalHelpText {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #EAF5E4;
    border: 1px solid #369D00;
    width: 410px;
    padding: 15px;
    font-size: 11px;
    line-height: 18px;
}


/* Pricing */
.pricing,
div.issue p.pricing,
div.issue span.pricing {
    font-size: 12px;
    line-height: 13px;
    font-family: Verdana, Arial, Sans-Serif;
    margin-bottom: 0;
}

div.issue p.pricing {
    font-size: 11px;
}

span.price-item.print {
    margin-bottom: 0;
    display: inline-block;
}

span.price-item.digital {
    margin-bottom: 0;
    display: inline-block;
}

span.price-item.digital {
    margin-left: 10px;
}

.control-grid span.price-item.digital {
    margin-left: 0;
}

    .control-grid span.price-item.digital.pad {
        margin-left: 10px;
    }

.info span.price-item {
    margin-bottom: 8px;
}

.pricing span.note strong {
    font-weight: normal;
    color: #383131;
}

.pricing span.note.markup strong {
    font-weight: bold;
}

.pricing span.favorable.price {
    font-style: italic;
}

ul#digitalDistributionOptions li {
    margin-bottom: 0px;
}


/* Managed content pages */
div.main.content {
    padding-top: 10px;
}

.content,
div.main.copy.small.content {
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-size: 13px;
}

    .content h2 {
        padding-top: 6px;
    }

        .content h2:first-child {
            padding-top: 0;
        }

    .content img {
        border: 2px solid #E4E4E4;
        max-width: 790px;
        margin: 0 16px 18px 0;
        padding: 0;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .content li img {
        margin-top: 10px;
    }

    .content .kicker,
    .content .pricing-calculator {
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 18px;
    }

    .content.section .kicker:last-child,
    .content .section .kicker:last-child {
        margin-bottom: 0;
    }
/*.content .kicker.small {
    font-size: 11px;
    line-height: 18px;
}*/
.wrap-around-images img {
    float: left;
    clear: both;
    margin-top: 3px;
}

.wrap-around-images h2,
.wrap-around-images h3,
.wrap-around-images h4 {
    clear: both;
}

div.wrap-around-images h2 {
    margin-bottom: 9px;
}

/* order history */
div.expander a {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

ul.find-us-list li {
    float: left;
    margin-right: 10px;
}

    ul.find-us-list li img {
        height: 15px;
        width: 16px;
    }

div.image-crop-container {
    overflow: hidden;
}

    div.image-crop-container img {
        display: none;
    }

div.simple-issue-list > div {
    height: 95px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}

.publisher-module-item .cover img.digest {
    margin-right: 18px;
    margin-left: 0;
    height: 77px;
}

.publisher-module-item .cover img.digestlandscape {
    height: 43px;
    width: 68px;
}

div.kicker > p {
    margin-bottom: 0;
}

/* Ribbon Title */
.has-ribbon-title {
    position: relative;
    margin-top: 30px;
}

.ribbon-title-container {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -15px;
}

.ribbon-title {
    /*margin: 0 auto; */
    display: inline-block;
}

    .ribbon-title > * {
        float: left;
    }

    .ribbon-title .edge {
        width: 20px;
        height: 20px;
    }

    .ribbon-title .left.edge {
        background: url(/images/ribbon_title_left_edge.png) no-repeat top right;
    }

    .ribbon-title .right.edge {
        background: url(/images/ribbon_title_right_edge.png) no-repeat top left;
    }

    .ribbon-title .title {
        padding: 2px 12px 6px 12px;
        font-size: 16px;
        line-height: 18px;
        color: #EFF9FA;
        text-shadow: 0px 1px 1px #1D5583;
        filter: dropshadow(color=#1D5583, offx=0, offy=1);
        border-top: 1px solid #7AADC9;
        border-bottom: 1px solid #B1B8B9;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
        background: rgb(97,158,194); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(97,158,194,1) 0%, rgba(39,100,150,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,158,194,1)), color-stop(100%,rgba(39,100,150,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(97,158,194,1) 0%,rgba(39,100,150,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(97,158,194,1) 0%,rgba(39,100,150,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(97,158,194,1) 0%,rgba(39,100,150,1) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(97,158,194,1) 0%,rgba(39,100,150,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#619ec2', endColorstr='#276496',GradientType=0 ); /* IE6-9 */
    }

/* --- Info Pages --- */
.module {
    margin-bottom: 60px;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    margin-top: -12px;
}

.no-slideshow .module:first-child {
    margin-top: 15px;
}

.module:last-child {
    margin-bottom: 55px;
}

.module.has-gradient .border-container {
    border: 1px solid #fff;
    padding: 15px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,248,250,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,248,250,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,248,250,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,248,250,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,248,250,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,248,250,1) 100%); /* W3C */
    
}

.module.has-gradient.has-ribbon-title .border-container {
    padding-top: 32px;
}

.bordered {
    border: 1px solid #D1D1D1;
}

div.bordered.box_gradient {
    clear: both;
    background: rgb(239,248,250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,248,250,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,248,250,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,248,250,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,248,250,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,248,250,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,248,250,1) 100%); /* W3C */
}

    div.bordered.box_gradient > div {
        border: 1px solid white;
        padding-left: 26px;
        padding-right: 25px;
        padding-top: 21px;
    }

.module + .module {
    background: url(/images/horizontal-separator.png) no-repeat 0 0;
    padding-top: 45px;
}

    .module.bordered + .module,
    .module + .module.bordered,
    .module.single-image + .module,
    .module + .module.single-image {
        background: none;
        padding-top: 0;
        margin-top: 0;
    }

        .module + .module.bordered.has-ribbon-title {
            margin-top: 30px;
        }

    .module + .module.bordered {
        border-top: 1px solid #D1D1D1;
    }

.module.very-simple .border-container {
    padding: 25px;
}

.module div.main.right-col,
.module div.main.left-col {
    paddin-top: 0;
}

/* Simple / Very Simple / Quotation Modules */
.module .content-image {
    max-width: 260px;
    float: left;
}

.module.single-image .content-image {
    max-width: inherit;
    width: 790px;
}

.module.right-image .content-image {
    max-width: 260px;
    float: right;
}

.module .content a.next {
    display: block;
    clear: both;
    float: left;
    margin-top: 1em;
}

.module.simple .content,
.module.quotation .content {
    width: 495px;
    float: right;
    padding: 0 0 6px 30px;
    margin-top: -3px;
}

.module.quotation .content {
    width: 430px;
    background: url(/images/info_pages/QuoteMark.png) no-repeat top left;
}

.module.simple.right-image .content,
.module.quotation.right-image .content {
    float: left;
    padding-left: 0;
    padding-right: 30px;
}

.module.quotation .content,
.module.quotation.right-image .content {
    padding-left: 65px;
}

.module.quotation p.author {
    clear: both;
    float: right;
    text-align: right;
    width: 430px;
    margin-top: 10px;
}

.module.mini.section + .module.mini.section {
    clear: none;
}

.module.mini {
    width: 365px;
    float: left;
    margin-right: 55px;
}

    .module.mini + .module.mini {
        margin-right: 0;
    }

    .module.mini .content-image {
        /* float: left; */
        position: absolute;
        top: 50px;
        right: 5px;
    }

    .module.mini .border-container {
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        max-height: 300px;

        height: 100%;
        padding: 0;
    }

.module.simple.mini .content {
    float: right;
    width: 100%;
    padding: 0;
    padding-bottom: 6px;
    /* width: 177px; */
}

    .module.simple.mini .content h2 {
        margin-bottom: 20px;
        text-shadow: 0px 1px 0px #1E2634;
        width: 327px;
        margin-left: -2px;
        font-size: 18px;
        padding-left: 27px;
        line-height:148%;
    }

    .module.simple.mini .content p {
        padding: 0 27px;
        clear: left;
        float: left;
        width: 186px;
    }

        .module.simple.mini .content p:first-child {
            margin-top: 20px;
        }

        .module.simple.mini .content p:last-child {
            margin-bottom: 10px;
        }

    .module.simple.mini .content a.mc-button {
        margin-left: 27px;
        margin-bottom: 18px;
        position: absolute;
        bottom: 0;
        right: 27px;
    }

.module.right-image.mini .content-image {
    float: right;
    max-width: 124px;
}

.module.right-image.mini .content {
    float: left;
}

.module.table {
}

    .module.table table tr td {
        border: 1px solid #D3D3D3;
        padding: 10px 5px;
        font-size: 12px;
    }

        .module.table table tr td a img {
            margin: 0 8px 8px 0;
            border: none;
        }

    .module.table table tr.thead td {
        font-weight: bold;
        padding: 5px 0 10px 0;
        font-size: 14px;
    }

    .module.table table tr td.thead {
        font-weight: bold;
        padding: 5px 16px;
        font-size: 14px;
    }

    .module.table table tr.row-even td {
        background: #e6f5f7;
    }

    .module.table table.formats-table td {
        height: 61px;
    }

/* Nav Module */
.module.nav {
    border: 7px solid #E6F5F7;
}

    .module.nav .border-container {
        border: 1px solid #C8E2EE;
        outline: 1px solid #fff;
        position: relative;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,245,248,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,245,248,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,245,248,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,245,248,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,245,248,1) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,245,248,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8f5f8',GradientType=0 ); /* IE6-9 */
    }

    .module.nav .nav-header,
    .module.nav ul {
        float: left;
    }

    .module.nav .nav-header {
        position: absolute;
        top: 50%;
        margin-top: -27px;
        width: 255px;
    }

        .module.nav .nav-header * {
            float: left;
        }

        .module.nav .nav-header img {
            width: 62px;
            height: 58px;
            margin-left: 44px;
        }

    .module.nav h2 {
        margin: 15px 0 0 20px;
        max-width: 128px;
    }

    .module.nav .link-container {
        background-color: #fff;
        border-left: 1px solid #C8E2EE;
        min-height: 77px;
        float: right;
        width: 510px;
        *padding-top: 6px;
        *padding-bottom: 20px;
    }

        .module.nav .link-container.single-line {
            min-height: 66px;
            padding-top: 11px;
            *padding-top: 16px;
            *padding-bottom: 2px;
        }

    .module.nav a.selected {
        color: #B7090A;
    }

    .module.nav .control-grid {
        margin: 19px 0 8px 58px;
    }

        .module.nav .control-grid li {
            margin-right: 20px;
            margin-bottom: 8px;
            width: 126px;
            font-size: 14px;
        }

/* Products Module */
.section.group.products.module.bordered.has-ribbon-title.has-gradient .border-container.group {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 33px;
}

.module.products {
    font-weight: bold;
}

    .module.products li {
        float: left;
        height: 137px;
    }

        .module.products li a,
        .module.products li span {
            display: block;
        }

        .module.products li.flyer a {
            display: inline;
        }

        .module.products li.flyer span {
            display: inline-block;
        }

            .module.products li.flyer span.thumbnail-container {
                display: block;
            }

        .module.products li a:hover {
            text-decoration: none;
        }

            .module.products li a:hover span {
                text-decoration: underline;
            }

        .module.products li p {
            text-align: center;
            margin: 0px; /* changed from 22px */
            vertical-align: bottom;
        }

        .module.products li span + span {
            margin-top: 6px;
        }

    .module.products img {
        height: 115px;
    }

        .module.products img.flyer {
            width: 111px;
        }

        .module.products img.tabloid,
        .module.products img.standard {
            width: 137px;
        }

        .module.products img.square,
        .module.products img.digest,
        .module.products img.pamphlet {
            width: 127px;
        }

/* Publication List Module */
.module.publication-list .medium-small-issue {
    width: 131px;
    text-align: center;
}

    .module.publication-list .medium-small-issue .group {
        float: none;
    }

    .module.publication-list .medium-small-issue img {
        display: inline-block;
    }

/* Kicker List Module */
.module.kicker-list.bordered {
    border: 0;
}

.module.kicker-list.new-user {
    padding-top: 28px;
}

.module.kicker-list h2 {
    margin-bottom: 10px;
}

.module.kicker-list li {
    float: left;
    margin-right: 19px;
}

    .module.kicker-list li:last-child {
        margin-right: 0;
    }

.module.kicker-list img {
    height: 120px;
    width: 250px;
}

/* Three-Column Content Module */
.module.three-column-content li {
    float: left;
    width: 228px;
    padding-right: 21px;
    margin-right: 21px;
    border-right: 1px solid #DEDEDE;
}

    .module.three-column-content li:last-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }

.module.three-column-content img {
    max-width: 228px;
    height: 120px;
    float: left;
    display: block;
    margin-bottom: 20px;
}

.module.three-column-content .content {
    clear: both;
    float: left;
    *width: 228px;
}

/* Video Module */
.module.video .video-content {
    float: left;
}

.module.video iframe {
    float: left;
}

.module.video.has-gradient .border-container {
    padding: 0;
    border: 0;
}

.module.video.bordered {
    border: 0;
}

.module.video .content {
    outline: 1px solid #fff;
    border: 1px solid #D1D1D1;
    /*float: right;*/
    max-width: 196px;
    height: 283px;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
}

/* Blog Module (todo: refactor to remove ID) */
#blog .image-crop-container {
    height: 90px;
    width: 70px;
    margin-top: 3px;
}

#blog h3 {
    margin-bottom: 6px;
}

.main-master .mainpane .mini-sidepanel.has-image .main-section div.main {
    width: 465px;
}

#blog div.main {
    padding-top: 0;
    padding-bottom: 0;
}

    #blog div.main p {
        margin-bottom: 22px;
    }

.image-crop-container {
    margin-right: 20px;
}

.sidebar-section ul.bullets {
    margin-left: 10px;
}

#blog.mini-sidepanel .main-section {
    width: 540px;
}

    #blog.mini-sidepanel .main-section div.main {
        width: 520px;
    }

#blog.mini-sidepanel.has-image .main-section div.main {
    width: 420px;
}

#blog div.sidebar-section {
    width: 250px;
}

.main-master .mainpane #blog.mini-sidepanel .main-section div.header {
    width: 520px;
}

.module.blog #blog div.sidebar-section {
    width: 248px;
}

/* Pricing Calculator Modules */
.module.pricing {
    font-family: Verdana, Arial, Sans-Serif;
    position: relative;
}

    .module.pricing h2 {
        text-align: center;
        height: 36px;
        line-height: 42px;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    }

    .module.pricing .module-icon {
        position: absolute;
        top: 8px;
        left: 30px;
        background: #ffffff url(/images/info_pages/icons/CalculatorIcon_overlay.png) no-repeat -2px -3px;
        border: 1px solid #E8E8E8;
        width: 54px;
        height: 53px;
        -moz-border-radius-topleft: 26px;
        -moz-border-radius-topright: 26px;
        -moz-border-radius-bottomright: 26px;
        -moz-border-radius-bottomleft: 26px;
        -webkit-border-radius: 26px 26px 26px 26px;
        border-radius: 26px 26px 26px 26px;
        -webkit-box-shadow: 0px -2px 3px -1px #DDDDDD;
        -moz-box-shadow: 0px -2px 3px -1px #DDDDDD;
        box-shadow: 0px -2px 3px -1px #DDDDDD;
    }

    .module.pricing .border-container > p.note {
        text-align: center;
    }

    .module.pricing.digital .border-container > p.note {
        text-align: left;
        float: left;
        width: 251px;
        padding: 30px 30px 30px 100px;
        line-height: 21px;
    }

    .module.pricing.digital .form-container {
        float: right;
        clear: right;
    }

        .module.pricing.digital .form-container ul li.shipping-method-price:last-child {
            margin-bottom: 50px;
        }

    .module.pricing #pricingCalculatorControlList {
        margin-top: 27px;
    }

#pricingCalculatorControlList .hr,
.pricing-calculator-control-list .hr {
    margin-top: 3px;
}

#pricingCalculatorControlList > li,
.pricing-calculator-control-list > li {
    float: left;
    width: 240px;
    clear: left;
    margin-left: 106px;
}

    #pricingCalculatorControlList > li ul,
    .pricing-calculator-control-list > li ul {
        float: left;
    }

    #pricingCalculatorControlList > li .pricing-note ul,
    .pricing-calculator-control-list > li .pricing-note ul {
        float: none;
    }

.form-container .pricing-note ul li,
{
    margin-bottom: 4px;
}

#pricingCalculatorControlList > li .pricing-note h3,
.pricing-calculator-control-list > li .pricing-note h3 {
    margin-bottom: 5px;
}

#pricingCalculatorControlList .option-item,
.pricing-calculator-control-list .option-item {
    margin-bottom: 0;
    width: 165px;
}

#pricingCalculatorControlList input.changed,
.pricing-calculator-control-list input.changed {
    background: #fbda75;
    color: #383131;
}

#pricingCalculatorControlList span.changed,
.pricing-calculator-control-list span.changed {
    color: #e2791d;
}

#pricingCalculatorControlList > li.shipping,
.pricing-calculator-control-list > li.shipping,
#pricingCalculatorControlList > li.digital-price,
.pricing-calculator-control-list > li.digital-price {
    float: right;
    clear: right;
    margin-right: 104px;
    margin-left: 0;
    padding-left: 44px;
    border-left: 1px solid #DEDEDE;
}

#pricingCalculatorControlList > li.digital-price,
.pricing-calculator-control-list > li.digital-price {
    margin-bottom: 0;
    padding-bottom: 9px;
}

.module.pricing #pricingCalculatorControlList .form-item,
.module.pricing .pricing-calculator-control-list .form-item {
    margin-left: 181px;
}

#pricingCalculatorControlList > li.pricing-note-item,
.pricing-calculator-control-list > li.pricing-note-item {
    margin-left: 0;
}

.module.pricing .pricing-note {
    width: 768px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    text-align: center;
}

.module.pricing #pricingCalculatorForm > .hr {
    display: none;
}

.module.pricing #shippingDivider {
    display: none !important;
}

.module.pricing .form-container ul li.totals {
    margin-bottom: 17px;
}

.module.pricing #shippingPrices,
.module.pricing .shipping-prices {
    position: relative;
}

/* Resources module */
.module.resources li.resource {
    margin-bottom: 10px;
    font-size: 13px;
}

.module.resources h2.resource-section-title,
.module.resources ul.resource-list {
    padding-left: 80px;
}

.module.resources ul.resource-list {
    margin-top: -41px;
}

.module.resources h2.resource-section-title {
    height: 63px;
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 20px;
}

    .module.resources h2.resource-section-title.template {
        background-image: url(/images/info_pages/icons/TemplateResourcesIcon.png);
    }

    .module.resources h2.resource-section-title.design {
        background-image: url(/images/info_pages/icons/DesignResourcesIcon.png);
    }

    .module.resources h2.resource-section-title.photography {
        background-image: url(/images/info_pages/icons/PhotographyResourcesIcon.png);
    }

    .module.resources h2.resource-section-title.advertising {
        background-image: url(/images/info_pages/icons/AdvertisingResourcesIcon.png);
    }

    .module.resources h2.resource-section-title.other {
        background-image: url(/images/info_pages/icons/OtherResourcesIcon.png);
    }


/* Website Hostname dialog */
#websiteHostnameDialog span.not-input {
    width: auto;
    line-height: 26px;
}

#websiteHostnameDialog .form-container li:last-child {
    margin-bottom: 9px;
}

#websiteHostnameDialog .form-container.narrow .form-item {
    margin-left: 55px;
}

a.message-count {
    position: relative;
}

    a.message-count span.message-count {
        left: 6px;
        top: -3px;
        margin-left: 12px;
        position: absolute;
        background: #16B0E5;
        color: white;
        border-radius: 7px;
        font-size: 8px;
        line-height: 9px;
        padding: 0 5px;
        height: 11px;
    }

    a.message-count span strong {
        margin-right: -2px;
        margin-left: -2px;
    }

/* ========== Flag Header Sidebar Nav ============ */
.flag-sidebar-nav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: left;
    width: 159px;
    padding-left: 12px;
    padding-bottom: 12px;
    padding-top: 2px;
    line-height: 22px;
    border-right: 1px solid #DDDDDD;
    background: rgb(241,249,251);
    background: -moz-linear-gradient(left, rgba(241,249,251,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,249,251,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(241,249,251,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(241,249,251,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(241,249,251,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(241,249,251,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f9fb', endColorstr='#ffffff',GradientType=1 );
}

    .flag-sidebar-nav.alternate {
        background: #eaf3f3; /* Old browsers */
        background: -moz-linear-gradient(left, #eaf3f3 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eaf3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #eaf3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #eaf3f3 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #eaf3f3 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to right, #eaf3f3 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf3f3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }

    .flag-sidebar-nav a {
        color: #555555;
    }

        .flag-sidebar-nav a:hover {
            /*color: #0E467D;*/
        color: #555555;

        }

    .flag-sidebar-nav h2 {
        font-size: 15px;
        line-height: 24px;
        background: transparent url(/images/layout/header-flag.png?__v=20130626) no-repeat 0 0;
        margin-left: -21px;
        margin-bottom: 6px;
        height: 38px;
        width: 166px;
        padding-left: 20px;
        padding-top: 4px;
        color: #fff;
        text-shadow: 1px 1px 2px #6F0000;
    }

    .flag-sidebar-nav h3 {
        margin-bottom: 3px;
    }

    .flag-sidebar-nav.alternate {
        width: 215px;
    }

        .flag-sidebar-nav.alternate h2 {
            background-image: url(/images/layout/header-flag-alternate.png);
            width: 203px;
            text-shadow: 0px 2px 0px #1E2634;
            filter: dropshadow(color=#1E2634, offx=0, offy=2);
            margin-top: -3px;
            padding-left: 14px;
            padding-right: 6px;
        }

.main-master .mainpane .section .flag-sidebar-nav.alternate + div.main {
    width: 517px;
}

.flag-sidebar-nav ul {
    padding-top: 3px;
}

/* ======= Arrow tabs === */
.arrow-tab a {
    background: transparent url(/images/buttons/arrow-tab-sprite.png) no-repeat 0 0;
    text-align: center;
    color: #999;
    font-family: "Trebuchet MS",Trebuchet,Geneva,Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
}

.arrow-tab.last a {
    background-position: -300px 0;
}

.arrow-tab a:hover {
    background-position: 0 -50px;
    text-decoration: none;
}

.arrow-tab.last a:hover {
    background-position: -300px -50px;
}

.arrow-tab.selected a {
    background-position: 0 -100px;
    color: #fff;
    cursor: default;
}

.arrow-tab.selected.last a {
    background-position: -300px -100px;
}


/* ========== Publication Lists ===== */
/* TODO: Rename so not tied to "digital library" */
.publication-browse-list li {
    float: left;
    width: 170px;
    height: 366px;
    margin: 0 36px 32px 0;
    position: relative;
}

    .publication-browse-list li span,
    .publication-browse-list .publication-info {
        width: 197px;
        float: left;
    }

        .publication-browse-list li span span {
            width: auto;
        }

.publication-browse-list .publication-info {
    height: 57px;
    overflow: hidden;
    margin: 10px 0;
}

.publication-browse-list .pdf-size {
    margin-top: -2px;
    font-size: 11px;
}

.publication-browse-list .read-now {
    display: block;
    background: #00509f;
    height: 68px;
    width: 68px;
    -webkit-border-radius: 34px;
    border-radius: 34px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    color: #CBFDFF;
    text-align: center;
    position: absolute;
    top: 71px;
    left: 50px;
    z-index: 10;
    opacity: .85;
}

    .publication-browse-list .read-now span {
        padding: 19px 5px;
        display: block;
        float: left;
        width: 57px;
    }

.publication-browse-list .read-now-button {
    margin-bottom: 6px;
}

.publication-browse-list .download-link {
    font-size: 11px;
}

.publication-browse-list {
    clear: both;
    width: 824px;
}

    .publication-browse-list h2 {
        width: 100%;
        background: #A9A9A9;
        color: #FFF;
        font-size: 16px;
        padding: 0 10px;
        margin-bottom: 15px;
    }
    /* TODO: Make this a new, general size option if we ever use this size again. */
    .publication-browse-list .thumb-box.medium {
        width: 168px;
        height: 221px;
    }

        .publication-browse-list .thumb-box.medium img {
            max-width: 168px;
            max-height: 221px;
        }



.sliding.publication-browse-list {
    position: relative;
}

.sliding.publication-browse-list,
.publication-slider-viewport {
    width: 785px;
    height: 392px;
}

    .sliding.publication-browse-list.medium,
    .medium .publication-slider-viewport {
        width: 580px;
    }

    .sliding.publication-browse-list .showcase {
        width: 836px;
        height: 70px;
        background: url(/images/shop/showcase-large.png) no-repeat 0 0;
        position: absolute;
        top: 187px;
        left: -26px;
        z-index: 1;
    }

    .sliding.publication-browse-list.medium .showcase {
        background-image: url(/images/shop/showcase-medium.png);
        width: 629px;
    }

.publication-slider-viewport {
    z-index: 2;
}

.publication-slider-content {
    width: 999999px;
}

.sliding.publication-browse-list li {
    margin-right: 35px;
}

.sliding.publication-browse-list .last-in-page {
    margin-right: 0;
}

.sliding.publication-browse-list .publication-info {
    margin-top: 35px;
}

.sliding.publication-browse-list li span,
.sliding.publication-browse-list .publication-info,
.paging.publication-browse-list li span,
.paging.publication-browse-list .publication-info {
    width: 167px;
}

    .sliding.publication-browse-list li span span,
    .paging.publication-browse-list li span span {
        width: auto;
        margin-right: 5px;
    }

.sliding.publication-browse-list a.go {
    position: absolute;
    top: 71px;
}

    .sliding.publication-browse-list a.go.disabled {
        display: none;
    }

.sliding.publication-browse-list a.backNav {
    left: -25px;
}

.sliding.publication-browse-list a.forwardNav {
    right: -5px;
}

.issue-tags {
    text-transform: lowercase;
}

div.digitalPricing.markup {
    position: absolute;
    margin-top: 45px;
    left: 358px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    width: 273px;
    height: 30px;
    padding: 10px 0;
}

    div.digitalPricing.markup span.not-input {
        width: 6px;
    }

    div.digitalPricing.markup div.note.markup {
        top: 10px;
        width: 200px;
        position: absolute;
        left: 94px;
        line-height: 16px;
        font-size: 11px;
        float: right;
    }

.dark, .dark.form-container ul li,
.dark h1, .dark h2, .dark h3, .dark h4, .dark.note, p.dark.note,
.form-container.dark ul p.note {
    color: #e9e9e9;
}

    .dark a {
        color: #32D0FF;
    }

    .dark .error {
        color: #FD5759 !important;
    }

.tooltipTable {
    position: absolute;
    width: 500px;
    text-align: center;
    visibility: hidden;
}
.tooltipTable :after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 400px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

a:hover.tooltip-discount + .tooltipTable {
    visibility: visible;
    margin-left: -140px;
    margin-top: 6px;
    opacity: 1;
}

.tooltipTable td {
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.tooltipTable tr.blueRow {
    background-color: #e6f5f7
}
.tooltipTable tr.whiteRow {
    background-color: white
}


.gdpr-banner,
.gdpr-banner__btn {
    box-sizing: border-box;
}

.gdpr-banner {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1050;
    color: #fff;
    background-color: #000;
    font-family: "Trebuchet MS", Trebuchet, Geneva, sans-serif;
}

.gdpr-banner__table {
    margin: 0 auto 0 auto;
}

.gdpr-banner__text {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 10px 10px 10px;
}

.gdpr-banner__link {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 10px 10px 10px;
}

.gdpr-banner__btn {
    background-color: #fff;
    color: #000;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: .1em;
    margin: 0 auto;
    padding: 11px 36px 10px;
    text-transform: uppercase;
    border-style: solid;
    border-width: 2px;
    border-color: #000;
}

    .gdpr-banner__btn:link,
    .gdpr-banner__btn:visited {
        color: #000;
        border-style: solid;
        border-color: #000;
        border-width: 2px;
    }

    .gdpr-banner__btn:hover {
        color: #fff;
        background-color: #000;
        text-decoration: none;
        border-style: solid;
        border-width: 2px;
        border-color: #fff;
        
    }