/*
    custom styles for Apple Support Communities board system introduced in 2016-06 (v0.11)
    
    v0.11 
        - introduced @media rules in THREAD LIST BROWSER and PLACES sections:
            @media all and ( max-width: X ) rule
            @media all and ( min-width: Y ) rule
        
        - added, refined and fixed rules in various sections, which include but not limited to
            BODY
                - changed #body-apple {width: 100%} to {width: auto}, which is essential to 
                  prevent horizontal scroller from appearing in narrow window environment.
            TEXT > font
                - added rules to use fine local font in lieu of illegible remote font
            ASC TOP PAGE
                - added rules on 'search or ask a question', 'featured topics' etc
            COMMUNITIES CATEGORIES OVERVIEW
                - new section
            THREAD LIST BROWSER > community overview
                - added and refined rules (treating filter ui layout)
            PROFILE > content
                - new subsection (treating browser control ui layout)
            BLOG
                - new section
            UNAUTHORIZED
                - new section

    v0.10d
        - draft

    written by Hiroto, 2016-06
*/
@-moz-document
    domain(communities.apple.com),
    domain(discussions.apple.com),
    domain(discussionsjapan.apple.com),
    domain(discussionskorea.apple.com),
    domain(discussionschinese.apple.com)
{
    /* ------------------------------------------------------------------------------------------------
        BODY
    */
    body.j-body-welome,             /* Welcome */
    body.j-body-place,              /* Community */
    body.j-body-yourwork,           /* Content */
    body.j-body-home,               /* Activity */
    body.j-body-yourconnections,    /* People */
    body.j-body-preferences,        /* Preferences */
    body.jive-body-content,         /* Thread */
    body.jive-body-search,          /* Search */
    body.jive-view-profile          /* Profile */
    {                                                                               
        background: white !important;
    }
    body {
        background: white; 
        min-width: 0px !important;
    }
    #body-apple {
        width: auto !important;
        min-width: 0px !important;
    }
    #globalheader { display: none !important; }                                     
    #global-nav-wrapper {display: none !important; }                                
    #globalfooter, 
    #globaldisclaimer { width: 80% !important; }                                    


    /* ------------------------------------------------------------------------------------------------
        TEXT
    */                                                                                      /* NEW */
    body {
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
    }
    body * {
        /* font-size: inherit !important; */
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    /* font
        - let it use well-established fine local fonts
          in lieu of slow, small, condensed and illegible remote fonts
          by removing the following from the font-family per language:
          
          lang | remote font name
          -----|-----------------
            ja | "Apple TP"
            ko | "Yoon Gothic"
            zh | "PingHei"
            en | "Myriad Set Pro"
            es | "Myriad Set Pro"
            pt | "Myriad Set Pro"
    */                                                                                      /* NEW (experimental) */
/*
    * { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif !important; }
*/
    [lang|="ja"] * {
        font-family: "Hiragino Kaku Gothic Pro", "Meiryo",
                     "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }
    [lang|="ko"] * {
        font-family: "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim",
                     "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }
    [lang|="zh"] * {
        font-family: "STHeitiSC-Light", 
                     "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }
    [lang|="en"] *,
    [lang|="es"] *,
    [lang|="pt"] * {
        font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }
    
    /* preseve monospace for pre.jive-pre */
    pre.jive-pre { font-family: monospace !important; }

    
    /* ------------------------------------------------------------------------------------------------
        ASC HEADER, FOOTER AREA
    */
    #j-header,
    #j-compact-header,
    #j-footer { width: 100% !important; }
    
    /* navigation header (Apple Support Communities ...) */
    #j-header-wrap {
        padding: 0px 40px !important;
        margin: 0px 0px 15px !important;
    }
    #j-globalNav-bg {
        padding: 0pX !important;
        margin: 0px !important;
        width: auto !important;                                                             /* NEW */
    }
    #j-satNav { overflow: visible !important; }

    #j-header-wrap { margin-bottom: 50px !important; }                                      /* NEW */
    #apple-full-header { margin: 10px 0px 0px !important; }                                 /* NEW */
    #second-row {                                                                           /* NEW */
        padding-top: 25px !important;
        height: 30px !important;
    }

    /* announcement */                                                                      /* NEW */
    #jive-alert {
        width: auto !important;
        max-width: inherit !important;
        margin: -20px 40px 10px !important;
    }
    .j-thread #jive-alert {
        margin: -50px 40px 10px !important;
    }
    .jive-body-formpage.j-thread #jive-alert {
        margin: -30px 40px 10px !important;
    }
    
    /* breadcrumb */                                                                        /* NEW */
    #jive-breadcrumb {
        width: auto !important;
        margin-right: 40px !important;
        position: relative !important;
    }
    
    /* footter */                                                                           /* NEW */
    .j-js-footer-wrap {
        width: auto !important;
        min-width: 0px !important;
    }
    footer#j-footer {
        width: auto !important;
        min-width: 0px !important;
    }


    /* ------------------------------------------------------------------------------------------------
        ASC TOP PAGE
    */
    .j-body-welcome #jive-alert { margin: 0px 40px !important; }
    .j-body-welcome .hero-container img { width: auto !important; }
    .j-body-welcome.j-body-home [id|=jive-widgetframe] > .content-large {
        text-align: center !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }
    .apple-communities {
        display: inline-block !important;
        width: auto !important;
        text-align: left !important;
    }

    /* search or ask a question */
    .ask-a-question-container .j-form input[type="text"] { width: 90% !important; }

    /* featured topics */
    .jive-widget-featuredcontentwidget h2 {
        font-size: 28px !important;
    }
    .jive-widget-featuredcontentwidget .content-large .featured-content-header {
        padding-bottom: 30px !important;
    }
    .jive-widget-featuredcontentwidget .content-large .featured-content-header p.sub-title {
        margin: 10px 0px 20px !important;
    }
    .jive-widget-featuredcontentwidget .featured-list-container {
        max-width: 1000px !important;
    }
    .jive-widget-featuredcontentwidget .featured-list-container .featured-list-row {
        margin-bottom: 20px !important;
        border-style: dotted !important;
        border-width: thin !important;
    }
    .jive-widget-featuredcontentwidget .featured-list-container .featured-list-user {
        margin: 0px 10px !important;
    }
    .jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc {
        margin: 0px 10px !important;
    }
    .jive-widget-featuredcontentwidget h4.title {
        font-size: 18px !important;
        margin: 10px 0px !important;
        text-decoration: underline !important;
    }
    .jive-widget-featuredcontentwidget .rating-row,
    .jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc blockquote,
    .jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc .user-metadata {
        margin-bottom: 10px !important;
    }
    
    /* new to communities? */
    .on-boarding .on-boarding-header h2 {
        font-size: 28px !important;
        margin: 0px 0px 25px !important;
    }
    .on-boarding .img-container { margin: 0px auto 30px !important; }
    
    /* how-to grid */
    .on-boarding > .grid-display {
        margin-top: 40px !important;
        padding: 20px 0px !important;
        max-width: 1000px !important;
        display: inline-block !important;
    }
    .on-boarding .row .column h3 {
        margin: 0px 30px 20px !important;
        max-height: 50% !important;
    }   


    /* ------------------------------------------------------------------------------------------------
        COMMUNITIES CATEGORIES OVERVIEW
    */                                                                                      /* NEW */
    /* communities description */
    .apple-space-overview .jive-widget-subcommunitieswidget .community-image {
        width: 200px !important;
        position: absolute !important;
        z-index: -1 !important;
    }
    .apple-space-overview .jive-widget-subcommunitieswidget .community-image img {
        width: 200px !important;
        height: 200px !important;
    }
    .apple-space-overview .jive-widget-subcommunitieswidget .community-description {
        margin-bottom: 45px !important;
    }
    .apple-space-overview .jive-widget-subcommunitieswidget .community-description h1 {
        font-size: 28px !important;
        margin: 30px 0px !important;
    }   
    
    /* top communities */
    .apple-space-overview  h2.community-title {
        font-size: 24px !important;
        margin: 0px 0px 20px !important;
    }
    .apple-space-overview .category-latest-header h3 {
        font-size: 22px !important;
        margin: 0px 0px 20px !important;
    }
    .apple-space-overview .category-latest h3, 
    .apple-space-overview .category-latest h4 { font-size: 20px !important; }
    .apple-space-overview .jive-widget-subcommunitieswidget .content-large       { padding: 10px !important; }
    .apple-space-overview .jive-widget-subcommunitieswidget .content-large > nav { padding-top: 0px !important; }
    .apple-space-overview .jive-widget-recentcontentfilterwidget {
        padding-bottom: 10px !important;
        margin-bottom: 0px !important;
    }
    
    /* search for more topics */
    .apple-space-overview .category-page .ask-a-question-header {
        margin-top: 20px !important;
        width: auto !important;
    }
    .apple-space-overview .category-page .ask-a-question-header h2 { font-size: 24px !important; }
    .apple-space-overview .category-page .ask-a-question-container {
        width: 80% !important;
        max-width: 1000px !important;
        margin: 30px auto !important;
    }
    .apple-space-overview .category-page .ask-a-question-container .j-form input[type="text"] {
        padding: 10px 10px 10px 50px !important;
        width: 94% !important;
    }
    .apple-space-overview .category-page .ask-a-question-footer { margin: 40px 0px !important; }
    
    /* contact apple support */
    .apple-space-overview .section-eyebrow { font-size: 24px !important; }
    .apple-space-overview .section-header {
        font-size: 22px !important;
        margin: 0px 0px 30px !important;
    }
        
    
    /* ------------------------------------------------------------------------------------------------
        THREAD LIST BROWSER
    */

    /* ------------------
        community overview 
    */                                                                                      /* NEW */
    .category-latest .category-latest-container .category-latest-row {
        margin: 0px !important;
        padding: 5px 0px !important;
    }
    .category-latest .category-latest-container .category-latest-row .discussion-metadata {
        margin: 5px 0px !important;
    }
    .category-latest .category-latest-container .category-latest-row .discussion-title a {
        font-size: 100% !important;
        font-weight: 500 !important;
        color: rgb(0, 136, 204) !important;
    }
    .category-latest .category-latest-container .category-latest-row:nth-child(odd) {
        background: rgb(247, 247, 247) !important;
    }
    .category-latest .category-latest-container .category-latest-row .read-full {
        display: none !important;
    }
    .category-latest .category-latest-container .category-latest-row .discussion-metadata .cell {
        margin-right: 15px !important;
    }
    .category-latest .category-latest-container .category-latest-row .discussion-metadata .cell a {
        color: rgb(0, 136, 204) !important;
        text-decoration: none !important;
    }
    
    .apple-space-overview #body-apple .list-page .ask-a-question-sidebar {
        margin: 0px 70px 10px 0px !important;
    }
    .apple-space-overview #body-apple .list-page .ask-a-question-sidebar .ask-a-question-space-icon {
        width: 128px !important;
        height: 128px !important;
    }
    .apple-space-overview #body-apple .list-page .ask-a-question-wrapper .community-siblings {
        padding: 5px 0px !important;
        font-size: 20px !important;
    }

    /* content filter (by type (solved|recommended|unanswered) & category) */
    .jive-content-filter {
        width: 20% !important;
        max-width: 250px !important;
        min-width: 100px !important;
        padding: 0px 10px 0px 0px !important;
    }
    .jive-content-filter h2 {
        margin-bottom: 15px !important;
        font-weight: 500 !important;
    }
    .jive-content-filter ul li { margin: 3px 0px !important; }
    .jive-content-filter ul li:nth-child(odd) { background: rgb(247, 247, 247) !important; }
    .jive-content-filter ul li a.jive-content-filter-highlight { background: rgb(230, 240, 230) !important; }
    /* ------------------ */
    

    /* show author name in 'Latest activity' column in detailed list view of threads */
    td.j-td-date > span { display : inherit !important; }

    /* main section */
    #j-main { padding: 0px !important; }

    /* table cell title */
    .jive-table td.jive-table-cell-title { padding: 5px !important; }
        
    /* thread list view column widths */                                            
    .j-browse-details .j-td-title { max-width: none !important; }
    .j-browse-details .j-td-date {
        width: auto !important; 
        max-width: 20% !important;
    }
    
    /* thread list view: read thread font weight */                                         /* NEW (feature restored) */
    .j-browse-details .j-td-title strong { font-weight: 600 !important; }
    

    @media all and ( max-width: 1099px )
    {
        /* ------------------
            Treatment for narrow window
            Hide Like and Bookmark columns in thread list view if viewport width <= 1098 (= 1265 - 166) 
        */                                                                              
        .j-browse-details .j-td-likes, 
        .j-browse-details .j-td-bookmarks { display: none !important; } 
        .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th, 
        .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }
        .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }
    }

    
    /* user name link */
    .jive-username-link { text-transform: none !important; }                        

    /* threads list view table tr td  */                                                    /* CHANGED */
    .j-browse-details-tbody tr td { padding: 2px !important; }

    /* threads list view left most icon */                                                  /* NEW */
    .j-browse-details-tbody .j-td-icon { padding: 0px 6px 0px !important; }
    
    /* communities list view table tr td */
    .jive-communities-listing table tr td { padding: 5px !important; }
    
    /* thumbnails view width */
    .j-browse-content .j-thumb-view, 
    .j-browse-places .j-browse-thumbnails, 
    .j-browse-people .j-browse-thumbnails { width: 100% !important; }
    
    /* thumbnail view list item margin */                                           
    .j-browse-content .j-thumb-view > li,
    .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
    
    /* thumbnail view article font size */                                                  /* NEW */
    .j-thumb article { font-size: inherit !important; }
    
    /* thunbnail view article header height */                                              /* NEW */
    .j-content-thumb header { height: 22px !important; }

    /* thumbnail view article header font size */                                           /* NEW */
    .j-thumb header h4.shrunk { font-size: 80% !important; }
    .j-browse-content .j-content-thumb header .icon {
        font-size: 16px !important;
        margin: 0px 8px 0px 0px !important;
    }
    
    /* thumbnail view article height */                                                     /* NEW */
    .j-browse-content .j-content-thumb article { height: 120px !important; }
    
    /* thumbnail view footer */                                                             /* NEW */
    .j-browse-content .j-content-thumb.j-thumb footer { padding: 4px 0px 0px !important; }  

    
    /* social actions row */
    .apple-social-actions-wrapper { margin-right: 0px !important; }
    .j-thread .j-social-actions { margin-right: 40px !important; }

    /* apple header, subheader row ("Find helpful contents..." etc )*/              
    #apple-full-subheader,
    #apple-activity-subheader {
        padding: 0px 40px 15px !important;
        margin-bottom: 15px !important;
    }
    #apple-full-header h2,
    #apple-activity-header h2 { padding: 0px 40px !important; }

    /* page header */
    .j-body-place #jive-body > header.j-page-header {
        margin-left: 40px !important;
        margin-right: 40px !important;
        width: auto !important;
    }
    
    /* pagenation */                                                                        /* NEW */
    .j-pagination-prevnext > .j-pagination-prev,
    .j-pagination-prevnext > .j-pagination-next { font-size: 0px !important; }  
    
    
    /* browser filter row */
    #j-browse-filters { margin-bottom: 5px !important; }

    /* browser controls row */
    .j-type-row { margin-bottom: 0px !important; }

    /* browser controls content types (All Contents|User Tips|Discussions) width */
    #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }
    
    /* browser controls view toggle (Thumbnails|Details) width */
    #js-browse-controls #j-item-view-toggle {
        width: 10% !important;
        display: table !important;
    }

    /* content filter row (All|Open|Answered|Threads) */
    .j-content-filter {
        background: white !important;
        margin-bottom: 10px !important;
    }   
    
    /* container canvas */
    .j-contained { 
        margin-left: 40px !important; 
        margin-right: 40px !important;
    }

    /* more search results available */
    #j-more-search-results-available { padding: 10px !important; }
    
    /* misc */
    .jive-widget { margin-bottom: 10px !important; }
    .j-column { margin-bottom: 10px !important; }


    @media all and ( min-width: 1265px )
    {
        /* ------------------
            Treatment for narrow window
            Method 1 (minimum optimisation)
    
            Adjust thread list table's shift and margin to maximize its width.
        */                                                                              
        .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }
        .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }
        .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
    }
    @media all and ( max-width: 1265px )
    {
        /* ------------------
            Treatment for narrow window
            Method 2 (more beneficial to narrow window but has disadvantage for wide window)
            
            Let thread list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
            If window is wide enough (>=1265px), sidebar ui is displayed next to thread list table,
            otherwise it is displayed below or above it (depending upon its document tree order).
            
            * sidebar width (constant)    = 166px
            * thread table max width      = 1019px
            * canvas margin-left          = 40px
            * canvas margin-right         = 40px
            ---------------------------------------
            * total                       = 1265px
        */                                                                              
        .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }
        .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
        .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }
        .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
    }


    /* ------------------
        Swap left-right positions of thread list table and sidebar ui (filters & actions)
    */                                                                              
    /* let thread list table float left */
    .j-layout-sl.j-browse-content .j-column-wrap-l, 
    .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }

    /* let sidebar ui float right */
    .j-layout-sl.j-browse-content .j-column-s, 
    .j-layout-sl.j-browse-places .j-column-s { float: right !important; }
    /* ------------------ */


    /* ------------------
        leader board
    */
    /* .jive-widget.jive-box.j-rc5.jive-widget-leaderboardwidget */
    
/*
    .jive-widget-leaderboardwidget {display: none !important; }                     
*/

    .jive-widget-leaderboardwidget { max-width: 1000px !important; }                        
    .jive-widget-leaderboardwidget .j-bigtab-nav .j-tabbar { padding-top: 10px !important; }
    .jive-widget-leaderboardwidget .jive-widget-topmembers.split-columns ul li { min-height: 0px !important; }
    .jive-widget-leaderboardwidget .top-member-username,
    .jive-widget-leaderboardwidget .top-member-username * { font-size: inherit !important; }
    .jive-widget-leaderboardwidget .top-member-username { margin-left: 15px !important; }
    .jive-widget-leaderboardwidget .user-level-points {
        font-size: 18px !important;
        margin: 14px 0px !important;
        width: 60px !important;
        height: 30px !important;
        padding: 8px 0px 0px !important;
    }
    .jive-widget-leaderboardwidget .top-member-profile-info { width: 80% !important; }
    .jive-widget-leaderboardwidget .top-member-profile-info > a {
        border-radius: 0% !important;
        width: 60px !important;
        height: 60px !important;
    }
    .jive-widget-leaderboardwidget .top-member-username a.jiveTT-hover-user { width: auto !important; }
    .jive-widget-leaderboardwidget .pagination-class { margin-top: 30px !important; }
    /* ------------------ */


    /* article list
        .j-rc5 is used to identify this list
        e.g., https://discussions.apple.com/article/HT1939 */                       
    .j-layout-sl.j-browse-content.j-rc5 #jive-body-maincol { margin: 0px 0px 0px 166px !important; }


    /* ------------------------------------------------------------------------------------------------
        THREAD CONTENT BROWSER
    */
    /* thread header */
    .apple-thread-header {
        width: auto !important;
        margin-bottom: 10px !important;
        margin-left: 40px !important;
    }

    /* thread message */                                                                    /* NEW */
    .j-thread .jive-content .j-thread-post .jive-rendered-content {
        font-size:   inherit !important;
    }
    .j-thread #body-apple .jive-thread-messages h2.helpful-allreply,
    .j-thread #body-apple #helpful-container,
    .j-thread #body-apple .j-thread-post > header .j-post-author,
    .j-thread #body-apple .thread-container-wrapper,
    .j-thread #body-apple .all-replies-container,
    .j-thread #body-apple #j-main #jive-breadcrumb,
    .j-thread #body-apple .addReply,
    .j-thread #body-apple #jive-body-intro-content {
        max-width: inherit !important;
        margin: 10px 40px !important;
    }
    .j-inresponse-to {
        font-size: inherit !important;
    }
    .j-thread .jive-content .j-thread-post > header,
    .j-thread .jive-content .j-thread-post > h3.header {
        margin: 15px 0px 10px 0px !important;
    }


    /* thread original messeage (question) */                                               /* NEW */
    .j-thread-post section.j-original-message {
        margin: 0px 30px !important;
        padding: 15px 10px !important;
        border-style: dotted !important;
        border-width: thin !important;
        background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
    }
    .j-thread-post section.j-original-message h1 {
        max-width: inherit !important;
        margin: 0px 60px 20px 60px !important;
    }
    .j-thread-post section.j-original-message .jive-rendered-content {
        max-width: inherit !important;
        margin: 0px 25px !important;
    }
    
    /* original poster profile header */
    .j-thread .jive-content .j-thread-post > header.js-original-header {
        max-width: inherit !important;
        margin: 0px 40px !important;
        padding: 5px !important;
    }

    .j-thread-post section .thread-actions {
        max-width: inherit !important;
        margin: 0px 25px !important;
    }
    .j-original-message .jive-rendered-content p {
        font-size:   inherit !important;
    }
    .meta-posted {
        max-width: inherit !important;
        margin: 10px 25px 20px !important;
    }
    /* Q mark */
    .j-original-message h1 .q-marker {
        left: -60px !important;
        font-size: 32px !important;
    }
    

    /* answer rollup */                                                                     /* NEW */
    .j-answer-rollup.span-full-width {
        background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
        padding-bottom: 10px !important;
        margin: 20px 0px 0px 0px !important;
        border: 1px solid rgb(45, 184, 71) !important;
    }
    .j-inline-correct-answer {
        padding: 0px !important;
        max-width: inherit !important;
        margin: 0px 10px !important;
    }
    .j-inline-correct-answer section {
        margin: 10px 0px !important;
    }
    /* A mark */
    .j-inline-correct-answer .answer-marker {
        left: 0px !important;
        font-size: 32px !important;
    }
    

    /* persistent question shown at top */                                                  /* NEW */
    .persist-question.persist { display: none !important; }

    
    /* Solved and Helpful marker text */                                                    /* NEW */
    .j-thread-post header .j-correct-text, 
    .j-thread-post h3.header .j-correct-text,
    .j-thread-post header .j-helpful-text, 
    .j-thread-post h3.header .j-helpful-text {
        font-size: 22px !important;
        background: none repeat scroll 0% 0% transparent !important;
        border-style: none !important;
        margin: 0px !important;
        padding: 10px !important;
    }

    
    /* thread content */                                                                    /* CHANGED */
    .j-thread .jive-content { margin: 0px 10px 0px 10px !important; }

    
    /* thread replies ul */
    ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
    
    /* thread reply li */
    .jive-discussion-replies li.reply { margin-top: 15px !important; }


    /* thread message border */                                                             /* NEW */
    .jive-discussion-replies li.reply .jive-thread-message {
        border-style: dotted !important;
        border-width: thin !important;
    }


    /* orgininal poster comment background */                                               /* NEW */
    .original-poster-comment {
        background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
        top:    0px !important;
        right:  0px !important;
        bottom: 0px !important;
        left:   0px !important;
    }


    /* pagenation */                                                                        /* NEW */
    .j-thread .jive-thread-messages .j-pagination {
        margin: 30px 0px !important;
    }


    /* promoted helpful answer and prompted recommended answer */                           /* NEW */
    .j-inline-promoted-helpful-answer,
    .j-inline-recommended-answer {
        background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;
        padding: 15px 10px 5px 10px !important;
        margin: 0px 10px 15px 10px !important;
        border-style: dotted !important;
        border-width: thin !important;
    }
    .j-inline-promoted-helpful-answer p {
        margin: 0px !important;
    }
    .j-inline-promoted-helpful-answer header .reply-date,
    .j-inline-promoted-helpful-answer h3.header .reply-date,
    .j-inline-recommended-answer header .reply-date,
    .j-inline-recommended-answer h3.header .reply-date {
        font-size: inherit !important;
        margin: 10px 0px !important;
    }
    .j-inline-promoted-helpful-answer header .j-helpful-text,
    .j-inline-promoted-helpful-answer h3.header .j-helpful-text,
    .j-inline-recommended-answer header .j-helpful-text,
    .j-inline-recommended-answer h3.header .j-helpful-text {
        font-size: 22px !important;
        background: none repeat scroll 0% 0% transparent !important;
        border-style: none !important;
        margin: 0px !important;
    }
    .j-inline-promoted-helpful-answer section .reply-body,
    .j-inline-recommended-answer section .reply-body {
        font-size: inherit !important;
        margin-bottom: 20px !important;
    }
    .j-inline-promoted-helpful-answer section,
    .j-inline-recommended-answer section {
        padding: 0px 20px !important;
    }
    #helpful-container { padding-top: 0px !important; }
    #helpful-container hr { margin: 10px !important; }
    #helpful-container .more-answers { margin: 0px !important; }
    #helpful-container .more-answers * { font-size: 24px !important; }


    /* inline correct answer, helpful answer background */                                  /* NEW */
    div[itemprop="acceptedAnswer"] {
        background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
    }
    .j-thread .jive-content.j-helpful, 
    .j-thread .jive-content.j-helpful.j-op {
        background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;
    }


    /* switch between 'hellpful replies only' and 'all replies' */                          /* NEW */
    .jive-thread-messages .helpful-all-switch * {   
        font-size: 24px !important;
    }
    .jive-thread-messages .helpful-all-switch li.inactive {
        padding: 0px !important;
        top: 32px !important;
    }
    .jive-thread-messages .helpful-all-switch li.inactive span.menu {
        width: auto  !important;
        min-width: 160px !important;
        padding: 5px  !important;
        text-align: center !important;
    }
    

    /* thread content footer profile */                                                     /* NEW */
    .j-thread-post section.j-original-message footer .footer-profile {
        margin-right: 10px !important;
    }
    .j-thread-post footer .footer-profile {
        margin-right: -10px !important;
    }
    .j-thread-post footer .footer-profile .j-status-level {
        padding: 0px 10px 0px 0px !important;
    }
    .j-thread-post footer .footer-profile .username,
    .j-thread-post footer .footer-profile .jive-username-link {
        padding: 0px 10px 0px 10px !important;
        max-width: 250px !important;
    }
    .j-inline-correct-answer footer .footer-profile .j-status-levels,
    .j-inline-promoted-helpful-answer footer .footer-profile .j-status-levels,
    .j-inline-recommended-answer footer .footer-profile .j-status-levels {
        padding: 0px 10px 0px 0px !important;
    }
    .j-inline-correct-answer footer .footer-profile .username,
    .j-inline-promoted-helpful-answer footer .footer-profile .username,
    .j-inline-recommended-answer footer .footer-profile .username {
        padding: 0px 10px 0px 10px !important;
        max-width: 250px !important;
    }


    /* text wrap in header */
    .j-thread-post > header .j-post-author { white-space: normal !important; }      
    
    /* thread post section (message body) */
    .j-thread-post section {
        padding: 0px 20px !important;
        margin-bottom: 15px !important;                                                     /* CHANGED */
    }
    

    /* thread rendered content */
    .jive-rendered-content { padding-bottom: 4px !important; }
    
    /* thread rendered content quote & pre */
    .jive-rendered-content .jive-quote, 
    .jive-rendered-content .jive-pre {
        margin: 5px 15px !important;
    }

    /* thread reply footer (Return to Community | Go to original post) */
    #jive-thread-reply-footer { margin-top: 10px !important; }
    
    /* more like this links, incomming links */
    #apple-related-threads { margin: 0px 40px !important; }
    #apple-related-threads .j-box { margin-bottom: 0px !important; }
    .j-icon-list li { padding: 3px 0px 3px 22px !important; }

    /* related articles */                                                          
    .apple-sidebar-property {
        width: auto !important;
        padding-left: 0px !important;
    }
    .jive-box-body.jive-sidebar-body.jive-sidebar-body-related-articles { padding: 15px 0px !important; }
    

    /* ------------------
        staus level, expertise, level points
    */
    /* status level expertise tile */
    .j-status-level.expertise-tile,
    .status-tile.expertise-tile { display: none !important; }                   
    
    /* status level level points */
    .j-status-level .level-points span { display: inherit !important; }             
    .j-status-level .level-points { white-space: inherit !important; }              
    /* ------------------ */


    /* ------------------------------------------------------------------------------------------------
        INLINE EDITOR
    */
    /* editor */
    .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }


    /* ------------------------------------------------------------------------------------------------
        ADVANCED EDITOR
    */

    /* content area */
    .j-thread.jive-body-formpage #body-apple .j-form {
        max-width: inherit !important;
        margin: 0px auto 20px !important;
        width: inherit !important;
    }
    .j-thread .jive-content.jive-create-thread, 
    .jive-body-formpage-document .jive-content.doc-page {
        margin: 0px 40px !important;
        padding: 0px !important;
    }


    /* editor panel */
    .j-thread .jive-content.jive-create-thread #jive-compose-title, 
    .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel, 
    .jive-body-formpage-document .jive-content.doc-page #jive-compose-title, 
    .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }

    /* line height in editor */
    body.tiny_mce_content { line-height: inherit !important; }

    /* replying to */
    p.jive-replying-to { padding: 20px 0px !important; }
    .jive-body-formpage-comment .jive-thread-message { margin: 0px 40px 0px 80px !important; }

    /* reply to avatar */
    .j-thread-post header .j-post-avatar {
        position: absolute !important;
        top: 0px !important;
        left: -50px !important;
        width: auto !important;
    }
    
    /* buttons (Reply|Cancel) */
    .j-publishbar, 
    .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }


    /* ------------------------------------------------------------------------------------------------
        ACTIVITY STREAM
    */
    /* activity entry */
    .j-act-entry { padding: 5px 0px 10px 100px !important; }

    /* activity title */
    .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }

    /* activity body & comment */                                                   
    .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
    .apple-activity-comments-wrapper { margin-left: 0px !important; }

    /* Like list */
    .j-act-grouped .j-act-g-item { padding: 3px !important; }
    
    
    /* ------------------------------------------------------------------------------------------------
        SEARCH RESULTS
    */
    /* search result entry */
    .j-search-results-main-container .j-search-result { padding: 10px !important; } 


    /* ------------------------------------------------------------------------------------------------
        DOC (USER TIP)
    */                                                                              
    /* user tip canvas */
    .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }

    /* user tip border etc */                                                               /* NEW */
    .j-doc .jive-content {
        margin: 0px !important;
        padding: 10px !important;
        border: thin dotted !important;
    }


    /* ------------------------------------------------------------------------------------------------
        BLOG (MODERATOR TIP)
    */                                                                                      /* NEW */                                                                       
    /* blog canvas */
    .jive-body-content.j-blog .j-column-wrap-l { margin: 0px 40px !important; }
    
    /* blog border etc */
    .jive-content-blog {
        margin: 0px !important;
        padding: 10px !important;
        border: thin dotted !important;
        border-radius: 0px !important;
    }


    /* ------------------------------------------------------------------------------------------------
        UNAUTHORIZED (WARNING)
    */                                                                                      /* NEW */                                                                       
    /* unauthorized error message */
    .jive-body-warn.jive-body-unathorized #j-main { margin: 0px 40px !important; }

    
    /* ------------------------------------------------------------------------------------------------
        PROFILE
    */                                                                              
    /* header & navigation bar (Bio|Activity|People|Content|Communities|Bookmarks) */
    .j-view-profile .j-page-header { padding: 10px 40px !important; }
    .j-bigtab-nav { margin: 10px 40px !important; }
    
    /* filter ui current selection blue marker */                                           /* NEW */
    .j-view-profile .j-second-nav ul > li.active {
        display: none !important;
    }

    /* ------------------
        Bio
    */
    .j-layout-l .j-column-wrap-l { width: 100% !important; }
    
    /* ------------------
        profile specialties and awards
    */
    /* profile status container for specialties and awards */                               /* REFINED (rule) */
    .jive-view-profile .profile-status-container { display: none !important; }

    /* profile modal note status row for specialties and awards */
    .status-row { display: none !important; }                                       
    /* ------------------ */


    /* ------------------
        Content
    */                                                                                      /* NEW */
    /* browser control ui */
    .j-view-profile .j-layout-sl.j-browse-content .j-column-s #js-browse-controls {
        margin: 25px 0px 0px -166px !important;
    }